@norges-domstoler/dds-components 13.11.2 → 13.11.3

package/dist/index.js

@@ -5967,12 +5967,34 @@ var Card = (props) => {
 Card.displayName = "Card";
 
 // src/components/Card/CardAccordion/CardAccordion.tsx
-var import_react47 = require("react");
+var import_react48 = require("react");
 var import_styled_components43 = __toESM(require("styled-components"));
 var import_dds_core47 = require("@norges-domstoler/dds-core");
+
+// src/components/Card/CardAccordion/CardAccordionContext.tsx
+var import_react47 = require("react");
 var import_jsx_runtime50 = require("react/jsx-runtime");
+var CardAccordionContext = (0, import_react47.createContext)({});
+var CardAccordionContextProvider = ({
+  children,
+  ...values
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(CardAccordionContext.Provider, { value: values, children });
+};
+var useCardAccordionContext = () => {
+  const context = (0, import_react47.useContext)(CardAccordionContext);
+  if (!context) {
+    throw new Error(
+      "useCardAccordionContext must be used within a CardAccordionContextProvider. Have you wrapped <CardAccordionHeader> and <CardAccordionBody> inside a <CardAccordion>?"
+    );
+  }
+  return context;
+};
+
+// src/components/Card/CardAccordion/CardAccordion.tsx
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var Wrapper4 = import_styled_components43.default.div``;
-var CardAccordion = (0, import_react47.forwardRef)(
+var CardAccordion = (0, import_react48.forwardRef)(
   (props, ref) => {
     const {
       isExpanded = false,
@@ -5983,47 +6005,40 @@ var CardAccordion = (0, import_react47.forwardRef)(
       htmlProps,
       ...rest
     } = props;
-    const [expanded, setExpanded] = (0, import_react47.useState)(isExpanded);
-    const generatedId = (0, import_react47.useId)();
+    const [expanded, setExpanded] = (0, import_react48.useState)(isExpanded);
+    const generatedId = (0, import_react48.useId)();
     const accordionId = id != null ? id : `${generatedId}-cardAccordion`;
-    (0, import_react47.useEffect)(() => {
+    (0, import_react48.useEffect)(() => {
       setExpanded(isExpanded);
     }, [isExpanded]);
-    const toggleExpanded = (0, import_react47.useCallback)(() => {
-      const newExpanded = !expanded;
-      setExpanded(newExpanded);
-      if (onChange) {
-        onChange(newExpanded);
-      }
-    }, [expanded, onChange]);
-    const Children9 = import_react47.Children.map(children, (child, childIndex) => {
-      const headerId = `${accordionId}-header`;
-      const bodyId = `${accordionId}-body`;
-      return (0, import_react47.isValidElement)(child) && (childIndex === 0 ? (0, import_react47.cloneElement)(child, {
+    const toggleExpanded = (0, import_react48.useCallback)(() => {
+      setExpanded((prevExpanded) => {
+        const newExpanded = !prevExpanded;
+        if (onChange) {
+          onChange(newExpanded);
+        }
+        return newExpanded;
+      });
+    }, [onChange]);
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Wrapper4, { ...(0, import_dds_core47.getBaseHTMLProps)(id, className, htmlProps, rest), ref, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      CardAccordionContextProvider,
+      {
+        headerId: `${accordionId}-header`,
+        bodyId: `${accordionId}-body`,
         isExpanded: expanded,
         toggleExpanded,
-        id: headerId,
-        bodyId
-      }) : (0, import_react47.cloneElement)(child, {
-        isExpanded: expanded,
-        id: bodyId,
-        headerId
-      }));
-    });
-    const wrapperProps = {
-      ...(0, import_dds_core47.getBaseHTMLProps)(id, className, htmlProps, rest),
-      ref
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Wrapper4, { ...wrapperProps, children: Children9 });
+        children
+      }
+    ) });
   }
 );
 CardAccordion.displayName = "CardAccordion";
 
 // src/components/Card/CardAccordion/CardAccordionHeader.tsx
-var import_react48 = require("react");
+var import_react49 = require("react");
 var import_styled_components44 = __toESM(require("styled-components"));
 
-// src/components/Card/CardAccordion/CardAccordion.tokens.tsx
+// src/components/Card/CardAccordion/CardAccordion.tokens.ts
 var import_dds_design_tokens21 = require("@norges-domstoler/dds-design-tokens");
 var { spacing: spacing18, border: border8, iconSizes: iconSizes5 } = import_dds_design_tokens21.ddsBaseTokens;
 var typographyTypes4 = {
@@ -6060,7 +6075,7 @@ var cardAccordionTokens = {
 // src/components/Card/CardAccordion/CardAccordionHeader.tsx
 var import_dds_core48 = require("@norges-domstoler/dds-core");
 var import_dds_typography24 = require("@norges-domstoler/dds-typography");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var { header: header2, chevronWrapper: chevronWrapper2 } = cardAccordionTokens;
 var ContentWrapper = import_styled_components44.default.div`
   text-align: left;
@@ -6113,13 +6128,9 @@ var ChevronWrapper = import_styled_components44.default.span`
   height: ${chevronWrapper2.height};
   margin-left: ${chevronWrapper2.marginLeft};
 `;
-var CardAccordionHeader = (0, import_react48.forwardRef)((props, ref) => {
+var CardAccordionHeader = (0, import_react49.forwardRef)((props, ref) => {
   const {
     children,
-    isExpanded = false,
-    toggleExpanded,
-    bodyId,
-    id,
     className,
     htmlProps,
     padding,
@@ -6127,32 +6138,33 @@ var CardAccordionHeader = (0, import_react48.forwardRef)((props, ref) => {
     bold,
     ...rest
   } = props;
-  const handleClick = () => {
-    if (toggleExpanded) {
-      toggleExpanded();
-    }
-  };
+  const {
+    headerId: id,
+    bodyId,
+    toggleExpanded,
+    isExpanded
+  } = useCardAccordionContext();
   const headerWrapperProps = {
     ...(0, import_dds_core48.getBaseHTMLProps)(id, className, htmlProps, rest),
     "aria-expanded": isExpanded,
     "aria-controls": bodyId,
     ref,
-    onClick: handleClick
+    onClick: toggleExpanded
   };
   const chevronProps = {
     isUp: isExpanded,
     width: cardAccordionTokens.chevron.width,
     height: cardAccordionTokens.chevron.height
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(HeaderWrapperButton, { ...headerWrapperProps, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(HeaderWrapperButton, { ...headerWrapperProps, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     HeaderContainer,
     {
       typographyType: typographyType7,
       padding,
       bold,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ContentWrapper, { children }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ChevronWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_dds_core48.AnimatedChevronUpDown, { ...chevronProps }) })
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ContentWrapper, { children }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ChevronWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_dds_core48.AnimatedChevronUpDown, { ...chevronProps }) })
       ]
     }
   ) });
@@ -6160,16 +6172,16 @@ var CardAccordionHeader = (0, import_react48.forwardRef)((props, ref) => {
 CardAccordionHeader.displayName = "CardAccordionHeader";
 
 // src/components/Card/CardAccordion/CardAccordionBody.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 var import_styled_components45 = __toESM(require("styled-components"));
 var import_dds_core49 = require("@norges-domstoler/dds-core");
 var import_dds_typography25 = require("@norges-domstoler/dds-typography");
 
 // src/components/Card/CardAccordion/useElementHeight.ts
-var import_react49 = require("react");
+var import_react50 = require("react");
 function useElementHeight(element3) {
-  const [height, setHeight] = (0, import_react49.useState)(null);
-  (0, import_react49.useEffect)(() => {
+  const [height, setHeight] = (0, import_react50.useState)(null);
+  (0, import_react50.useEffect)(() => {
     if (!element3)
       return;
     const resizeObserver = new ResizeObserver(() => {
@@ -6182,7 +6194,7 @@ function useElementHeight(element3) {
 }
 
 // src/components/Card/CardAccordion/CardAccordionBody.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var expandingAnimation = import_styled_components45.css`
   @media (prefers-reduced-motion: no-preference) {
     transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
@@ -6197,6 +6209,9 @@ var Body2 = import_styled_components45.default.div.withConfig({
     return prop !== "animate" && prop !== "height" && prop !== "isExpanded";
   }
 })`
+  ${({ isExpanded }) => !isExpanded && import_styled_components45.css`
+      display: none;
+    `}
   @media (prefers-reduced-motion: no-preference) {
     ${({ animate }) => animate && expandingAnimation}
   }
@@ -6222,62 +6237,54 @@ var BodyContainer = import_styled_components45.default.div.withConfig({
       padding-top: ${paddingTop};
     `}
 `;
-var CardAccordionBody = (0, import_react50.forwardRef)((props, ref) => {
+var CardAccordionBody = (0, import_react51.forwardRef)((props, ref) => {
   var _a;
-  const {
-    children,
-    isExpanded,
-    headerId,
-    id,
-    className,
-    htmlProps,
-    padding,
-    paddingTop,
-    ...rest
-  } = props;
-  const bodyRef = (0, import_react50.useRef)(null);
-  const [animate, setAnimate] = (0, import_react50.useState)(false);
+  const { children, className, htmlProps, padding, paddingTop, ...rest } = props;
+  const { headerId, isExpanded, bodyId: id } = useCardAccordionContext();
+  const bodyRef = (0, import_react51.useRef)(null);
+  const [animate, setAnimate] = (0, import_react51.useState)(false);
   const isMounted = (0, import_dds_core49.useIsMounted)();
   const height = useElementHeight(bodyRef.current);
-  const [initialExpandedHeight, setIntialExpandedHeight] = (0, import_react50.useState)(null);
-  (0, import_react50.useLayoutEffect)(() => {
+  const [initialExpandedHeight, setIntialExpandedHeight] = (0, import_react51.useState)(null);
+  (0, import_react51.useLayoutEffect)(() => {
     if (bodyRef.current && isExpanded) {
       setIntialExpandedHeight(bodyRef.current.scrollHeight);
     }
   }, []);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if (isMounted()) {
       setAnimate(true);
     }
   }, [isMounted]);
-  const bodyProps = {
-    ...(0, import_dds_core49.getBaseHTMLProps)(id, className, htmlProps, rest),
-    ref,
-    isExpanded,
-    role: "region",
-    height: (_a = height != null ? height : initialExpandedHeight) != null ? _a : 0
-  };
-  const bodyContainerProps = {
-    ref: bodyRef,
-    isExpanded,
-    padding,
-    paddingTop
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     Body2,
     {
-      ...bodyProps,
+      ...(0, import_dds_core49.getBaseHTMLProps)(id, className, htmlProps, rest),
+      ref,
+      isExpanded,
+      role: "region",
+      height: (_a = height != null ? height : initialExpandedHeight) != null ? _a : 0,
       animate,
       "aria-labelledby": headerId,
       "aria-hidden": !isExpanded,
-      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(BodyContainer, { ...bodyContainerProps, animate, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        BodyContainer,
+        {
+          ref: bodyRef,
+          isExpanded,
+          padding,
+          paddingTop,
+          animate,
+          children
+        }
+      )
     }
   );
 });
 CardAccordionBody.displayName = "CardAccordionBody";
 
 // src/components/InternalHeader/InternalHeader.tsx
-var import_react53 = require("react");
+var import_react54 = require("react");
 var import_dds_typography27 = require("@norges-domstoler/dds-typography");
 
 // src/components/InternalHeader/InternalHeader.styles.tsx
@@ -6403,11 +6410,11 @@ var StyledOverflowMenu = (0, import_styled_components46.default)(OverflowMenu)`
 `;
 
 // src/components/InternalHeader/NavigationItem.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 var import_styled_components47 = __toESM(require("styled-components"));
 var import_dds_typography26 = require("@norges-domstoler/dds-typography");
 var import_dds_form16 = require("@norges-domstoler/dds-form");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var { navLink: navLink2 } = internalHeaderTokens;
 var Link2 = import_styled_components47.default.a.withConfig({
   shouldForwardProp: (prop) => prop !== "isCurrent"
@@ -6442,34 +6449,34 @@ var Link2 = import_styled_components47.default.a.withConfig({
       }
     `}
 `;
-var NavigationItem2 = (0, import_react51.forwardRef)(({ title: title3, isCurrent, ...rest }, ref) => {
+var NavigationItem2 = (0, import_react52.forwardRef)(({ title: title3, isCurrent, ...rest }, ref) => {
   const linkProps = {
     ref,
     isCurrent,
     ...rest
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Link2, { ...linkProps, "aria-current": isCurrent ? "page" : void 0, children: title3 });
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Link2, { ...linkProps, "aria-current": isCurrent ? "page" : void 0, children: title3 });
 });
 
 // src/components/InternalHeader/InternalHeaderListItem.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 var import_styled_components48 = __toESM(require("styled-components"));
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var Li = import_styled_components48.default.li`
   box-sizing: border-box;
 `;
-var InternalHeaderListItem = (0, import_react52.forwardRef)(({ children, ...rest }, ref) => {
+var InternalHeaderListItem = (0, import_react53.forwardRef)(({ children, ...rest }, ref) => {
   const props = {
     ref,
     ...rest
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Li, { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Li, { ...props, children });
 });
 
 // src/components/InternalHeader/InternalHeader.tsx
 var import_dds_core51 = require("@norges-domstoler/dds-core");
 var import_dds_icons26 = require("@norges-domstoler/dds-icons");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var InternalHeader = (props) => {
   const {
     applicationDesc,
@@ -6485,11 +6492,11 @@ var InternalHeader = (props) => {
     htmlProps,
     ...rest
   } = props;
-  const [contextMenuIsClosed, setContextMenuIsClosed] = (0, import_react53.useState)(true);
-  const [currentPage, setCurrentPage] = (0, import_react53.useState)(
+  const [contextMenuIsClosed, setContextMenuIsClosed] = (0, import_react54.useState)(true);
+  const [currentPage, setCurrentPage] = (0, import_react54.useState)(
     currentPageHref
   );
-  const buttonRef = (0, import_react53.useRef)(null);
+  const buttonRef = (0, import_react54.useRef)(null);
   const handleCurrentPageChange = (href) => {
     setCurrentPage(href);
     onCurrentPageChange && onCurrentPageChange();
@@ -6501,10 +6508,10 @@ var InternalHeader = (props) => {
   const hasNavigationElements = !!navigationElements && navigationElements.length > 0;
   const hasContextMenuElements = !!contextMenuElements && contextMenuElements.length > 0;
   const hasNavInContextMenu = smallScreen && hasNavigationElements;
-  const navigation4 = hasNavigationElements && !smallScreen ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Navigation2, { "aria-label": "sidenavigasjon", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(NavigationList, { children: navigationElements.map((item, index) => {
+  const navigation4 = hasNavigationElements && !smallScreen ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Navigation2, { "aria-label": "sidenavigasjon", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(NavigationList, { children: navigationElements.map((item, index) => {
     const { href, ...rest2 } = item;
     const isCurrent = href === currentPage;
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(InternalHeaderListItem, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(InternalHeaderListItem, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       NavigationItem2,
       {
         href,
@@ -6515,14 +6522,14 @@ var InternalHeader = (props) => {
     ) }, index);
   }) }) }) : null;
   const hasContextMenu = hasContextMenuElements || !!userProps || hasNavInContextMenu;
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(OuterContainer3, { ...(0, import_dds_core51.getBaseHTMLProps)(id, className, htmlProps, rest), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(BannerWrapper, { $hasContextMenu: hasContextMenu, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(BannerLeftWrapper, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(LovisaWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_dds_typography27.Typography, { typographyType: "bodySans02", bold: true, as: "span", children: applicationName }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ApplicationNameWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_dds_typography27.Typography, { typographyType: "bodySans02", as: "span", children: applicationDesc }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(OuterContainer3, { ...(0, import_dds_core51.getBaseHTMLProps)(id, className, htmlProps, rest), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(BannerWrapper, { $hasContextMenu: hasContextMenu, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(BannerLeftWrapper, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(LovisaWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_dds_typography27.Typography, { typographyType: "bodySans02", bold: true, as: "span", children: applicationName }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ApplicationNameWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_dds_typography27.Typography, { typographyType: "bodySans02", as: "span", children: applicationDesc }) })
     ] }) }),
     navigation4,
-    hasContextMenu && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(ContextMenuGroup, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    hasContextMenu && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(ContextMenuGroup, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         Button,
         {
           ref: buttonRef,
@@ -6535,7 +6542,7 @@ var InternalHeader = (props) => {
           "aria-label": "\xE5pne meny"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         StyledOverflowMenu,
         {
           isOpen: !contextMenuIsClosed,
@@ -6552,7 +6559,7 @@ var InternalHeader = (props) => {
 InternalHeader.displayName = "InternalHeader";
 
 // src/components/Datepicker/Datepicker.tsx
-var import_react54 = require("react");
+var import_react55 = require("react");
 var import_dds_core52 = require("@norges-domstoler/dds-core");
 var import_dds_typography28 = require("@norges-domstoler/dds-typography");
 var import_styled_components49 = __toESM(require("styled-components"));
@@ -6596,7 +6603,7 @@ var datepickerTokens = {
 };
 
 // src/components/Datepicker/Datepicker.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var StyledInput2 = (0, import_styled_components49.default)(import_dds_form17.StatefulInput)`
   &::-webkit-calendar-picker-indicator {
     background-image: ${`url('${calendar_today_default}')`};
@@ -6644,7 +6651,7 @@ var StyledInput2 = (0, import_styled_components49.default)(import_dds_form17.Sta
     ${import_dds_core52.selection}
   }
 `;
-var Datepicker = (0, import_react54.forwardRef)(
+var Datepicker = (0, import_react55.forwardRef)(
   ({
     id,
     type = "date",
@@ -6663,7 +6670,7 @@ var Datepicker = (0, import_react54.forwardRef)(
     "aria-describedby": ariaDescribedby,
     ...rest
   }, ref) => {
-    const generatedId = (0, import_react54.useId)();
+    const generatedId = (0, import_react55.useId)();
     const uniqueId = id != null ? id : `${generatedId}-datepickerInput`;
     const componentWidth = width ? width : getWidth2(type, componentSize);
     const hasLabel = !!label3;
@@ -6696,9 +6703,9 @@ var Datepicker = (0, import_react54.forwardRef)(
       style,
       className
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_dds_form17.OuterInputContainer, { ...outerinputContainerProps, children: [
-      hasLabel && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_dds_typography28.Label, { htmlFor: uniqueId, showRequiredStyling: !!showRequiredStyling, children: label3 }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(StyledInput2, { ...inputProps }),
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_dds_form17.OuterInputContainer, { ...outerinputContainerProps, children: [
+      hasLabel && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_dds_typography28.Label, { htmlFor: uniqueId, showRequiredStyling: !!showRequiredStyling, children: label3 }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(StyledInput2, { ...inputProps }),
       renderInputMessage(tip, tipId, errorMessage, errorMessageId)
     ] });
   }
@@ -6730,7 +6737,7 @@ var getMax = (type, max) => {
 };
 
 // src/components/SkipToContent/SkipToContent.tsx
-var import_react55 = require("react");
+var import_react56 = require("react");
 var import_styled_components50 = __toESM(require("styled-components"));
 var import_dds_core53 = require("@norges-domstoler/dds-core");
 var import_dds_typography29 = require("@norges-domstoler/dds-typography");
@@ -6757,7 +6764,7 @@ var skipToContentTokens = {
 };
 
 // src/components/SkipToContent/SkipToContent.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var { wrapper: wrapper2, link: link4 } = skipToContentTokens;
 var Wrapper5 = import_styled_components50.default.div`
   box-sizing: border-box;
@@ -6801,7 +6808,7 @@ var Link3 = import_styled_components50.default.a`
     color: ${link4.base.color};
   }
 `;
-var SkipToContent = (0, import_react55.forwardRef)(
+var SkipToContent = (0, import_react56.forwardRef)(
   (props, ref) => {
     const {
       text = "Til hovedinnhold",
@@ -6816,13 +6823,13 @@ var SkipToContent = (0, import_react55.forwardRef)(
       style,
       ...restHtmlProps
     } = htmlProps;
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       Wrapper5,
       {
         $top: top,
         className: (0, import_dds_core53.cn)(className, htmlPropsClassName),
         style,
-        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Link3, { ...(0, import_dds_core53.getBaseHTMLProps)(id, restHtmlProps, rest), ref, children: text })
+        children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Link3, { ...(0, import_dds_core53.getBaseHTMLProps)(id, restHtmlProps, rest), ref, children: text })
       }
     );
   }
@@ -6830,7 +6837,7 @@ var SkipToContent = (0, import_react55.forwardRef)(
 SkipToContent.displayName = "SkipToContent";
 
 // src/components/Tooltip/Tooltip.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 var import_dds_core56 = require("@norges-domstoler/dds-core");
 var import_dds_core57 = require("@norges-domstoler/dds-core");
 var import_dds_core58 = require("@norges-domstoler/dds-core");
@@ -6881,9 +6888,9 @@ var TooltipWrapper = (0, import_styled_components51.default)(import_dds_core54.P
 `;
 
 // src/components/Tooltip/Tooltip.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var { svgArrow: svgArrow2 } = tooltipTokens;
-var Tooltip = (0, import_react56.forwardRef)(
+var Tooltip = (0, import_react57.forwardRef)(
   (props, ref) => {
     const {
       text,
@@ -6899,21 +6906,21 @@ var Tooltip = (0, import_react56.forwardRef)(
       htmlProps,
       ...rest
     } = props;
-    const generatedId = (0, import_react56.useId)();
+    const generatedId = (0, import_react57.useId)();
     const uniqueTooltipId = tooltipId != null ? tooltipId : `${generatedId}-tooltip`;
-    const [open, setOpen] = (0, import_react56.useState)(false);
-    const [inView, setInView] = (0, import_react56.useState)(false);
-    const [arrowElement, setArrowElement] = (0, import_react56.useState)(null);
+    const [open, setOpen] = (0, import_react57.useState)(false);
+    const [inView, setInView] = (0, import_react57.useState)(false);
+    const [arrowElement, setArrowElement] = (0, import_react57.useState)(null);
     const { refs, styles } = (0, import_dds_core56.useFloatPosition)(arrowElement, {
       placement
     });
-    const tooltipRef = (0, import_react56.useRef)(null);
+    const tooltipRef = (0, import_react57.useRef)(null);
     const combinedRef = (0, import_dds_core56.useCombinedRef)(ref, refs.setFloating, tooltipRef);
     const closeWhenNotInView = (entries) => {
       const [entry] = entries;
       entry.isIntersecting ? setInView(true) : setInView(false);
     };
-    (0, import_react56.useEffect)(() => {
+    (0, import_react57.useEffect)(() => {
       const options = {
         root: null,
         rootMargin: "0px"
@@ -6927,7 +6934,7 @@ var Tooltip = (0, import_react56.forwardRef)(
           observer.unobserve(ref2);
       };
     }, [tooltipRef]);
-    (0, import_react56.useEffect)(() => {
+    (0, import_react57.useEffect)(() => {
       if (tooltipRef.current) {
         window.addEventListener("scroll", () => {
           closeTooltip();
@@ -6941,7 +6948,7 @@ var Tooltip = (0, import_react56.forwardRef)(
       };
     }, []);
     let timer;
-    (0, import_react56.useEffect)(() => {
+    (0, import_react57.useEffect)(() => {
       return () => {
         clearTimeout(timer);
       };
@@ -6961,8 +6968,8 @@ var Tooltip = (0, import_react56.forwardRef)(
       }
     };
     const anchorProps = children.props;
-    const anchorElement = import_react56.Children.only(
-      (0, import_react56.isValidElement)(children) && (0, import_react56.cloneElement)(children, {
+    const anchorElement = import_react57.Children.only(
+      (0, import_react57.isValidElement)(children) && (0, import_react57.cloneElement)(children, {
         ref: refs.setReference,
         onFocus: (0, import_dds_core58.combineHandlers)(openTooltip, anchorProps.onFocus),
         onBlur: (0, import_dds_core58.combineHandlers)(closeTooltip, anchorProps.onBlur),
@@ -6987,19 +6994,19 @@ var Tooltip = (0, import_react56.forwardRef)(
       ref: setArrowElement,
       style: styles.arrow
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Container7, { ...containerProps, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Container7, { ...containerProps, children: [
       anchorElement,
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(TooltipWrapper, { ...wrapperProps, elevation: 1, border: "light", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(TooltipWrapper, { ...wrapperProps, elevation: 1, border: "light", children: [
         text,
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ArrowWrapper, { ...arrowWrapperProps, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(SvgArrow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ArrowWrapper, { ...arrowWrapperProps, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(SvgArrow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "path",
             {
               d: "M16.586 6.586L10 0h16.154a.373.373 0 00-.263.11l-6.477 6.476a2 2 0 01-2.828 0z",
               fill: svgArrow2.background.fill
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "path",
             {
               fillRule: "evenodd",
@@ -7016,7 +7023,7 @@ var Tooltip = (0, import_react56.forwardRef)(
 Tooltip.displayName = "Tooltip";
 
 // src/components/Modal/Modal.tsx
-var import_react57 = require("react");
+var import_react58 = require("react");
 var import_styled_components53 = __toESM(require("styled-components"));
 
 // src/components/Modal/Modal.tokens.tsx
@@ -7094,7 +7101,7 @@ function handleElementWithBackdropUnmount(container16) {
 }
 
 // src/components/Modal/Modal.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var { container: container10, contentContainer: contentContainer4 } = modalTokens;
 var Container8 = (0, import_styled_components53.default)(import_dds_core60.Paper)`
   display: flex;
@@ -7119,7 +7126,7 @@ var HeaderContainer2 = import_styled_components53.default.div``;
 var StyledButton2 = (0, import_styled_components53.default)(Button)`
   align-self: flex-end;
 `;
-var Modal = (0, import_react57.forwardRef)((props, ref) => {
+var Modal = (0, import_react58.forwardRef)((props, ref) => {
   const {
     isOpen = false,
     parentElement = document.body,
@@ -7133,7 +7140,7 @@ var Modal = (0, import_react57.forwardRef)((props, ref) => {
     htmlProps,
     ...rest
   } = props;
-  const generatedId = (0, import_react57.useId)();
+  const generatedId = (0, import_react58.useId)();
   const modalId = id != null ? id : `${generatedId}-modal`;
   const headerId = `${modalId}-header`;
   const modalRef = (0, import_dds_core60.useFocusTrap)(isOpen, initialFocusRef);
@@ -7145,7 +7152,7 @@ var Modal = (0, import_react57.forwardRef)((props, ref) => {
       onClose();
     }
   };
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     if (isOpen) {
       handleElementWithBackdropMount(document.body);
     } else {
@@ -7157,7 +7164,7 @@ var Modal = (0, import_react57.forwardRef)((props, ref) => {
   (0, import_dds_core60.useOnKeyDown)(["Escape", "Esc"], () => handleClose());
   const hasTransitionedIn = (0, import_dds_core60.useMountTransition)(isOpen, 200);
   return isOpen || hasTransitionedIn ? (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Backdrop, { isOpen: hasTransitionedIn && isOpen, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Backdrop, { isOpen: hasTransitionedIn && isOpen, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
       Container8,
       {
         ...(0, import_dds_core60.getBaseHTMLProps)(id, className, htmlProps, rest),
@@ -7170,11 +7177,11 @@ var Modal = (0, import_react57.forwardRef)((props, ref) => {
         id: modalId,
         elevation: 4,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(ContentContainer2, { children: [
-            header3 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(HeaderContainer2, { id: headerId, children: typeof header3 === "string" ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_dds_typography31.Typography, { typographyType: "headingSans03", children: header3 }) : header3 }),
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(ContentContainer2, { children: [
+            header3 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(HeaderContainer2, { id: headerId, children: typeof header3 === "string" ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_dds_typography31.Typography, { typographyType: "headingSans03", children: header3 }) : header3 }),
             children
           ] }),
-          onClose && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          onClose && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
             StyledButton2,
             {
               size: "small",
@@ -7194,45 +7201,45 @@ var Modal = (0, import_react57.forwardRef)((props, ref) => {
 Modal.displayName = "Modal";
 
 // src/components/Modal/ModalBody.tsx
-var import_react58 = require("react");
+var import_react59 = require("react");
 var import_styled_components54 = __toESM(require("styled-components"));
 var import_dds_core61 = require("@norges-domstoler/dds-core");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var Container9 = import_styled_components54.default.div``;
-var ModalBody = (0, import_react58.forwardRef)(
+var ModalBody = (0, import_react59.forwardRef)(
   (props, ref) => {
     const { children, scrollable, id, className, htmlProps, height, ...rest } = props;
     const containerProps = {
       ...(0, import_dds_core61.getBaseHTMLProps)(id, className, htmlProps, rest),
       ref
     };
-    return scrollable ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Container9, { ...containerProps, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ScrollableContainer, { contentHeight: height, children }) }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Container9, { ...containerProps, children });
+    return scrollable ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Container9, { ...containerProps, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ScrollableContainer, { contentHeight: height, children }) }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Container9, { ...containerProps, children });
   }
 );
 ModalBody.displayName = "ModalBody";
 
 // src/components/Modal/ModalActions.tsx
-var import_react59 = require("react");
+var import_react60 = require("react");
 var import_styled_components55 = __toESM(require("styled-components"));
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var Container10 = import_styled_components55.default.div`
   display: flex;
   flex-wrap: wrap;
   gap: ${modalTokens.actionsContainer.gap};
 `;
-var ModalActions = (0, import_react59.forwardRef)(
+var ModalActions = (0, import_react60.forwardRef)(
   ({ children, ...rest }, ref) => {
     const containerProps = {
       ref,
       ...rest
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Container10, { ...containerProps, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Container10, { ...containerProps, children });
   }
 );
 ModalActions.displayName = "ModalActions";
 
 // src/components/Drawer/Drawer.tsx
-var import_react60 = require("react");
+var import_react61 = require("react");
 var import_react_dom2 = require("react-dom");
 var import_styled_components56 = __toESM(require("styled-components"));
 var import_dds_typography32 = require("@norges-domstoler/dds-typography");
@@ -7258,7 +7265,7 @@ var drawerTokens = {
 
 // src/components/Drawer/Drawer.tsx
 var import_dds_form20 = require("@norges-domstoler/dds-form");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var { container: container12, contentContainer: contentContainer6 } = drawerTokens;
 var getMaxWidth = (size) => {
   if (size === "large")
@@ -7326,7 +7333,7 @@ var HeaderContainer3 = import_styled_components56.default.div``;
 var StyledButton3 = (0, import_styled_components56.default)(Button)`
   align-self: flex-end;
 `;
-var Drawer = (0, import_react60.forwardRef)((props, ref) => {
+var Drawer = (0, import_react61.forwardRef)((props, ref) => {
   const {
     children,
     onClose,
@@ -7341,7 +7348,7 @@ var Drawer = (0, import_react60.forwardRef)((props, ref) => {
     htmlProps,
     ...rest
   } = props;
-  const generatedId = (0, import_react60.useId)();
+  const generatedId = (0, import_react61.useId)();
   const uniqueId = id != null ? id : `${generatedId}-drawer`;
   const hasHeader = !!header3;
   const headerId = hasHeader ? `${uniqueId}-header` : void 0;
@@ -7377,12 +7384,12 @@ var Drawer = (0, import_react60.forwardRef)((props, ref) => {
     id: headerId
   };
   return isOpen || hasTransitionedIn ? (0, import_react_dom2.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Container11, { ...containerProps, elevation: 4, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ScrollableContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(ContentContainer3, { children: [
-        hasHeader && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HeaderContainer3, { ...headerContainerProps, children: typeof header3 === "string" ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_dds_typography32.Typography, { typographyType: "headingSans03", children: header3 }) : header3 }),
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Container11, { ...containerProps, elevation: 4, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ScrollableContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(ContentContainer3, { children: [
+        hasHeader && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(HeaderContainer3, { ...headerContainerProps, children: typeof header3 === "string" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_dds_typography32.Typography, { typographyType: "headingSans03", children: header3 }) : header3 }),
         children
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         StyledButton3,
         {
           "data-testid": "drawer-close-btn",
@@ -7401,18 +7408,18 @@ var Drawer = (0, import_react60.forwardRef)((props, ref) => {
 Drawer.displayName = "Drawer";
 
 // src/components/Drawer/DrawerGroup.tsx
-var import_react61 = require("react");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_react62 = require("react");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var DrawerGroup = ({
   children,
   drawerId,
   onOpen,
   onClose
 }) => {
-  const generatedId = (0, import_react61.useId)();
+  const generatedId = (0, import_react62.useId)();
   const uniqueDrawerId = drawerId != null ? drawerId : `${generatedId}-drawer`;
-  const buttonRef = (0, import_react61.useRef)(null);
-  const [closed, setClosed] = (0, import_react61.useState)(true);
+  const buttonRef = (0, import_react62.useRef)(null);
+  const [closed, setClosed] = (0, import_react62.useState)(true);
   const open = () => setClosed(false);
   const close = () => setClosed(true);
   const handleOpen = () => {
@@ -7423,21 +7430,21 @@ var DrawerGroup = ({
     close();
     onClose && onClose();
   };
-  const Children9 = import_react61.Children.map(children, (child, childIndex) => {
-    return (0, import_react61.isValidElement)(child) && (childIndex === 0 ? (0, import_react61.cloneElement)(child, {
+  const Children9 = import_react62.Children.map(children, (child, childIndex) => {
+    return (0, import_react62.isValidElement)(child) && (childIndex === 0 ? (0, import_react62.cloneElement)(child, {
       "aria-haspopup": "dialog",
       "aria-controls": uniqueDrawerId,
       "aria-expanded": !closed,
       ref: buttonRef,
       onClick: handleOpen
-    }) : (0, import_react61.cloneElement)(child, {
+    }) : (0, import_react62.cloneElement)(child, {
       id: uniqueDrawerId,
       triggerRef: buttonRef,
       isOpen: !closed,
       onClose: handleClose
     }));
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
     " ",
     Children9,
     " "
@@ -7447,7 +7454,7 @@ DrawerGroup.displayName = "DrawerGroup";
 
 // src/components/Popover/Popover.tsx
 var import_dds_design_tokens30 = require("@norges-domstoler/dds-design-tokens");
-var import_react62 = require("react");
+var import_react63 = require("react");
 var import_styled_components57 = __toESM(require("styled-components"));
 var import_dds_core63 = require("@norges-domstoler/dds-core");
 var import_dds_core64 = require("@norges-domstoler/dds-core");
@@ -7483,7 +7490,7 @@ var popoverTokens = {
 var import_dds_icons29 = require("@norges-domstoler/dds-icons");
 var import_dds_core66 = require("@norges-domstoler/dds-core");
 var import_dds_form21 = require("@norges-domstoler/dds-form");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var { spacing: Spacing } = import_dds_design_tokens30.ddsBaseTokens;
 var { wrapper: wrapper6, content: content4, closeButton: closeButton2, title: title2 } = popoverTokens;
 var Wrapper6 = (0, import_styled_components57.default)(import_dds_core66.Paper)`
@@ -7519,7 +7526,7 @@ var StyledButton4 = (0, import_styled_components57.default)(Button)`
   top: ${closeButton2.top};
   right: ${closeButton2.right};
 `;
-var Popover = (0, import_react62.forwardRef)(
+var Popover = (0, import_react63.forwardRef)(
   (props, ref) => {
     const {
       title: title3,
@@ -7559,7 +7566,7 @@ var Popover = (0, import_react62.forwardRef)(
       if (isOpen)
         onClose && onClose();
     });
-    return isOpen || hasTransitionedIn ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+    return isOpen || hasTransitionedIn ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
       Wrapper6,
       {
         ...(0, import_dds_core65.getBaseHTMLProps)(id, className, htmlProps, rest),
@@ -7572,8 +7579,8 @@ var Popover = (0, import_react62.forwardRef)(
         elevation: 3,
         border: "light",
         children: [
-          title3 && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(TitleContainer, { children: typeof title3 === "string" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_dds_typography33.Typography, { typographyType: "headingSans02", children: title3 }) : title3 }),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+          title3 && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(TitleContainer, { children: typeof title3 === "string" ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_dds_typography33.Typography, { typographyType: "headingSans02", children: title3 }) : title3 }),
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
             ContentContainer4,
             {
               $hasTitle: !!title3,
@@ -7581,7 +7588,7 @@ var Popover = (0, import_react62.forwardRef)(
               children
             }
           ),
-          withCloseButton && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+          withCloseButton && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
             StyledButton4,
             {
               icon: import_dds_icons29.CloseIcon,
@@ -7600,9 +7607,9 @@ var Popover = (0, import_react62.forwardRef)(
 Popover.displayName = "Popover";
 
 // src/components/Popover/PopoverGroup.tsx
-var import_react63 = require("react");
+var import_react64 = require("react");
 var import_dds_core67 = require("@norges-domstoler/dds-core");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var PopoverGroup = ({
   isOpen = false,
   onCloseButtonClick,
@@ -7610,8 +7617,8 @@ var PopoverGroup = ({
   children,
   popoverId
 }) => {
-  const [open, setOpen] = (0, import_react63.useState)(isOpen);
-  const generatedId = (0, import_react63.useId)();
+  const [open, setOpen] = (0, import_react64.useState)(isOpen);
+  const generatedId = (0, import_react64.useId)();
   const uniquePopoverId = popoverId != null ? popoverId : `${generatedId}-popover`;
   const handleOnCloseButtonClick = () => {
     setOpen(false);
@@ -7621,8 +7628,8 @@ var PopoverGroup = ({
     setOpen(!open);
     onTriggerClick && onTriggerClick();
   };
-  const buttonRef = (0, import_react63.useRef)(null);
-  const popoverRef = (0, import_react63.useRef)(null);
+  const buttonRef = (0, import_react64.useRef)(null);
+  const popoverRef = (0, import_react64.useRef)(null);
   (0, import_dds_core67.useOnKeyDown)(["Esc", "Escape"], () => {
     var _a;
     if (open) {
@@ -7631,14 +7638,14 @@ var PopoverGroup = ({
     }
   });
   const handleClose = () => setOpen(false);
-  const Children9 = import_react63.Children.map(children, (child, childIndex) => {
-    return (0, import_react63.isValidElement)(child) && (childIndex === 0 ? (0, import_react63.cloneElement)(child, {
+  const Children9 = import_react64.Children.map(children, (child, childIndex) => {
+    return (0, import_react64.isValidElement)(child) && (childIndex === 0 ? (0, import_react64.cloneElement)(child, {
       "aria-haspopup": "dialog",
       "aria-controls": uniquePopoverId,
       "aria-expanded": open,
       onClick: handleOnTriggerClick,
       ref: buttonRef
-    }) : (0, import_react63.cloneElement)(child, {
+    }) : (0, import_react64.cloneElement)(child, {
       isOpen: open,
       "aria-hidden": !open,
       id: uniquePopoverId,
@@ -7648,12 +7655,12 @@ var PopoverGroup = ({
       onClose: handleClose
     }));
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_jsx_runtime65.Fragment, { children: Children9 });
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, { children: Children9 });
 };
 PopoverGroup.displayName = "PopoverGroup";
 
 // src/components/ToggleButton/ToggleButton.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 var import_styled_components58 = __toESM(require("styled-components"));
 var import_dds_icons30 = require("@norges-domstoler/dds-icons");
 var import_dds_core68 = require("@norges-domstoler/dds-core");
@@ -7693,7 +7700,7 @@ var toggleButtonTokens = {
 };
 
 // src/components/ToggleButton/ToggleButton.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var { toggleButton: toggleButton2 } = toggleButtonTokens;
 var Content2 = import_styled_components58.default.span`
   display: flex;
@@ -7747,12 +7754,12 @@ var Container12 = import_styled_components58.default.label`
     ${import_dds_form22.focusVisible}
   }
 `;
-var ToggleButton = (0, import_react64.forwardRef)(
+var ToggleButton = (0, import_react65.forwardRef)(
   ({ id, label: label3, icon: icon12, className, htmlProps, ...rest }, ref) => {
-    const generatedId = (0, import_react64.useId)();
+    const generatedId = (0, import_react65.useId)();
     const uniqueId = id != null ? id : `${generatedId}-toggleButton`;
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Container12, { htmlFor: uniqueId, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Container12, { htmlFor: uniqueId, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
         import_dds_form22.HiddenInput,
         {
           ...(0, import_dds_core68.getBaseHTMLProps)(uniqueId, className, htmlProps, rest),
@@ -7760,8 +7767,8 @@ var ToggleButton = (0, import_react64.forwardRef)(
           type: "checkbox"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Content2, { $hasIcon: !!icon12, children: [
-        icon12 && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_dds_icons30.Icon, { icon: icon12, iconSize: "inherit" }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Content2, { $hasIcon: !!icon12, children: [
+        icon12 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_dds_icons30.Icon, { icon: icon12, iconSize: "inherit" }),
         " ",
         label3
       ] })
@@ -7771,11 +7778,11 @@ var ToggleButton = (0, import_react64.forwardRef)(
 ToggleButton.displayName = "ToggleButton";
 
 // src/components/ToggleButton/ToggleButtonGroup.tsx
-var import_react65 = require("react");
+var import_react66 = require("react");
 var import_styled_components59 = __toESM(require("styled-components"));
 var import_dds_core69 = require("@norges-domstoler/dds-core");
 var import_dds_typography35 = require("@norges-domstoler/dds-typography");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var Group = import_styled_components59.default.div`
   gap: ${toggleButtonTokens.group.gap};
   display: flex;
@@ -7800,7 +7807,7 @@ var ToggleButtonGroup = (props) => {
     htmlProps,
     ...rest
   } = props;
-  const generatedId = (0, import_react65.useId)();
+  const generatedId = (0, import_react66.useId)();
   const uniqueLabelId = labelId != null ? labelId : `${generatedId}-ToggleButtonGroupLabel`;
   const groupProps = {
     direction
@@ -7810,8 +7817,8 @@ var ToggleButtonGroup = (props) => {
     role: "group",
     "aria-labelledby": label3 ? uniqueLabelId : void 0
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Container13, { ...containerProps, children: [
-    !!label3 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Container13, { ...containerProps, children: [
+    !!label3 && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       import_dds_typography35.Typography,
       {
         as: "span",
@@ -7820,19 +7827,19 @@ var ToggleButtonGroup = (props) => {
         children: label3
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Group, { ...groupProps, children })
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Group, { ...groupProps, children })
   ] });
 };
 ToggleButtonGroup.displayName = "ToggleButtonGroup";
 
 // src/components/Tabs/Tabs.tsx
 var import_styled_components60 = __toESM(require("styled-components"));
-var import_react67 = require("react");
+var import_react68 = require("react");
 var import_dds_core70 = require("@norges-domstoler/dds-core");
 
 // src/components/Tabs/Tabs.context.tsx
-var import_react66 = require("react");
-var TabsContext = (0, import_react66.createContext)({
+var import_react67 = require("react");
+var TabsContext = (0, import_react67.createContext)({
   activeTab: 0,
   tabsId: "",
   handleTabChange: () => null,
@@ -7842,16 +7849,16 @@ var TabsContext = (0, import_react66.createContext)({
   setHasTabFocus: () => null,
   tabContentDirection: "row"
 });
-var useTabsContext = () => (0, import_react66.useContext)(TabsContext);
+var useTabsContext = () => (0, import_react67.useContext)(TabsContext);
 
 // src/components/Tabs/Tabs.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var Container14 = import_styled_components60.default.div`
   ${({ $width }) => $width && import_styled_components60.css`
       width: ${$width};
     `};
 `;
-var Tabs = (0, import_react67.forwardRef)((props, ref) => {
+var Tabs = (0, import_react68.forwardRef)((props, ref) => {
   const {
     id,
     activeTab,
@@ -7863,17 +7870,17 @@ var Tabs = (0, import_react67.forwardRef)((props, ref) => {
     htmlProps,
     ...rest
   } = props;
-  const generatedId = (0, import_react67.useId)();
+  const generatedId = (0, import_react68.useId)();
   const uniqueId = id != null ? id : `${generatedId}-tabs`;
-  const [thisActiveTab, setActiveTab] = (0, import_react67.useState)(activeTab != null ? activeTab : 0);
-  const [hasTabFocus, setHasTabFocus] = (0, import_react67.useState)(false);
-  const tabListRef = (0, import_react67.useRef)(null);
-  const tabPanelsRef = (0, import_react67.useRef)(null);
+  const [thisActiveTab, setActiveTab] = (0, import_react68.useState)(activeTab != null ? activeTab : 0);
+  const [hasTabFocus, setHasTabFocus] = (0, import_react68.useState)(false);
+  const tabListRef = (0, import_react68.useRef)(null);
+  const tabPanelsRef = (0, import_react68.useRef)(null);
   const handleTabChange = (index) => {
     setActiveTab(index);
     onChange && onChange(index);
   };
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     if (activeTab !== void 0 && activeTab !== thisActiveTab) {
       setActiveTab(activeTab);
     }
@@ -7882,7 +7889,7 @@ var Tabs = (0, import_react67.forwardRef)((props, ref) => {
     ...(0, import_dds_core70.getBaseHTMLProps)(uniqueId, className, htmlProps, rest),
     ref
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     TabsContext.Provider,
     {
       value: {
@@ -7895,14 +7902,14 @@ var Tabs = (0, import_react67.forwardRef)((props, ref) => {
         setHasTabFocus,
         tabContentDirection
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Container14, { ...containerProps, $width: width, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Container14, { ...containerProps, $width: width, children })
     }
   );
 });
 Tabs.displayName = "Tabs";
 
 // src/components/Tabs/Tab.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 var import_styled_components61 = __toESM(require("styled-components"));
 var import_dds_core71 = require("@norges-domstoler/dds-core");
 var import_dds_icons31 = require("@norges-domstoler/dds-icons");
@@ -7949,7 +7956,7 @@ var tabsTokens = {
 };
 
 // src/components/Tabs/Tab.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var { tab: tab2 } = tabsTokens;
 var Button2 = import_styled_components61.default.button`
   ${import_dds_core71.normalizeButton}
@@ -7994,7 +8001,7 @@ var Button2 = import_styled_components61.default.button`
     box-shadow: ${tab2.hover.boxShadow};
   }
 `;
-var Tab = (0, import_react68.forwardRef)((props, ref) => {
+var Tab = (0, import_react69.forwardRef)((props, ref) => {
   const {
     active = false,
     icon: icon12,
@@ -8009,10 +8016,10 @@ var Tab = (0, import_react68.forwardRef)((props, ref) => {
     htmlProps,
     ...rest
   } = props;
-  const itemRef = (0, import_react68.useRef)(null);
+  const itemRef = (0, import_react69.useRef)(null);
   const combinedRef = (0, import_dds_core71.useCombinedRef)(ref, itemRef);
   const { tabPanelsRef, setHasTabFocus, tabContentDirection } = useTabsContext();
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     var _a;
     if (focus) {
       (_a = itemRef.current) == null ? void 0 : _a.focus();
@@ -8024,7 +8031,7 @@ var Tab = (0, import_react68.forwardRef)((props, ref) => {
     setHasTabFocus(false);
     (_a = tabPanelsRef == null ? void 0 : tabPanelsRef.current) == null ? void 0 : _a.focus();
   });
-  const handleSelect = (0, import_react68.useCallback)(() => {
+  const handleSelect = (0, import_react69.useCallback)(() => {
     if (setFocus && index) {
       setFocus(index);
     }
@@ -8037,7 +8044,7 @@ var Tab = (0, import_react68.forwardRef)((props, ref) => {
     handleSelect();
     onKeyDown && onKeyDown(e);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
     Button2,
     {
       ...(0, import_dds_core71.getBaseHTMLProps)(id, className, htmlProps, rest),
@@ -8050,8 +8057,8 @@ var Tab = (0, import_react68.forwardRef)((props, ref) => {
       onKeyDown: handleOnKeyDown,
       tabIndex: focus ? 0 : -1,
       children: [
-        icon12 && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_dds_icons31.Icon, { icon: icon12, iconSize: "inherit" }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children })
+        icon12 && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_dds_icons31.Icon, { icon: icon12, iconSize: "inherit" }),
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children })
       ]
     }
   );
@@ -8059,11 +8066,11 @@ var Tab = (0, import_react68.forwardRef)((props, ref) => {
 Tab.displayName = "Tab";
 
 // src/components/Tabs/TabList.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_styled_components62 = __toESM(require("styled-components"));
 var import_dds_core72 = require("@norges-domstoler/dds-core");
 var import_dds_form24 = require("@norges-domstoler/dds-form");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var { tabList: tabList2 } = tabsTokens;
 var TabRow = import_styled_components62.default.div`
   border-bottom: ${tabList2.borderBottom};
@@ -8085,7 +8092,7 @@ var TabRow = import_styled_components62.default.div`
     outline: none;
   }
 `;
-var TabList = (0, import_react69.forwardRef)(
+var TabList = (0, import_react70.forwardRef)(
   ({ children, id, onFocus, ...rest }, ref) => {
     const {
       activeTab,
@@ -8097,11 +8104,11 @@ var TabList = (0, import_react69.forwardRef)(
       setHasTabFocus
     } = useTabsContext();
     const uniqueId = id != null ? id : `${tabsId}-tablist`;
-    const childrenArray = import_react69.Children.toArray(children).length;
+    const childrenArray = import_react70.Children.toArray(children).length;
     const [focus, setFocus] = (0, import_dds_core72.useRoveFocus)(childrenArray, !hasTabFocus, "row");
     const combinedRef = (0, import_dds_core72.useCombinedRef)(ref, tabListRef);
-    const tabListChildren = import_react69.Children.map(children, (child, index) => {
-      return (0, import_react69.isValidElement)(child) && (0, import_react69.cloneElement)(child, {
+    const tabListChildren = import_react70.Children.map(children, (child, index) => {
+      return (0, import_react70.isValidElement)(child) && (0, import_react70.cloneElement)(child, {
         id: `${tabsId}-tab-${index}`,
         "aria-controls": `${tabsId}-panel-${index}`,
         active: activeTab === index,
@@ -8132,17 +8139,17 @@ var TabList = (0, import_react69.forwardRef)(
       tabIndex: 0,
       onFocus: handleOnFocus
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TabRow, { ...tabListProps, children: tabListChildren });
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TabRow, { ...tabListProps, children: tabListChildren });
   }
 );
 TabList.displayName = "TabList";
 
 // src/components/Tabs/TabPanel.tsx
-var import_react70 = require("react");
+var import_react71 = require("react");
 var import_styled_components63 = __toESM(require("styled-components"));
 var import_dds_core73 = require("@norges-domstoler/dds-core");
 var import_dds_form25 = require("@norges-domstoler/dds-form");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var { panel: panel2 } = tabsTokens;
 var Panel = import_styled_components63.default.div`
   padding: ${panel2.padding};
@@ -8157,9 +8164,9 @@ var Panel = import_styled_components63.default.div`
     ${import_dds_form25.focusVisible}
   }
 `;
-var TabPanel = (0, import_react70.forwardRef)(
+var TabPanel = (0, import_react71.forwardRef)(
   ({ active = false, children, id, className, htmlProps, ...rest }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       Panel,
       {
         ...(0, import_dds_core73.getBaseHTMLProps)(id, className, htmlProps, rest),
@@ -8175,29 +8182,29 @@ var TabPanel = (0, import_react70.forwardRef)(
 TabPanel.displayName = "TabPanel";
 
 // src/components/Tabs/TabPanels.tsx
-var import_react71 = require("react");
+var import_react72 = require("react");
 var import_dds_core74 = require("@norges-domstoler/dds-core");
-var import_jsx_runtime72 = require("react/jsx-runtime");
-var TabPanels = (0, import_react71.forwardRef)(
+var import_jsx_runtime73 = require("react/jsx-runtime");
+var TabPanels = (0, import_react72.forwardRef)(
   ({ children, ...rest }, ref) => {
     const { activeTab, tabsId, tabPanelsRef } = useTabsContext();
     const combinedRef = (0, import_dds_core74.useCombinedRef)(ref, tabPanelsRef);
-    const panelChildren = import_react71.Children.map(children, (child, index) => {
+    const panelChildren = import_react72.Children.map(children, (child, index) => {
       const active = index === activeTab;
-      return (0, import_react71.isValidElement)(child) && (0, import_react71.cloneElement)(child, {
+      return (0, import_react72.isValidElement)(child) && (0, import_react72.cloneElement)(child, {
         id: `${tabsId}-panel-${index}`,
         "aria-labelledby": `${tabsId}-tab-${index}`,
         active,
         "aria-expanded": active
       });
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { ref: combinedRef, ...rest, children: panelChildren });
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { ref: combinedRef, ...rest, children: panelChildren });
   }
 );
 TabPanels.displayName = "TabPanels";
 
 // src/components/Tag/Tag.tsx
-var import_react72 = require("react");
+var import_react73 = require("react");
 var import_styled_components64 = __toESM(require("styled-components"));
 var import_dds_core75 = require("@norges-domstoler/dds-core");
 var import_dds_typography37 = require("@norges-domstoler/dds-typography");
@@ -8226,7 +8233,7 @@ var tagTokens = {
 };
 
 // src/components/Tag/Tag.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var { wrapper: wrapper8 } = tagTokens;
 var Wrapper7 = (0, import_styled_components64.default)(import_dds_typography37.TextOverflowEllipsisWrapper)`
   display: inline-flex;
@@ -8240,7 +8247,7 @@ var Wrapper7 = (0, import_styled_components64.default)(import_dds_typography37.T
     border-color: ${wrapper8.purpose[$purpose].borderColor};
   `}
 `;
-var Tag = (0, import_react72.forwardRef)((props, ref) => {
+var Tag = (0, import_react73.forwardRef)((props, ref) => {
   const {
     text,
     purpose = "default",
@@ -8249,20 +8256,20 @@ var Tag = (0, import_react72.forwardRef)((props, ref) => {
     htmlProps,
     ...rest
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     Wrapper7,
     {
       ...(0, import_dds_core75.getBaseHTMLProps)(id, className, htmlProps, rest),
       ref,
       $purpose: purpose,
-      children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_dds_typography37.TextOverflowEllipsisInner, { children: text })
+      children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_dds_typography37.TextOverflowEllipsisInner, { children: text })
     }
   );
 });
 Tag.displayName = "Tag";
 
 // src/components/Chip/Chip.tsx
-var import_react73 = require("react");
+var import_react74 = require("react");
 var import_styled_components65 = __toESM(require("styled-components"));
 var import_dds_core76 = require("@norges-domstoler/dds-core");
 var import_dds_icons32 = require("@norges-domstoler/dds-icons");
@@ -8288,7 +8295,7 @@ var chipTokens = {
 };
 
 // src/components/Chip/Chip.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var { container: container15 } = chipTokens;
 var Container15 = (0, import_styled_components65.default)(import_dds_typography38.TextOverflowEllipsisWrapper)`
   display: flex;
@@ -8301,23 +8308,23 @@ var Container15 = (0, import_styled_components65.default)(import_dds_typography3
   background-color: ${container15.backgroundColor};
   ${(0, import_dds_typography38.getFontStyling)(typographyType6, true)};
 `;
-var Chip = (0, import_react73.forwardRef)((props, ref) => {
+var Chip = (0, import_react74.forwardRef)((props, ref) => {
   const { text, onClose, id, className, htmlProps = {}, ...rest } = props;
   const { "aria-label": ariaLabel, ...restHTMLprops } = htmlProps;
-  const [isOpen, setIsOpen] = (0, import_react73.useState)(true);
+  const [isOpen, setIsOpen] = (0, import_react74.useState)(true);
   const onClick = () => {
     setIsOpen(false);
     onClose && onClose();
   };
-  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
     Container15,
     {
       ...(0, import_dds_core76.getBaseHTMLProps)(id, className, restHTMLprops, rest),
       ref,
       as: "div",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_dds_typography38.TextOverflowEllipsisInner, { children: text }),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_dds_typography38.TextOverflowEllipsisInner, { children: text }),
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
           Button,
           {
             size: "tiny",
@@ -8335,26 +8342,26 @@ var Chip = (0, import_react73.forwardRef)((props, ref) => {
 Chip.displayName = "Chip";
 
 // src/components/Chip/ChipGroup.tsx
-var import_react74 = require("react");
+var import_react75 = require("react");
 var import_styled_components66 = __toESM(require("styled-components"));
 var import_dds_core77 = require("@norges-domstoler/dds-core");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var Group2 = import_styled_components66.default.ul`
   ${import_dds_core77.removeListStyling}
   display: flex;
   gap: ${chipTokens.group.gap};
 `;
-var ChipGroup = (0, import_react74.forwardRef)(
+var ChipGroup = (0, import_react75.forwardRef)(
   ({ children, ...rest }, ref) => {
-    const childrenArray = import_react74.Children.toArray(children);
-    const groupChildren = childrenArray.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("li", { children: item }, `chip-${index}`));
-    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Group2, { ...rest, ref, children: groupChildren });
+    const childrenArray = import_react75.Children.toArray(children);
+    const groupChildren = childrenArray.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("li", { children: item }, `chip-${index}`));
+    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Group2, { ...rest, ref, children: groupChildren });
   }
 );
 ChipGroup.displayName = "ChipGroup";
 
 // src/components/ToggleBar/ToggleBar.tsx
-var import_react76 = require("react");
+var import_react77 = require("react");
 var import_styled_components67 = __toESM(require("styled-components"));
 var import_dds_core79 = require("@norges-domstoler/dds-core");
 var import_dds_core80 = require("@norges-domstoler/dds-core");
@@ -8362,11 +8369,11 @@ var import_dds_core81 = require("@norges-domstoler/dds-core");
 var import_dds_typography39 = require("@norges-domstoler/dds-typography");
 
 // src/components/ToggleBar/ToggleBar.context.tsx
-var import_react75 = require("react");
-var ToggleBarContext = (0, import_react75.createContext)({
+var import_react76 = require("react");
+var ToggleBarContext = (0, import_react76.createContext)({
   size: "medium"
 });
-var useToggleBarContext = () => (0, import_react75.useContext)(ToggleBarContext);
+var useToggleBarContext = () => (0, import_react76.useContext)(ToggleBarContext);
 
 // src/components/ToggleBar/ToggleBar.tokens.tsx
 var import_dds_design_tokens35 = require("@norges-domstoler/dds-design-tokens");
@@ -8476,7 +8483,7 @@ var toggleBarTokens = {
 };
 
 // src/components/ToggleBar/ToggleBar.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var OuterContainer4 = import_styled_components67.default.div`
   display: flex;
   flex-direction: column;
@@ -8508,15 +8515,15 @@ var ToggleBar = (props) => {
     id,
     ...rest
   } = props;
-  const generatedId = (0, import_react76.useId)();
+  const generatedId = (0, import_react77.useId)();
   const uniqueId = id != null ? id : `${generatedId}-ToggleBar`;
-  const [groupValue, setGroupValue] = (0, import_react76.useState)(value);
+  const [groupValue, setGroupValue] = (0, import_react77.useState)(value);
   const handleChange = (0, import_dds_core81.combineHandlers)(
     (e) => setGroupValue(e.target.value),
     (e) => onChange && onChange(e, e.target.value)
   );
   const labelId = label3 && `${uniqueId}-label`;
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     ToggleBarContext.Provider,
     {
       value: {
@@ -8525,7 +8532,7 @@ var ToggleBar = (props) => {
         name,
         value: groupValue
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
         OuterContainer4,
         {
           ...(0, import_dds_core80.getBaseHTMLProps)(id, className, htmlProps, rest),
@@ -8533,8 +8540,8 @@ var ToggleBar = (props) => {
           "aria-labelledby": labelId != null ? labelId : htmlProps == null ? void 0 : htmlProps["aria-labelledby"],
           $width: width,
           children: [
-            label3 && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_dds_typography39.Typography, { typographyType: "supportingStyleLabel01", id: labelId, children: label3 }),
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Bar2, { children })
+            label3 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_dds_typography39.Typography, { typographyType: "supportingStyleLabel01", id: labelId, children: label3 }),
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Bar2, { children })
           ]
         }
       )
@@ -8544,7 +8551,7 @@ var ToggleBar = (props) => {
 ToggleBar.displayName = "ToggleBar";
 
 // src/components/ToggleBar/ToggleRadio.tsx
-var import_react77 = require("react");
+var import_react78 = require("react");
 var import_dds_core82 = require("@norges-domstoler/dds-core");
 var import_dds_icons33 = require("@norges-domstoler/dds-icons");
 
@@ -8621,7 +8628,7 @@ var Label6 = import_styled_components68.default.label`
 
 // src/components/ToggleBar/ToggleRadio.tsx
 var import_dds_form27 = require("@norges-domstoler/dds-form");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var calculateChecked = (value, group4, checked) => {
   if (typeof checked !== "undefined")
     return checked;
@@ -8633,7 +8640,7 @@ var calculateChecked = (value, group4, checked) => {
   }
   return !!value;
 };
-var ToggleRadio = (0, import_react77.forwardRef)(
+var ToggleRadio = (0, import_react78.forwardRef)(
   (props, ref) => {
     const {
       value,
@@ -8647,15 +8654,15 @@ var ToggleRadio = (0, import_react77.forwardRef)(
       id,
       ...rest
     } = props;
-    const generatedId = (0, import_react77.useId)();
+    const generatedId = (0, import_react78.useId)();
     const uniqueId = id != null ? id : `${generatedId}-ToggleRadio`;
     const group4 = useToggleBarContext();
     const handleChange = (event) => {
       onChange && onChange(event);
       (group4 == null ? void 0 : group4.onChange) && group4.onChange(event);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Label6, { size: group4.size, htmlFor: uniqueId, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Label6, { size: group4.size, htmlFor: uniqueId, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         import_dds_form27.HiddenInput,
         {
           ...(0, import_dds_core82.getBaseHTMLProps)(uniqueId, className, htmlProps, rest),
@@ -8667,9 +8674,9 @@ var ToggleRadio = (0, import_react77.forwardRef)(
           checked: calculateChecked(value, group4, checked)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Content3, { $size: group4.size, $justIcon: !!icon12 && !label3, children: [
-        icon12 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_dds_icons33.Icon, { icon: icon12, iconSize: "inherit" }),
-        label3 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: label3 })
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Content3, { $size: group4.size, $justIcon: !!icon12 && !label3, children: [
+        icon12 && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_dds_icons33.Icon, { icon: icon12, iconSize: "inherit" }),
+        label3 && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { children: label3 })
       ] })
     ] });
   }
@@ -8777,18 +8784,18 @@ var gridTokens = {
 };
 
 // src/components/Grid/Grid.context.tsx
-var import_react78 = require("react");
+var import_react79 = require("react");
 var import_dds_core84 = require("@norges-domstoler/dds-core");
-var GridContext = (0, import_react78.createContext)({
+var GridContext = (0, import_react79.createContext)({
   screenSize: import_dds_core84.ScreenSize.Large
 });
 var useGridContext = () => {
-  return (0, import_react78.useContext)(GridContext);
+  return (0, import_react79.useContext)(GridContext);
 };
 
 // src/components/Grid/Grid.tsx
 var import_dds_core87 = require("@norges-domstoler/dds-core");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var getHooksGridStyling = (screenSize, maxWidth, rowGap) => {
   const tokens2 = gridTokens[screenSize].grid;
   return {
@@ -8819,14 +8826,14 @@ var StyledGrid = import_styled_components69.default.div.withConfig({
 var Grid = (props) => {
   const { id, className, children, htmlProps, as, ...rest } = props;
   const screenSize = (0, import_dds_core85.useScreenSize)();
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(GridContext.Provider, { value: { screenSize }, children: as === "div" ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(GridContext.Provider, { value: { screenSize }, children: as === "div" ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     StyledGrid,
     {
       ...(0, import_dds_core86.getBaseHTMLProps)(id, className, htmlProps, rest),
       screenSize,
       children
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     StyledGrid,
     {
       ...(0, import_dds_core86.getBaseHTMLProps)(id, className, htmlProps, rest),
@@ -8842,7 +8849,7 @@ Grid.displayName = "Grid";
 var import_styled_components70 = __toESM(require("styled-components"));
 var import_dds_core88 = require("@norges-domstoler/dds-core");
 var import_dds_core89 = require("@norges-domstoler/dds-core");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var isRelativeGridColumn = (type) => {
   return type === "all" || type === "firstHalf" || type === "secondHalf";
 };
@@ -8868,7 +8875,7 @@ var StyledGridChild = import_styled_components70.default.div.withConfig({
 var GridChild = (props) => {
   const { id, className, htmlProps, children, ...rest } = props;
   const { screenSize } = useGridContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
     StyledGridChild,
     {
       ...(0, import_dds_core88.getBaseHTMLProps)(id, className, htmlProps, rest),
@@ -8880,18 +8887,18 @@ var GridChild = (props) => {
 GridChild.displayName = "GridChild";
 
 // src/components/ProgressTracker/ProgressTracker.tsx
-var import_react81 = require("react");
+var import_react82 = require("react");
 var import_styled_components72 = __toESM(require("styled-components"));
 var import_dds_core90 = require("@norges-domstoler/dds-core");
 
 // src/components/ProgressTracker/ProgressTracker.context.tsx
-var import_react79 = require("react");
-var ProgressTrackerContext = (0, import_react79.createContext)(
+var import_react80 = require("react");
+var ProgressTrackerContext = (0, import_react80.createContext)(
   {
     activeStep: 0
   }
 );
-var useProgressTrackerContext = () => (0, import_react79.useContext)(ProgressTrackerContext);
+var useProgressTrackerContext = () => (0, import_react80.useContext)(ProgressTrackerContext);
 
 // src/components/ProgressTracker/ProgressTracker.tokens.tsx
 var import_dds_design_tokens37 = require("@norges-domstoler/dds-design-tokens");
@@ -8912,7 +8919,7 @@ var connector = {
   width: "1px"
 };
 var itemNumber = {
-  size: "28px",
+  size: "1.75rem",
   borderWidth: "2px",
   iconSize: "small",
   active: {
@@ -8973,13 +8980,13 @@ var progressTrackerTokens = {
 };
 
 // src/components/ProgressTracker/ProgressTrackerItem.tsx
-var import_react80 = require("react");
+var import_react81 = require("react");
 var import_styled_components71 = __toESM(require("styled-components"));
 var import_dds_icons34 = require("@norges-domstoler/dds-icons");
 var import_dds_icons35 = require("@norges-domstoler/dds-icons");
 var import_dds_typography41 = require("@norges-domstoler/dds-typography");
 var import_dds_form28 = require("@norges-domstoler/dds-form");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var toItemState = (active, completed, disabled) => {
   if (disabled) {
     return "disabled";
@@ -9111,16 +9118,16 @@ var ProgressTrackerItem = (props) => {
   const styleProps = {
     $state: toItemState(active, completed, disabled)
   };
-  const stepNumberContent = (0, import_react80.useMemo)(() => {
+  const stepNumberContent = (0, import_react81.useMemo)(() => {
     if (completed) {
-      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_dds_icons35.Icon, { icon: import_dds_icons34.CheckIcon, iconSize: itemNumber2.iconSize });
+      return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_dds_icons35.Icon, { icon: import_dds_icons34.CheckIcon, iconSize: itemNumber2.iconSize });
     }
     if (icon12 !== void 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_dds_icons35.Icon, { icon: icon12, iconSize: itemNumber2.iconSize });
+      return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_dds_icons35.Icon, { icon: icon12, iconSize: itemNumber2.iconSize });
     }
     return index + 1;
   }, [completed, icon12, index]);
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ItemWrapper, { "aria-current": active ? "step" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ItemWrapper, { "aria-current": active ? "step" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
     ItemContentWrapper,
     {
       ...styleProps,
@@ -9128,9 +9135,9 @@ var ProgressTrackerItem = (props) => {
       onClick: !disabled && handleStepChange ? () => handleStepChange(index) : void 0,
       disabled,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ItemNumber, { ...styleProps, "aria-hidden": true, children: stepNumberContent }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(ItemText, { ...styleProps, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(VisuallyHidden, { as: "span", children: getVisuallyHiddenText(active, completed, index) }),
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ItemNumber, { ...styleProps, "aria-hidden": true, children: stepNumberContent }),
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(ItemText, { ...styleProps, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(VisuallyHidden, { as: "span", children: getVisuallyHiddenText(active, completed, index) }),
           children
         ] })
       ]
@@ -9140,7 +9147,7 @@ var ProgressTrackerItem = (props) => {
 ProgressTrackerItem.displayName = "ProgressTracker.Item";
 
 // src/components/ProgressTracker/ProgressTracker.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var ItemsWrapper = import_styled_components72.default.ol`
   display: flex;
   flex-direction: column;
@@ -9159,7 +9166,7 @@ var ProgressTrackerConnector = import_styled_components72.default.div`
     ${progressTrackerTokens.connector.color};
 `;
 var ProgressTracker = (() => {
-  const Res = (0, import_react81.forwardRef)((props, ref) => {
+  const Res = (0, import_react82.forwardRef)((props, ref) => {
     const {
       id,
       activeStep = 0,
@@ -9169,12 +9176,12 @@ var ProgressTracker = (() => {
       htmlProps,
       ...rest
     } = props;
-    const [thisActiveStep, setActiveStep] = (0, import_react81.useState)(activeStep);
+    const [thisActiveStep, setActiveStep] = (0, import_react82.useState)(activeStep);
     const handleChange = (step) => {
       setActiveStep(step);
       onStepChange && onStepChange(step);
     };
-    (0, import_react81.useEffect)(() => {
+    (0, import_react82.useEffect)(() => {
       if (activeStep !== void 0 && activeStep != thisActiveStep) {
         setActiveStep(activeStep);
       }
@@ -9183,20 +9190,20 @@ var ProgressTracker = (() => {
       ...(0, import_dds_core90.getBaseHTMLProps)(id, className, htmlProps, rest),
       ref
     };
-    const steps = (0, import_react81.useMemo)(() => {
+    const steps = (0, import_react82.useMemo)(() => {
       const validChildren = removeInvalidChildren(children);
       const itemsWithIndex = passIndexPropToProgressTrackerItem(validChildren);
       const itemsWithConnectorsBetween = intersperseItemsWithConnector(itemsWithIndex);
       return itemsWithConnectorsBetween;
     }, [children]);
-    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       ProgressTrackerContext.Provider,
       {
         value: {
           activeStep: thisActiveStep,
           handleStepChange: handleChange
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { role: "group", "aria-label": "progress", ...containerProps, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ItemsWrapper, { children: steps }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { role: "group", "aria-label": "progress", ...containerProps, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ItemsWrapper, { children: steps }) })
       }
     );
   });
@@ -9205,34 +9212,34 @@ var ProgressTracker = (() => {
   return Res;
 })();
 function removeInvalidChildren(children) {
-  return import_react81.Children.toArray(children).filter(import_react81.isValidElement);
+  return import_react82.Children.toArray(children).filter(import_react82.isValidElement);
 }
 function passIndexPropToProgressTrackerItem(children) {
-  return import_react81.Children.map(
+  return import_react82.Children.map(
     children,
-    (item, index) => (0, import_react81.cloneElement)(item, {
+    (item, index) => (0, import_react82.cloneElement)(item, {
       ...item.props,
       index
     })
   );
 }
-var intersperseItemsWithConnector = (children) => import_react81.Children.map(children, (child, index) => {
+var intersperseItemsWithConnector = (children) => import_react82.Children.map(children, (child, index) => {
   if (index === 0) {
     return child;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_react81.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ProgressTrackerConnector, { "aria-hidden": true }),
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_react82.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ProgressTrackerConnector, { "aria-hidden": true }),
     child
   ] }, index);
 });
 
 // src/components/InlineEdit/InlineEditTextArea.tsx
-var import_react84 = require("react");
+var import_react85 = require("react");
 
 // src/components/InlineEdit/InlineEdit.tsx
-var import_react82 = require("react");
+var import_react83 = require("react");
 var import_dds_core91 = require("@norges-domstoler/dds-core");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var InlineEdit = (props) => {
   const {
     emptiable,
@@ -9244,8 +9251,8 @@ var InlineEdit = (props) => {
     inputRef,
     children
   } = props;
-  const [editingValue, setEditingValue] = (0, import_react82.useState)(value != null ? value : "");
-  const [isEditing, setIsEditing] = (0, import_react82.useState)(false);
+  const [editingValue, setEditingValue] = (0, import_react83.useState)(value != null ? value : "");
+  const [isEditing, setIsEditing] = (0, import_react83.useState)(false);
   const onChangeHandler = (e) => {
     setEditingValue(e.target.value);
     onChange && onChange();
@@ -9272,8 +9279,8 @@ var InlineEdit = (props) => {
   (0, import_dds_core91.useOnKeyDown)(["Enter"], () => onExitHandler());
   (0, import_dds_core91.useOnKeyDown)(["Escape"], () => onExitHandler());
   (0, import_dds_core91.useOnClickOutside)(inputRef.current, () => onExitHandler());
-  const inputChild = import_react82.Children.only(
-    (0, import_react82.isValidElement)(children) && (0, import_react82.cloneElement)(children, {
+  const inputChild = import_react83.Children.only(
+    (0, import_react83.isValidElement)(children) && (0, import_react83.cloneElement)(children, {
       onChange: onChangeHandler,
       onBlur: onBlurHandler,
       onFocus: onFocusHandler,
@@ -9282,7 +9289,7 @@ var InlineEdit = (props) => {
       emptiable
     })
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_jsx_runtime82.Fragment, { children: inputChild });
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_jsx_runtime83.Fragment, { children: inputChild });
 };
 InlineEdit.displayName = "InlineEdit";
 
@@ -9290,7 +9297,7 @@ InlineEdit.displayName = "InlineEdit";
 var import_dds_core94 = require("@norges-domstoler/dds-core");
 
 // src/components/InlineEdit/InlineTextArea.tsx
-var import_react83 = require("react");
+var import_react84 = require("react");
 var import_dds_icons36 = require("@norges-domstoler/dds-icons");
 var import_dds_icons37 = require("@norges-domstoler/dds-icons");
 var import_dds_core92 = require("@norges-domstoler/dds-core");
@@ -9366,8 +9373,8 @@ var IconWrapper2 = import_styled_components73.default.span`
 `;
 
 // src/components/InlineEdit/InlineEdit.utils.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
-var inlineEditVisuallyHidden = (id, emptiable) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(VisuallyHidden, { id, as: "span", children: [
+var import_jsx_runtime84 = require("react/jsx-runtime");
+var inlineEditVisuallyHidden = (id, emptiable) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(VisuallyHidden, { id, as: "span", children: [
   "Escape, Enter eller Tab for \xE5 lagre.",
   " ",
   !emptiable && "Inputfeltet er ikke t\xF8mmbar."
@@ -9376,8 +9383,8 @@ var inlineEditVisuallyHidden = (id, emptiable) => /* @__PURE__ */ (0, import_jsx
 // src/components/InlineEdit/InlineTextArea.tsx
 var import_dds_core93 = require("@norges-domstoler/dds-core");
 var import_dds_form30 = require("@norges-domstoler/dds-form");
-var import_jsx_runtime84 = require("react/jsx-runtime");
-var InlineTextArea = (0, import_react83.forwardRef)((props, ref) => {
+var import_jsx_runtime85 = require("react/jsx-runtime");
+var InlineTextArea = (0, import_react84.forwardRef)((props, ref) => {
   const {
     id,
     error,
@@ -9389,26 +9396,26 @@ var InlineTextArea = (0, import_react83.forwardRef)((props, ref) => {
     hideIcon,
     ...rest
   } = props;
-  const genereatedId = (0, import_react83.useId)();
+  const genereatedId = (0, import_react84.useId)();
   const uniqueId = id != null ? id : `${genereatedId}-InlineTextArea`;
   const hasErrorMessage = !!errorMessage;
   const errorMessageId = (0, import_dds_core92.derivativeIdGenerator)(uniqueId, "errorMessage");
   const descId = (0, import_dds_core92.derivativeIdGenerator)(uniqueId, "desc");
-  const inputRef = (0, import_react83.useRef)(null);
+  const inputRef = (0, import_react84.useRef)(null);
   const combinedRef = (0, import_dds_core93.useCombinedRef)(ref, inputRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_dds_form30.OuterInputContainer, { width, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_dds_form30.InputContainer, { children: [
-      !isEditing && !hideIcon && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_dds_form30.OuterInputContainer, { width, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_dds_form30.InputContainer, { children: [
+      !isEditing && !hideIcon && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
         IconWrapper2,
         {
           onClick: () => {
             var _a;
             (_a = inputRef.current) == null ? void 0 : _a.focus();
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_dds_icons37.Icon, { icon: import_dds_icons36.EditIcon, iconSize: "small" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_dds_icons37.Icon, { icon: import_dds_icons36.EditIcon, iconSize: "small" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
         StyledInlineTextArea,
         {
           ...rest,
@@ -9432,12 +9439,12 @@ var InlineTextArea = (0, import_react83.forwardRef)((props, ref) => {
 InlineTextArea.displayName = "InlineTextArea";
 
 // src/components/InlineEdit/InlineEditTextArea.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
-var InlineEditTextArea = (0, import_react84.forwardRef)((props, ref) => {
+var import_jsx_runtime86 = require("react/jsx-runtime");
+var InlineEditTextArea = (0, import_react85.forwardRef)((props, ref) => {
   const { onSetValue, emptiable, value, onFocus, onChange, onBlur, ...rest } = props;
-  const textareaRef = (0, import_react84.useRef)(null);
+  const textareaRef = (0, import_react85.useRef)(null);
   const combinedRef = (0, import_dds_core94.useCombinedRef)(ref, textareaRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     InlineEdit,
     {
       onSetValue,
@@ -9447,24 +9454,24 @@ var InlineEditTextArea = (0, import_react84.forwardRef)((props, ref) => {
       onFocus,
       onChange,
       onBlur,
-      children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(InlineTextArea, { ref: combinedRef, ...rest })
+      children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(InlineTextArea, { ref: combinedRef, ...rest })
     }
   );
 });
 
 // src/components/InlineEdit/InlineEditInput.tsx
-var import_react86 = require("react");
+var import_react87 = require("react");
 var import_dds_core97 = require("@norges-domstoler/dds-core");
 
 // src/components/InlineEdit/InlineInput.tsx
-var import_react85 = require("react");
+var import_react86 = require("react");
 var import_dds_icons38 = require("@norges-domstoler/dds-icons");
 var import_dds_icons39 = require("@norges-domstoler/dds-icons");
 var import_dds_core95 = require("@norges-domstoler/dds-core");
 var import_dds_core96 = require("@norges-domstoler/dds-core");
 var import_dds_form31 = require("@norges-domstoler/dds-form");
-var import_jsx_runtime86 = require("react/jsx-runtime");
-var InlineInput = (0, import_react85.forwardRef)(
+var import_jsx_runtime87 = require("react/jsx-runtime");
+var InlineInput = (0, import_react86.forwardRef)(
   (props, ref) => {
     const {
       id,
@@ -9477,28 +9484,28 @@ var InlineInput = (0, import_react85.forwardRef)(
       hideIcon,
       ...rest
     } = props;
-    const genereatedId = (0, import_react85.useId)();
+    const genereatedId = (0, import_react86.useId)();
     const uniqueId = id != null ? id : `${genereatedId}-InlineInput`;
     const hasErrorMessage = !!errorMessage;
     const hasError = !!error;
     const hasErrorState = hasError || hasErrorMessage;
     const errorMessageId = (0, import_dds_core95.derivativeIdGenerator)(uniqueId, "errorMessage");
     const descId = (0, import_dds_core95.derivativeIdGenerator)(uniqueId, "desc");
-    const inputRef = (0, import_react85.useRef)(null);
+    const inputRef = (0, import_react86.useRef)(null);
     const combinedRef = (0, import_dds_core96.useCombinedRef)(ref, inputRef);
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_dds_form31.OuterInputContainer, { width, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_dds_form31.InputContainer, { children: [
-        !isEditing && !hideIcon && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_dds_form31.OuterInputContainer, { width, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_dds_form31.InputContainer, { children: [
+        !isEditing && !hideIcon && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
           IconWrapper2,
           {
             onClick: () => {
               var _a;
               (_a = inputRef.current) == null ? void 0 : _a.focus();
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_dds_icons39.Icon, { icon: import_dds_icons38.EditIcon, iconSize: "small" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_dds_icons39.Icon, { icon: import_dds_icons38.EditIcon, iconSize: "small" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
           StyledInlineInput,
           {
             ...rest,
@@ -9524,12 +9531,12 @@ var InlineInput = (0, import_react85.forwardRef)(
 InlineInput.displayName = "InlineInput";
 
 // src/components/InlineEdit/InlineEditInput.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
-var InlineEditInput = (0, import_react86.forwardRef)((props, ref) => {
+var import_jsx_runtime88 = require("react/jsx-runtime");
+var InlineEditInput = (0, import_react87.forwardRef)((props, ref) => {
   const { onSetValue, emptiable, value, onFocus, onChange, onBlur, ...rest } = props;
-  const inputRef = (0, import_react86.useRef)(null);
+  const inputRef = (0, import_react87.useRef)(null);
   const combinedRef = (0, import_dds_core97.useCombinedRef)(ref, inputRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     InlineEdit,
     {
       onSetValue,
@@ -9539,13 +9546,13 @@ var InlineEditInput = (0, import_react86.forwardRef)((props, ref) => {
       onFocus,
       onChange,
       onBlur,
-      children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(InlineInput, { ...rest, ref: combinedRef })
+      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(InlineInput, { ...rest, ref: combinedRef })
     }
   );
 });
 
 // src/components/TextArea/TextArea.tsx
-var import_react87 = require("react");
+var import_react88 = require("react");
 var import_styled_components74 = __toESM(require("styled-components"));
 var import_dds_core98 = require("@norges-domstoler/dds-core");
 var import_dds_typography42 = require("@norges-domstoler/dds-typography");
@@ -9563,7 +9570,7 @@ var textAreaTokens = {
 };
 
 // src/components/TextArea/TextArea.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var defaultWidth5 = "320px";
 var { textarea: textarea2 } = textAreaTokens;
 var StyledTextArea = (0, import_styled_components74.default)(import_dds_form32.StatefulInput)`
@@ -9575,7 +9582,7 @@ var StyledTextArea = (0, import_styled_components74.default)(import_dds_form32.S
   padding-bottom: ${textarea2.paddingBottom};
   ${(0, import_dds_typography43.getFontStyling)(import_dds_form32.inputTypographyTypes.medium)}
 `;
-var TextArea = (0, import_react87.forwardRef)(
+var TextArea = (0, import_react88.forwardRef)(
   (props, ref) => {
     const {
       id,
@@ -9594,14 +9601,14 @@ var TextArea = (0, import_react87.forwardRef)(
       width = defaultWidth5,
       ...rest
     } = props;
-    const generatedId = (0, import_react87.useId)();
+    const generatedId = (0, import_react88.useId)();
     const uniqueId = id != null ? id : `${generatedId}-textArea`;
-    const textAreaRef = (0, import_react87.useRef)(null);
+    const textAreaRef = (0, import_react88.useRef)(null);
     const multiRef = (0, import_dds_core98.useCombinedRef)(ref, textAreaRef);
-    const [text, setText] = (0, import_react87.useState)(
+    const [text, setText] = (0, import_react88.useState)(
       (0, import_dds_form32.getDefaultText)(value, defaultValue)
     );
-    (0, import_react87.useEffect)(() => {
+    (0, import_react88.useEffect)(() => {
       if (textAreaRef == null ? void 0 : textAreaRef.current) {
         textAreaRef.current.style.height = `${textAreaRef.current.scrollHeight + 2}px`;
       }
@@ -9640,9 +9647,9 @@ var TextArea = (0, import_react87.forwardRef)(
       "aria-invalid": hasErrorMessage ? true : void 0,
       ...rest
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_dds_form32.OuterInputContainer, { ...containerProps, children: [
-      hasLabel && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_dds_typography42.Label, { showRequiredStyling, htmlFor: uniqueId, children: label3 }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(StyledTextArea, { ...textAreaProps, as: "textarea" }),
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_dds_form32.OuterInputContainer, { ...containerProps, children: [
+      hasLabel && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_dds_typography42.Label, { showRequiredStyling, htmlFor: uniqueId, children: label3 }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(StyledTextArea, { ...textAreaProps, as: "textarea" }),
       renderInputMessage(tip, tipId, errorMessage, errorMessageId)
     ] });
   }
@@ -9650,7 +9657,7 @@ var TextArea = (0, import_react87.forwardRef)(
 TextArea.displayName = "TextArea";
 
 // src/components/SplitButton/SplitButton.tsx
-var import_react88 = require("react");
+var import_react89 = require("react");
 var import_styled_components75 = __toESM(require("styled-components"));
 var import_dds_icons40 = require("@norges-domstoler/dds-icons");
 
@@ -9666,7 +9673,7 @@ var tokens = {
 };
 
 // src/components/SplitButton/SplitButton.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var Container16 = import_styled_components75.default.div`
   display: flex;
 `;
@@ -9697,7 +9704,7 @@ var OptionButton = (0, import_styled_components75.default)(Button)`
     ${(props) => props.purpose === "primary" && `border-left: ${tokens.mainButton.primary.borderLeft}`};
   }
 `;
-var SplitButton = (0, import_react88.forwardRef)(
+var SplitButton = (0, import_react89.forwardRef)(
   (props, ref) => {
     const {
       size,
@@ -9705,14 +9712,14 @@ var SplitButton = (0, import_react88.forwardRef)(
       secondaryActions,
       purpose = "primary"
     } = props;
-    const [isOpen, setIsOpen] = (0, import_react88.useState)(false);
+    const [isOpen, setIsOpen] = (0, import_react89.useState)(false);
     const buttonStyleProps = {
       appearance: "filled",
       purpose,
       size
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(Container16, { ref, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(Container16, { ref, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         MainButton,
         {
           ...buttonStyleProps,
@@ -9720,8 +9727,8 @@ var SplitButton = (0, import_react88.forwardRef)(
           iconPosition: "left"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(OverflowMenuGroup, { onToggle: () => setIsOpen(!isOpen), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(OverflowMenuGroup, { onToggle: () => setIsOpen(!isOpen), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           OptionButton,
           {
             ...buttonStyleProps,
@@ -9730,7 +9737,7 @@ var SplitButton = (0, import_react88.forwardRef)(
             purpose
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(OverflowMenu, { items: secondaryActions, placement: "bottom-end" })
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(OverflowMenu, { items: secondaryActions, placement: "bottom-end" })
       ] })
     ] });
   }
@@ -9738,7 +9745,7 @@ var SplitButton = (0, import_react88.forwardRef)(
 SplitButton.displayName = "SplitButton";
 
 // src/components/Stack/Stack.tsx
-var import_react89 = require("react");
+var import_react90 = require("react");
 var import_styled_components76 = __toESM(require("styled-components"));
 
 // src/components/Stack/Stack.tokens.tsx
@@ -9768,7 +9775,7 @@ var stackTokens = {
 
 // src/components/Stack/Stack.tsx
 var import_dds_core99 = require("@norges-domstoler/dds-core");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var Stack = import_styled_components76.default.div.withConfig({
   shouldForwardProp: (prop) => {
     const styleOnlyProps = [
@@ -9798,8 +9805,8 @@ Stack.defaultProps = {
   align: "center",
   justify: "flex-start"
 };
-var HStack = (0, import_react89.forwardRef)(
-  ({ id, className, htmlProps, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+var HStack = (0, import_react90.forwardRef)(
+  ({ id, className, htmlProps, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     Stack,
     {
       direction: "horizontal",
@@ -9809,8 +9816,8 @@ var HStack = (0, import_react89.forwardRef)(
   )
 );
 HStack.displayName = "HStack";
-var VStack = (0, import_react89.forwardRef)(
-  ({ id, className, htmlProps, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+var VStack = (0, import_react90.forwardRef)(
+  ({ id, className, htmlProps, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     Stack,
     {
       direction: "vertical",
@@ -9822,7 +9829,7 @@ var VStack = (0, import_react89.forwardRef)(
 VStack.displayName = "VStack";
 
 // src/components/FileUploader/FileUploader.tsx
-var import_react91 = require("react");
+var import_react92 = require("react");
 var import_styled_components79 = __toESM(require("styled-components"));
 var import_dds_icons42 = require("@norges-domstoler/dds-icons");
 var import_dds_core101 = require("@norges-domstoler/dds-core");
@@ -9861,7 +9868,7 @@ var errorsTokens = {
 };
 
 // src/components/FileUploader/ErrorList.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var MessageContainer2 = import_styled_components77.default.div`
   display: flex;
   flex-direction: column;
@@ -9872,8 +9879,8 @@ var ErrorList = (props) => {
   if (errors.length < 1) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(MessageContainer2, { children: errors.map(({ id, message: message2 }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(MessageContainer2, { children: errors.map(({ id, message: message2 }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       InputMessage,
       {
         id,
@@ -9889,7 +9896,7 @@ var ErrorList = (props) => {
 var import_styled_components78 = __toESM(require("styled-components"));
 var import_dds_icons41 = require("@norges-domstoler/dds-icons");
 var import_dds_core100 = require("@norges-domstoler/dds-core");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var FileWrapper = import_styled_components78.default.li``;
 var FileNameWrapper = import_styled_components78.default.span`
   word-break: break-all;
@@ -9915,10 +9922,10 @@ var File = (props) => {
     id: (0, import_dds_core100.derivativeIdGenerator)(parentId, `file-${index}-error-${errorIndex}`),
     message: e
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(FileWrapper, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(FileElement, { ...props, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(FileNameWrapper, { children: stateFile.file.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(FileWrapper, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(FileElement, { ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FileNameWrapper, { children: stateFile.file.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
         RemoveFileButton,
         {
           size: "small",
@@ -9938,12 +9945,12 @@ var File = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ErrorList, { errors: errorsList })
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ErrorList, { errors: errorsList })
   ] }, stateFile.file.name);
 };
 
 // src/components/FileUploader/useFileUploader.ts
-var import_react90 = require("react");
+var import_react91 = require("react");
 
 // src/components/FileUploader/fileUploaderReducer.ts
 var fileUploaderReducer = (state, action) => {
@@ -10026,18 +10033,18 @@ var useFileUploader = (props) => {
     disabled,
     errorMessage
   } = props;
-  const rootRef = (0, import_react90.useRef)(null);
-  const inputRef = (0, import_react90.useRef)(null);
-  const buttonRef = (0, import_react90.useRef)(null);
+  const rootRef = (0, import_react91.useRef)(null);
+  const inputRef = (0, import_react91.useRef)(null);
+  const buttonRef = (0, import_react91.useRef)(null);
   const isControlled = !!value;
-  const initialFileUploaderFiles = (0, import_react90.useMemo)(
+  const initialFileUploaderFiles = (0, import_react91.useMemo)(
     () => (initialFiles != null ? initialFiles : []).map((f) => ({
       file: f,
       errors: []
     })),
     [initialFiles]
   );
-  const [state, dispatch] = (0, import_react90.useReducer)(fileUploaderReducer, {
+  const [state, dispatch] = (0, import_react91.useReducer)(fileUploaderReducer, {
     files: initialFileUploaderFiles,
     isFocused: false,
     isFileDialogActive: false,
@@ -10049,7 +10056,7 @@ var useFileUploader = (props) => {
     )
   });
   const { files: stateFiles } = state;
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (isControlled) {
       const files = value.map((file) => {
         const accepted2 = isFileAccepted(file, accept);
@@ -10064,18 +10071,18 @@ var useFileUploader = (props) => {
       });
     }
   }, [value, isControlled, accept, dispatch]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     dispatch({
       type: "setRootErrors",
       payload: calcRootErrors(stateFiles, maxFiles, errorMessage)
     });
   }, [dispatch, stateFiles, maxFiles, errorMessage]);
-  const onRootFocus = (0, import_react90.useCallback)(
+  const onRootFocus = (0, import_react91.useCallback)(
     () => dispatch({ type: "focus" }),
     [dispatch]
   );
-  const onRootBlur = (0, import_react90.useCallback)(() => dispatch({ type: "blur" }), [dispatch]);
-  const onRootDragEnter = (0, import_react90.useCallback)(
+  const onRootBlur = (0, import_react91.useCallback)(() => dispatch({ type: "blur" }), [dispatch]);
+  const onRootDragEnter = (0, import_react91.useCallback)(
     async (evt) => {
       preventDefaults(evt);
       if (isEventWithFiles(evt)) {
@@ -10088,7 +10095,7 @@ var useFileUploader = (props) => {
     },
     [dispatch, accept, maxFiles]
   );
-  const onRootDragOver = (0, import_react90.useCallback)((evt) => {
+  const onRootDragOver = (0, import_react91.useCallback)((evt) => {
     preventDefaults(evt);
     const hasFiles = isEventWithFiles(evt);
     if (hasFiles && evt.dataTransfer) {
@@ -10098,7 +10105,7 @@ var useFileUploader = (props) => {
       }
     }
   }, []);
-  const onRootDragLeave = (0, import_react90.useCallback)(
+  const onRootDragLeave = (0, import_react91.useCallback)(
     (evt) => {
       preventDefaults(evt);
       if (evt.currentTarget.contains(evt.relatedTarget))
@@ -10107,7 +10114,7 @@ var useFileUploader = (props) => {
     },
     [dispatch]
   );
-  const setFiles = (0, import_react90.useCallback)(
+  const setFiles = (0, import_react91.useCallback)(
     async (evt) => {
       evt.preventDefault();
       if (isEventWithFiles(evt)) {
@@ -10139,13 +10146,13 @@ var useFileUploader = (props) => {
       dispatch
     ]
   );
-  const openFileDialog = (0, import_react90.useCallback)(() => {
+  const openFileDialog = (0, import_react91.useCallback)(() => {
     if (inputRef.current) {
       inputRef.current.value = "";
       inputRef.current.click();
     }
   }, [inputRef]);
-  const removeFile = (0, import_react90.useCallback)(
+  const removeFile = (0, import_react91.useCallback)(
     (file) => {
       const newFiles = [...stateFiles];
       newFiles.splice(stateFiles.indexOf(file), 1);
@@ -10159,7 +10166,7 @@ var useFileUploader = (props) => {
     },
     [stateFiles, isControlled, maxFiles, errorMessage, onChange, dispatch]
   );
-  const getRootProps = (0, import_react90.useCallback)(
+  const getRootProps = (0, import_react91.useCallback)(
     () => ({
       onBlur: onRootBlur,
       onFocus: onRootFocus,
@@ -10181,14 +10188,14 @@ var useFileUploader = (props) => {
       disabled
     ]
   );
-  const getButtonProps = (0, import_react90.useCallback)(
+  const getButtonProps = (0, import_react91.useCallback)(
     () => ({
       onClick: openFileDialog,
       ref: buttonRef
     }),
     [openFileDialog, buttonRef]
   );
-  const getInputProps = (0, import_react90.useCallback)(
+  const getInputProps = (0, import_react91.useCallback)(
     () => ({
       type: "file",
       style: { display: "none" },
@@ -10211,7 +10218,7 @@ var useFileUploader = (props) => {
 };
 
 // src/components/FileUploader/FileUploader.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var defaultWidth6 = "320px";
 var Wrapper8 = import_styled_components79.default.div`
   width: ${({ width }) => width ? width : defaultWidth6};
@@ -10248,7 +10255,7 @@ var FileUploader = (props) => {
     width,
     errorMessage
   } = props;
-  const generatedId = (0, import_react91.useId)();
+  const generatedId = (0, import_react92.useId)();
   const uniqueId = id != null ? id : `${generatedId}-fileUploader`;
   const {
     state: { files: stateFiles, isDragActive, rootErrors },
@@ -10271,7 +10278,7 @@ var FileUploader = (props) => {
   const hasRootErrors = rootErrors.length > 0;
   const showRequiredMarker = required;
   const tipId = (0, import_dds_core101.derivativeIdGenerator)(uniqueId, "tip");
-  const fileListElements = stateFiles.map((stateFile, index) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  const fileListElements = stateFiles.map((stateFile, index) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     File,
     {
       parentId: uniqueId,
@@ -10286,21 +10293,21 @@ var FileUploader = (props) => {
     id: (0, import_dds_core101.derivativeIdGenerator)(uniqueId, `error-${index}`),
     message: e
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Wrapper8, { width, children: [
-    hasLabel && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_dds_typography44.Label, { showRequiredStyling: showRequiredMarker, htmlFor: uniqueId, children: label3 }),
-    hasTip && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(InputMessage, { id: tipId, message: tip, messageType: "tip" }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Wrapper8, { width, children: [
+    hasLabel && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_dds_typography44.Label, { showRequiredStyling: showRequiredMarker, htmlFor: uniqueId, children: label3 }),
+    hasTip && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(InputMessage, { id: tipId, message: tip, messageType: "tip" }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
       Root,
       {
         ...getRootProps(),
         $isDragActive: isDragActive,
         $hasRootErrors: hasRootErrors,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FileUploaderInput, { ...getInputProps() }),
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(FileUploaderInput, { ...getInputProps() }),
           "Dra og slipp filer her eller",
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(VisuallyHidden, { as: "span", children: "velg fil med p\xE5f\xF8lgende knapp" }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(VisuallyHidden, { as: "span", children: "velg fil med p\xE5f\xF8lgende knapp" }),
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             Button,
             {
               ...getButtonProps(),
@@ -10323,8 +10330,8 @@ var FileUploader = (props) => {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ErrorList, { errors: rootErrorsList }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FileListElement, { children: fileListElements })
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ErrorList, { errors: rootErrorsList }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(FileListElement, { children: fileListElements })
   ] });
 };
 FileUploader.displayName = "FileUploader";
@@ -10333,7 +10340,7 @@ FileUploader.displayName = "FileUploader";
 var import_dds_design_tokens43 = require("@norges-domstoler/dds-design-tokens");
 var import_styled_components80 = __toESM(require("styled-components"));
 var import_dds_typography45 = require("@norges-domstoler/dds-typography");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var { colors: colors28, spacing: spacing37 } = import_dds_design_tokens43.ddsBaseTokens;
 var StyledEmptyContent = import_styled_components80.default.div`
   display: flex;
@@ -10353,15 +10360,15 @@ var StyledEmptyContentText = import_styled_components80.default.div`
   gap: ${spacing37.SizesDdsSpacingLayoutX1};
 `;
 function EmptyContent({ title: title3, message: message2, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(StyledEmptyContent, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(StyledEmptyContentText, { children: [
-    title3 && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_dds_typography45.Typography, { typographyType: "headingSans02", children: title3 }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_dds_typography45.Typography, { typographyType: "bodySans02", children: message2 })
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(StyledEmptyContent, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(StyledEmptyContentText, { children: [
+    title3 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_dds_typography45.Typography, { typographyType: "headingSans02", children: title3 }),
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_dds_typography45.Typography, { typographyType: "bodySans02", children: message2 })
   ] }) });
 }
 EmptyContent.displayName = "EmptyContent";
 
 // src/components/BackLink/BackLink.tsx
-var import_react92 = require("react");
+var import_react93 = require("react");
 var import_styled_components81 = __toESM(require("styled-components"));
 var import_dds_icons43 = require("@norges-domstoler/dds-icons");
 var import_dds_typography46 = require("@norges-domstoler/dds-typography");
@@ -10381,7 +10388,7 @@ var backLinkTokens = {
 };
 
 // src/components/BackLink/BackLink.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var Nav2 = (0, import_styled_components81.default)("nav")`
   align-items: center;
   display: flex;
@@ -10390,16 +10397,16 @@ var Nav2 = (0, import_styled_components81.default)("nav")`
 var StyledIcon4 = (0, import_styled_components81.default)(import_dds_icons43.Icon)`
   color: ${backLinkTokens.icon.color};
 `;
-var BackLink = (0, import_react92.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(Nav2, { ref, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(StyledIcon4, { icon: import_dds_icons43.icons.ArrowLeftIcon, iconSize: "small" }),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_dds_typography46.Typography, { typographyType: "a", href: props.href, children: props.label })
+var BackLink = (0, import_react93.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Nav2, { ref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(StyledIcon4, { icon: import_dds_icons43.icons.ArrowLeftIcon, iconSize: "small" }),
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_dds_typography46.Typography, { typographyType: "a", href: props.href, children: props.label })
   ] });
 });
 BackLink.displayName = "BackLink";
 
 // src/components/Feedback/Feedback.tsx
-var import_react93 = require("react");
+var import_react94 = require("react");
 var import_dds_typography49 = require("@norges-domstoler/dds-typography");
 
 // src/components/Feedback/RatingComponent.tsx
@@ -10407,7 +10414,7 @@ var import_styled_components82 = __toESM(require("styled-components"));
 var import_dds_design_tokens45 = require("@norges-domstoler/dds-design-tokens");
 var import_dds_icons44 = require("@norges-domstoler/dds-icons");
 var import_dds_typography47 = require("@norges-domstoler/dds-typography");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var RatingContainer = import_styled_components82.default.div`
   display: flex;
   gap: ${import_dds_design_tokens45.ddsBaseTokens.spacing.SizesDdsSpacingLocalX1};
@@ -10428,10 +10435,10 @@ var RatingComponent = ({
   thumbDownTooltip,
   handleRatingChange
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(RatingContainer, { $layout: layout, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_dds_typography47.Label, { children: ratingLabel }),
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Spinner, { tooltip: "Laster opp tilbakemelding ..." }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(HStack, { gap: "layout-x1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Tooltip, { text: thumbUpTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(RatingContainer, { $layout: layout, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_dds_typography47.Label, { children: ratingLabel }),
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Spinner, { tooltip: "Laster opp tilbakemelding ..." }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(HStack, { gap: "layout-x1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Tooltip, { text: thumbUpTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         RatingButton,
         {
           htmlProps: { "aria-label": thumbUpTooltip },
@@ -10441,7 +10448,7 @@ var RatingComponent = ({
           size: "large"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Tooltip, { text: thumbDownTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Tooltip, { text: thumbDownTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         RatingButton,
         {
           htmlProps: { "aria-label": thumbDownTooltip },
@@ -10460,7 +10467,7 @@ var import_styled_components83 = __toESM(require("styled-components"));
 var import_dds_design_tokens46 = require("@norges-domstoler/dds-design-tokens");
 var import_dds_icons45 = require("@norges-domstoler/dds-icons");
 var import_dds_typography48 = require("@norges-domstoler/dds-typography");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var IconLabelSpan = import_styled_components83.default.span`
   display: inline-flex;
   align-items: center;
@@ -10476,21 +10483,21 @@ var CommentComponent = ({
   handleSubmit,
   handleFeedbackTextChange
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(VStack, { gap: "layout-x1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(IconLabelSpan, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(VStack, { gap: "layout-x1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(IconLabelSpan, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         import_dds_icons45.Icon,
         {
           icon: rating === "positive" ? import_dds_icons45.ThumbupFilled : import_dds_icons45.ThumbdownFilled,
           color: import_dds_design_tokens46.ddsBaseTokens.colors.DdsColorInteractiveBase
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_dds_typography48.Paragraph, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_dds_typography48.Paragraph, { children: [
         ratingSubmittedTitle,
         " "
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       TextArea,
       {
         value: feedbackText,
@@ -10499,7 +10506,7 @@ var CommentComponent = ({
         tip: "Ikke send inn personopplysninger eller annen sensitiv informasjon"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       Button,
       {
         purpose: "secondary",
@@ -10513,7 +10520,7 @@ var CommentComponent = ({
 };
 
 // src/components/Feedback/Feedback.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var Feedback = ({
   layout = "vertical",
   ratingLabel = "Hva syns du om tjenesten?",
@@ -10532,16 +10539,16 @@ var Feedback = ({
   onFeedbackTextChange,
   onSubmit
 }) => {
-  const [rating, setRating] = (0, import_react93.useState)(null);
-  const [feedbackText, setFeedbackText] = (0, import_react93.useState)();
-  const [isFeedbackSubmitted, setIsFeedbackSubmitted] = (0, import_react93.useState)(false);
-  (0, import_react93.useEffect)(() => {
+  const [rating, setRating] = (0, import_react94.useState)(null);
+  const [feedbackText, setFeedbackText] = (0, import_react94.useState)();
+  const [isFeedbackSubmitted, setIsFeedbackSubmitted] = (0, import_react94.useState)(false);
+  (0, import_react94.useEffect)(() => {
     ratingProp !== void 0 && setRating(ratingProp);
   }, [ratingProp]);
-  (0, import_react93.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     feedbackTextProp !== void 0 && setFeedbackText(feedbackTextProp);
   }, [feedbackTextProp]);
-  (0, import_react93.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     isSubmittedProp !== void 0 && setIsFeedbackSubmitted(isSubmittedProp);
   }, [isSubmittedProp]);
   const handleRatingChange = (newRating) => {
@@ -10558,7 +10565,7 @@ var Feedback = ({
     isSubmittedProp === void 0 && setIsFeedbackSubmitted(true);
   };
   if (rating === null && !isFeedbackSubmitted) {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       RatingComponent,
       {
         layout,
@@ -10571,7 +10578,7 @@ var Feedback = ({
     );
   }
   if (!feedbackTextAreaExcluded && !isFeedbackSubmitted) {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       CommentComponent,
       {
         rating,
@@ -10585,7 +10592,7 @@ var Feedback = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_dds_typography49.Paragraph, { children: submittedTitle });
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_dds_typography49.Paragraph, { children: submittedTitle });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {