@norges-domstoler/dds-components 13.8.1 → 13.8.3

package/dist/components/LocalMessage/LocalMessage.stories.d.ts

@@ -1,40 +0,0 @@
-/// <reference types="react" />
-import { LocalMessageProps } from './LocalMessage';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-        message?: string | undefined;
-        purpose?: import("./LocalMessage").LocalMessagePurpose | undefined;
-        closable?: boolean | undefined;
-        onClose?: (() => void) | undefined;
-        layout?: import("./LocalMessage").LocalMessageLayout | undefined;
-        width?: import("csstype").Property.Width<string> | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & {
-        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    argTypes: {
-        message: {
-            control: {
-                type: string;
-            };
-            defaultValue: string;
-        };
-        width: {
-            control: {
-                type: string;
-            };
-        };
-        closable: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Overview: (args: LocalMessageProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: LocalMessageProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Closable: (args: LocalMessageProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ComplexContent: (args: LocalMessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/LocalMessage/LocalMessage.tokens.d.ts

@@ -1,88 +0,0 @@
-import { SvgIcon } from '@norges-domstoler/dds-icons';
-import { ButtonPurpose } from '../Button';
-import { StaticTypographyType } from '@norges-domstoler/dds-typography';
-export declare const typographyType: StaticTypographyType;
-export declare const localMessageTokens: {
-    container: {
-        base: {
-            boxShadow: string;
-            borderRadius: string;
-            border: string;
-            padding: string;
-            gap: string;
-        };
-        purpose: {
-            info: {
-                borderColor: string;
-                backgroundColor: string;
-            };
-            warning: {
-                borderColor: string;
-                backgroundColor: string;
-            };
-            danger: {
-                borderColor: string;
-                backgroundColor: string;
-            };
-            success: {
-                borderColor: string;
-                backgroundColor: string;
-            };
-            tips: {
-                borderColor: string;
-                backgroundColor: string;
-            };
-            confidential: {
-                borderColor: string;
-                backgroundColor: string;
-            };
-        };
-    };
-    purposeVariants: {
-        info: {
-            icon: SvgIcon;
-            closeButtonPurpose: ButtonPurpose;
-        };
-        warning: {
-            icon: SvgIcon;
-            closeButtonPurpose: ButtonPurpose;
-        };
-        danger: {
-            icon: SvgIcon;
-            closeButtonPurpose: ButtonPurpose;
-        };
-        confidential: {
-            icon: SvgIcon;
-            closeButtonPurpose: ButtonPurpose;
-        };
-        success: {
-            icon: SvgIcon;
-            closeButtonPurpose: ButtonPurpose;
-        };
-        tips: {
-            icon: SvgIcon;
-            closeButtonPurpose: ButtonPurpose;
-        };
-    };
-    icon: {
-        marginRight: string;
-        info: {
-            color: string;
-        };
-        danger: {
-            color: string;
-        };
-        warning: {
-            color: string;
-        };
-        success: {
-            color: string;
-        };
-        tips: {
-            color: string;
-        };
-        confidential: {
-            color: string;
-        };
-    };
-};

package/dist/components/LocalMessage/LocalMessage.tokens.js

@@ -1,97 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-import { InfoIcon, ErrorIcon, WarningIcon, CheckCircledIcon, TipIcon } from '@norges-domstoler/dds-icons';
-
-var colors = ddsBaseTokens.colors,
-  spacing = ddsBaseTokens.spacing,
-  borderRadius = ddsBaseTokens.borderRadius,
-  border = ddsBaseTokens.border,
-  outerShadow = ddsBaseTokens.outerShadow;
-var container = {
-  base: {
-    boxShadow: outerShadow.DdsShadow1Onlight,
-    borderRadius: borderRadius.RadiiDdsBorderRadius1Radius,
-    border: "".concat(border.BordersDdsBorderStyleLightStrokeWeight, " solid"),
-    padding: spacing.SizesDdsSpacingLocalX075,
-    gap: spacing.SizesDdsSpacingLocalX05
-  },
-  purpose: {
-    info: {
-      borderColor: colors.DdsColorInfoLighter,
-      backgroundColor: colors.DdsColorInfoLightest
-    },
-    warning: {
-      borderColor: colors.DdsColorWarningLighter,
-      backgroundColor: colors.DdsColorWarningLightest
-    },
-    danger: {
-      borderColor: colors.DdsColorDangerLighter,
-      backgroundColor: colors.DdsColorDangerLightest
-    },
-    success: {
-      borderColor: colors.DdsColorSuccessLighter,
-      backgroundColor: colors.DdsColorSuccessLightest
-    },
-    tips: {
-      borderColor: colors.DdsColorPrimaryLighter,
-      backgroundColor: colors.DdsColorPrimaryLightest
-    },
-    confidential: {
-      borderColor: colors.DdsColorDangerBase,
-      backgroundColor: colors.DdsColorDangerLightest
-    }
-  }
-};
-var purposeVariants = {
-  info: {
-    icon: InfoIcon,
-    closeButtonPurpose: 'secondary'
-  },
-  danger: {
-    icon: ErrorIcon,
-    closeButtonPurpose: 'danger'
-  },
-  warning: {
-    icon: WarningIcon,
-    closeButtonPurpose: 'secondary'
-  },
-  success: {
-    icon: CheckCircledIcon,
-    closeButtonPurpose: 'secondary'
-  },
-  tips: {
-    icon: TipIcon,
-    closeButtonPurpose: 'secondary'
-  },
-  confidential: {
-    icon: ErrorIcon,
-    closeButtonPurpose: 'danger'
-  }
-};
-var icon = {
-  marginRight: "".concat(spacing.SizesDdsSpacingLocalX075),
-  info: {
-    color: colors.DdsColorInfoDarkest
-  },
-  danger: {
-    color: colors.DdsColorDangerDarkest
-  },
-  warning: {
-    color: colors.DdsColorWarningDarkest
-  },
-  success: {
-    color: colors.DdsColorSuccessDarkest
-  },
-  tips: {
-    color: colors.DdsColorPrimaryDarkest
-  },
-  confidential: {
-    color: colors.DdsColorDangerDarkest
-  }
-};
-var localMessageTokens = {
-  container: container,
-  purposeVariants: purposeVariants,
-  icon: icon
-};
-
-export { localMessageTokens };

package/dist/components/LocalMessage/index.d.ts

@@ -1 +0,0 @@
-export * from './LocalMessage';

package/dist/components/Modal/Backdrop/Backdrop.d.ts

@@ -1,5 +0,0 @@
-type BackdropProps = {
-    isOpen: boolean;
-};
-export declare const Backdrop: import("styled-components").StyledComponent<"div", any, BackdropProps, never>;
-export {};

package/dist/components/Modal/Backdrop/Backdrop.js

@@ -1,13 +0,0 @@
-import styled from 'styled-components';
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-import { changeRGBAAlpha } from '@norges-domstoler/dds-core';
-
-var Backdrop = styled.div.withConfig({
-  displayName: "Backdrop",
-  componentId: "sc-xbvk9r-0"
-})(["position:fixed;display:flex;align-items:center;justify-content:center;background-color:", ";overflow-y:auto;top:0;right:0;bottom:0;left:0;z-index:200;opacity:", ";@media (prefers-reduced-motion:no-preference){transition:opacity 0.2s;}"], changeRGBAAlpha(ddsBaseTokens.colors.DdsColorNeutralsGray9, 0.5), function (_ref) {
-  var isOpen = _ref.isOpen;
-  return isOpen ? 1 : 0;
-});
-
-export { Backdrop };

package/dist/components/Modal/Backdrop/Backdrop.utils.d.ts

@@ -1,2 +0,0 @@
-export declare function handleElementWithBackdropMount(container: HTMLElement): void;
-export declare function handleElementWithBackdropUnmount(container: HTMLElement): void;

package/dist/components/Modal/Backdrop/Backdrop.utils.js

@@ -1,20 +0,0 @@
-var isVerticalScrollbarDisplayed = function isVerticalScrollbarDisplayed(container) {
-  return container.clientHeight > window.innerHeight;
-};
-function handleElementWithBackdropMount(container) {
-  if (isVerticalScrollbarDisplayed(container)) {
-    var scrollY = Math.round(window.scrollY);
-    container.style.overflowY = 'scroll';
-    container.style.position = 'fixed';
-    container.style.top = "-".concat(scrollY, "px");
-  }
-}
-function handleElementWithBackdropUnmount(container) {
-  var scrollY = parseInt(document.body.style.top) || 0;
-  container.style.removeProperty('overflow-y');
-  container.style.removeProperty('position');
-  container.style.removeProperty('top');
-  window.scrollTo(0, scrollY * -1);
-}
-
-export { handleElementWithBackdropMount, handleElementWithBackdropUnmount };

package/dist/components/Modal/Backdrop/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Backdrop';
-export * from './Backdrop.utils';

package/dist/components/Modal/Modal.d.ts

@@ -1,30 +0,0 @@
-import { ReactNode, RefObject } from 'react';
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-export type ModalProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Spesifiserer om modal skal vises. */
-    isOpen?: boolean;
-    /**Funksjon kjørt ved lukking; Settes hvis modal skal være lukkbar. Legger en lukkeknapp i hjørnet og kjøres ved Esc-trykk, lukkeknappklikk og museklikk utenfor. */
-    onClose?: () => void;
-    /**Spesifiserer hvilken DOM node `<Modal />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
-    parentElement?: HTMLElement;
-    /**Tittel/header i modal. Setter `aria-labelledby`. */
-    header?: string | ReactNode;
-    /**Ref som brukes til returnering av fokus. */
-    triggerRef?: RefObject<HTMLElement>;
-}>;
-export declare const Modal: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-    /**Spesifiserer om modal skal vises. */
-    isOpen?: boolean | undefined;
-    /**Funksjon kjørt ved lukking; Settes hvis modal skal være lukkbar. Legger en lukkeknapp i hjørnet og kjøres ved Esc-trykk, lukkeknappklikk og museklikk utenfor. */
-    onClose?: (() => void) | undefined;
-    /**Spesifiserer hvilken DOM node `<Modal />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
-    parentElement?: HTMLElement | undefined;
-    /**Tittel/header i modal. Setter `aria-labelledby`. */
-    header?: string | ReactNode;
-    /**Ref som brukes til returnering av fokus. */
-    triggerRef?: RefObject<HTMLElement> | undefined;
-} & {
-    children?: ReactNode;
-} & {
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Modal/Modal.js

@@ -1,113 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef, useId, useEffect } from 'react';
-import styled from 'styled-components';
-import { Button } from '../Button/Button.js';
-import { modalTokens } from './Modal.tokens.js';
-import { createPortal } from 'react-dom';
-import { Typography } from '@norges-domstoler/dds-typography';
-import { Paper, selection, useFocusTrap, useCombinedRef, useOnClickOutside, useOnKeyDown, useMountTransition, getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { CloseIcon } from '@norges-domstoler/dds-icons';
-import { focusVisible } from '@norges-domstoler/dds-form';
-import { Backdrop } from './Backdrop/Backdrop.js';
-import { handleElementWithBackdropMount, handleElementWithBackdropUnmount } from './Backdrop/Backdrop.utils.js';
-
-var container = modalTokens.container,
-  contentContainer = modalTokens.contentContainer;
-var Container = styled(Paper).withConfig({
-  displayName: "Modal__Container",
-  componentId: "sc-12c14zx-0"
-})(["display:flex;flex-direction:column-reverse;min-width:200px;padding:", ";&::selection,*::selection{", "}:focus-visible,&.focus-visible{", "}"], container.padding, selection, focusVisible);
-var ContentContainer = styled.div.withConfig({
-  displayName: "Modal__ContentContainer",
-  componentId: "sc-12c14zx-1"
-})(["display:grid;padding-right:", ";gap:", ";"], contentContainer.paddingRight, contentContainer.gap);
-var HeaderContainer = styled.div.withConfig({
-  displayName: "Modal__HeaderContainer",
-  componentId: "sc-12c14zx-2"
-})([""]);
-var StyledButton = styled(Button).withConfig({
-  displayName: "Modal__StyledButton",
-  componentId: "sc-12c14zx-3"
-})(["align-self:flex-end;"]);
-var Modal = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _props$isOpen = props.isOpen,
-    isOpen = _props$isOpen === void 0 ? false : _props$isOpen,
-    _props$parentElement = props.parentElement,
-    parentElement = _props$parentElement === void 0 ? document.body : _props$parentElement,
-    children = props.children,
-    header = props.header,
-    onClose = props.onClose,
-    id = props.id,
-    triggerRef = props.triggerRef,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    rest = __rest(props, ["isOpen", "parentElement", "children", "header", "onClose", "id", "triggerRef", "className", "htmlProps"]);
-  var generatedId = useId();
-  var modalId = id !== null && id !== void 0 ? id : "".concat(generatedId, "-modal");
-  var headerId = "".concat(modalId, "-header");
-  var modalRef = useFocusTrap(isOpen);
-  var combinedRef = useCombinedRef(ref, modalRef);
-  var handleClose = function handleClose() {
-    var _a;
-    if (onClose && isOpen) {
-      triggerRef && ((_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus());
-      onClose();
-    }
-  };
-  useEffect(function () {
-    if (isOpen) {
-      handleElementWithBackdropMount(document.body);
-    } else {
-      handleElementWithBackdropUnmount(document.body);
-    }
-    return function () {
-      return handleElementWithBackdropUnmount(document.body);
-    };
-  }, [isOpen]);
-  useOnClickOutside(modalRef.current, function () {
-    return handleClose();
-  });
-  useOnKeyDown(['Escape', 'Esc'], function () {
-    return handleClose();
-  });
-  var hasTransitionedIn = useMountTransition(isOpen, 200);
-  var backdropProps = {
-    isOpen: hasTransitionedIn && isOpen
-  };
-  var containerProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-    ref: combinedRef,
-    role: 'dialog',
-    'aria-modal': true,
-    'aria-hidden': !isOpen,
-    tabIndex: -1,
-    'aria-labelledby': headerId,
-    id: modalId
-  });
-  var headerContainerProps = {
-    id: headerId
-  };
-  return isOpen || hasTransitionedIn ? /*#__PURE__*/createPortal(jsx(Backdrop, Object.assign({}, backdropProps, {
-    children: jsxs(Container, Object.assign({}, containerProps, {
-      elevation: 4,
-      children: [jsxs(ContentContainer, {
-        children: [header && jsx(HeaderContainer, Object.assign({}, headerContainerProps, {
-          children: typeof header === 'string' ? jsx(Typography, {
-            typographyType: "headingSans03",
-            children: header
-          }) : header
-        })), children]
-      }), onClose && jsx(StyledButton, {
-        size: "small",
-        appearance: "borderless",
-        purpose: "secondary",
-        icon: CloseIcon,
-        onClick: handleClose,
-        "aria-label": "Lukk dialog"
-      })]
-    }))
-  })), parentElement) : null;
-});
-Modal.displayName = 'Modal';
-
-export { Modal };

package/dist/components/Modal/Modal.stories.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import { ModalProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-        isOpen?: boolean | undefined;
-        onClose?: (() => void) | undefined;
-        parentElement?: HTMLElement | undefined;
-        header?: import("react").ReactNode;
-        triggerRef?: import("react").RefObject<HTMLElement> | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & {
-        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    argTypes: {
-        header: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Overview: () => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: ModalProps) => import("react/jsx-runtime").JSX.Element;
-export declare const NoActionButtons: (args: ModalProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Scrollable: (args: ModalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Modal/Modal.tokens.d.ts

@@ -1,12 +0,0 @@
-export declare const modalTokens: {
-    container: {
-        padding: string;
-    };
-    contentContainer: {
-        paddingRight: string;
-        gap: string;
-    };
-    actionsContainer: {
-        gap: string;
-    };
-};

package/dist/components/Modal/Modal.tokens.js

@@ -1,20 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var spacing = ddsBaseTokens.spacing;
-var container = {
-  padding: "".concat(spacing.SizesDdsSpacingLocalX1, " ").concat(spacing.SizesDdsSpacingLocalX1, " ").concat(spacing.SizesDdsSpacingLocalX15, " ").concat(spacing.SizesDdsSpacingLocalX15)
-};
-var contentContainer = {
-  paddingRight: spacing.SizesDdsSpacingLocalX1,
-  gap: spacing.SizesDdsSpacingLocalX1
-};
-var actionsContainer = {
-  gap: spacing.SizesDdsSpacingLocalX1
-};
-var modalTokens = {
-  container: container,
-  contentContainer: contentContainer,
-  actionsContainer: actionsContainer
-};
-
-export { modalTokens };

package/dist/components/Modal/ModalActions.d.ts

@@ -1,3 +0,0 @@
-import { HTMLAttributes } from 'react';
-export type ModalActionsProps = HTMLAttributes<HTMLDivElement>;
-export declare const ModalActions: import("react").ForwardRefExoticComponent<ModalActionsProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Modal/ModalActions.js

@@ -1,23 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import styled from 'styled-components';
-import { modalTokens } from './Modal.tokens.js';
-
-var Container = styled.div.withConfig({
-  displayName: "ModalActions__Container",
-  componentId: "sc-ehph9l-0"
-})(["display:flex;flex-wrap:wrap;gap:", ";"], modalTokens.actionsContainer.gap);
-var ModalActions = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var children = _a.children,
-    rest = __rest(_a, ["children"]);
-  var containerProps = Object.assign({
-    ref: ref
-  }, rest);
-  return jsx(Container, Object.assign({}, containerProps, {
-    children: children
-  }));
-});
-ModalActions.displayName = 'ModalActions';
-
-export { ModalActions };

package/dist/components/Modal/ModalBody.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-import { Property } from 'csstype';
-export type ModalBodyProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Gjør at innholdet kan scrolles. Det må eventuelt settes (max)bredde og (max)høyde styling på både denne subkomponenten og `<Modal />`.  */
-    scrollable?: boolean;
-    /**Høyde på container. */
-    height?: Property.Height;
-}>;
-export declare const ModalBody: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
-    /**Gjør at innholdet kan scrolles. Det må eventuelt settes (max)bredde og (max)høyde styling på både denne subkomponenten og `<Modal />`.  */
-    scrollable?: boolean | undefined;
-    /**Høyde på container. */
-    height?: Property.Height<0 | (string & {})> | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Modal/ModalBody.js

@@ -1,36 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import styled from 'styled-components';
-import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import '../ScrollableContainer/Scrollbar.js';
-import { ScrollableContainer } from '../ScrollableContainer/ScrollableContainer.js';
-import '../ScrollableContainer/ScrollableContainer.tokens.js';
-
-var Container = styled.div.withConfig({
-  displayName: "ModalBody__Container",
-  componentId: "sc-134o0zg-0"
-})([""]);
-var ModalBody = /*#__PURE__*/forwardRef(function (props, ref) {
-  var children = props.children,
-    scrollable = props.scrollable,
-    id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    height = props.height,
-    rest = __rest(props, ["children", "scrollable", "id", "className", "htmlProps", "height"]);
-  var containerProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-    ref: ref
-  });
-  return scrollable ? jsx(Container, Object.assign({}, containerProps, {
-    children: jsx(ScrollableContainer, {
-      contentHeight: height,
-      children: children
-    })
-  })) : jsx(Container, Object.assign({}, containerProps, {
-    children: children
-  }));
-});
-ModalBody.displayName = 'ModalBody';
-
-export { ModalBody };

package/dist/components/Modal/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Modal';
-export * from './ModalBody';
-export * from './ModalActions';

package/dist/components/OverflowMenu/OverflowMenu.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import { OverflowMenuContextItem } from '.';
-type ContainerProps = {
-    isOpen: boolean;
-};
-export declare const Container: import("styled-components").StyledComponent<"div", any, ContainerProps, never>;
-export declare const OverflowMenuList: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const OverflowMenu: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-    items?: OverflowMenuContextItem[] | undefined;
-    userProps?: ({
-        name: string;
-        href?: string | undefined;
-    } & (import("react").ButtonHTMLAttributes<HTMLButtonElement> | import("react").AnchorHTMLAttributes<HTMLAnchorElement>)) | undefined;
-    navItems?: import("./OverflowMenu.types").OverflowMenuLinkItem[] | undefined;
-    isOpen?: boolean | undefined;
-    onClose?: (() => void) | undefined;
-    onToggle?: (() => void) | undefined;
-    anchorRef?: import("react").RefObject<HTMLButtonElement> | undefined;
-    placement?: import("@norges-domstoler/dds-core").Placement | undefined;
-    offset?: number | undefined;
-} & {
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
-export {};