@norges-domstoler/dds-components 23.1.2 → 23.2.0

package/dist/index.d.mts

@@ -503,606 +503,216 @@ declare const DropdownHeader: ({ className, ...rest }: DropdownHeaderProps) => r
  */
 declare const HiddenInput: ({ className, ...rest }: ComponentPropsWithRef<"input">) => react.JSX.Element;
 
+type StylelessListProps<TProps extends object = object> = TProps & ComponentPropsWithRef<'ul'>;
 /**
- * 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.
+ * Normalisert `<ul>` uten styling. Base for custom ul styling.
  *
- * @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`.
+ * @component
+ * @template T ekstra props ved behov.
+ * @param {Object & T} props - Standard HTML-attributter for komponenten med mulig utvidelse.
+ *
+ * @returns {JSX.Element} `<ul>`-element uten styling.
+
  * @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>;
- * }
+ *  <StylelessList className="min-styling">
+ *    <li>item</li>
+ *    <li>item</li>
+ *  </StylelessList>
  * ```
-
  */
-declare function useCallbackRef<T extends (...args: Array<never>) => unknown>(callback: T | undefined, deps?: DependencyList): T;
-
+declare const StylelessList: ({ className, ...rest }: StylelessListProps) => react.JSX.Element;
+type StylelessOListProps<TProps extends object = object> = TProps & ComponentPropsWithRef<'ol'>;
 /**
- * Kombinerer refs for et element.
+ * Normalisert `<ol>` uten styling. Base for custom ol styling.
  *
- * @template T elementet som refereres til.
- * @param {Array<Ref<T> | undefined>} refs array med refs.
- * @returns {RefCallback<T>} callback med kombinerte refs.
+ * @component
+ * @template T ekstra props ved behov.
+ * @param {Object & T} props - Standard HTML-attributter for komponenten med mulig utvidelse.
+ *
+ * @returns {JSX.Element} `<ol>`-element uten styling.
+
  * @example
  * ```tsx
- * function MyComponent(ref) {
- *
- *  const itemRef = useRef<HTMLDivElement>(null);
- *  const combinedRef = useCombinedRef(ref, itemRef);
- *
- *  return <div ref={combinedRef}>innhold</div>
- * });
+ *  <StylelessOList className="min-styling">
+ *    <li>item</li>
+ *    <li>item</li>
+ *  </StylelessOList>
  * ```
  */
-declare function useCombinedRef<T>(...refs: Array<Ref<T> | undefined>): RefCallback<T>;
+declare const StylelessOList: ({ className, ...rest }: StylelessOListProps) => react.JSX.Element;
 
-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.
+ * Styling utils i TS (CSS-in-JS)
  */
 /**
- * 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"
- *    />
- *  ) };
- * ```
+ * DDS utils
  */
-declare function useControllableState<T>(props: UseControllableStateProps<T>): [T, Dispatch<SetStateAction<T>>];
+declare const outlineOffset = "var(--dds-spacing-x0-125)";
+declare const outlineInset = "calc(var(--dds-spacing-x0-125) * -1)";
+declare const focusVisible: {
+    outline: string;
+    outlineOffset: string;
+    boxShadow: string;
+};
+declare const focusVisibleTransitionValue = "outline-offset var(--dds-motion-micro-state)";
+declare const focusVisibleInset: {
+    outline: string;
+    outlineOffset: string;
+};
+declare const scrollbarStyling: {
+    scrollbarColor: string;
+    scrollbarWidth: "thin";
+};
 /**
- * The `useControllableGroupState` hook returns the group value and handleChange function to control it.
+ * Generelle utils
  */
-interface UseControllableGroupStateProps<T> extends Pick<UseControllableStateProps<T>, 'defaultValue' | 'value'> {
-    onChange?: (event: ChangeEvent<HTMLInputElement>, value: T) => void;
+declare const hideInput: {
+    clip: string;
+    position: string;
+    height: string;
+    width: string;
+    margin: number;
+};
+declare const inheritLinkStyling: {
+    color: string;
+    textDecoration: string;
+};
+declare const removeButtonStyling: {
+    background: string;
+    color: string;
+    border: string;
+    padding: number;
+    font: string;
+    cursor: string;
+    outline: string;
+};
+declare const removeListStyling: {
+    listStyle: string;
+    padding: number;
+    margin: number;
+};
+declare const normalizeButton: {
+    margin: number;
+    textTransform: Property.TextTransform;
+};
+
+declare const BREAKPOINTS: readonly ["xs", "sm", "md", "lg", "xl"];
+type Breakpoint = (typeof BREAKPOINTS)[number];
+declare const SPACING_SCALES: readonly ["x0", "x0.125", "x0.25", "x0.5", "x0.75", "x1", "x1.5", "x2", "x2.5", "x3", "x4", "x6", "x10"];
+type SpacingScale = (typeof SPACING_SCALES)[number];
+interface PrimitiveDisplayProps {
+    /** Skjuler komponenten fra og med det angitte brekkpunktet og nedover. */
+    hideBelow?: Breakpoint;
+    /** Viser komponenten kun under det angitte brekkpunktet. */
+    showBelow?: Breakpoint;
 }
-declare function useControllableGroupState<T>(props: UseControllableGroupStateProps<T>): {
-    groupValue: T | undefined;
-    handleChange: (e: ChangeEvent<HTMLInputElement>) => void;
+type BreakpointBasedProp<T> = Partial<Record<Breakpoint, T>>;
+type ResponsiveProp<T> = T | BreakpointBasedProp<T>;
+interface PrimitiveLayoutProps {
+    /** CSS `width`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    width?: ResponsiveProp<Property.Width>;
+    /** CSS `max-width`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    maxWidth?: ResponsiveProp<Property.MaxWidth>;
+    /** CSS `min-width`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    minWidth?: ResponsiveProp<Property.MinWidth>;
+    /** CSS `height`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    height?: ResponsiveProp<Property.Height>;
+    /** CSS `max-height`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    maxHeight?: ResponsiveProp<Property.MaxHeight>;
+    /** CSS `min-height`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    minHeight?: ResponsiveProp<Property.MinHeight>;
+    /** CSS `overflow`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    overflow?: ResponsiveProp<Property.Overflow>;
+    /** CSS `overflow-y`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    overflowY?: ResponsiveProp<Property.OverflowY>;
+    /** CSS `overflow-x`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    overflowX?: ResponsiveProp<Property.OverflowX>;
+    /** CSS `position`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    position?: ResponsiveProp<Property.Position>;
+    /** CSS `top`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
+    top?: ResponsiveProp<Property.Top | SpacingScale>;
+    /** CSS `bottom`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
+    bottom?: ResponsiveProp<Property.Bottom | SpacingScale>;
+    /** CSS `left`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
+    left?: ResponsiveProp<Property.Left | SpacingScale>;
+    /** CSS `right`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
+    right?: ResponsiveProp<Property.Right | SpacingScale>;
+    /** CSS `padding`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
+    padding?: ResponsiveProp<Property.Padding | SpacingScale>;
+    /** CSS `padding-inline`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
+    paddingInline?: ResponsiveProp<Property.PaddingInline | SpacingScale>;
+    /** CSS `padding-block`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
+    paddingBlock?: ResponsiveProp<Property.PaddingBlock | SpacingScale>;
+    /** CSS `margin`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
+    margin?: ResponsiveProp<Property.Margin | SpacingScale>;
+    /** CSS `margin-inline`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
+    marginInline?: ResponsiveProp<Property.MarginInline | SpacingScale>;
+    /** CSS `margin-block`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
+    marginBlock?: ResponsiveProp<Property.MarginBlock | SpacingScale>;
+    /** CSS `display`.  Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    display?: ResponsiveProp<Property.Display>;
+    /** CSS `flex-direction`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    flexDirection?: ResponsiveProp<Property.FlexDirection>;
+    /** CSS `flex-basis`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    flexBasis?: ResponsiveProp<Property.FlexBasis>;
+    /** CSS `flex-wrap`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    flexWrap?: ResponsiveProp<Property.FlexWrap>;
+    /** CSS `flex-flow`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    flexFlow?: ResponsiveProp<Property.FlexFlow>;
+    /** CSS `align-items`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    alignItems?: ResponsiveProp<Property.AlignItems>;
+    /** CSS `justify-items`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    justifyItems?: ResponsiveProp<Property.JustifyItems>;
+    /** CSS `place-items`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    placeItems?: ResponsiveProp<Property.PlaceItems>;
+    /** CSS `align-content`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    alignContent?: ResponsiveProp<Property.AlignContent>;
+    /** CSS `justify-content`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    justifyContent?: ResponsiveProp<Property.JustifyContent>;
+    /** CSS `text-align`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser. */
+    textAlign?: ResponsiveProp<Property.TextAlign>;
+    /** CSS `gap`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
+    gap?: ResponsiveProp<Property.Gap | SpacingScale>;
+    /** CSS `row-gap`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
+    rowGap?: ResponsiveProp<Property.RowGap | SpacingScale>;
+    /** CSS `column-gap`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
+    columnGap?: ResponsiveProp<Property.ColumnGap | SpacingScale>;
+    /** CSS `word-break`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    wordBreak?: ResponsiveProp<Property.WordBreak>;
+}
+type ResponsiveProps = PrimitiveDisplayProps & PrimitiveLayoutProps;
+type ResponsiveStackProps = Omit<ResponsiveProps, 'display' | 'flexDirection'>;
+type ResponsiveGridProps = Omit<ResponsiveProps, 'display'> & {
+    /** CSS `display`.  Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    display?: ExtractStrict<Property.Display, 'grid' | 'inline-grid'>;
+    /** CSS `grid-template-columns`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser. */
+    gridTemplateColumns?: ResponsiveProp<Property.GridTemplateColumns>;
+    /** CSS `grid`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser. */
+    grid?: ResponsiveProp<Property.Grid>;
+    /** CSS `grid-auto-columns`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser. */
+    gridAutoColumns?: ResponsiveProp<Property.GridAutoColumns>;
+    /** CSS `grid-auto-rows`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser. */
+    gridAutoRows?: ResponsiveProp<Property.GridAutoRows>;
+    /** CSS `grid-auto-flow`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser. */
+    gridAutoFlow?: ResponsiveProp<Property.GridAutoFlow>;
+    /** CSS `grid-template-rows`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser. */
+    gridTemplateRows?: ResponsiveProp<Property.GridTemplateRows>;
+    /** CSS `grid-template`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser. */
+    gridTemplate?: ResponsiveProp<Property.GridTemplate>;
+    /** CSS `grid-template-areas`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser. */
+    gridTemplateAreas?: ResponsiveProp<Property.GridTemplateAreas>;
+};
+type ResponsiveBleedProps = PrimitiveLayoutProps & {
+    /**Setter negativ CSS `margin-inline`, overskriver prop `marginInline`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
+    bleedMarginInline?: ResponsiveProp<Property.MarginInline | SpacingScale>;
+    /**Setter negativ CSS `margin-block`, overskriver prop `marginBlock`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
+    bleedMarginBlock?: ResponsiveProp<Property.MarginBlock | SpacingScale>;
 };
 
-type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
-interface UseFloatPositionOptions {
+type BleedProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, {
     /**
-     * Whether to update the position of the floating element on every animation frame if required.
-     * This is optimized for performance but can still be costly.
-     * @default true
-     */
-    animationFrame?: boolean;
-    /**
-     * `offset` is used to displace the floating element from its core placement.
-     * The value passed is logical, meaning its effect on the
-     * physical result is dependent on the writing direction (e.g. RTL).
-     * @default 8
-     */
-    offset?: number;
-    /**
-     * Where to place the floating element relative to its reference element.
-     * @default 'bottom'
-     */
-    placement?: Placement;
-}
-interface FloatingStyles {
-    position: Strategy;
-    top: number;
-    left: number;
-}
-interface UseFloatPosition {
-    refs: UseFloatingReturn['refs'];
-    isPositioned: boolean;
-    styles: {
-        floating: FloatingStyles;
-        arrow: {
-            [x: string]: string | number;
-            position: Strategy;
-            top: string | number;
-            left: string | number;
-            transform: string;
-        } | 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.
- * @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 [isOpen, setOpen] = useState(false);
- *  const componentRef = useFocusTrap<HTMLDivElement>(isOpen);
- *
- *  return isOpen ? <div ref={componentRef}><button>click</button></div> : null;
- *
- * }
- * ```
- */
-declare function useFocusTrap<T extends HTMLElement>(active: boolean, initialFocusRef?: RefObject<HTMLElement | null> | undefined): RefObject<T | null>;
-
-/**
- * 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.
- * @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;
- *  opacity: 0;
- * }
- *
- * .transitionedIn.mounted {
- *  opacity: 1;
- * }
- * ```
- * ```jsx
- * // JSX
- * function MyComponent(isMounted) {
- *
- * const hasTransitionedIn = useMountTransition(isMounted, 500);
- *
- *  return isMounted || hasTransitionedIn ? (
- *    <div
- *      className={`component ${hasTransitionedIn && 'transitionedIn'} ${isMounted && 'mounted'}`}
- *    >
- *      innhold
- *    </div>)
- *  : null;
- * };
- * ```
- */
-declare const useMountTransition: (isMounted: boolean, unmountDelay: number) => boolean;
-
-/**
- * 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 isOpen && <div ref={ref}>innhold</div>
- * };
- * ```
- */
-declare function useOnClickOutside(element: RefObject<HTMLElement | null> | Array<RefObject<HTMLElement | null> | undefined> | undefined, handler: (event: MouseEvent | TouchEvent) => void): void;
-
-/**
- * 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;
- * }
- * ```
- */
-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.
- * @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(false);
- *  const triggerRef = useRef<HTMLButtonElement>(null);
- *  const containerRef = useReturnFocusOnBlur<HTMLDivElement>(
- *    isOpen,
- *    () => setOpen(false),
- *    triggerRef.current,
- *  );
- *
- *  return (
- *    <div>
- *      <button
- *        ref={triggerRef}
- *        onClick={() => setOpen(true)}
- *      >
- *        Åpne popover
- *      </button>
- *      {isOpen &&
- *        <div ref={containerRef}>
- *          <button>1</button>
- *          <button>2</button>
- *        </div>
- *      }
- *    </div>
- *  )
- * }
- * ```
- */
-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`, 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';
- *
- * function MyComponent() {
- *  const [focusedIndex, setFocus] = useRoveFocus(elements.length);
- *
- *  return (
- *  <ul>
- *    {elements.map((element, index) => (
- *    <li key={element}>
- *      <RoveItem index={index} shouldFocus={focusedIndex === index} setFocus={setFocus}>{element.name}</RoveItem>
- *    </li>
- *    ))}
- *  </ul>)
- * }
- * ```
- */
-declare function useRoveFocus(size?: number, active?: boolean, direction?: Direction$1, noWrap?: boolean): [number, Dispatch<SetStateAction<number>>];
-
-declare enum ScreenSize {
-    XSmall = 0,
-    Small = 1,
-    Medium = 2,
-    Large = 3,
-    XLarge = 4
-}
-/**
- * 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>
- * }
- * ```
- */
-declare const useScreenSize: () => ScreenSize;
-
-/**
- * Kjører logikk når vindusstørrelsen endrer seg.
- * @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>;
- * }
- * ```
- */
-declare const useWindowResize: (handler: () => void) => void;
-
-declare const BREAKPOINTS: readonly ["xs", "sm", "md", "lg", "xl"];
-type Breakpoint = (typeof BREAKPOINTS)[number];
-declare const SPACING_SCALES: readonly ["x0", "x0.125", "x0.25", "x0.5", "x0.75", "x1", "x1.5", "x2", "x2.5", "x3", "x4", "x6", "x10"];
-type SpacingScale = (typeof SPACING_SCALES)[number];
-interface PrimitiveDisplayProps {
-    /** Skjuler komponenten fra og med det angitte brekkpunktet og nedover. */
-    hideBelow?: Breakpoint;
-    /** Viser komponenten kun under det angitte brekkpunktet. */
-    showBelow?: Breakpoint;
-}
-type BreakpointBasedProp<T> = Partial<Record<Breakpoint, T>>;
-type ResponsiveProp<T> = T | BreakpointBasedProp<T>;
-interface PrimitiveLayoutProps {
-    /** CSS `width`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    width?: ResponsiveProp<Property.Width>;
-    /** CSS `max-width`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    maxWidth?: ResponsiveProp<Property.MaxWidth>;
-    /** CSS `min-width`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    minWidth?: ResponsiveProp<Property.MinWidth>;
-    /** CSS `height`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    height?: ResponsiveProp<Property.Height>;
-    /** CSS `max-height`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    maxHeight?: ResponsiveProp<Property.MaxHeight>;
-    /** CSS `min-height`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    minHeight?: ResponsiveProp<Property.MinHeight>;
-    /** CSS `overflow`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    overflow?: ResponsiveProp<Property.Overflow>;
-    /** CSS `overflow-y`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    overflowY?: ResponsiveProp<Property.OverflowY>;
-    /** CSS `overflow-x`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    overflowX?: ResponsiveProp<Property.OverflowX>;
-    /** CSS `position`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    position?: ResponsiveProp<Property.Position>;
-    /** CSS `top`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
-    top?: ResponsiveProp<Property.Top | SpacingScale>;
-    /** CSS `bottom`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
-    bottom?: ResponsiveProp<Property.Bottom | SpacingScale>;
-    /** CSS `left`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
-    left?: ResponsiveProp<Property.Left | SpacingScale>;
-    /** CSS `right`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
-    right?: ResponsiveProp<Property.Right | SpacingScale>;
-    /** CSS `padding`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
-    padding?: ResponsiveProp<Property.Padding | SpacingScale>;
-    /** CSS `padding-inline`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
-    paddingInline?: ResponsiveProp<Property.PaddingInline | SpacingScale>;
-    /** CSS `padding-block`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
-    paddingBlock?: ResponsiveProp<Property.PaddingBlock | SpacingScale>;
-    /** CSS `margin`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
-    margin?: ResponsiveProp<Property.Margin | SpacingScale>;
-    /** CSS `margin-inline`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
-    marginInline?: ResponsiveProp<Property.MarginInline | SpacingScale>;
-    /** CSS `margin-block`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
-    marginBlock?: ResponsiveProp<Property.MarginBlock | SpacingScale>;
-    /** CSS `display`.  Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    display?: ResponsiveProp<Property.Display>;
-    /** CSS `flex-direction`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    flexDirection?: ResponsiveProp<Property.FlexDirection>;
-    /** CSS `flex-basis`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    flexBasis?: ResponsiveProp<Property.FlexBasis>;
-    /** CSS `flex-wrap`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    flexWrap?: ResponsiveProp<Property.FlexWrap>;
-    /** CSS `flex-flow`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    flexFlow?: ResponsiveProp<Property.FlexFlow>;
-    /** CSS `align-items`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    alignItems?: ResponsiveProp<Property.AlignItems>;
-    /** CSS `justify-items`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    justifyItems?: ResponsiveProp<Property.JustifyItems>;
-    /** CSS `place-items`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    placeItems?: ResponsiveProp<Property.PlaceItems>;
-    /** CSS `align-content`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    alignContent?: ResponsiveProp<Property.AlignContent>;
-    /** CSS `justify-content`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    justifyContent?: ResponsiveProp<Property.JustifyContent>;
-    /** CSS `text-align`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser. */
-    textAlign?: ResponsiveProp<Property.TextAlign>;
-    /** CSS `gap`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
-    gap?: ResponsiveProp<Property.Gap | SpacingScale>;
-    /** CSS `row-gap`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
-    rowGap?: ResponsiveProp<Property.RowGap | SpacingScale>;
-    /** CSS `column-gap`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
-    columnGap?: ResponsiveProp<Property.ColumnGap | SpacingScale>;
-    /** CSS `word-break`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
-    wordBreak?: ResponsiveProp<Property.WordBreak>;
-}
-type ResponsiveProps = PrimitiveDisplayProps & PrimitiveLayoutProps;
-type ResponsiveStackProps = Omit<ResponsiveProps, 'display' | 'flexDirection'>;
-type ResponsiveBleedProps = PrimitiveLayoutProps & {
-    /**Setter negativ CSS `margin-inline`, overskriver prop `marginInline`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
-    bleedMarginInline?: ResponsiveProp<Property.MarginInline | SpacingScale>;
-    /**Setter negativ CSS `margin-block`, overskriver prop `marginBlock`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
-    bleedMarginBlock?: ResponsiveProp<Property.MarginBlock | SpacingScale>;
-};
-
-declare const getLiteralScreenSize: (screenSize: ScreenSize) => Breakpoint;
-
-type StylelessListProps<TProps extends object = object> = TProps & ComponentPropsWithRef<'ul'>;
-/**
- * Normalisert `<ul>` uten styling. Base for custom ul styling.
- *
- * @component
- * @template T ekstra props ved behov.
- * @param {Object & T} props - Standard HTML-attributter for komponenten med mulig utvidelse.
- *
- * @returns {JSX.Element} `<ul>`-element uten styling.
-
- * @example
- * ```tsx
- *  <StylelessList className="min-styling">
- *    <li>item</li>
- *    <li>item</li>
- *  </StylelessList>
- * ```
- */
-declare const StylelessList: ({ className, ...rest }: StylelessListProps) => react.JSX.Element;
-type StylelessOListProps<TProps extends object = object> = TProps & ComponentPropsWithRef<'ol'>;
-/**
- * Normalisert `<ol>` uten styling. Base for custom ol styling.
- *
- * @component
- * @template T ekstra props ved behov.
- * @param {Object & T} props - Standard HTML-attributter for komponenten med mulig utvidelse.
- *
- * @returns {JSX.Element} `<ol>`-element uten styling.
-
- * @example
- * ```tsx
- *  <StylelessOList className="min-styling">
- *    <li>item</li>
- *    <li>item</li>
- *  </StylelessOList>
- * ```
- */
-declare const StylelessOList: ({ className, ...rest }: StylelessOListProps) => react.JSX.Element;
-
-/**
- * Styling utils i TS (CSS-in-JS)
- */
-/**
- * DDS utils
- */
-declare const outlineOffset = "var(--dds-spacing-x0-125)";
-declare const outlineInset = "calc(var(--dds-spacing-x0-125) * -1)";
-declare const focusVisible: {
-    outline: string;
-    outlineOffset: string;
-    boxShadow: string;
-};
-declare const focusVisibleTransitionValue = "outline-offset var(--dds-motion-micro-state)";
-declare const focusVisibleInset: {
-    outline: string;
-    outlineOffset: string;
-};
-declare const scrollbarStyling: {
-    scrollbarColor: string;
-    scrollbarWidth: "thin";
-};
-/**
- * Generelle utils
- */
-declare const hideInput: {
-    clip: string;
-    position: string;
-    height: string;
-    width: string;
-    margin: number;
-};
-declare const inheritLinkStyling: {
-    color: string;
-    textDecoration: string;
-};
-declare const removeButtonStyling: {
-    background: string;
-    color: string;
-    border: string;
-    padding: number;
-    font: string;
-    cursor: string;
-    outline: string;
-};
-declare const removeListStyling: {
-    listStyle: string;
-    padding: number;
-    margin: number;
-};
-declare const normalizeButton: {
-    margin: number;
-    textTransform: Property.TextTransform;
-};
-
-type BleedProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, {
-    /**
-     * Setter positiv padding som gjenspeiler negativ margin satt med `bleedMarginBlock` og `bleedMarginInline`. Overskriver `paddingInline` og `paddingBlock`.
+     * Setter positiv padding som gjenspeiler negativ margin satt med `bleedMarginBlock` og `bleedMarginInline`. Overskriver `paddingInline` og `paddingBlock`.
      */
     reflectivePadding?: boolean;
 } & ResponsiveBleedProps>;
@@ -1123,20 +733,25 @@ declare const Contrast: {
     displayName: string;
 };
 
-type GridProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, Omit<{
+type GridProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, {
     /** CSS `grid-template-columns`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser.
-     * @default {
-          xs: 'repeat(var(--dds-grid-xs-count), minmax(0, 1fr))',
-          sm: 'repeat(var(--dds-grid-sm-count), minmax(0, 1fr))',
-          md: 'repeat(var(--dds-grid-md-count), minmax(0, 1fr))',
-          lg: 'repeat(var(--dds-grid-lg-count), minmax(0, 1fr))',
-          xl: 'repeat(var(--dds-grid-xl-count), minmax(0, 1fr))',
-        }
+       * @default {
+      xs: 'repeat(var(--dds-grid-xs-count), minmax(0, 1fr))',
+      sm: 'repeat(var(--dds-grid-sm-count), minmax(0, 1fr))',
+      md: 'repeat(var(--dds-grid-md-count), minmax(0, 1fr))',
+      lg: 'repeat(var(--dds-grid-lg-count), minmax(0, 1fr))',
+      xl: 'repeat(var(--dds-grid-xl-count), minmax(0, 1fr))',
+      }
+      */
+    gridTemplateColumns?: ResponsiveGridProps['gridTemplateColumns'];
+    /** Om standard styling for sideoppsett skal brukes.
+     * Ved `true` settes overskrivbare standard verdier for `grid-template-columns`, `marginInline`, `rowGap` og `columnGap` som er tilpasset sideoppsett.
+     * @default true
      */
-    gridTemplateColumns?: ResponsiveProp<Property.GridTemplateColumns>;
-} & ResponsiveProps, 'display'>>;
+    defaultPageLayout?: boolean;
+} & ResponsiveGridProps>;
 declare const Grid: {
-    <T extends ElementType = "div">({ id, className, htmlProps, gridTemplateColumns, columnGap, rowGap, marginInline, style, ...rest }: GridProps<T>): react.JSX.Element;
+    <T extends ElementType = "div">({ id, className, htmlProps, defaultPageLayout, display, grid, gridAutoColumns, gridAutoFlow, gridAutoRows, gridTemplate, gridTemplateAreas, gridTemplateRows, gridTemplateColumns, columnGap, rowGap, marginInline, style, ...rest }: GridProps<T>): react.JSX.Element;
     displayName: string;
 };
 
@@ -1149,9 +764,11 @@ type GridChildProps<T extends ElementType = 'div'> = PolymorphicBaseComponentPro
     justifySelf?: ResponsiveProp<Property.JustifySelf>;
     /**CSS `grid-row`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
     gridRow?: ResponsiveProp<Property.GridRow>;
+    /**CSS `grid-area`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    gridArea?: ResponsiveProp<Property.GridArea>;
 } & Omit<ResponsiveProps, 'display'>>;
 declare const GridChild: {
-    <T extends ElementType = "div">({ id, className, htmlProps, style, gridRow, justifySelf, columnsOccupied, ...rest }: GridChildProps<T>): react.JSX.Element;
+    <T extends ElementType = "div">({ id, className, htmlProps, style, gridRow, gridArea, justifySelf, columnsOccupied, ...rest }: GridChildProps<T>): react.JSX.Element;
     displayName: string;
 };
 
@@ -1307,6 +924,8 @@ declare function FileAddIcon(props: SvgProps): react.JSX.Element;
 
 declare function FileShieldedIcon(props: SvgProps): react.JSX.Element;
 
+declare function FileSignedIcon(props: SvgProps): react.JSX.Element;
+
 declare function FileTextIcon(props: SvgProps): react.JSX.Element;
 
 declare function FilterIcon(props: SvgProps): react.JSX.Element;
@@ -1499,220 +1118,629 @@ declare function ZoomInIcon(props: SvgProps): react.JSX.Element;
 
 declare function ZoomOutIcon(props: SvgProps): react.JSX.Element;
 
-declare function BarChartIcon(props: SvgProps): react.JSX.Element;
+declare function BarChartIcon(props: SvgProps): react.JSX.Element;
+
+declare function BarChartBoxedIcon(props: SvgProps): react.JSX.Element;
+
+declare function LineChartIcon(props: SvgProps): react.JSX.Element;
+
+declare function TrendingUpIcon(props: SvgProps): react.JSX.Element;
+
+declare function TrendingDownIcon(props: SvgProps): react.JSX.Element;
+
+declare function HelpSimpleIcon(props: SvgProps): react.JSX.Element;
+
+declare const STATES: readonly ["up", "down"];
+type AnimatedChevronUpDownIconStates = (typeof STATES)[number];
+declare function AnimatedChevronUpDownIcon(props: SvgProps & {
+    iconState?: AnimatedChevronUpDownIconStates;
+}): react.JSX.Element;
+declare namespace AnimatedChevronUpDownIcon {
+    var states: readonly ["up", "down"];
+}
+
+declare function FlagIcon(props: SvgProps): react.JSX.Element;
+
+declare function FlagFilledIcon(props: SvgProps): react.JSX.Element;
+
+declare function LocationOffIcon(props: SvgProps): react.JSX.Element;
+
+declare function MapIcon(props: SvgProps): react.JSX.Element;
+
+declare function MoonIcon(props: SvgProps): react.JSX.Element;
+
+declare function NotebookPenIcon(props: SvgProps): react.JSX.Element;
+
+declare function StickyNoteIcon(props: SvgProps): react.JSX.Element;
+
+declare function SunIcon(props: SvgProps): react.JSX.Element;
 
-declare function BarChartBoxedIcon(props: SvgProps): react.JSX.Element;
+declare function SupportIcon(props: SvgProps): react.JSX.Element;
 
-declare function LineChartIcon(props: SvgProps): react.JSX.Element;
+declare const index_AddressShieldedIcon: typeof AddressShieldedIcon;
+declare const index_AgreementIcon: typeof AgreementIcon;
+declare const index_AnimatedChevronUpDownIcon: typeof AnimatedChevronUpDownIcon;
+type index_AnimatedChevronUpDownIconStates = AnimatedChevronUpDownIconStates;
+declare const index_AppsIcon: typeof AppsIcon;
+declare const index_ArchiveIcon: typeof ArchiveIcon;
+declare const index_ArrowDownIcon: typeof ArrowDownIcon;
+declare const index_ArrowLeftIcon: typeof ArrowLeftIcon;
+declare const index_ArrowRightIcon: typeof ArrowRightIcon;
+declare const index_ArrowUpIcon: typeof ArrowUpIcon;
+declare const index_AttachmentIcon: typeof AttachmentIcon;
+declare const index_BarChartBoxedIcon: typeof BarChartBoxedIcon;
+declare const index_BarChartIcon: typeof BarChartIcon;
+declare const index_BlockIcon: typeof BlockIcon;
+declare const index_BookIcon: typeof BookIcon;
+declare const index_BriefcaseIcon: typeof BriefcaseIcon;
+declare const index_BuildIcon: typeof BuildIcon;
+declare const index_BuildingIcon: typeof BuildingIcon;
+declare const index_CalendarIcon: typeof CalendarIcon;
+declare const index_CalendarMonthIcon: typeof CalendarMonthIcon;
+declare const index_CalendarViewDayIcon: typeof CalendarViewDayIcon;
+declare const index_CalendarViewMonthIcon: typeof CalendarViewMonthIcon;
+declare const index_CalendarViewWeekIcon: typeof CalendarViewWeekIcon;
+declare const index_CallIcon: typeof CallIcon;
+declare const index_CaringIcon: typeof CaringIcon;
+declare const index_ChatIcon: typeof ChatIcon;
+declare const index_CheckCircledIcon: typeof CheckCircledIcon;
+declare const index_CheckIcon: typeof CheckIcon;
+declare const index_ChecklistIcon: typeof ChecklistIcon;
+declare const index_ChevronDownIcon: typeof ChevronDownIcon;
+declare const index_ChevronFirstIcon: typeof ChevronFirstIcon;
+declare const index_ChevronLastIcon: typeof ChevronLastIcon;
+declare const index_ChevronLeftIcon: typeof ChevronLeftIcon;
+declare const index_ChevronRightIcon: typeof ChevronRightIcon;
+declare const index_ChevronUpIcon: typeof ChevronUpIcon;
+declare const index_CircleFilledIcon: typeof CircleFilledIcon;
+declare const index_CircleIcon: typeof CircleIcon;
+declare const index_CloseCircledIcon: typeof CloseCircledIcon;
+declare const index_CloseIcon: typeof CloseIcon;
+declare const index_CloseSmallIcon: typeof CloseSmallIcon;
+declare const index_CloudIcon: typeof CloudIcon;
+declare const index_CollapseIcon: typeof CollapseIcon;
+declare const index_CommentIcon: typeof CommentIcon;
+declare const index_CopyIcon: typeof CopyIcon;
+declare const index_CourtIcon: typeof CourtIcon;
+declare const index_DateRangeIcon: typeof DateRangeIcon;
+declare const index_DeathsIcon: typeof DeathsIcon;
+declare const index_DoubleChevronLeftIcon: typeof DoubleChevronLeftIcon;
+declare const index_DoubleChevronRightIcon: typeof DoubleChevronRightIcon;
+declare const index_DownloadDoneIcon: typeof DownloadDoneIcon;
+declare const index_DownloadIcon: typeof DownloadIcon;
+declare const index_DragHandleIcon: typeof DragHandleIcon;
+declare const index_EditAltIcon: typeof EditAltIcon;
+declare const index_EditIcon: typeof EditIcon;
+declare const index_ErrorIcon: typeof ErrorIcon;
+declare const index_ExclaimIcon: typeof ExclaimIcon;
+declare const index_ExpandIcon: typeof ExpandIcon;
+declare const index_FacebookIcon: typeof FacebookIcon;
+declare const index_FamilyIcon: typeof FamilyIcon;
+declare const index_FeedbackIcon: typeof FeedbackIcon;
+declare const index_FileAddIcon: typeof FileAddIcon;
+declare const index_FileIcon: typeof FileIcon;
+declare const index_FileShieldedIcon: typeof FileShieldedIcon;
+declare const index_FileSignedIcon: typeof FileSignedIcon;
+declare const index_FileTextIcon: typeof FileTextIcon;
+declare const index_FilterIcon: typeof FilterIcon;
+declare const index_FilterListIcon: typeof FilterListIcon;
+declare const index_FindInPageIcon: typeof FindInPageIcon;
+declare const index_FlagFilledIcon: typeof FlagFilledIcon;
+declare const index_FlagIcon: typeof FlagIcon;
+declare const index_FlickrIcon: typeof FlickrIcon;
+declare const index_FloppyDiskIcon: typeof FloppyDiskIcon;
+declare const index_FolderAddIcon: typeof FolderAddIcon;
+declare const index_FolderIcon: typeof FolderIcon;
+declare const index_FolderShieldedIcon: typeof FolderShieldedIcon;
+declare const index_FullscreenExitIcon: typeof FullscreenExitIcon;
+declare const index_FullscreenIcon: typeof FullscreenIcon;
+declare const index_GavelIcon: typeof GavelIcon;
+declare const index_GroupIcon: typeof GroupIcon;
+declare const index_GuardianIcon: typeof GuardianIcon;
+declare const index_HelpFilledIcon: typeof HelpFilledIcon;
+declare const index_HelpIcon: typeof HelpIcon;
+declare const index_HelpSimpleIcon: typeof HelpSimpleIcon;
+declare const index_HomeIcon: typeof HomeIcon;
+declare const index_HourglassEmptyIcon: typeof HourglassEmptyIcon;
+declare const index_ImageIcon: typeof ImageIcon;
+declare const index_InfoIcon: typeof InfoIcon;
+declare const index_InstagramIcon: typeof InstagramIcon;
+declare const index_JordskifterettIcon: typeof JordskifterettIcon;
+declare const index_JordskiftesakIcon: typeof JordskiftesakIcon;
+declare const index_KeyIcon: typeof KeyIcon;
+declare const index_LagmannsrettIcon: typeof LagmannsrettIcon;
+declare const index_LanguageIcon: typeof LanguageIcon;
+declare const index_LineChartIcon: typeof LineChartIcon;
+declare const index_LinkIcon: typeof LinkIcon;
+declare const index_LinkOffIcon: typeof LinkOffIcon;
+declare const index_LinkedInIcon: typeof LinkedInIcon;
+declare const index_ListAltIcon: typeof ListAltIcon;
+declare const index_ListIcon: typeof ListIcon;
+declare const index_LocationIcon: typeof LocationIcon;
+declare const index_LocationOffIcon: typeof LocationOffIcon;
+declare const index_LockFilledIcon: typeof LockFilledIcon;
+declare const index_LockIcon: typeof LockIcon;
+declare const index_LockOpenIcon: typeof LockOpenIcon;
+declare const index_LoginIcon: typeof LoginIcon;
+declare const index_LogoutIcon: typeof LogoutIcon;
+declare const index_MailIcon: typeof MailIcon;
+declare const index_MailOpenIcon: typeof MailOpenIcon;
+declare const index_MapIcon: typeof MapIcon;
+declare const index_MenuIcon: typeof MenuIcon;
+declare const index_MinusCircledIcon: typeof MinusCircledIcon;
+declare const index_MinusIcon: typeof MinusIcon;
+declare const index_MoonIcon: typeof MoonIcon;
+declare const index_MoreHorizontalIcon: typeof MoreHorizontalIcon;
+declare const index_MoreVerticalIcon: typeof MoreVerticalIcon;
+declare const index_NotarialIcon: typeof NotarialIcon;
+declare const index_NotebookPenIcon: typeof NotebookPenIcon;
+declare const index_NotificationsIcon: typeof NotificationsIcon;
+declare const index_NotificationsOffIcon: typeof NotificationsOffIcon;
+declare const index_OnlineMeetingIcon: typeof OnlineMeetingIcon;
+declare const index_OpenExternalIcon: typeof OpenExternalIcon;
+declare const index_PanelLeftIcon: typeof PanelLeftIcon;
+declare const index_PaperPlaneIcon: typeof PaperPlaneIcon;
+declare const index_PayoutIcon: typeof PayoutIcon;
+declare const index_PdfIcon: typeof PdfIcon;
+declare const index_PersonAddIcon: typeof PersonAddIcon;
+declare const index_PersonIcon: typeof PersonIcon;
+declare const index_PersonShieldedIcon: typeof PersonShieldedIcon;
+declare const index_PinIcon: typeof PinIcon;
+declare const index_PlusCircledIcon: typeof PlusCircledIcon;
+declare const index_PlusIcon: typeof PlusIcon;
+declare const index_PowerOfAttorneyIcon: typeof PowerOfAttorneyIcon;
+declare const index_PrintIcon: typeof PrintIcon;
+declare const index_PublishIcon: typeof PublishIcon;
+declare const index_QuestionAnswerIcon: typeof QuestionAnswerIcon;
+declare const index_ReceiptIcon: typeof ReceiptIcon;
+declare const index_RedoIcon: typeof RedoIcon;
+declare const index_RefreshIcon: typeof RefreshIcon;
+declare const index_ReplayIcon: typeof ReplayIcon;
+declare const index_RowsIcon: typeof RowsIcon;
+declare const index_ScaleIcon: typeof ScaleIcon;
+declare const index_SearchIcon: typeof SearchIcon;
+declare const index_SectionIcon: typeof SectionIcon;
+declare const index_SettingsIcon: typeof SettingsIcon;
+declare const index_SmsIcon: typeof SmsIcon;
+declare const index_StarFilledIcon: typeof StarFilledIcon;
+declare const index_StarHalfFilledIcon: typeof StarHalfFilledIcon;
+declare const index_StarIcon: typeof StarIcon;
+declare const index_StickyNoteIcon: typeof StickyNoteIcon;
+declare const index_SunIcon: typeof SunIcon;
+declare const index_SupportIcon: typeof SupportIcon;
+declare const index_SyncIcon: typeof SyncIcon;
+declare const index_ThumbDownFilledIcon: typeof ThumbDownFilledIcon;
+declare const index_ThumbDownIcon: typeof ThumbDownIcon;
+declare const index_ThumbUpFilledIcon: typeof ThumbUpFilledIcon;
+declare const index_ThumbUpIcon: typeof ThumbUpIcon;
+declare const index_TimeIcon: typeof TimeIcon;
+declare const index_TingrettIcon: typeof TingrettIcon;
+declare const index_TipIcon: typeof TipIcon;
+declare const index_TrashIcon: typeof TrashIcon;
+declare const index_TrendingDownIcon: typeof TrendingDownIcon;
+declare const index_TrendingUpIcon: typeof TrendingUpIcon;
+declare const index_UndoIcon: typeof UndoIcon;
+declare const index_UnfoldLessIcon: typeof UnfoldLessIcon;
+declare const index_UnfoldMoreIcon: typeof UnfoldMoreIcon;
+declare const index_UploadIcon: typeof UploadIcon;
+declare const index_VisibilityOffIcon: typeof VisibilityOffIcon;
+declare const index_VisibilityOnIcon: typeof VisibilityOnIcon;
+declare const index_WarningIcon: typeof WarningIcon;
+declare const index_WebexIcon: typeof WebexIcon;
+declare const index_XIcon: typeof XIcon;
+declare const index_ZoomInIcon: typeof ZoomInIcon;
+declare const index_ZoomOutIcon: typeof ZoomOutIcon;
+declare namespace index {
+  export { index_AddressShieldedIcon as AddressShieldedIcon, index_AgreementIcon as AgreementIcon, index_AnimatedChevronUpDownIcon as AnimatedChevronUpDownIcon, type index_AnimatedChevronUpDownIconStates as AnimatedChevronUpDownIconStates, index_AppsIcon as AppsIcon, index_ArchiveIcon as ArchiveIcon, index_ArrowDownIcon as ArrowDownIcon, index_ArrowLeftIcon as ArrowLeftIcon, index_ArrowRightIcon as ArrowRightIcon, index_ArrowUpIcon as ArrowUpIcon, index_AttachmentIcon as AttachmentIcon, index_BarChartBoxedIcon as BarChartBoxedIcon, index_BarChartIcon as BarChartIcon, index_BlockIcon as BlockIcon, index_BookIcon as BookIcon, index_BriefcaseIcon as BriefcaseIcon, index_BuildIcon as BuildIcon, index_BuildingIcon as BuildingIcon, index_CalendarIcon as CalendarIcon, index_CalendarMonthIcon as CalendarMonthIcon, index_CalendarViewDayIcon as CalendarViewDayIcon, index_CalendarViewMonthIcon as CalendarViewMonthIcon, index_CalendarViewWeekIcon as CalendarViewWeekIcon, index_CallIcon as CallIcon, index_CaringIcon as CaringIcon, index_ChatIcon as ChatIcon, index_CheckCircledIcon as CheckCircledIcon, index_CheckIcon as CheckIcon, index_ChecklistIcon as ChecklistIcon, index_ChevronDownIcon as ChevronDownIcon, index_ChevronFirstIcon as ChevronFirstIcon, index_ChevronLastIcon as ChevronLastIcon, index_ChevronLeftIcon as ChevronLeftIcon, index_ChevronRightIcon as ChevronRightIcon, index_ChevronUpIcon as ChevronUpIcon, index_CircleFilledIcon as CircleFilledIcon, index_CircleIcon as CircleIcon, index_CloseCircledIcon as CloseCircledIcon, index_CloseIcon as CloseIcon, index_CloseSmallIcon as CloseSmallIcon, index_CloudIcon as CloudIcon, index_CollapseIcon as CollapseIcon, index_CommentIcon as CommentIcon, index_CopyIcon as CopyIcon, index_CourtIcon as CourtIcon, index_DateRangeIcon as DateRangeIcon, index_DeathsIcon as DeathsIcon, index_DoubleChevronLeftIcon as DoubleChevronLeftIcon, index_DoubleChevronRightIcon as DoubleChevronRightIcon, index_DownloadDoneIcon as DownloadDoneIcon, index_DownloadIcon as DownloadIcon, index_DragHandleIcon as DragHandleIcon, index_EditAltIcon as EditAltIcon, index_EditIcon as EditIcon, index_ErrorIcon as ErrorIcon, index_ExclaimIcon as ExclaimIcon, index_ExpandIcon as ExpandIcon, index_FacebookIcon as FacebookIcon, index_FamilyIcon as FamilyIcon, index_FeedbackIcon as FeedbackIcon, index_FileAddIcon as FileAddIcon, index_FileIcon as FileIcon, index_FileShieldedIcon as FileShieldedIcon, index_FileSignedIcon as FileSignedIcon, index_FileTextIcon as FileTextIcon, index_FilterIcon as FilterIcon, index_FilterListIcon as FilterListIcon, index_FindInPageIcon as FindInPageIcon, index_FlagFilledIcon as FlagFilledIcon, index_FlagIcon as FlagIcon, index_FlickrIcon as FlickrIcon, index_FloppyDiskIcon as FloppyDiskIcon, index_FolderAddIcon as FolderAddIcon, index_FolderIcon as FolderIcon, index_FolderShieldedIcon as FolderShieldedIcon, index_FullscreenExitIcon as FullscreenExitIcon, index_FullscreenIcon as FullscreenIcon, index_GavelIcon as GavelIcon, index_GroupIcon as GroupIcon, index_GuardianIcon as GuardianIcon, index_HelpFilledIcon as HelpFilledIcon, index_HelpIcon as HelpIcon, index_HelpSimpleIcon as HelpSimpleIcon, index_HomeIcon as HomeIcon, index_HourglassEmptyIcon as HourglassEmptyIcon, index_ImageIcon as ImageIcon, index_InfoIcon as InfoIcon, index_InstagramIcon as InstagramIcon, index_JordskifterettIcon as JordskifterettIcon, index_JordskiftesakIcon as JordskiftesakIcon, index_KeyIcon as KeyIcon, index_LagmannsrettIcon as LagmannsrettIcon, index_LanguageIcon as LanguageIcon, index_LineChartIcon as LineChartIcon, index_LinkIcon as LinkIcon, index_LinkOffIcon as LinkOffIcon, index_LinkedInIcon as LinkedInIcon, index_ListAltIcon as ListAltIcon, index_ListIcon as ListIcon, index_LocationIcon as LocationIcon, index_LocationOffIcon as LocationOffIcon, index_LockFilledIcon as LockFilledIcon, index_LockIcon as LockIcon, index_LockOpenIcon as LockOpenIcon, index_LoginIcon as LoginIcon, index_LogoutIcon as LogoutIcon, index_MailIcon as MailIcon, index_MailOpenIcon as MailOpenIcon, index_MapIcon as MapIcon, index_MenuIcon as MenuIcon, index_MinusCircledIcon as MinusCircledIcon, index_MinusIcon as MinusIcon, index_MoonIcon as MoonIcon, index_MoreHorizontalIcon as MoreHorizontalIcon, index_MoreVerticalIcon as MoreVerticalIcon, index_NotarialIcon as NotarialIcon, index_NotebookPenIcon as NotebookPenIcon, index_NotificationsIcon as NotificationsIcon, index_NotificationsOffIcon as NotificationsOffIcon, index_OnlineMeetingIcon as OnlineMeetingIcon, index_OpenExternalIcon as OpenExternalIcon, index_PanelLeftIcon as PanelLeftIcon, index_PaperPlaneIcon as PaperPlaneIcon, index_PayoutIcon as PayoutIcon, index_PdfIcon as PdfIcon, index_PersonAddIcon as PersonAddIcon, index_PersonIcon as PersonIcon, index_PersonShieldedIcon as PersonShieldedIcon, index_PinIcon as PinIcon, index_PlusCircledIcon as PlusCircledIcon, index_PlusIcon as PlusIcon, index_PowerOfAttorneyIcon as PowerOfAttorneyIcon, index_PrintIcon as PrintIcon, index_PublishIcon as PublishIcon, index_QuestionAnswerIcon as QuestionAnswerIcon, index_ReceiptIcon as ReceiptIcon, index_RedoIcon as RedoIcon, index_RefreshIcon as RefreshIcon, index_ReplayIcon as ReplayIcon, index_RowsIcon as RowsIcon, index_ScaleIcon as ScaleIcon, index_SearchIcon as SearchIcon, index_SectionIcon as SectionIcon, index_SettingsIcon as SettingsIcon, index_SmsIcon as SmsIcon, index_StarFilledIcon as StarFilledIcon, index_StarHalfFilledIcon as StarHalfFilledIcon, index_StarIcon as StarIcon, index_StickyNoteIcon as StickyNoteIcon, index_SunIcon as SunIcon, index_SupportIcon as SupportIcon, index_SyncIcon as SyncIcon, index_ThumbDownFilledIcon as ThumbDownFilledIcon, index_ThumbDownIcon as ThumbDownIcon, index_ThumbUpFilledIcon as ThumbUpFilledIcon, index_ThumbUpIcon as ThumbUpIcon, index_TimeIcon as TimeIcon, index_TingrettIcon as TingrettIcon, index_TipIcon as TipIcon, index_TrashIcon as TrashIcon, index_TrendingDownIcon as TrendingDownIcon, index_TrendingUpIcon as TrendingUpIcon, index_UndoIcon as UndoIcon, index_UnfoldLessIcon as UnfoldLessIcon, index_UnfoldMoreIcon as UnfoldMoreIcon, index_UploadIcon as UploadIcon, index_VisibilityOffIcon as VisibilityOffIcon, index_VisibilityOnIcon as VisibilityOnIcon, index_WarningIcon as WarningIcon, index_WebexIcon as WebexIcon, index_XIcon as XIcon, index_ZoomInIcon as ZoomInIcon, index_ZoomOutIcon as ZoomOutIcon };
+}
 
-declare function TrendingUpIcon(props: SvgProps): react.JSX.Element;
+/**
+ * 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>;
+ * }
+ * ```
 
-declare function TrendingDownIcon(props: SvgProps): react.JSX.Element;
+ */
+declare function useCallbackRef<T extends (...args: Array<never>) => unknown>(callback: T | undefined, deps?: DependencyList): T;
 
-declare function HelpSimpleIcon(props: SvgProps): react.JSX.Element;
+/**
+ * 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}>innhold</div>
+ * });
+ * ```
+ */
+declare function useCombinedRef<T>(...refs: Array<Ref<T> | undefined>): RefCallback<T>;
 
-declare const STATES: readonly ["up", "down"];
-type AnimatedChevronUpDownIconStates = (typeof STATES)[number];
-declare function AnimatedChevronUpDownIcon(props: SvgProps & {
-    iconState?: AnimatedChevronUpDownIconStates;
-}): react.JSX.Element;
-declare namespace AnimatedChevronUpDownIcon {
-    var states: readonly ["up", "down"];
+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;
+};
 
-declare function FlagIcon(props: SvgProps): react.JSX.Element;
-
-declare function FlagFilledIcon(props: SvgProps): react.JSX.Element;
+type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+interface UseFloatPositionOptions {
+    /**
+     * Whether to update the position of the floating element on every animation frame if required.
+     * This is optimized for performance but can still be costly.
+     * @default true
+     */
+    animationFrame?: boolean;
+    /**
+     * `offset` is used to displace the floating element from its core placement.
+     * The value passed is logical, meaning its effect on the
+     * physical result is dependent on the writing direction (e.g. RTL).
+     * @default 8
+     */
+    offset?: number;
+    /**
+     * Where to place the floating element relative to its reference element.
+     * @default 'bottom'
+     */
+    placement?: Placement;
+}
+interface FloatingStyles {
+    position: Strategy;
+    top: number;
+    left: number;
+}
+interface UseFloatPosition {
+    refs: UseFloatingReturn['refs'];
+    isPositioned: boolean;
+    styles: {
+        floating: FloatingStyles;
+        arrow: {
+            [x: string]: string | number;
+            position: Strategy;
+            top: string | number;
+            left: string | number;
+            transform: string;
+        } | 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;
 
-declare function LocationOffIcon(props: SvgProps): react.JSX.Element;
+/**
+ * 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 [isOpen, setOpen] = useState(false);
+ *  const componentRef = useFocusTrap<HTMLDivElement>(isOpen);
+ *
+ *  return isOpen ? <div ref={componentRef}><button>click</button></div> : null;
+ *
+ * }
+ * ```
+ */
+declare function useFocusTrap<T extends HTMLElement>(active: boolean, initialFocusRef?: RefObject<HTMLElement | null> | undefined): RefObject<T | null>;
 
-declare function MapIcon(props: SvgProps): react.JSX.Element;
+/**
+ * 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);
 
-declare function MoonIcon(props: SvgProps): react.JSX.Element;
+/**
+ * Tillater effekter og animasjoner å bli gjennomført like etter et element blir lagt til eller like før det blir fjernet fra DOM.
+ * @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;
+ *  opacity: 0;
+ * }
+ *
+ * .transitionedIn.mounted {
+ *  opacity: 1;
+ * }
+ * ```
+ * ```jsx
+ * // JSX
+ * function MyComponent(isMounted) {
+ *
+ * const hasTransitionedIn = useMountTransition(isMounted, 500);
+ *
+ *  return isMounted || hasTransitionedIn ? (
+ *    <div
+ *      className={`component ${hasTransitionedIn && 'transitionedIn'} ${isMounted && 'mounted'}`}
+ *    >
+ *      innhold
+ *    </div>)
+ *  : null;
+ * };
+ * ```
+ */
+declare const useMountTransition: (isMounted: boolean, unmountDelay: number) => boolean;
 
-declare function NotebookPenIcon(props: SvgProps): react.JSX.Element;
+/**
+ * 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 isOpen && <div ref={ref}>innhold</div>
+ * };
+ * ```
+ */
+declare function useOnClickOutside(element: RefObject<HTMLElement | null> | Array<RefObject<HTMLElement | null> | undefined> | undefined, handler: (event: MouseEvent | TouchEvent) => void): void;
 
-declare function StickyNoteIcon(props: SvgProps): react.JSX.Element;
+/**
+ * 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;
+ * }
+ * ```
+ */
+declare const useOnKeyDown: (key: string | Array<string>, handler: (event: KeyboardEvent) => void) => void;
 
-declare function SunIcon(props: SvgProps): react.JSX.Element;
+/**
+ * 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(false);
+ *  const triggerRef = useRef<HTMLButtonElement>(null);
+ *  const containerRef = useReturnFocusOnBlur<HTMLDivElement>(
+ *    isOpen,
+ *    () => setOpen(false),
+ *    triggerRef.current,
+ *  );
+ *
+ *  return (
+ *    <div>
+ *      <button
+ *        ref={triggerRef}
+ *        onClick={() => setOpen(true)}
+ *      >
+ *        Åpne popover
+ *      </button>
+ *      {isOpen &&
+ *        <div ref={containerRef}>
+ *          <button>1</button>
+ *          <button>2</button>
+ *        </div>
+ *      }
+ *    </div>
+ *  )
+ * }
+ * ```
+ */
+declare function useReturnFocusOnBlur<T extends HTMLElement>(active: boolean, onBlur: () => void, triggerElement?: HTMLElement | null): RefObject<T | null>;
 
-declare function SupportIcon(props: SvgProps): react.JSX.Element;
+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`, 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';
+ *
+ * function MyComponent() {
+ *  const [focusedIndex, setFocus] = useRoveFocus(elements.length);
+ *
+ *  return (
+ *  <ul>
+ *    {elements.map((element, index) => (
+ *    <li key={element}>
+ *      <RoveItem index={index} shouldFocus={focusedIndex === index} setFocus={setFocus}>{element.name}</RoveItem>
+ *    </li>
+ *    ))}
+ *  </ul>)
+ * }
+ * ```
+ */
+declare function useRoveFocus(size?: number, active?: boolean, direction?: Direction$1, noWrap?: boolean): [number, Dispatch<SetStateAction<number>>];
 
-declare const index_AddressShieldedIcon: typeof AddressShieldedIcon;
-declare const index_AgreementIcon: typeof AgreementIcon;
-declare const index_AnimatedChevronUpDownIcon: typeof AnimatedChevronUpDownIcon;
-type index_AnimatedChevronUpDownIconStates = AnimatedChevronUpDownIconStates;
-declare const index_AppsIcon: typeof AppsIcon;
-declare const index_ArchiveIcon: typeof ArchiveIcon;
-declare const index_ArrowDownIcon: typeof ArrowDownIcon;
-declare const index_ArrowLeftIcon: typeof ArrowLeftIcon;
-declare const index_ArrowRightIcon: typeof ArrowRightIcon;
-declare const index_ArrowUpIcon: typeof ArrowUpIcon;
-declare const index_AttachmentIcon: typeof AttachmentIcon;
-declare const index_BarChartBoxedIcon: typeof BarChartBoxedIcon;
-declare const index_BarChartIcon: typeof BarChartIcon;
-declare const index_BlockIcon: typeof BlockIcon;
-declare const index_BookIcon: typeof BookIcon;
-declare const index_BriefcaseIcon: typeof BriefcaseIcon;
-declare const index_BuildIcon: typeof BuildIcon;
-declare const index_BuildingIcon: typeof BuildingIcon;
-declare const index_CalendarIcon: typeof CalendarIcon;
-declare const index_CalendarMonthIcon: typeof CalendarMonthIcon;
-declare const index_CalendarViewDayIcon: typeof CalendarViewDayIcon;
-declare const index_CalendarViewMonthIcon: typeof CalendarViewMonthIcon;
-declare const index_CalendarViewWeekIcon: typeof CalendarViewWeekIcon;
-declare const index_CallIcon: typeof CallIcon;
-declare const index_CaringIcon: typeof CaringIcon;
-declare const index_ChatIcon: typeof ChatIcon;
-declare const index_CheckCircledIcon: typeof CheckCircledIcon;
-declare const index_CheckIcon: typeof CheckIcon;
-declare const index_ChecklistIcon: typeof ChecklistIcon;
-declare const index_ChevronDownIcon: typeof ChevronDownIcon;
-declare const index_ChevronFirstIcon: typeof ChevronFirstIcon;
-declare const index_ChevronLastIcon: typeof ChevronLastIcon;
-declare const index_ChevronLeftIcon: typeof ChevronLeftIcon;
-declare const index_ChevronRightIcon: typeof ChevronRightIcon;
-declare const index_ChevronUpIcon: typeof ChevronUpIcon;
-declare const index_CircleFilledIcon: typeof CircleFilledIcon;
-declare const index_CircleIcon: typeof CircleIcon;
-declare const index_CloseCircledIcon: typeof CloseCircledIcon;
-declare const index_CloseIcon: typeof CloseIcon;
-declare const index_CloseSmallIcon: typeof CloseSmallIcon;
-declare const index_CloudIcon: typeof CloudIcon;
-declare const index_CollapseIcon: typeof CollapseIcon;
-declare const index_CommentIcon: typeof CommentIcon;
-declare const index_CopyIcon: typeof CopyIcon;
-declare const index_CourtIcon: typeof CourtIcon;
-declare const index_DateRangeIcon: typeof DateRangeIcon;
-declare const index_DeathsIcon: typeof DeathsIcon;
-declare const index_DoubleChevronLeftIcon: typeof DoubleChevronLeftIcon;
-declare const index_DoubleChevronRightIcon: typeof DoubleChevronRightIcon;
-declare const index_DownloadDoneIcon: typeof DownloadDoneIcon;
-declare const index_DownloadIcon: typeof DownloadIcon;
-declare const index_DragHandleIcon: typeof DragHandleIcon;
-declare const index_EditAltIcon: typeof EditAltIcon;
-declare const index_EditIcon: typeof EditIcon;
-declare const index_ErrorIcon: typeof ErrorIcon;
-declare const index_ExclaimIcon: typeof ExclaimIcon;
-declare const index_ExpandIcon: typeof ExpandIcon;
-declare const index_FacebookIcon: typeof FacebookIcon;
-declare const index_FamilyIcon: typeof FamilyIcon;
-declare const index_FeedbackIcon: typeof FeedbackIcon;
-declare const index_FileAddIcon: typeof FileAddIcon;
-declare const index_FileIcon: typeof FileIcon;
-declare const index_FileShieldedIcon: typeof FileShieldedIcon;
-declare const index_FileTextIcon: typeof FileTextIcon;
-declare const index_FilterIcon: typeof FilterIcon;
-declare const index_FilterListIcon: typeof FilterListIcon;
-declare const index_FindInPageIcon: typeof FindInPageIcon;
-declare const index_FlagFilledIcon: typeof FlagFilledIcon;
-declare const index_FlagIcon: typeof FlagIcon;
-declare const index_FlickrIcon: typeof FlickrIcon;
-declare const index_FloppyDiskIcon: typeof FloppyDiskIcon;
-declare const index_FolderAddIcon: typeof FolderAddIcon;
-declare const index_FolderIcon: typeof FolderIcon;
-declare const index_FolderShieldedIcon: typeof FolderShieldedIcon;
-declare const index_FullscreenExitIcon: typeof FullscreenExitIcon;
-declare const index_FullscreenIcon: typeof FullscreenIcon;
-declare const index_GavelIcon: typeof GavelIcon;
-declare const index_GroupIcon: typeof GroupIcon;
-declare const index_GuardianIcon: typeof GuardianIcon;
-declare const index_HelpFilledIcon: typeof HelpFilledIcon;
-declare const index_HelpIcon: typeof HelpIcon;
-declare const index_HelpSimpleIcon: typeof HelpSimpleIcon;
-declare const index_HomeIcon: typeof HomeIcon;
-declare const index_HourglassEmptyIcon: typeof HourglassEmptyIcon;
-declare const index_ImageIcon: typeof ImageIcon;
-declare const index_InfoIcon: typeof InfoIcon;
-declare const index_InstagramIcon: typeof InstagramIcon;
-declare const index_JordskifterettIcon: typeof JordskifterettIcon;
-declare const index_JordskiftesakIcon: typeof JordskiftesakIcon;
-declare const index_KeyIcon: typeof KeyIcon;
-declare const index_LagmannsrettIcon: typeof LagmannsrettIcon;
-declare const index_LanguageIcon: typeof LanguageIcon;
-declare const index_LineChartIcon: typeof LineChartIcon;
-declare const index_LinkIcon: typeof LinkIcon;
-declare const index_LinkOffIcon: typeof LinkOffIcon;
-declare const index_LinkedInIcon: typeof LinkedInIcon;
-declare const index_ListAltIcon: typeof ListAltIcon;
-declare const index_ListIcon: typeof ListIcon;
-declare const index_LocationIcon: typeof LocationIcon;
-declare const index_LocationOffIcon: typeof LocationOffIcon;
-declare const index_LockFilledIcon: typeof LockFilledIcon;
-declare const index_LockIcon: typeof LockIcon;
-declare const index_LockOpenIcon: typeof LockOpenIcon;
-declare const index_LoginIcon: typeof LoginIcon;
-declare const index_LogoutIcon: typeof LogoutIcon;
-declare const index_MailIcon: typeof MailIcon;
-declare const index_MailOpenIcon: typeof MailOpenIcon;
-declare const index_MapIcon: typeof MapIcon;
-declare const index_MenuIcon: typeof MenuIcon;
-declare const index_MinusCircledIcon: typeof MinusCircledIcon;
-declare const index_MinusIcon: typeof MinusIcon;
-declare const index_MoonIcon: typeof MoonIcon;
-declare const index_MoreHorizontalIcon: typeof MoreHorizontalIcon;
-declare const index_MoreVerticalIcon: typeof MoreVerticalIcon;
-declare const index_NotarialIcon: typeof NotarialIcon;
-declare const index_NotebookPenIcon: typeof NotebookPenIcon;
-declare const index_NotificationsIcon: typeof NotificationsIcon;
-declare const index_NotificationsOffIcon: typeof NotificationsOffIcon;
-declare const index_OnlineMeetingIcon: typeof OnlineMeetingIcon;
-declare const index_OpenExternalIcon: typeof OpenExternalIcon;
-declare const index_PanelLeftIcon: typeof PanelLeftIcon;
-declare const index_PaperPlaneIcon: typeof PaperPlaneIcon;
-declare const index_PayoutIcon: typeof PayoutIcon;
-declare const index_PdfIcon: typeof PdfIcon;
-declare const index_PersonAddIcon: typeof PersonAddIcon;
-declare const index_PersonIcon: typeof PersonIcon;
-declare const index_PersonShieldedIcon: typeof PersonShieldedIcon;
-declare const index_PinIcon: typeof PinIcon;
-declare const index_PlusCircledIcon: typeof PlusCircledIcon;
-declare const index_PlusIcon: typeof PlusIcon;
-declare const index_PowerOfAttorneyIcon: typeof PowerOfAttorneyIcon;
-declare const index_PrintIcon: typeof PrintIcon;
-declare const index_PublishIcon: typeof PublishIcon;
-declare const index_QuestionAnswerIcon: typeof QuestionAnswerIcon;
-declare const index_ReceiptIcon: typeof ReceiptIcon;
-declare const index_RedoIcon: typeof RedoIcon;
-declare const index_RefreshIcon: typeof RefreshIcon;
-declare const index_ReplayIcon: typeof ReplayIcon;
-declare const index_RowsIcon: typeof RowsIcon;
-declare const index_ScaleIcon: typeof ScaleIcon;
-declare const index_SearchIcon: typeof SearchIcon;
-declare const index_SectionIcon: typeof SectionIcon;
-declare const index_SettingsIcon: typeof SettingsIcon;
-declare const index_SmsIcon: typeof SmsIcon;
-declare const index_StarFilledIcon: typeof StarFilledIcon;
-declare const index_StarHalfFilledIcon: typeof StarHalfFilledIcon;
-declare const index_StarIcon: typeof StarIcon;
-declare const index_StickyNoteIcon: typeof StickyNoteIcon;
-declare const index_SunIcon: typeof SunIcon;
-declare const index_SupportIcon: typeof SupportIcon;
-declare const index_SyncIcon: typeof SyncIcon;
-declare const index_ThumbDownFilledIcon: typeof ThumbDownFilledIcon;
-declare const index_ThumbDownIcon: typeof ThumbDownIcon;
-declare const index_ThumbUpFilledIcon: typeof ThumbUpFilledIcon;
-declare const index_ThumbUpIcon: typeof ThumbUpIcon;
-declare const index_TimeIcon: typeof TimeIcon;
-declare const index_TingrettIcon: typeof TingrettIcon;
-declare const index_TipIcon: typeof TipIcon;
-declare const index_TrashIcon: typeof TrashIcon;
-declare const index_TrendingDownIcon: typeof TrendingDownIcon;
-declare const index_TrendingUpIcon: typeof TrendingUpIcon;
-declare const index_UndoIcon: typeof UndoIcon;
-declare const index_UnfoldLessIcon: typeof UnfoldLessIcon;
-declare const index_UnfoldMoreIcon: typeof UnfoldMoreIcon;
-declare const index_UploadIcon: typeof UploadIcon;
-declare const index_VisibilityOffIcon: typeof VisibilityOffIcon;
-declare const index_VisibilityOnIcon: typeof VisibilityOnIcon;
-declare const index_WarningIcon: typeof WarningIcon;
-declare const index_WebexIcon: typeof WebexIcon;
-declare const index_XIcon: typeof XIcon;
-declare const index_ZoomInIcon: typeof ZoomInIcon;
-declare const index_ZoomOutIcon: typeof ZoomOutIcon;
-declare namespace index {
-  export { index_AddressShieldedIcon as AddressShieldedIcon, index_AgreementIcon as AgreementIcon, index_AnimatedChevronUpDownIcon as AnimatedChevronUpDownIcon, type index_AnimatedChevronUpDownIconStates as AnimatedChevronUpDownIconStates, index_AppsIcon as AppsIcon, index_ArchiveIcon as ArchiveIcon, index_ArrowDownIcon as ArrowDownIcon, index_ArrowLeftIcon as ArrowLeftIcon, index_ArrowRightIcon as ArrowRightIcon, index_ArrowUpIcon as ArrowUpIcon, index_AttachmentIcon as AttachmentIcon, index_BarChartBoxedIcon as BarChartBoxedIcon, index_BarChartIcon as BarChartIcon, index_BlockIcon as BlockIcon, index_BookIcon as BookIcon, index_BriefcaseIcon as BriefcaseIcon, index_BuildIcon as BuildIcon, index_BuildingIcon as BuildingIcon, index_CalendarIcon as CalendarIcon, index_CalendarMonthIcon as CalendarMonthIcon, index_CalendarViewDayIcon as CalendarViewDayIcon, index_CalendarViewMonthIcon as CalendarViewMonthIcon, index_CalendarViewWeekIcon as CalendarViewWeekIcon, index_CallIcon as CallIcon, index_CaringIcon as CaringIcon, index_ChatIcon as ChatIcon, index_CheckCircledIcon as CheckCircledIcon, index_CheckIcon as CheckIcon, index_ChecklistIcon as ChecklistIcon, index_ChevronDownIcon as ChevronDownIcon, index_ChevronFirstIcon as ChevronFirstIcon, index_ChevronLastIcon as ChevronLastIcon, index_ChevronLeftIcon as ChevronLeftIcon, index_ChevronRightIcon as ChevronRightIcon, index_ChevronUpIcon as ChevronUpIcon, index_CircleFilledIcon as CircleFilledIcon, index_CircleIcon as CircleIcon, index_CloseCircledIcon as CloseCircledIcon, index_CloseIcon as CloseIcon, index_CloseSmallIcon as CloseSmallIcon, index_CloudIcon as CloudIcon, index_CollapseIcon as CollapseIcon, index_CommentIcon as CommentIcon, index_CopyIcon as CopyIcon, index_CourtIcon as CourtIcon, index_DateRangeIcon as DateRangeIcon, index_DeathsIcon as DeathsIcon, index_DoubleChevronLeftIcon as DoubleChevronLeftIcon, index_DoubleChevronRightIcon as DoubleChevronRightIcon, index_DownloadDoneIcon as DownloadDoneIcon, index_DownloadIcon as DownloadIcon, index_DragHandleIcon as DragHandleIcon, index_EditAltIcon as EditAltIcon, index_EditIcon as EditIcon, index_ErrorIcon as ErrorIcon, index_ExclaimIcon as ExclaimIcon, index_ExpandIcon as ExpandIcon, index_FacebookIcon as FacebookIcon, index_FamilyIcon as FamilyIcon, index_FeedbackIcon as FeedbackIcon, index_FileAddIcon as FileAddIcon, index_FileIcon as FileIcon, index_FileShieldedIcon as FileShieldedIcon, index_FileTextIcon as FileTextIcon, index_FilterIcon as FilterIcon, index_FilterListIcon as FilterListIcon, index_FindInPageIcon as FindInPageIcon, index_FlagFilledIcon as FlagFilledIcon, index_FlagIcon as FlagIcon, index_FlickrIcon as FlickrIcon, index_FloppyDiskIcon as FloppyDiskIcon, index_FolderAddIcon as FolderAddIcon, index_FolderIcon as FolderIcon, index_FolderShieldedIcon as FolderShieldedIcon, index_FullscreenExitIcon as FullscreenExitIcon, index_FullscreenIcon as FullscreenIcon, index_GavelIcon as GavelIcon, index_GroupIcon as GroupIcon, index_GuardianIcon as GuardianIcon, index_HelpFilledIcon as HelpFilledIcon, index_HelpIcon as HelpIcon, index_HelpSimpleIcon as HelpSimpleIcon, index_HomeIcon as HomeIcon, index_HourglassEmptyIcon as HourglassEmptyIcon, index_ImageIcon as ImageIcon, index_InfoIcon as InfoIcon, index_InstagramIcon as InstagramIcon, index_JordskifterettIcon as JordskifterettIcon, index_JordskiftesakIcon as JordskiftesakIcon, index_KeyIcon as KeyIcon, index_LagmannsrettIcon as LagmannsrettIcon, index_LanguageIcon as LanguageIcon, index_LineChartIcon as LineChartIcon, index_LinkIcon as LinkIcon, index_LinkOffIcon as LinkOffIcon, index_LinkedInIcon as LinkedInIcon, index_ListAltIcon as ListAltIcon, index_ListIcon as ListIcon, index_LocationIcon as LocationIcon, index_LocationOffIcon as LocationOffIcon, index_LockFilledIcon as LockFilledIcon, index_LockIcon as LockIcon, index_LockOpenIcon as LockOpenIcon, index_LoginIcon as LoginIcon, index_LogoutIcon as LogoutIcon, index_MailIcon as MailIcon, index_MailOpenIcon as MailOpenIcon, index_MapIcon as MapIcon, index_MenuIcon as MenuIcon, index_MinusCircledIcon as MinusCircledIcon, index_MinusIcon as MinusIcon, index_MoonIcon as MoonIcon, index_MoreHorizontalIcon as MoreHorizontalIcon, index_MoreVerticalIcon as MoreVerticalIcon, index_NotarialIcon as NotarialIcon, index_NotebookPenIcon as NotebookPenIcon, index_NotificationsIcon as NotificationsIcon, index_NotificationsOffIcon as NotificationsOffIcon, index_OnlineMeetingIcon as OnlineMeetingIcon, index_OpenExternalIcon as OpenExternalIcon, index_PanelLeftIcon as PanelLeftIcon, index_PaperPlaneIcon as PaperPlaneIcon, index_PayoutIcon as PayoutIcon, index_PdfIcon as PdfIcon, index_PersonAddIcon as PersonAddIcon, index_PersonIcon as PersonIcon, index_PersonShieldedIcon as PersonShieldedIcon, index_PinIcon as PinIcon, index_PlusCircledIcon as PlusCircledIcon, index_PlusIcon as PlusIcon, index_PowerOfAttorneyIcon as PowerOfAttorneyIcon, index_PrintIcon as PrintIcon, index_PublishIcon as PublishIcon, index_QuestionAnswerIcon as QuestionAnswerIcon, index_ReceiptIcon as ReceiptIcon, index_RedoIcon as RedoIcon, index_RefreshIcon as RefreshIcon, index_ReplayIcon as ReplayIcon, index_RowsIcon as RowsIcon, index_ScaleIcon as ScaleIcon, index_SearchIcon as SearchIcon, index_SectionIcon as SectionIcon, index_SettingsIcon as SettingsIcon, index_SmsIcon as SmsIcon, index_StarFilledIcon as StarFilledIcon, index_StarHalfFilledIcon as StarHalfFilledIcon, index_StarIcon as StarIcon, index_StickyNoteIcon as StickyNoteIcon, index_SunIcon as SunIcon, index_SupportIcon as SupportIcon, index_SyncIcon as SyncIcon, index_ThumbDownFilledIcon as ThumbDownFilledIcon, index_ThumbDownIcon as ThumbDownIcon, index_ThumbUpFilledIcon as ThumbUpFilledIcon, index_ThumbUpIcon as ThumbUpIcon, index_TimeIcon as TimeIcon, index_TingrettIcon as TingrettIcon, index_TipIcon as TipIcon, index_TrashIcon as TrashIcon, index_TrendingDownIcon as TrendingDownIcon, index_TrendingUpIcon as TrendingUpIcon, index_UndoIcon as UndoIcon, index_UnfoldLessIcon as UnfoldLessIcon, index_UnfoldMoreIcon as UnfoldMoreIcon, index_UploadIcon as UploadIcon, index_VisibilityOffIcon as VisibilityOffIcon, index_VisibilityOnIcon as VisibilityOnIcon, index_WarningIcon as WarningIcon, index_WebexIcon as WebexIcon, index_XIcon as XIcon, index_ZoomInIcon as ZoomInIcon, index_ZoomOutIcon as ZoomOutIcon };
+declare enum ScreenSize {
+    XSmall = 0,
+    Small = 1,
+    Medium = 2,
+    Large = 3,
+    XLarge = 4
 }
+/**
+ * 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>
+ * }
+ * ```
+ */
+declare const useScreenSize: () => ScreenSize;
+
+/**
+ * Kjører logikk når vindusstørrelsen endrer seg.
+ * @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>;
+ * }
+ * ```
+ */
+declare const useWindowResize: (handler: () => void) => void;
 
 type DdsTheme = keyof typeof ddsTokens;
 interface ThemeProviderProps {
@@ -4618,7 +4646,7 @@ type LocalMessageProps = BaseComponentProps<HTMLDivElement, {
     layout?: LocalMessageLayout;
 } & Pick<ResponsiveProps, 'width'>>;
 declare const LocalMessage: {
-    ({ purpose, closable, onClose, width, layout, children, id, className, style, htmlProps, ...rest }: LocalMessageProps): react.JSX.Element;
+    ({ purpose, closable, onClose, width, layout, children, id, className, style, htmlProps, ...rest }: LocalMessageProps): react.JSX.Element | null;
     displayName: string;
 };
 
@@ -4847,11 +4875,6 @@ interface PhoneInputValue {
     countryCode: ISOCountryCode | (string & {});
     phoneNumber: string;
 }
-interface PhoneInputCountryOption {
-    countryCode: ISOCountryCode;
-    label: string;
-}
-declare const countryOptions: Array<PhoneInputCountryOption>;
 type PhoneInputProps = {
     /**
      * Custom id for gruppen ved behov. setter `${id}-country-code` som `id` for landskode og `${id}-phone-number` for telefonnummer.
@@ -5630,4 +5653,4 @@ declare const VisuallyHidden: {
     displayName: string;
 };
 
-export { Accordion, AccordionBody, type AccordionBodyProps, type AccordionConfig, AccordionContextProvider, AccordionHeader, type AccordionHeaderProps, type AccordionProps, type AccordionState, AddTabButton, type AddTabButtonProps, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDownIcon, type AnimatedChevronUpDownIconStates, 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, Bleed, type BleedProps, BlockIcon, type BlockTypographyResponsiveProps, BookIcon, type BorderColor, type BorderRadius, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, BriefcaseIcon, BuildIcon, BuildingIcon, 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, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CircleFilledIcon, CircleIcon, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, type CommonBlockTypographyProps, type CommonInlineTypographyProps, Contrast, type ContrastProps, CookieBanner, CookieBannerCheckbox, type CookieBannerCheckboxProps, type CookieBannerProps, CopyIcon, CourtIcon, DETAIL_LIST_SIZES, 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, DropdownHeader, DropdownItem, type DropdownItemButtonProps, type DropdownItemCustomProps, type DropdownItemProps, ELEVATIONS, EditAltIcon, EditIcon, ElementAs, type Elevation, EmptyContent, type EmptyContentProps, ErrorIcon, ErrorSummary, ErrorSummaryItem, type ErrorSummaryItemProps, type ErrorSummaryProps, ExclaimIcon, ExpandIcon, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, FieldsetGroup, type FieldsetGroupProps, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, type FileStatusMap, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FindInPageIcon, FlagFilledIcon, FlagIcon, FlickrIcon, type FloatingStyles, FloppyDiskIcon, 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, FormSummary, FormSummaryEditButton, FormSummaryEmptyValue, FormSummaryError, FormSummaryField, FormSummaryFields, FormSummaryHeader, FormSummaryHeading, FormSummaryLabel, type FormSummaryProps, FormSummaryValue, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GroupIcon, GuardianIcon, HStack, type HStackProps, type HTMLRootProps, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassEmptyIcon, 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, type InlineTypographyResponsiveProps, InputMessage, type InputMessageProps, type InputMessageType, InstagramIcon, type InternaHeaderUserProps, InternalHeader, type InternalHeaderProps, JordskifterettIcon, JordskiftesakIcon, KeyIcon, L_MESSAGE_PURPOSES, Label, type LabelProps, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, 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, LocationOffIcon, LockFilledIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MapIcon, MenuIcon, MinusCircledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, type NativeSelectProps, NewsPopover, type NewsPopoverProps, NotarialIcon, NotebookPenIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, OverflowMenuToggle, type OverflowMenuToggleProps, Pagination, type PaginationOption, type PaginationProps, PanelLeftIcon, Paper, type PaperBackground, type PaperBorder, type PaperBorderRadius, type PaperElevation, PaperPlaneIcon, 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, PublishIcon, type Purpose, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RadioValue, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, type RemoteFile, ReplayIcon, type ResponsiveProps, type ResponsiveStackProps, RowsIcon, ScaleIcon, ScreenSize, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, SectionIcon, 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, StarHalfFilledIcon, StarIcon, type StaticTypographyType, StickyNoteIcon, StylelessButton, type StylelessButtonProps, StylelessList, type StylelessListProps, StylelessOList, type StylelessOListProps, SunIcon, SupportIcon, type SvgIcon, type SvgProps, SyncIcon, TG_HEADING_TYPES, 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, 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 TypographyBodyLongType, type TypographyBodyShortType, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLabelType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, type UploadInfo, type UploadStatus, type UseAccordionBodyProps, type UseAccordionHeaderProps, type UseControllableGroupStateProps, type UseControllableStateProps, type UseFloatPositionOptions, VStack, type VStackProps, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, countryOptions, createPurposes, createSelectOptions, createSizes, dateValueToNativeDate, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getColorCn, getElementType, 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, renderInputMessage, scrollbarStyling, useAccordion, useAccordionContext, useCallbackRef, useCombinedRef, useControllableGroupState, useControllableState, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, useWindowResize };
+export { Accordion, AccordionBody, type AccordionBodyProps, type AccordionConfig, AccordionContextProvider, AccordionHeader, type AccordionHeaderProps, type AccordionProps, type AccordionState, AddTabButton, type AddTabButtonProps, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDownIcon, type AnimatedChevronUpDownIconStates, 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, Bleed, type BleedProps, BlockIcon, type BlockTypographyResponsiveProps, BookIcon, type BorderColor, type BorderRadius, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, BriefcaseIcon, BuildIcon, BuildingIcon, 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, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CircleFilledIcon, CircleIcon, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, type CommonBlockTypographyProps, type CommonInlineTypographyProps, Contrast, type ContrastProps, CookieBanner, CookieBannerCheckbox, type CookieBannerCheckboxProps, type CookieBannerProps, CopyIcon, CourtIcon, DETAIL_LIST_SIZES, 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, DropdownHeader, DropdownItem, type DropdownItemButtonProps, type DropdownItemCustomProps, type DropdownItemProps, ELEVATIONS, EditAltIcon, EditIcon, ElementAs, type Elevation, EmptyContent, type EmptyContentProps, ErrorIcon, ErrorSummary, ErrorSummaryItem, type ErrorSummaryItemProps, type ErrorSummaryProps, ExclaimIcon, ExpandIcon, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, FieldsetGroup, type FieldsetGroupProps, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileSignedIcon, type FileStatusMap, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FindInPageIcon, FlagFilledIcon, FlagIcon, FlickrIcon, type FloatingStyles, FloppyDiskIcon, 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, FormSummary, FormSummaryEditButton, FormSummaryEmptyValue, FormSummaryError, FormSummaryField, FormSummaryFields, FormSummaryHeader, FormSummaryHeading, FormSummaryLabel, type FormSummaryProps, FormSummaryValue, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GroupIcon, GuardianIcon, HStack, type HStackProps, type HTMLRootProps, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassEmptyIcon, 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, type InlineTypographyResponsiveProps, InputMessage, type InputMessageProps, type InputMessageType, InstagramIcon, type InternaHeaderUserProps, InternalHeader, type InternalHeaderProps, JordskifterettIcon, JordskiftesakIcon, KeyIcon, L_MESSAGE_PURPOSES, Label, type LabelProps, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, 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, LocationOffIcon, LockFilledIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MapIcon, MenuIcon, MinusCircledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, type NativeSelectProps, NewsPopover, type NewsPopoverProps, NotarialIcon, NotebookPenIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, OverflowMenuToggle, type OverflowMenuToggleProps, Pagination, type PaginationOption, type PaginationProps, PanelLeftIcon, Paper, type PaperBackground, type PaperBorder, type PaperBorderRadius, type PaperElevation, PaperPlaneIcon, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, type PhoneInputProps, 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, PublishIcon, type Purpose, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RadioValue, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, type RemoteFile, ReplayIcon, type ResponsiveProps, type ResponsiveStackProps, RowsIcon, ScaleIcon, ScreenSize, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, SectionIcon, 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, StarHalfFilledIcon, StarIcon, type StaticTypographyType, StickyNoteIcon, StylelessButton, type StylelessButtonProps, StylelessList, type StylelessListProps, StylelessOList, type StylelessOListProps, SunIcon, SupportIcon, type SvgIcon, type SvgProps, SyncIcon, TG_HEADING_TYPES, 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, 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 TypographyBodyLongType, type TypographyBodyShortType, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLabelType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, type UploadInfo, type UploadStatus, type UseAccordionBodyProps, type UseAccordionHeaderProps, type UseControllableGroupStateProps, type UseControllableStateProps, type UseFloatPositionOptions, VStack, type VStackProps, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, createPurposes, createSelectOptions, createSizes, dateValueToNativeDate, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getColorCn, getElementType, 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, renderInputMessage, scrollbarStyling, useAccordion, useAccordionContext, useCallbackRef, useCombinedRef, useControllableGroupState, useControllableState, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, useWindowResize };