@norges-domstoler/dds-components 14.5.0 → 14.6.0

package/dist/index.js

@@ -1025,7 +1025,7 @@ var Input = import_styled_components4.default.input`
     ${selection}
   }
 
-  &:not(.disabled):not(.read-only):not(.active):hover,
+  &:not(input):not(textarea):not(.disabled):not(.read-only):not(.active):hover,
   &:hover:enabled:read-write {
     ${hoverInputfield}
   }
@@ -1137,8 +1137,8 @@ var getElevation = (elevation) => {
       return outerShadow.DdsShadow4Onlight;
   }
 };
-var getBorder = (borderStyle2) => {
-  switch (borderStyle2) {
+var getBorder = (borderStyle) => {
+  switch (borderStyle) {
     case "light":
       return `${border3.BordersDdsBorderStyleLightStrokeWeight} solid ${border3.BordersDdsBorderStyleLightStroke}`;
     case "dark":
@@ -9221,7 +9221,7 @@ var InlineEditInput = (0, import_react68.forwardRef)((props, ref) => {
 });
 
 // src/components/InternalHeader/InternalHeader.tsx
-var import_react71 = require("react");
+var import_react70 = require("react");
 
 // src/components/InternalHeader/InternalHeader.styles.tsx
 var import_styled_components61 = __toESM(require("styled-components"));
@@ -9229,185 +9229,156 @@ var import_styled_components61 = __toESM(require("styled-components"));
 // src/components/InternalHeader/InternalHeader.tokens.tsx
 var import_dds_design_tokens43 = require("@norges-domstoler/dds-design-tokens");
 var { border: border10, colors: colors23, spacing: spacing24 } = import_dds_design_tokens43.ddsBaseTokens;
-var borderStyle = `${border10.BordersDdsBorderStyleLightStrokeWeight} ${border10.BordersDdsBorderStyleLightStroke} solid `;
-var typographyTypes3 = {
-  navLink: "bodySans01"
-};
-var navLink = {
-  base: {
-    color: colors23.DdsColorNeutralsGray9,
-    backgroundColor: colors23.DdsColorNeutralsWhite,
-    padding: `${spacing24.SizesDdsSpacingX075} ${spacing24.SizesDdsSpacingX15}`
-  },
-  hover: {
-    color: colors23.DdsColorInteractiveDark
-  },
-  active: {
-    color: colors23.DdsColorInteractiveDark
-  },
-  current: {
-    color: colors23.DdsColorInteractiveDarkest,
-    backgroundColor: colors23.DdsColorPrimaryLightest
-  }
-};
-var outerContainer3 = {
-  backgroundColor: colors23.DdsColorNeutralsWhite
-};
-var applicationNameWrapper = {
-  padding: `${spacing24.SizesDdsSpacingX1} ${spacing24.SizesDdsSpacingX15}`
-};
-var lovisaWrapper = {
-  padding: `${spacing24.SizesDdsSpacingX1} ${spacing24.SizesDdsSpacingX15}`,
-  borderRight: borderStyle
+var bar = {
+  backgroundColor: colors23.DdsColorNeutralsWhite,
+  itemGap: spacing24.SizesDdsSpacingX1,
+  minHeight: "57px",
+  borderBottom: `${border10.BordersDdsBorderStyleLightStroke} solid ${border10.BordersDdsBorderStyleLightStrokeWeight}`
 };
-var banner = {
-  borderBottom: borderStyle,
-  paddingRight: spacing24.SizesDdsSpacingX1,
-  hasContextMenu: {
-    paddingRight: spacing24.SizesDdsSpacingX4
-  }
-};
-var navigation2 = {
-  borderBottom: borderStyle
-};
-var contextGroup = {
-  right: spacing24.SizesDdsSpacingX075,
-  top: spacing24.SizesDdsSpacingX025
+var separator = {
+  color: border10.BordersDdsBorderStyleLightStroke,
+  width: border10.BordersDdsBorderStyleLightStrokeWeight
 };
 var internalHeaderTokens = {
-  navLink,
-  outerContainer: outerContainer3,
-  applicationNameWrapper,
-  lovisaWrapper,
-  banner,
-  navigation: navigation2,
-  contextGroup
+  bar,
+  separator
 };
 
 // src/components/InternalHeader/InternalHeader.styles.tsx
-var {
-  outerContainer: outerContainer4,
-  applicationNameWrapper: applicationNameWrapper2,
-  lovisaWrapper: lovisaWrapper2,
-  banner: banner2,
-  navigation: navigation3,
-  contextGroup: contextGroup2
-} = internalHeaderTokens;
-var OuterContainer = import_styled_components61.default.div`
-  position: relative;
+var { bar: bar2, separator: separator2 } = internalHeaderTokens;
+var Bar2 = import_styled_components61.default.div`
   *::selection {
     ${selection}
   }
-  background-color: ${outerContainer4.backgroundColor};
-`;
-var BannerWrapper = import_styled_components61.default.div`
-  position: relative;
+  background-color: ${bar2.backgroundColor};
   display: flex;
+  gap: ${bar2.itemGap};
   align-items: center;
-  border-bottom: ${banner2.borderBottom};
-  padding-right: ${banner2.paddingRight};
-  ${({ $hasContextMenu }) => $hasContextMenu && import_styled_components61.css`
-      padding-right: ${banner2.hasContextMenu.paddingRight};
-    `}
-`;
-var BannerLeftWrapper = import_styled_components61.default.div`
-  display: flex;
-`;
-var ApplicationNameWrapper = import_styled_components61.default.div`
-  display: flex;
-  align-items: center;
-  padding: ${applicationNameWrapper2.padding};
-`;
-var LovisaWrapper = import_styled_components61.default.div`
-  padding: ${lovisaWrapper2.padding};
-  border-right: ${lovisaWrapper2.borderRight};
+  min-height: ${bar2.minHeight};
+  border-bottom: ${bar2.borderBottom};
+
+  ${({ $hasNavigation }) => $hasNavigation ? import_styled_components61.css`
+          ${ContextMenuGroup} {
+            margin-left: auto;
+          }
+        ` : import_styled_components61.css`
+          ${BarSeparator} {
+            margin-left: auto;
+          }
+        `}
 `;
-var Navigation2 = import_styled_components61.default.nav`
-  border-bottom: ${navigation3.borderBottom};
+var BarSeparator = import_styled_components61.default.div`
+  border-left: ${separator2.width} solid ${separator2.color};
+  align-self: stretch;
 `;
 var NavigationList = import_styled_components61.default.ul`
   box-sizing: border-box;
   display: flex;
+  gap: ${bar2.itemGap};
+  align-items: center;
+  width: 100%;
   ${({ smallScreen }) => smallScreen && import_styled_components61.css`
+      align-items: initial;
       flex-direction: column;
     `}
   list-style-type: none;
   padding: 0;
   margin: 0;
 `;
-var ContextMenuGroup = import_styled_components61.default.div`
-  position: absolute;
-  top: ${contextGroup2.top};
-  right: ${contextGroup2.right};
-`;
+var ContextMenuGroup = import_styled_components61.default.div``;
 var StyledOverflowMenu = (0, import_styled_components61.default)(OverflowMenu)`
   max-height: calc(100vh - 110px);
 `;
+var NavLi = import_styled_components61.default.li`
+  display: flex;
+`;
 
-// src/components/InternalHeader/InternalHeaderListItem.tsx
+// src/components/InternalHeader/NavigationItem.tsx
 var import_react69 = require("react");
 var import_styled_components62 = __toESM(require("styled-components"));
-var import_jsx_runtime228 = require("react/jsx-runtime");
-var Li = import_styled_components62.default.li`
-  box-sizing: border-box;
-`;
-var InternalHeaderListItem = (0, import_react69.forwardRef)(({ children, ...rest }, ref) => {
-  const props = {
-    ref,
-    ...rest
+
+// src/components/InternalHeader/NavigationItem.tokens.ts
+var import_dds_design_tokens44 = require("@norges-domstoler/dds-design-tokens");
+var navTokens5 = {
+  base: {
+    padding: [
+      import_dds_design_tokens44.ddsBaseTokens.spacing.SizesDdsSpacingX075,
+      import_dds_design_tokens44.ddsBaseTokens.spacing.SizesDdsSpacingX1
+    ].join(" "),
+    borderRadius: import_dds_design_tokens44.ddsBaseTokens.borderRadius.RadiiDdsBorderRadius1Radius,
+    backgroundColor: "transparent",
+    color: import_dds_design_tokens44.ddsBaseTokens.colors.DdsColorNeutralsGray6,
+    hover: {
+      backgroundColor: import_dds_design_tokens44.ddsBaseTokens.colors.DdsColorNeutralsGray1,
+      color: import_dds_design_tokens44.ddsBaseTokens.colors.DdsColorNeutralsGray9
+    }
+  },
+  active: {
+    base: {
+      backgroundColor: import_dds_design_tokens44.ddsBaseTokens.colors.DdsColorInteractiveLightest,
+      color: import_dds_design_tokens44.ddsBaseTokens.colors.DdsColorNeutralsGray9
+    },
+    hover: {
+      backgroundColor: import_dds_design_tokens44.ddsBaseTokens.colors.DdsColorInteractiveLightest,
+      color: import_dds_design_tokens44.ddsBaseTokens.colors.DdsColorNeutralsGray9
+    }
+  }
+};
+function getNavTokens({ active }) {
+  return {
+    ...navTokens5.base,
+    ...active ? navTokens5.active.base : {},
+    hover: {
+      ...navTokens5.base.hover,
+      ...active ? navTokens5.active.hover : {}
+    }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Li, { ...props, children });
-});
+}
 
 // src/components/InternalHeader/NavigationItem.tsx
-var import_react70 = require("react");
-var import_styled_components63 = __toESM(require("styled-components"));
-var import_jsx_runtime229 = require("react/jsx-runtime");
-var { navLink: navLink2 } = internalHeaderTokens;
-var Link3 = import_styled_components63.default.a.withConfig({
-  shouldForwardProp: (prop) => prop !== "isCurrent"
-})`
-  display: flex;
-  align-items: center;
-  height: 100%;
-  box-sizing: border-box;
+var import_jsx_runtime228 = require("react/jsx-runtime");
+var Link3 = import_styled_components62.default.a`
+  ${getFontStyling("bodySans02")}
   text-decoration: none;
-  @media (prefers-reduced-motion: no-preference) {
-    transition: background-color 0.2s;
-  }
-  color: ${navLink2.base.color};
-  background-color: ${navLink2.base.backgroundColor};
-  padding: ${navLink2.base.padding};
-  ${getFontStyling(typographyTypes3.navLink)}
+
+  color: ${({ $active }) => getNavTokens({ active: $active }).color};
+  background-color: ${({ $active }) => getNavTokens({ active: $active }).backgroundColor};
+  padding: ${({ $active }) => getNavTokens({ active: $active }).padding};
+  border-radius: ${({ $active }) => getNavTokens({ active: $active }).borderRadius};
+
   &:hover {
-    color: ${navLink2.hover.color};
+    color: ${({ $active }) => getNavTokens({ active: $active }).hover.color};
+    background-color: ${({ $active }) => getNavTokens({ active: $active }).hover.backgroundColor};
   }
+
   &:active {
-    color: ${navLink2.active.color};
+    color: ${getNavTokens({ active: true }).color};
+    background-color: ${getNavTokens({ active: true }).backgroundColor};
   }
   &:focus-visible,
   &.focus-visible {
-    ${focusVisible};
+    ${focusVisibleInset};
+  }
+
+  @media (prefers-reduced-motion: no-preference) {
+    transition: background-color 0.2s;
   }
-  ${({ isCurrent }) => isCurrent && import_styled_components63.css`
-      color: ${navLink2.current.color};
-      background-color: ${navLink2.current.backgroundColor};
-      &:hover {
-        color: ${navLink2.current.color};
-      }
-    `}
 `;
-var NavigationItem2 = (0, import_react70.forwardRef)(({ title: title3, isCurrent, ...rest }, ref) => {
-  const linkProps = {
-    ref,
-    isCurrent,
-    ...rest
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Link3, { ...linkProps, "aria-current": isCurrent ? "page" : void 0, children: title3 });
+var NavigationItem2 = (0, import_react69.forwardRef)(({ title: title3, isCurrent, ...rest }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+    Link3,
+    {
+      ...rest,
+      ref,
+      "aria-current": isCurrent ? "page" : void 0,
+      $active: isCurrent != null ? isCurrent : false,
+      children: title3
+    }
+  );
 });
 
 // src/components/InternalHeader/InternalHeader.tsx
-var import_jsx_runtime230 = require("react/jsx-runtime");
+var import_jsx_runtime229 = require("react/jsx-runtime");
 var InternalHeader = (props) => {
   const {
     applicationDesc,
@@ -9423,11 +9394,11 @@ var InternalHeader = (props) => {
     htmlProps,
     ...rest
   } = props;
-  const [contextMenuIsClosed, setContextMenuIsClosed] = (0, import_react71.useState)(true);
-  const [currentPage, setCurrentPage] = (0, import_react71.useState)(
+  const [contextMenuIsClosed, setContextMenuIsClosed] = (0, import_react70.useState)(true);
+  const [currentPage, setCurrentPage] = (0, import_react70.useState)(
     currentPageHref
   );
-  const buttonRef = (0, import_react71.useRef)(null);
+  const buttonRef = (0, import_react70.useRef)(null);
   const handleCurrentPageChange = (href) => {
     setCurrentPage(href);
     onCurrentPageChange && onCurrentPageChange();
@@ -9439,10 +9410,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_runtime230.jsx)(Navigation2, { "aria-label": "sidenavigasjon", children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(NavigationList, { children: navigationElements.map((item, index) => {
+  const navigation2 = hasNavigationElements && !smallScreen ? /* @__PURE__ */ (0, import_jsx_runtime229.jsx)("nav", { "aria-label": "sidenavigasjon", children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(NavigationList, { children: navigationElements.map((item, index) => {
     const { href, ...rest2 } = item;
     const isCurrent = href === currentPage;
-    return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(InternalHeaderListItem, { children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(NavLi, { children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
       NavigationItem2,
       {
         href,
@@ -9453,45 +9424,51 @@ var InternalHeader = (props) => {
     ) }, index);
   }) }) }) : null;
   const hasContextMenu = hasContextMenuElements || !!userProps || hasNavInContextMenu;
-  return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(OuterContainer, { ...getBaseHTMLProps(id, className, htmlProps, rest), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(BannerWrapper, { $hasContextMenu: hasContextMenu, children: /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(BannerLeftWrapper, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(LovisaWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Typography, { typographyType: "bodySans02", bold: true, as: "span", children: applicationName }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(ApplicationNameWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Typography, { typographyType: "bodySans02", as: "span", children: applicationDesc }) })
-    ] }) }),
-    navigation4,
-    hasContextMenu && /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(ContextMenuGroup, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
-        Button,
-        {
-          ref: buttonRef,
-          icon: hasNavInContextMenu ? MenuIcon : MoreVerticalIcon,
-          appearance: "borderless",
-          purpose: "secondary",
-          onClick: handleContextMenuClick,
-          "aria-haspopup": "menu",
-          "aria-expanded": !contextMenuIsClosed ? true : void 0,
-          "aria-label": "\xE5pne meny"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
-        StyledOverflowMenu,
-        {
-          isOpen: !contextMenuIsClosed,
-          onClose: onOveflowMenuClose,
-          anchorRef: buttonRef,
-          navItems: hasNavInContextMenu ? navigationElements : void 0,
-          items: hasContextMenuElements ? contextMenuElements : void 0,
-          userProps
-        }
-      )
-    ] })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
+    Bar2,
+    {
+      ...getBaseHTMLProps(id, className, htmlProps, rest),
+      $hasNavigation: !!navigation2,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Typography, { typographyType: "bodySans02", bold: true, as: "span", children: applicationName }),
+        /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Typography, { typographyType: "bodySans02", as: "span", children: applicationDesc }),
+        /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(BarSeparator, {}),
+        navigation2,
+        hasContextMenu && /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(ContextMenuGroup, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+            Button,
+            {
+              ref: buttonRef,
+              icon: hasNavInContextMenu ? MenuIcon : MoreVerticalIcon,
+              appearance: "borderless",
+              purpose: "secondary",
+              onClick: handleContextMenuClick,
+              "aria-haspopup": "menu",
+              "aria-expanded": !contextMenuIsClosed ? true : void 0,
+              "aria-label": "\xE5pne meny"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+            StyledOverflowMenu,
+            {
+              isOpen: !contextMenuIsClosed,
+              onClose: onOveflowMenuClose,
+              anchorRef: buttonRef,
+              navItems: hasNavInContextMenu ? navigationElements : void 0,
+              items: hasContextMenuElements ? contextMenuElements : void 0,
+              userProps
+            }
+          )
+        ] })
+      ]
+    }
+  );
 };
 InternalHeader.displayName = "InternalHeader";
 
 // src/components/List/List.tsx
-var import_react72 = require("react");
-var import_styled_components64 = __toESM(require("styled-components"));
+var import_react71 = require("react");
+var import_styled_components63 = __toESM(require("styled-components"));
 
 // src/components/List/bullets/jordskifterett_bullet1.svg
 var jordskifterett_bullet1_default = 'data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<circle cx="6.7085" cy="6.7085" r="2.625" fill="%230B0D0E"/>%0A</svg>%0A';
@@ -9503,9 +9480,9 @@ var lagmannsrett_bullet2_default = 'data:image/svg+xml,<svg width="14" height="1
 var tingrett_bullet3_default = 'data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M6.70817 9.33333C8.80225 9.33333 10.4998 7.50516 10.4998 5.25H2.9165C2.9165 7.50516 4.61409 9.33333 6.70817 9.33333Z" fill="%230B0D0E"/>%0A</svg>%0A';
 
 // src/components/List/List.tokens.tsx
-var import_dds_design_tokens44 = require("@norges-domstoler/dds-design-tokens");
-var { spacing: spacing25 } = import_dds_design_tokens44.ddsBaseTokens;
-var { textDefault: textDefault4 } = import_dds_design_tokens44.ddsReferenceTokens;
+var import_dds_design_tokens45 = require("@norges-domstoler/dds-design-tokens");
+var { spacing: spacing25 } = import_dds_design_tokens45.ddsBaseTokens;
+var { textDefault: textDefault4 } = import_dds_design_tokens45.ddsReferenceTokens;
 var ulLiPaddingLeft = `1em + ${spacing25.SizesDdsSpacingX025}`;
 var ulPaddingLeft = `${spacing25.SizesDdsSpacingX2} - (${ulLiPaddingLeft})`;
 var list5 = {
@@ -9537,9 +9514,9 @@ var listTokens = {
 };
 
 // src/components/List/List.tsx
-var import_jsx_runtime231 = require("react/jsx-runtime");
+var import_jsx_runtime230 = require("react/jsx-runtime");
 var { list: list6, listItem: listItem4, bullet: bullet2 } = listTokens;
-var StyledList = import_styled_components64.default.ul`
+var StyledList = import_styled_components63.default.ul`
   margin: ${list6.base.margin};
   color: ${list6.base.color};
   ul,
@@ -9550,13 +9527,13 @@ var StyledList = import_styled_components64.default.ul`
     ${selection}
   }
 
-  ${({ $typographyType }) => $typographyType === "inherit" ? import_styled_components64.css`
+  ${({ $typographyType }) => $typographyType === "inherit" ? import_styled_components63.css`
           font: inherit;
-        ` : import_styled_components64.css`
+        ` : import_styled_components63.css`
           ${getFontStyling($typographyType)}
         `}
 
-  ${({ $listType }) => $listType === "unordered" ? import_styled_components64.css`
+  ${({ $listType }) => $listType === "unordered" ? import_styled_components63.css`
           padding-left: ${list6.ul.paddingLeft};
           list-style: none;
           li {
@@ -9581,7 +9558,7 @@ var StyledList = import_styled_components64.default.ul`
               background-image: ${`url('${tingrett_bullet3_default}')`};
             }
           }
-        ` : import_styled_components64.css`
+        ` : import_styled_components63.css`
           padding-left: ${list6.ol.paddingLeft};
           & > li > ol {
             list-style-type: lower-alpha;
@@ -9591,7 +9568,7 @@ var StyledList = import_styled_components64.default.ul`
           }
         `}
 `;
-var List2 = (0, import_react72.forwardRef)(
+var List2 = (0, import_react71.forwardRef)(
   (props, ref) => {
     const {
       listType = "unordered",
@@ -9603,7 +9580,7 @@ var List2 = (0, import_react72.forwardRef)(
       ...rest
     } = props;
     const as = listType === "ordered" ? "ol" : "ul";
-    return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
       StyledList,
       {
         ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -9619,26 +9596,26 @@ var List2 = (0, import_react72.forwardRef)(
 List2.displayName = "List";
 
 // src/components/List/ListItem.tsx
-var import_react73 = require("react");
-var import_styled_components65 = __toESM(require("styled-components"));
-var import_jsx_runtime232 = require("react/jsx-runtime");
-var StyledListItem = import_styled_components65.default.li`
+var import_react72 = require("react");
+var import_styled_components64 = __toESM(require("styled-components"));
+var import_jsx_runtime231 = require("react/jsx-runtime");
+var StyledListItem = import_styled_components64.default.li`
   line-height: ${listTokens.listItem.lineHeight};
 `;
-var ListItem2 = (0, import_react73.forwardRef)(
+var ListItem2 = (0, import_react72.forwardRef)(
   ({ children, ...rest }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(StyledListItem, { ref, ...rest, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(StyledListItem, { ref, ...rest, children });
   }
 );
 ListItem2.displayName = "ListItem";
 
 // src/components/LocalMessage/LocalMessage.tsx
-var import_react74 = require("react");
-var import_styled_components66 = __toESM(require("styled-components"));
+var import_react73 = require("react");
+var import_styled_components65 = __toESM(require("styled-components"));
 
 // src/components/LocalMessage/LocalMessage.tokens.tsx
-var import_dds_design_tokens45 = require("@norges-domstoler/dds-design-tokens");
-var { colors: colors24, spacing: spacing26, borderRadius: borderRadius6, border: border11, outerShadow: outerShadow3 } = import_dds_design_tokens45.ddsBaseTokens;
+var import_dds_design_tokens46 = require("@norges-domstoler/dds-design-tokens");
+var { colors: colors24, spacing: spacing26, borderRadius: borderRadius6, border: border11, outerShadow: outerShadow3 } = import_dds_design_tokens46.ddsBaseTokens;
 var container9 = {
   base: {
     boxShadow: outerShadow3.DdsShadow1Onlight,
@@ -9728,10 +9705,10 @@ var localMessageTokens = {
 };
 
 // src/components/LocalMessage/LocalMessage.tsx
-var import_jsx_runtime233 = require("react/jsx-runtime");
+var import_jsx_runtime232 = require("react/jsx-runtime");
 var defaultWidth4 = "400px";
 var { container: container10, icon: icon7, purposeVariants: purposeVariants3 } = localMessageTokens;
-var Container8 = import_styled_components66.default.div.withConfig({
+var Container8 = import_styled_components65.default.div.withConfig({
   shouldForwardProp: (prop) => {
     const styleOnlyProps = [
       "layout",
@@ -9757,7 +9734,7 @@ var Container8 = import_styled_components66.default.div.withConfig({
   *::selection {
     ${selection}
   }
-  ${({ purpose }) => purpose && import_styled_components66.css`
+  ${({ purpose }) => purpose && import_styled_components65.css`
       border-color: ${container10.purpose[purpose].borderColor};
       background-color: ${container10.purpose[purpose].backgroundColor};
     `}
@@ -9782,17 +9759,17 @@ function getGridTemplateColumns(layout, closable) {
   }
   return layout === "horisontal" ? "min-content 1fr" : "1fr";
 }
-var MessageIconWrapper2 = (0, import_styled_components66.default)(Icon)`
+var MessageIconWrapper2 = (0, import_styled_components65.default)(Icon)`
   grid-area: icon;
 `;
-var TextContainer2 = import_styled_components66.default.div`
+var TextContainer2 = import_styled_components65.default.div`
   grid-area: text;
 `;
-var CloseButton = (0, import_styled_components66.default)(Button)`
+var CloseButton = (0, import_styled_components65.default)(Button)`
   grid-area: closeButton;
   margin: -${container10.base.padding} 0;
 `;
-var LocalMessage = (0, import_react74.forwardRef)(
+var LocalMessage = (0, import_react73.forwardRef)(
   (props, ref) => {
     const {
       message: message2,
@@ -9807,7 +9784,7 @@ var LocalMessage = (0, import_react74.forwardRef)(
       htmlProps,
       ...rest
     } = props;
-    const [isClosed, setClosed] = (0, import_react74.useState)(false);
+    const [isClosed, setClosed] = (0, import_react73.useState)(false);
     const containerProps = {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
       purpose,
@@ -9817,18 +9794,18 @@ var LocalMessage = (0, import_react74.forwardRef)(
       ref
     };
     if (isClosed) {
-      return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(import_jsx_runtime233.Fragment, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(import_jsx_runtime232.Fragment, {});
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Container8, { ...containerProps, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Container8, { ...containerProps, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
         MessageIconWrapper2,
         {
           icon: purposeVariants3[purpose].icon,
           color: icon7[purpose].color
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(TextContainer2, { children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Typography, { as: "span", children: message2 }) }),
-      closable && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(TextContainer2, { children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Typography, { as: "span", children: message2 }) }),
+      closable && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
         CloseButton,
         {
           icon: CloseIcon,
@@ -9848,14 +9825,14 @@ var LocalMessage = (0, import_react74.forwardRef)(
 LocalMessage.displayName = "LocalMessage";
 
 // src/components/Modal/Modal.tsx
-var import_react75 = require("react");
+var import_react74 = require("react");
 var import_react_dom3 = require("react-dom");
-var import_styled_components68 = __toESM(require("styled-components"));
+var import_styled_components67 = __toESM(require("styled-components"));
 
 // src/components/Modal/Backdrop/Backdrop.tsx
-var import_dds_design_tokens46 = require("@norges-domstoler/dds-design-tokens");
-var import_styled_components67 = __toESM(require("styled-components"));
-var Backdrop = import_styled_components67.default.div.withConfig({
+var import_dds_design_tokens47 = require("@norges-domstoler/dds-design-tokens");
+var import_styled_components66 = __toESM(require("styled-components"));
+var Backdrop = import_styled_components66.default.div.withConfig({
   shouldForwardProp: (prop) => prop !== "isOpen"
 })`
   position: fixed;
@@ -9863,7 +9840,7 @@ var Backdrop = import_styled_components67.default.div.withConfig({
   align-items: center;
   justify-content: center;
   background-color: ${changeRGBAAlpha(
-  import_dds_design_tokens46.ddsBaseTokens.colors.DdsColorNeutralsGray9,
+  import_dds_design_tokens47.ddsBaseTokens.colors.DdsColorNeutralsGray9,
   0.5
 )};
   overflow-y: auto;
@@ -9900,8 +9877,8 @@ function handleElementWithBackdropUnmount(container16) {
 }
 
 // src/components/Modal/Modal.tokens.tsx
-var import_dds_design_tokens47 = require("@norges-domstoler/dds-design-tokens");
-var { spacing: spacing27 } = import_dds_design_tokens47.ddsBaseTokens;
+var import_dds_design_tokens48 = require("@norges-domstoler/dds-design-tokens");
+var { spacing: spacing27 } = import_dds_design_tokens48.ddsBaseTokens;
 var container11 = {
   padding: `${spacing27.SizesDdsSpacingX1} ${spacing27.SizesDdsSpacingX1} ${spacing27.SizesDdsSpacingX15} ${spacing27.SizesDdsSpacingX15}`
 };
@@ -9919,9 +9896,9 @@ var modalTokens = {
 };
 
 // src/components/Modal/Modal.tsx
-var import_jsx_runtime234 = require("react/jsx-runtime");
+var import_jsx_runtime233 = require("react/jsx-runtime");
 var { container: container12, contentContainer: contentContainer6 } = modalTokens;
-var Container9 = (0, import_styled_components68.default)(Paper)`
+var Container9 = (0, import_styled_components67.default)(Paper)`
   display: flex;
   flex-direction: column-reverse;
   min-width: 200px;
@@ -9935,16 +9912,16 @@ var Container9 = (0, import_styled_components68.default)(Paper)`
     ${focusVisible}
   }
 `;
-var ContentContainer3 = import_styled_components68.default.div`
+var ContentContainer3 = import_styled_components67.default.div`
   display: grid;
   padding-right: ${contentContainer6.paddingRight};
   gap: ${contentContainer6.gap};
 `;
-var HeaderContainer3 = import_styled_components68.default.div``;
-var StyledButton3 = (0, import_styled_components68.default)(Button)`
+var HeaderContainer3 = import_styled_components67.default.div``;
+var StyledButton3 = (0, import_styled_components67.default)(Button)`
   align-self: flex-end;
 `;
-var Modal = (0, import_react75.forwardRef)((props, ref) => {
+var Modal = (0, import_react74.forwardRef)((props, ref) => {
   const {
     isOpen = false,
     parentElement = document.body,
@@ -9958,7 +9935,7 @@ var Modal = (0, import_react75.forwardRef)((props, ref) => {
     htmlProps,
     ...rest
   } = props;
-  const generatedId = (0, import_react75.useId)();
+  const generatedId = (0, import_react74.useId)();
   const modalId = id != null ? id : `${generatedId}-modal`;
   const headerId = `${modalId}-header`;
   const modalRef = useFocusTrap(isOpen, initialFocusRef);
@@ -9970,7 +9947,7 @@ var Modal = (0, import_react75.forwardRef)((props, ref) => {
       onClose();
     }
   };
-  (0, import_react75.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     if (isOpen) {
       handleElementWithBackdropMount(document.body);
     } else {
@@ -9982,7 +9959,7 @@ var Modal = (0, import_react75.forwardRef)((props, ref) => {
   useOnKeyDown(["Escape", "Esc"], () => handleClose());
   const hasTransitionedIn = useMountTransition(isOpen, 200);
   return isOpen || hasTransitionedIn ? (0, import_react_dom3.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Backdrop, { isOpen: hasTransitionedIn && isOpen, children: /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Backdrop, { isOpen: hasTransitionedIn && isOpen, children: /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
       Container9,
       {
         ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -9995,11 +9972,11 @@ var Modal = (0, import_react75.forwardRef)((props, ref) => {
         id: modalId,
         elevation: 4,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(ContentContainer3, { children: [
-            header3 && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(HeaderContainer3, { id: headerId, children: typeof header3 === "string" ? /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Typography, { typographyType: "headingSans03", children: header3 }) : header3 }),
+          /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(ContentContainer3, { children: [
+            header3 && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(HeaderContainer3, { id: headerId, children: typeof header3 === "string" ? /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Typography, { typographyType: "headingSans03", children: header3 }) : header3 }),
             children
           ] }),
-          onClose && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
+          onClose && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
             StyledButton3,
             {
               size: "small",
@@ -10019,63 +9996,63 @@ var Modal = (0, import_react75.forwardRef)((props, ref) => {
 Modal.displayName = "Modal";
 
 // src/components/Modal/ModalBody.tsx
-var import_react76 = require("react");
-var import_styled_components69 = __toESM(require("styled-components"));
-var import_jsx_runtime235 = require("react/jsx-runtime");
-var Container10 = import_styled_components69.default.div``;
-var ModalBody = (0, import_react76.forwardRef)(
+var import_react75 = require("react");
+var import_styled_components68 = __toESM(require("styled-components"));
+var import_jsx_runtime234 = require("react/jsx-runtime");
+var Container10 = import_styled_components68.default.div``;
+var ModalBody = (0, import_react75.forwardRef)(
   (props, ref) => {
     const { children, scrollable, id, className, htmlProps, height, ...rest } = props;
     const containerProps = {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
       ref
     };
-    return scrollable ? /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Container10, { ...containerProps, children: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(ScrollableContainer, { contentHeight: height, children }) }) : /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Container10, { ...containerProps, children });
+    return scrollable ? /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Container10, { ...containerProps, children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(ScrollableContainer, { contentHeight: height, children }) }) : /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Container10, { ...containerProps, children });
   }
 );
 ModalBody.displayName = "ModalBody";
 
 // src/components/Modal/ModalActions.tsx
-var import_react77 = require("react");
-var import_styled_components70 = __toESM(require("styled-components"));
-var import_jsx_runtime236 = require("react/jsx-runtime");
-var Container11 = import_styled_components70.default.div`
+var import_react76 = require("react");
+var import_styled_components69 = __toESM(require("styled-components"));
+var import_jsx_runtime235 = require("react/jsx-runtime");
+var Container11 = import_styled_components69.default.div`
   display: flex;
   flex-wrap: wrap;
   gap: ${modalTokens.actionsContainer.gap};
 `;
-var ModalActions = (0, import_react77.forwardRef)(
+var ModalActions = (0, import_react76.forwardRef)(
   ({ children, ...rest }, ref) => {
     const containerProps = {
       ref,
       ...rest
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Container11, { ...containerProps, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Container11, { ...containerProps, children });
   }
 );
 ModalActions.displayName = "ModalActions";
 
 // src/components/Pagination/Pagination.tsx
-var import_react79 = require("react");
-var import_styled_components72 = __toESM(require("styled-components"));
+var import_react78 = require("react");
+var import_styled_components71 = __toESM(require("styled-components"));
 
 // src/components/Pagination/Pagination.tokens.tsx
-var import_dds_design_tokens48 = require("@norges-domstoler/dds-design-tokens");
-var { spacing: spacing28, colors: colors25 } = import_dds_design_tokens48.ddsBaseTokens;
+var import_dds_design_tokens49 = require("@norges-domstoler/dds-design-tokens");
+var { spacing: spacing28, colors: colors25 } = import_dds_design_tokens49.ddsBaseTokens;
 var list7 = {
   gap: spacing28.SizesDdsSpacingX075
 };
 var truncationIcon = {
   color: colors25.DdsColorNeutralsGray7
 };
-var outerContainer5 = {
+var outerContainer3 = {
   gap: spacing28.SizesDdsSpacingX075
 };
 var indicatorsContainer = {
   gap: spacing28.SizesDdsSpacingX075
 };
 var paginationTokens = {
-  outerContainer: outerContainer5,
+  outerContainer: outerContainer3,
   indicatorsContainer,
   truncationIcon,
   list: list7
@@ -10115,16 +10092,16 @@ function PaginationGenerator(pagesAmount, activePage) {
 }
 
 // src/components/Select/Select.tsx
-var import_react78 = require("react");
+var import_react77 = require("react");
 var import_react_select2 = __toESM(require("react-select"));
 
 // src/components/Select/Select.styles.ts
-var import_styled_components71 = __toESM(require("styled-components"));
+var import_styled_components70 = __toESM(require("styled-components"));
 
 // src/components/Select/Select.tokens.tsx
-var import_dds_design_tokens49 = require("@norges-domstoler/dds-design-tokens");
-var { colors: colors26, spacing: spacing29, borderRadius: borderRadius7, border: border12 } = import_dds_design_tokens49.ddsBaseTokens;
-var { textDefault: textDefault5 } = import_dds_design_tokens49.ddsReferenceTokens;
+var import_dds_design_tokens50 = require("@norges-domstoler/dds-design-tokens");
+var { colors: colors26, spacing: spacing29, borderRadius: borderRadius7, border: border12 } = import_dds_design_tokens50.ddsBaseTokens;
+var { textDefault: textDefault5 } = import_dds_design_tokens50.ddsReferenceTokens;
 var placeholderTypographyTypes = {
   medium: "supportingStylePlaceholderText01",
   small: "supportingStylePlaceholderText02",
@@ -10135,7 +10112,7 @@ var multiValueLabelTypographyTypes = {
   small: "bodySans01",
   tiny: "supportingStyleTiny01"
 };
-var typographyTypes4 = {
+var typographyTypes3 = {
   control: inputTypographyTypes,
   option: inputTypographyTypes,
   placeholder: placeholderTypographyTypes,
@@ -10219,6 +10196,7 @@ var groupHeading = {
 };
 var option = {
   base: {
+    color: textDefault5.textColor,
     gap: spacing29.SizesDdsSpacingX05,
     padding: `${spacing29.SizesDdsSpacingX075}`,
     backgroundColor: colors26.DdsColorNeutralsWhite
@@ -10232,6 +10210,7 @@ var option = {
     backgroundColor: colors26.DdsColorInteractiveLightest
   },
   selected: {
+    color: textDefault5.textColor,
     backgroundColor: colors26.DdsColorNeutralsWhite
   }
 };
@@ -10306,7 +10285,7 @@ var prefix = "dds-select";
 function getContainerControlPadding(componentSize, isMulti) {
   return isMulti ? control2.isMulti.sizes[componentSize].padding : control2.sizes[componentSize].padding;
 }
-var Container12 = import_styled_components71.default.div`
+var Container12 = import_styled_components70.default.div`
   margin: 0;
   width: ${({ $width }) => $width};
   position: relative;
@@ -10315,23 +10294,23 @@ var Container12 = import_styled_components71.default.div`
     ${selection}
   }
 
-  ${({ $componentSize, $isMulti }) => import_styled_components71.css`
+  ${({ $componentSize, $isMulti }) => import_styled_components70.css`
     .${prefix}__control {
       padding: ${getContainerControlPadding($componentSize, $isMulti)};
-      ${getFontStyling(typographyTypes4.control[$componentSize], true)}
+      ${getFontStyling(typographyTypes3.control[$componentSize], true)}
     }
     .${prefix}__option {
-      ${getFontStyling(typographyTypes4.option[$componentSize], true)}
+      ${getFontStyling(typographyTypes3.option[$componentSize], true)}
     }
     .${prefix}__placeholder {
-      ${getFontStyling(typographyTypes4.placeholder[$componentSize])}
+      ${getFontStyling(typographyTypes3.placeholder[$componentSize])}
     }
     .${prefix}__menu-notice--no-options {
-      ${getFontStyling(typographyTypes4.noOptionsMessage[$componentSize])}
+      ${getFontStyling(typographyTypes3.noOptionsMessage[$componentSize])}
     }
   `}
 
-  ${({ $errorMessage }) => $errorMessage && import_styled_components71.css`
+  ${({ $errorMessage }) => $errorMessage && import_styled_components70.css`
       .${prefix}__control {
         ${dangerInputfield}
       }
@@ -10350,7 +10329,7 @@ var Container12 = import_styled_components71.default.div`
     color: ${dropdownIndicator2.hover.color};
   }
 
-  ${({ $isDisabled, $readOnly }) => $readOnly ? import_styled_components71.css`
+  ${({ $isDisabled, $readOnly }) => $readOnly ? import_styled_components70.css`
           .${prefix}__control {
             border-color: ${control2.readOnly.borderColor};
             background-color: ${control2.readOnly.backgroundColor};
@@ -10360,7 +10339,7 @@ var Container12 = import_styled_components71.default.div`
             .${prefix}__dropdown-indicator {
             color: ${dropdownIndicator2.readOnly.color};
           }
-        ` : $isDisabled ? import_styled_components71.css`
+        ` : $isDisabled ? import_styled_components70.css`
             cursor: not-allowed;
             .${prefix}__control {
               border-color: ${control2.disabled.borderColor};
@@ -10371,14 +10350,14 @@ var Container12 = import_styled_components71.default.div`
             }
           ` : ""}
 `;
-var InnerSingleValue = import_styled_components71.default.div`
+var InnerSingleValue = import_styled_components70.default.div`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   box-sizing: border-box;
   max-width: 100%;
 `;
-var StyledIcon4 = (0, import_styled_components71.default)(Icon)`
+var StyledIcon4 = (0, import_styled_components70.default)(Icon)`
   margin-right: ${icon9.marginRight};
 `;
 var getCustomStyles = (size2) => ({
@@ -10441,7 +10420,7 @@ var getCustomStyles = (size2) => ({
   multiValueLabel: (provided) => ({
     ...provided,
     padding: multiValueLabel2.padding,
-    ...getFontStyling(typographyTypes4.multiValueLabel[size2]),
+    ...getFontStyling(typographyTypes3.multiValueLabel[size2]),
     color: multiValueLabel2.color
   }),
   multiValueRemove: (provided, state) => state.selectProps.isDisabled ? {
@@ -10475,11 +10454,15 @@ var getCustomStyles = (size2) => ({
     marginTop: menu2.marginTop,
     marginBottom: menu2.marginBottom
   }),
+  menuPortal: (provided) => ({
+    ...provided,
+    zIndex: 99999
+  }),
   group: () => ({
     boxSizing: "border-box"
   }),
   groupHeading: () => ({
-    ...getFontStyling(typographyTypes4.groupHeading),
+    ...getFontStyling(typographyTypes3.groupHeading),
     color: groupHeading2.color,
     padding: groupHeading2.padding
   }),
@@ -10498,6 +10481,7 @@ var getCustomStyles = (size2) => ({
     alignItems: "center",
     gap: option2.base.gap,
     padding: option2.base.padding,
+    color: option2.base.color,
     backgroundColor: option2.base.backgroundColor,
     "@media (prefers-reduced-motion: no-preference)": {
       transition: "color 0.2s, background-color 0.2s"
@@ -10507,6 +10491,7 @@ var getCustomStyles = (size2) => ({
       backgroundColor: option2.hover.backgroundColor
     },
     ...state.isSelected && {
+      color: option2.selected.color,
       backgroundColor: option2.selected.backgroundColor
     },
     ...state.isFocused && {
@@ -10537,7 +10522,7 @@ var getCustomStyles = (size2) => ({
 
 // src/components/Select/SelectComponents.tsx
 var import_react_select = require("react-select");
-var import_jsx_runtime237 = require("react/jsx-runtime");
+var import_jsx_runtime236 = require("react/jsx-runtime");
 var {
   Option,
   NoOptionsMessage,
@@ -10548,17 +10533,17 @@ var {
   MultiValueRemove,
   Control
 } = import_react_select.components;
-var DDSOption = (props, componentSize) => /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(Option, { ...props, children: [
-  props.isSelected && /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Icon, { icon: CheckIcon, iconSize: getFormInputIconSize(componentSize) }),
+var DDSOption = (props, componentSize) => /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(Option, { ...props, children: [
+  props.isSelected && /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Icon, { icon: CheckIcon, iconSize: getFormInputIconSize(componentSize) }),
   props.children
 ] });
-var CustomOption = (props, Element) => /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Option, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Element, { ...props }) });
-var CustomSingleValue = (props, id, Element) => /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(SingleValue, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(InnerSingleValue, { id, children: Element ? /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Element, { ...props }) : props.children }) });
-var DDSNoOptionsMessage = (props) => /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(NoOptionsMessage, { ...props, children: "Ingen treff" });
-var DDSClearIndicator = (props, size2) => /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(ClearIndicator, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Icon, { icon: CloseSmallIcon, iconSize: getFormInputIconSize(size2) }) });
-var DDSMultiValueRemove = (props) => /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(MultiValueRemove, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Icon, { icon: CloseSmallIcon, iconSize: "small" }) });
-var DDSDropdownIndicator = (props, size2) => /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(DropdownIndicator, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Icon, { icon: ChevronDownIcon, iconSize: getFormInputIconSize(size2) }) });
-var DDSInput = (props, ariaInvalid, ariaDescribedby) => /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
+var CustomOption = (props, Element) => /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Option, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Element, { ...props }) });
+var CustomSingleValue = (props, id, Element) => /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(SingleValue, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(InnerSingleValue, { id, children: Element ? /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Element, { ...props }) : props.children }) });
+var DDSNoOptionsMessage = (props) => /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(NoOptionsMessage, { ...props, children: "Ingen treff" });
+var DDSClearIndicator = (props, size2) => /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(ClearIndicator, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Icon, { icon: CloseSmallIcon, iconSize: getFormInputIconSize(size2) }) });
+var DDSMultiValueRemove = (props) => /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(MultiValueRemove, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Icon, { icon: CloseSmallIcon, iconSize: "small" }) });
+var DDSDropdownIndicator = (props, size2) => /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(DropdownIndicator, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Icon, { icon: ChevronDownIcon, iconSize: getFormInputIconSize(size2) }) });
+var DDSInput = (props, ariaInvalid, ariaDescribedby) => /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
   Input2,
   {
     ...props,
@@ -10566,13 +10551,13 @@ var DDSInput = (props, ariaInvalid, ariaDescribedby) => /* @__PURE__ */ (0, impo
     "aria-describedby": ariaDescribedby
   }
 );
-var DDSControl = (props, componentSize, icon12) => /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(Control, { ...props, children: [
-  icon12 && /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(StyledIcon4, { icon: icon12, iconSize: getFormInputIconSize(componentSize) }),
+var DDSControl = (props, componentSize, icon12) => /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(Control, { ...props, children: [
+  icon12 && /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(StyledIcon4, { icon: icon12, iconSize: getFormInputIconSize(componentSize) }),
   props.children
 ] });
 
 // src/components/Select/Select.tsx
-var import_jsx_runtime238 = require("react/jsx-runtime");
+var import_jsx_runtime237 = require("react/jsx-runtime");
 var defaultWidth5 = "320px";
 var getPlaceholder = (placeholder3, isMulti) => placeholder3 ? placeholder3 : isMulti ? "-- Velg en eller flere --" : "-- Velg fra listen --";
 function SelectInner(props, ref) {
@@ -10601,7 +10586,7 @@ function SelectInner(props, ref) {
     customSingleValueElement,
     ...rest
   } = props;
-  const generatedId = (0, import_react78.useId)();
+  const generatedId = (0, import_react77.useId)();
   const uniqueId = id != null ? id : `${generatedId}-select`;
   const singleValueId = !isMulti ? `${uniqueId}-singleValue` : void 0;
   const hasLabel = !!label3;
@@ -10659,57 +10644,57 @@ function SelectInner(props, ref) {
     menuPortalTarget: document == null ? void 0 : document.body,
     ...rest
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(Container12, { ...containerProps, children: [
-    hasLabel && /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Label, { htmlFor: uniqueId, showRequiredStyling, children: label3 }),
-    /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(import_react_select2.default, { ...reactSelectProps, ref }),
+  return /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(Container12, { ...containerProps, children: [
+    hasLabel && /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Label, { htmlFor: uniqueId, showRequiredStyling, children: label3 }),
+    /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(import_react_select2.default, { ...reactSelectProps, ref }),
     renderInputMessage(tip, tipId, errorMessage, errorMessageId)
   ] });
 }
-var Select = (0, import_react78.forwardRef)(SelectInner);
+var Select = (0, import_react77.forwardRef)(SelectInner);
 Select.displayName = "Select";
 
 // src/components/Select/utils.ts
 var createSelectOptions = (...args) => args.map((v) => ({ label: v, value: v }));
 
 // src/components/Pagination/Pagination.tsx
-var import_jsx_runtime239 = require("react/jsx-runtime");
-var { outerContainer: outerContainer6, indicatorsContainer: indicatorsContainer2, truncationIcon: truncationIcon2, list: list8 } = paginationTokens;
-var Nav2 = import_styled_components72.default.nav`
+var import_jsx_runtime238 = require("react/jsx-runtime");
+var { outerContainer: outerContainer4, indicatorsContainer: indicatorsContainer2, truncationIcon: truncationIcon2, list: list8 } = paginationTokens;
+var Nav2 = import_styled_components71.default.nav`
   display: flex;
   align-items: center;
 `;
-var List3 = import_styled_components72.default.ol`
+var List3 = import_styled_components71.default.ol`
   display: grid;
   grid-auto-flow: column;
   gap: ${list8.gap};
   margin: 0;
   padding: 0;
 `;
-var ListItem3 = import_styled_components72.default.li`
+var ListItem3 = import_styled_components71.default.li`
   display: inline-grid;
   align-content: center;
-  ${({ $isHidden }) => $isHidden && import_styled_components72.css`
+  ${({ $isHidden }) => $isHidden && import_styled_components71.css`
       visibility: hidden;
     `}
 `;
-var OuterContainer2 = import_styled_components72.default.div`
+var OuterContainer = import_styled_components71.default.div`
   display: flex;
-  gap: ${outerContainer6.gap};
-  ${({ $smallScreen }) => $smallScreen ? import_styled_components72.css`
+  gap: ${outerContainer4.gap};
+  ${({ $smallScreen }) => $smallScreen ? import_styled_components71.css`
           flex-direction: column;
           align-items: center;
-        ` : import_styled_components72.css`
+        ` : import_styled_components71.css`
           justify-content: space-between;
           flex-wrap: wrap;
         `}
 `;
-var IndicatorsContainer = import_styled_components72.default.div`
+var IndicatorsContainer = import_styled_components71.default.div`
   display: grid;
   grid-auto-flow: column;
   align-items: center;
   gap: ${indicatorsContainer2.gap};
 `;
-var Pagination = (0, import_react79.forwardRef)(
+var Pagination = (0, import_react78.forwardRef)(
   (props, ref) => {
     const {
       itemsAmount,
@@ -10732,8 +10717,8 @@ var Pagination = (0, import_react79.forwardRef)(
       htmlProps,
       ...rest
     } = props;
-    const [activePage, setActivePage] = (0, import_react79.useState)(defaultActivePage);
-    const [itemsPerPage, setItemsPerPage] = (0, import_react79.useState)(defaultItemsPerPage);
+    const [activePage, setActivePage] = (0, import_react78.useState)(defaultActivePage);
+    const [itemsPerPage, setItemsPerPage] = (0, import_react78.useState)(defaultItemsPerPage);
     const pagesLength = Math.ceil(itemsAmount / itemsPerPage);
     const items = PaginationGenerator(pagesLength, activePage);
     const onPageChange = (event, page) => {
@@ -10752,7 +10737,7 @@ var Pagination = (0, import_react79.forwardRef)(
     };
     const listItems = items.length > 0 ? items.map((item, i) => {
       const isActive = item === activePage;
-      return /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(ListItem3, { children: item !== "truncator" ? /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(ListItem3, { children: item !== "truncator" ? /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
         Button,
         {
           purpose: isActive ? "primary" : "secondary",
@@ -10764,7 +10749,7 @@ var Pagination = (0, import_react79.forwardRef)(
           "aria-label": isActive ? `N\xE5v\xE6rende side (side ${item})` : `G\xE5 til side ${item}`,
           children: item
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
         Icon,
         {
           icon: MoreHorizontalIcon,
@@ -10772,7 +10757,7 @@ var Pagination = (0, import_react79.forwardRef)(
         }
       ) }, `pagination-item-${i}`);
     }) : void 0;
-    const previousPageButton = /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
+    const previousPageButton = /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
       Button,
       {
         purpose: "secondary",
@@ -10785,7 +10770,7 @@ var Pagination = (0, import_react79.forwardRef)(
         "aria-label": "G\xE5 til forrige siden"
       }
     );
-    const nextPageButton = /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
+    const nextPageButton = /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
       Button,
       {
         purpose: "secondary",
@@ -10807,13 +10792,13 @@ var Pagination = (0, import_react79.forwardRef)(
     };
     const isOnFirstPage = activePage === 1;
     const isOnLastPage = activePage === pagesLength;
-    const navigation4 = withPagination ? /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Nav2, { ref, "aria-label": "paginering", ...navProps, children: /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(List3, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(ListItem3, { $isHidden: isOnFirstPage, "aria-hidden": isOnFirstPage, children: previousPageButton }),
+    const navigation2 = withPagination ? /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Nav2, { ref, "aria-label": "paginering", ...navProps, children: /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(List3, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(ListItem3, { $isHidden: isOnFirstPage, "aria-hidden": isOnFirstPage, children: previousPageButton }),
       listItems,
-      /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(ListItem3, { $isHidden: isOnLastPage, "aria-hidden": isOnLastPage, children: nextPageButton })
+      /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(ListItem3, { $isHidden: isOnLastPage, "aria-hidden": isOnLastPage, children: nextPageButton })
     ] }) }) : null;
-    const smallScreenNavigation = withPagination ? /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Nav2, { ref, "aria-label": "paginering", ...navProps, children: /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(List3, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(ListItem3, { $isHidden: isOnFirstPage, "aria-hidden": isOnFirstPage, children: /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
+    const smallScreenNavigation = withPagination ? /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Nav2, { ref, "aria-label": "paginering", ...navProps, children: /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(List3, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(ListItem3, { $isHidden: isOnFirstPage, "aria-hidden": isOnFirstPage, children: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
         Button,
         {
           purpose: "secondary",
@@ -10826,8 +10811,8 @@ var Pagination = (0, import_react79.forwardRef)(
           "aria-label": "G\xE5 til f\xF8rste siden"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(ListItem3, { $isHidden: isOnFirstPage, "aria-hidden": isOnFirstPage, children: previousPageButton }),
-      /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(ListItem3, { children: /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(ListItem3, { $isHidden: isOnFirstPage, "aria-hidden": isOnFirstPage, children: previousPageButton }),
+      /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(ListItem3, { children: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
         Button,
         {
           size: "small",
@@ -10837,8 +10822,8 @@ var Pagination = (0, import_react79.forwardRef)(
           children: activePage
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(ListItem3, { $isHidden: isOnLastPage, "aria-hidden": isOnLastPage, children: nextPageButton }),
-      /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(ListItem3, { $isHidden: isOnLastPage, "aria-hidden": isOnLastPage, children: /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(ListItem3, { $isHidden: isOnLastPage, "aria-hidden": isOnLastPage, children: nextPageButton }),
+      /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(ListItem3, { $isHidden: isOnLastPage, "aria-hidden": isOnLastPage, children: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
         Button,
         {
           purpose: "secondary",
@@ -10854,10 +10839,10 @@ var Pagination = (0, import_react79.forwardRef)(
     ] }) }) : null;
     const activePageFirstItem = activePage === 1 ? 1 : activePage * itemsPerPage - itemsPerPage + 1;
     const activePageLastItem = activePage === pagesLength ? itemsAmount : activePage * itemsPerPage;
-    const navigationToBeRendered = smallScreen ? smallScreenNavigation : navigation4;
-    return !withCounter && !withSelect ? navigationToBeRendered : /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(OuterContainer2, { ...containerProps, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(IndicatorsContainer, { children: [
-        withSelect && /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
+    const navigationToBeRendered = smallScreen ? smallScreenNavigation : navigation2;
+    return !withCounter && !withSelect ? navigationToBeRendered : /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(OuterContainer, { ...containerProps, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(IndicatorsContainer, { children: [
+        withSelect && /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
           Select,
           {
             options: selectOptions,
@@ -10872,7 +10857,7 @@ var Pagination = (0, import_react79.forwardRef)(
             "aria-label": "Antall elementer per side"
           }
         ),
-        withCounter && /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(Typography, { typographyType: "supportingStyleLabel01", as: "p", children: [
+        withCounter && /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(Typography, { typographyType: "supportingStyleLabel01", as: "p", children: [
           "Viser ",
           activePageFirstItem,
           "-",
@@ -10888,13 +10873,13 @@ var Pagination = (0, import_react79.forwardRef)(
 Pagination.displayName = "Pagination";
 
 // src/components/Popover/Popover.tsx
-var import_dds_design_tokens51 = require("@norges-domstoler/dds-design-tokens");
-var import_react80 = require("react");
-var import_styled_components73 = __toESM(require("styled-components"));
+var import_dds_design_tokens52 = require("@norges-domstoler/dds-design-tokens");
+var import_react79 = require("react");
+var import_styled_components72 = __toESM(require("styled-components"));
 
 // src/components/Popover/Popover.tokens.tsx
-var import_dds_design_tokens50 = require("@norges-domstoler/dds-design-tokens");
-var { spacing: spacing30 } = import_dds_design_tokens50.ddsBaseTokens;
+var import_dds_design_tokens51 = require("@norges-domstoler/dds-design-tokens");
+var { spacing: spacing30 } = import_dds_design_tokens51.ddsBaseTokens;
 var wrapper3 = {
   padding: `${spacing30.SizesDdsSpacingX075} ${spacing30.SizesDdsSpacingX1} ${spacing30.SizesDdsSpacingX15} ${spacing30.SizesDdsSpacingX1}`
 };
@@ -10918,10 +10903,10 @@ var popoverTokens2 = {
 };
 
 // src/components/Popover/Popover.tsx
-var import_jsx_runtime240 = require("react/jsx-runtime");
-var { spacing: Spacing } = import_dds_design_tokens51.ddsBaseTokens;
+var import_jsx_runtime239 = require("react/jsx-runtime");
+var { spacing: Spacing } = import_dds_design_tokens52.ddsBaseTokens;
 var { wrapper: wrapper4, content: content4, closeButton: closeButton2, title: title2 } = popoverTokens2;
-var Wrapper4 = (0, import_styled_components73.default)(Paper)`
+var Wrapper4 = (0, import_styled_components72.default)(Paper)`
   opacity: 0;
   ${({ $hasTransitionedIn, $isOpen }) => $hasTransitionedIn && visibilityTransition($hasTransitionedIn && $isOpen)}
   position: absolute;
@@ -10932,7 +10917,7 @@ var Wrapper4 = (0, import_styled_components73.default)(Paper)`
   &:focus-visible {
     ${focusVisible}
   }
-  ${({ $sizeProps }) => $sizeProps && import_styled_components73.css`
+  ${({ $sizeProps }) => $sizeProps && import_styled_components72.css`
       width: ${$sizeProps.width};
       height: ${$sizeProps.height};
       min-width: ${$sizeProps.minWidth};
@@ -10941,20 +10926,20 @@ var Wrapper4 = (0, import_styled_components73.default)(Paper)`
       max-height: ${$sizeProps.maxHeight};
     `}
 `;
-var TitleContainer = import_styled_components73.default.div`
+var TitleContainer = import_styled_components72.default.div`
   margin-right: ${title2.marginRight};
 `;
-var ContentContainer4 = import_styled_components73.default.div`
-  ${({ $withCloseButton, $hasTitle }) => $withCloseButton && !$hasTitle && import_styled_components73.css`
+var ContentContainer4 = import_styled_components72.default.div`
+  ${({ $withCloseButton, $hasTitle }) => $withCloseButton && !$hasTitle && import_styled_components72.css`
       margin-top: ${content4.noTitle.marginTop};
     `}
 `;
-var StyledButton4 = (0, import_styled_components73.default)(Button)`
+var StyledButton4 = (0, import_styled_components72.default)(Button)`
   position: absolute;
   top: ${closeButton2.top};
   right: ${closeButton2.right};
 `;
-var Popover = (0, import_react80.forwardRef)(
+var Popover = (0, import_react79.forwardRef)(
   (props, ref) => {
     const {
       title: title3,
@@ -10994,7 +10979,7 @@ var Popover = (0, import_react80.forwardRef)(
       if (isOpen)
         onClose && onClose();
     });
-    return isOpen || hasTransitionedIn ? /* @__PURE__ */ (0, import_jsx_runtime240.jsxs)(
+    return isOpen || hasTransitionedIn ? /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(
       Wrapper4,
       {
         ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -11007,8 +10992,8 @@ var Popover = (0, import_react80.forwardRef)(
         elevation: 3,
         border: "light",
         children: [
-          title3 && /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(TitleContainer, { children: typeof title3 === "string" ? /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(Typography, { typographyType: "headingSans02", children: title3 }) : title3 }),
-          /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
+          title3 && /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(TitleContainer, { children: typeof title3 === "string" ? /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Typography, { typographyType: "headingSans02", children: title3 }) : title3 }),
+          /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
             ContentContainer4,
             {
               $hasTitle: !!title3,
@@ -11016,7 +11001,7 @@ var Popover = (0, import_react80.forwardRef)(
               children
             }
           ),
-          withCloseButton && /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
+          withCloseButton && /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
             StyledButton4,
             {
               icon: CloseIcon,
@@ -11035,8 +11020,8 @@ var Popover = (0, import_react80.forwardRef)(
 Popover.displayName = "Popover";
 
 // src/components/Popover/PopoverGroup.tsx
-var import_react81 = require("react");
-var import_jsx_runtime241 = require("react/jsx-runtime");
+var import_react80 = require("react");
+var import_jsx_runtime240 = require("react/jsx-runtime");
 var PopoverGroup = ({
   isOpen = false,
   onCloseButtonClick,
@@ -11044,8 +11029,8 @@ var PopoverGroup = ({
   children,
   popoverId
 }) => {
-  const [open, setOpen] = (0, import_react81.useState)(isOpen);
-  const generatedId = (0, import_react81.useId)();
+  const [open, setOpen] = (0, import_react80.useState)(isOpen);
+  const generatedId = (0, import_react80.useId)();
   const uniquePopoverId = popoverId != null ? popoverId : `${generatedId}-popover`;
   const handleOnCloseButtonClick = () => {
     setOpen(false);
@@ -11055,8 +11040,8 @@ var PopoverGroup = ({
     setOpen(!open);
     onTriggerClick && onTriggerClick();
   };
-  const buttonRef = (0, import_react81.useRef)(null);
-  const popoverRef = (0, import_react81.useRef)(null);
+  const buttonRef = (0, import_react80.useRef)(null);
+  const popoverRef = (0, import_react80.useRef)(null);
   useOnKeyDown(["Esc", "Escape"], () => {
     var _a;
     if (open) {
@@ -11065,14 +11050,14 @@ var PopoverGroup = ({
     }
   });
   const handleClose = () => setOpen(false);
-  const Children9 = import_react81.Children.map(children, (child, childIndex) => {
-    return (0, import_react81.isValidElement)(child) && (childIndex === 0 ? (0, import_react81.cloneElement)(child, {
+  const Children9 = import_react80.Children.map(children, (child, childIndex) => {
+    return (0, import_react80.isValidElement)(child) && (childIndex === 0 ? (0, import_react80.cloneElement)(child, {
       "aria-haspopup": "dialog",
       "aria-controls": uniquePopoverId,
       "aria-expanded": open,
       onClick: handleOnTriggerClick,
       ref: buttonRef
-    }) : (0, import_react81.cloneElement)(child, {
+    }) : (0, import_react80.cloneElement)(child, {
       isOpen: open,
       "aria-hidden": !open,
       id: uniquePopoverId,
@@ -11082,27 +11067,27 @@ var PopoverGroup = ({
       onClose: handleClose
     }));
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(import_jsx_runtime241.Fragment, { children: Children9 });
+  return /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(import_jsx_runtime240.Fragment, { children: Children9 });
 };
 PopoverGroup.displayName = "PopoverGroup";
 
 // src/components/ProgressTracker/ProgressTracker.tsx
-var import_react84 = require("react");
-var import_styled_components75 = __toESM(require("styled-components"));
+var import_react83 = require("react");
+var import_styled_components74 = __toESM(require("styled-components"));
 
 // src/components/ProgressTracker/ProgressTracker.context.tsx
-var import_react82 = require("react");
-var ProgressTrackerContext = (0, import_react82.createContext)(
+var import_react81 = require("react");
+var ProgressTrackerContext = (0, import_react81.createContext)(
   {
     activeStep: 0
   }
 );
-var useProgressTrackerContext = () => (0, import_react82.useContext)(ProgressTrackerContext);
+var useProgressTrackerContext = () => (0, import_react81.useContext)(ProgressTrackerContext);
 
 // src/components/ProgressTracker/ProgressTracker.tokens.tsx
-var import_dds_design_tokens52 = require("@norges-domstoler/dds-design-tokens");
-var { colors: colors27, spacing: spacing31 } = import_dds_design_tokens52.ddsBaseTokens;
-var typographyTypes5 = {
+var import_dds_design_tokens53 = require("@norges-domstoler/dds-design-tokens");
+var { colors: colors27, spacing: spacing31 } = import_dds_design_tokens53.ddsBaseTokens;
+var typographyTypes4 = {
   number: "bodySans01",
   label: "bodySans03"
 };
@@ -11179,9 +11164,9 @@ var progressTrackerTokens = {
 };
 
 // src/components/ProgressTracker/ProgressTrackerItem.tsx
-var import_react83 = require("react");
-var import_styled_components74 = __toESM(require("styled-components"));
-var import_jsx_runtime242 = require("react/jsx-runtime");
+var import_react82 = require("react");
+var import_styled_components73 = __toESM(require("styled-components"));
+var import_jsx_runtime241 = require("react/jsx-runtime");
 var toItemState = (active, completed, disabled) => {
   if (disabled) {
     return "disabled";
@@ -11193,13 +11178,13 @@ var toItemState = (active, completed, disabled) => {
   }
 };
 var { itemNumber: itemNumber2, itemText: itemText2, itemContentWrapper: itemContentWrapper2 } = progressTrackerTokens;
-var ItemWrapper = import_styled_components74.default.li`
+var ItemWrapper = import_styled_components73.default.li`
   flex: 1;
   position: relative;
   display: flex;
   justify-content: center;
 `;
-var ItemNumber = import_styled_components74.default.div`
+var ItemNumber = import_styled_components73.default.div`
   transition:
     background-color 0.2s,
     border-color 0.2s,
@@ -11212,37 +11197,37 @@ var ItemNumber = import_styled_components74.default.div`
   align-items: center;
   justify-content: center;
   z-index: 2;
-  ${getFontStyling(typographyTypes5.number)}
+  ${getFontStyling(typographyTypes4.number)}
   font-weight: 600;
 
   ${({ $state: state }) => {
   switch (state) {
     case "activeIncomplete":
-      return import_styled_components74.css`
+      return import_styled_components73.css`
           border-color: ${itemNumber2.active.borderColor};
           color: ${itemNumber2.active.color};
           background-color: ${itemNumber2.active.backgroundColor};
         `;
     case "activeCompleted":
-      return import_styled_components74.css`
+      return import_styled_components73.css`
           border-color: ${itemNumber2.completed.borderColor};
           color: ${itemNumber2.completed.color};
           background-color: ${itemNumber2.completed.backgroundColor};
         `;
     case "inactiveCompleted":
-      return import_styled_components74.css`
+      return import_styled_components73.css`
           border-color: ${itemNumber2.completed.borderColor};
           color: ${itemNumber2.completed.color};
           background-color: ${itemNumber2.completed.backgroundColor};
         `;
     case "inactiveIncomplete":
-      return import_styled_components74.css`
+      return import_styled_components73.css`
           border-color: ${itemNumber2.inactive.borderColor};
           color: ${itemNumber2.inactive.color};
           background-color: ${itemNumber2.inactive.backgroundColor};
         `;
     case "disabled":
-      return import_styled_components74.css`
+      return import_styled_components73.css`
           border-color: ${itemNumber2.disabled.borderColor};
           color: ${itemNumber2.disabled.color};
           background-color: ${itemNumber2.disabled.backgroundColor};
@@ -11250,8 +11235,8 @@ var ItemNumber = import_styled_components74.default.div`
   }
 }}
 `;
-var ItemText = import_styled_components74.default.div`
-  ${getFontStyling(typographyTypes5.label)}
+var ItemText = import_styled_components73.default.div`
+  ${getFontStyling(typographyTypes4.label)}
   text-align: start;
   text-decoration: ${itemText2.textDecoration};
   transition: text-decoration-color 0.2s;
@@ -11260,25 +11245,25 @@ var ItemText = import_styled_components74.default.div`
   switch (state) {
     case "activeCompleted":
     case "activeIncomplete":
-      return import_styled_components74.css`
+      return import_styled_components73.css`
           color: ${itemText2.active.color};
           text-decoration-color: ${itemText2.active.textDecorationColor};
         `;
     case "inactiveCompleted":
     case "inactiveIncomplete":
-      return import_styled_components74.css`
+      return import_styled_components73.css`
           color: ${itemText2.inactive.color};
           text-decoration-color: ${itemText2.inactive.textDecorationColor};
         `;
     case "disabled":
-      return import_styled_components74.css`
+      return import_styled_components73.css`
           color: ${itemText2.disabled.color};
           text-decoration: ${itemText2.disabled.textDecoration};
         `;
   }
 }};
 `;
-var ItemContentWrapper = import_styled_components74.default.button`
+var ItemContentWrapper = import_styled_components73.default.button`
   background: none;
   border: none;
   margin: 0;
@@ -11295,7 +11280,7 @@ var ItemContentWrapper = import_styled_components74.default.button`
     ${focusVisible}
   }
 
-  ${({ $state: state }) => state !== "disabled" && import_styled_components74.css`
+  ${({ $state: state }) => state !== "disabled" && import_styled_components73.css`
       cursor: pointer;
     `}
 `;
@@ -11313,16 +11298,16 @@ var ProgressTrackerItem = (props) => {
   const styleProps = {
     $state: toItemState(active, completed, disabled)
   };
-  const stepNumberContent = (0, import_react83.useMemo)(() => {
+  const stepNumberContent = (0, import_react82.useMemo)(() => {
     if (completed) {
-      return /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Icon, { icon: CheckIcon, iconSize: itemNumber2.iconSize });
+      return /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Icon, { icon: CheckIcon, iconSize: itemNumber2.iconSize });
     }
     if (icon12 !== void 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Icon, { icon: icon12, iconSize: itemNumber2.iconSize });
+      return /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Icon, { icon: icon12, iconSize: itemNumber2.iconSize });
     }
     return index + 1;
   }, [completed, icon12, index]);
-  return /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(ItemWrapper, { "aria-current": active ? "step" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(ItemWrapper, { "aria-current": active ? "step" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(
     ItemContentWrapper,
     {
       ...styleProps,
@@ -11330,9 +11315,9 @@ var ProgressTrackerItem = (props) => {
       onClick: !disabled && handleStepChange ? () => handleStepChange(index) : void 0,
       disabled,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(ItemNumber, { ...styleProps, "aria-hidden": true, children: stepNumberContent }),
-        /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(ItemText, { ...styleProps, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(VisuallyHidden, { as: "span", children: getVisuallyHiddenText(active, completed, index) }),
+        /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(ItemNumber, { ...styleProps, "aria-hidden": true, children: stepNumberContent }),
+        /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(ItemText, { ...styleProps, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(VisuallyHidden, { as: "span", children: getVisuallyHiddenText(active, completed, index) }),
           children
         ] })
       ]
@@ -11342,8 +11327,8 @@ var ProgressTrackerItem = (props) => {
 ProgressTrackerItem.displayName = "ProgressTracker.Item";
 
 // src/components/ProgressTracker/ProgressTracker.tsx
-var import_jsx_runtime243 = require("react/jsx-runtime");
-var ItemsWrapper = import_styled_components75.default.ol`
+var import_jsx_runtime242 = require("react/jsx-runtime");
+var ItemsWrapper = import_styled_components74.default.ol`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -11351,7 +11336,7 @@ var ItemsWrapper = import_styled_components75.default.ol`
   margin: 0;
   padding: 0;
 `;
-var ProgressTrackerConnector = import_styled_components75.default.div`
+var ProgressTrackerConnector = import_styled_components74.default.div`
   margin-left: calc(
     (${progressTrackerTokens.itemNumber.size} / 2) -
       (${progressTrackerTokens.connector.width} / 2)
@@ -11361,7 +11346,7 @@ var ProgressTrackerConnector = import_styled_components75.default.div`
     ${progressTrackerTokens.connector.color};
 `;
 var ProgressTracker = (() => {
-  const Res = (0, import_react84.forwardRef)((props, ref) => {
+  const Res = (0, import_react83.forwardRef)((props, ref) => {
     const {
       id,
       activeStep = 0,
@@ -11371,12 +11356,12 @@ var ProgressTracker = (() => {
       htmlProps,
       ...rest
     } = props;
-    const [thisActiveStep, setActiveStep] = (0, import_react84.useState)(activeStep);
+    const [thisActiveStep, setActiveStep] = (0, import_react83.useState)(activeStep);
     const handleChange = (step) => {
       setActiveStep(step);
       onStepChange && onStepChange(step);
     };
-    (0, import_react84.useEffect)(() => {
+    (0, import_react83.useEffect)(() => {
       if (activeStep !== void 0 && activeStep != thisActiveStep) {
         setActiveStep(activeStep);
       }
@@ -11385,20 +11370,20 @@ var ProgressTracker = (() => {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
       ref
     };
-    const steps = (0, import_react84.useMemo)(() => {
+    const steps = (0, import_react83.useMemo)(() => {
       const validChildren = removeInvalidChildren(children);
       const itemsWithIndex = passIndexPropToProgressTrackerItem(validChildren);
       const itemsWithConnectorsBetween = intersperseItemsWithConnector(itemsWithIndex);
       return itemsWithConnectorsBetween;
     }, [children]);
-    return /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
       ProgressTrackerContext.Provider,
       {
         value: {
           activeStep: thisActiveStep,
           handleStepChange: handleChange
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime243.jsx)("div", { role: "group", "aria-label": "progress", ...containerProps, children: /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(ItemsWrapper, { children: steps }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)("div", { role: "group", "aria-label": "progress", ...containerProps, children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(ItemsWrapper, { children: steps }) })
       }
     );
   });
@@ -11407,43 +11392,43 @@ var ProgressTracker = (() => {
   return Res;
 })();
 function removeInvalidChildren(children) {
-  return import_react84.Children.toArray(children).filter(import_react84.isValidElement);
+  return import_react83.Children.toArray(children).filter(import_react83.isValidElement);
 }
 function passIndexPropToProgressTrackerItem(children) {
-  return import_react84.Children.map(
+  return import_react83.Children.map(
     children,
-    (item, index) => (0, import_react84.cloneElement)(item, {
+    (item, index) => (0, import_react83.cloneElement)(item, {
       ...item.props,
       index
     })
   );
 }
-var intersperseItemsWithConnector = (children) => import_react84.Children.map(children, (child, index) => {
+var intersperseItemsWithConnector = (children) => import_react83.Children.map(children, (child, index) => {
   if (index === 0) {
     return child;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(import_react84.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(ProgressTrackerConnector, { "aria-hidden": true }),
+  return /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(import_react83.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(ProgressTrackerConnector, { "aria-hidden": true }),
     child
   ] }, index);
 });
 
 // src/components/Search/Search.tsx
-var import_react87 = require("react");
-var import_styled_components77 = __toESM(require("styled-components"));
+var import_react86 = require("react");
+var import_styled_components76 = __toESM(require("styled-components"));
 
 // src/components/Search/AutocompleteSearch.context.tsx
-var import_react85 = require("react");
-var AutocompleteSearchContext = (0, import_react85.createContext)({});
+var import_react84 = require("react");
+var AutocompleteSearchContext = (0, import_react84.createContext)({});
 var useAutocompleteSearch = () => {
-  return (0, import_react85.useContext)(AutocompleteSearchContext);
+  return (0, import_react84.useContext)(AutocompleteSearchContext);
 };
 
 // src/components/Search/Search.tokens.tsx
-var import_dds_design_tokens53 = require("@norges-domstoler/dds-design-tokens");
-var { spacing: spacing32, iconSizes: iconSizes2, colors: colors28 } = import_dds_design_tokens53.ddsBaseTokens;
-var { textDefault: textDefault6 } = import_dds_design_tokens53.ddsReferenceTokens;
-var typographyTypes6 = {
+var import_dds_design_tokens54 = require("@norges-domstoler/dds-design-tokens");
+var { spacing: spacing32, iconSizes: iconSizes2, colors: colors28 } = import_dds_design_tokens54.ddsBaseTokens;
+var { textDefault: textDefault6 } = import_dds_design_tokens54.ddsReferenceTokens;
+var typographyTypes5 = {
   small: "bodySans01",
   medium: "bodySans02",
   large: "bodySans04"
@@ -11477,7 +11462,7 @@ var input3 = {
 var horisontalContainer = {
   gap: spacing32.SizesDdsSpacingX05
 };
-var outerContainer7 = {
+var outerContainer5 = {
   gap: spacing32.SizesDdsSpacingX0125
 };
 var searchIcon = {
@@ -11514,7 +11499,7 @@ var searchTokens = {
   searchIcon,
   clearButton,
   horisontalContainer,
-  outerContainer: outerContainer7,
+  outerContainer: outerContainer5,
   suggestionsContainer,
   suggestionsHeader
 };
@@ -11546,11 +11531,11 @@ function createEmptyChangeEvent(inputElementId) {
 }
 
 // src/components/Search/SearchSuggestions.tsx
-var import_react86 = require("react");
-var import_styled_components76 = __toESM(require("styled-components"));
-var import_jsx_runtime244 = require("react/jsx-runtime");
+var import_react85 = require("react");
+var import_styled_components75 = __toESM(require("styled-components"));
+var import_jsx_runtime243 = require("react/jsx-runtime");
 var { suggestionsContainer: suggestionsContainer2, suggestionsHeader: suggestionsHeader2 } = searchTokens;
-var SuggestionsContainer = (0, import_styled_components76.default)(Paper)`
+var SuggestionsContainer = (0, import_styled_components75.default)(Paper)`
   ${({ $isHidden }) => visibilityTransition(!$isHidden)};
   position: absolute;
   top: 100%;
@@ -11564,16 +11549,16 @@ var SuggestionsContainer = (0, import_styled_components76.default)(Paper)`
   ${scrollbarStyling.firefox}
   ${scrollbarStyling.webkit}
 `;
-var MenuItem = (0, import_styled_components76.default)(OverflowMenuItem)`
-  ${({ $size }) => $size && getFontStyling(typographyTypes6[$size])}
+var MenuItem = (0, import_styled_components75.default)(OverflowMenuItem)`
+  ${({ $size }) => $size && getFontStyling(typographyTypes5[$size])}
 `;
-var SuggestionsList = import_styled_components76.default.ul`
+var SuggestionsList = import_styled_components75.default.ul`
   ${removeListStyling}
 `;
-var SuggestionsHeader = (0, import_styled_components76.default)(Typography)`
+var SuggestionsHeader = (0, import_styled_components75.default)(Typography)`
   padding-left: ${suggestionsHeader2.paddingLeft};
 `;
-var SearchSuggestions = (0, import_react86.forwardRef)((props, ref) => {
+var SearchSuggestions = (0, import_react85.forwardRef)((props, ref) => {
   const {
     id,
     searchId,
@@ -11592,8 +11577,8 @@ var SearchSuggestions = (0, import_react86.forwardRef)((props, ref) => {
   );
   const [focus, setFocus] = useRoveFocus(suggestions == null ? void 0 : suggestions.length, !showSuggestions);
   const suggestionsToRender = maxSuggestions ? suggestions == null ? void 0 : suggestions.slice(maxSuggestions) : suggestions;
-  const renderedSuggestions = /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(SuggestionsList, { role: "listbox", "aria-labelledby": suggestionsHeaderId, children: suggestionsToRender.map((suggestion, index) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime244.jsx)("li", { role: "option", children: /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
+  const renderedSuggestions = /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(SuggestionsList, { role: "listbox", "aria-labelledby": suggestionsHeaderId, children: suggestionsToRender.map((suggestion, index) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime243.jsx)("li", { role: "option", children: /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
       MenuItem,
       {
         index,
@@ -11609,7 +11594,7 @@ var SearchSuggestions = (0, import_react86.forwardRef)((props, ref) => {
     ) }, index);
   }) });
   const isHidden = !showSuggestions;
-  return /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(
     SuggestionsContainer,
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -11617,7 +11602,7 @@ var SearchSuggestions = (0, import_react86.forwardRef)((props, ref) => {
       $isHidden: isHidden,
       "aria-hidden": isHidden,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
           SuggestionsHeader,
           {
             typographyType: "supportingStyleTiny01",
@@ -11634,8 +11619,8 @@ var SearchSuggestions = (0, import_react86.forwardRef)((props, ref) => {
 SearchSuggestions.displayName = "SearchSuggestions";
 
 // src/components/Search/Search.tsx
-var import_jsx_runtime245 = require("react/jsx-runtime");
-var { input: input4, outerContainer: outerContainer8, horisontalContainer: horisontalContainer2, searchIcon: searchIcon2, clearButton: clearButton2 } = searchTokens;
+var import_jsx_runtime244 = require("react/jsx-runtime");
+var { input: input4, outerContainer: outerContainer6, horisontalContainer: horisontalContainer2, searchIcon: searchIcon2, clearButton: clearButton2 } = searchTokens;
 var getIconSize = (size2) => {
   switch (size2) {
     case "large":
@@ -11646,7 +11631,7 @@ var getIconSize = (size2) => {
       return "small";
   }
 };
-var Input3 = (0, import_styled_components77.default)(Input)`
+var Input3 = (0, import_styled_components76.default)(Input)`
   &[type='search']::-webkit-search-decoration,
   &[type='search']::-webkit-search-cancel-button,
   &[type='search']::-webkit-search-results-button,
@@ -11655,45 +11640,45 @@ var Input3 = (0, import_styled_components77.default)(Input)`
   }
   padding-right: ${input4.base.paddingRight};
 
-  ${({ $componentSize }) => import_styled_components77.css`
+  ${({ $componentSize }) => import_styled_components76.css`
     padding-top: ${input4.sizes[$componentSize].paddingTop};
     padding-bottom: ${input4.sizes[$componentSize].paddingBottom};
     padding-left: ${input4.sizes[$componentSize].paddingLeft};
-    ${getFontStyling(typographyTypes6[$componentSize])}
+    ${getFontStyling(typographyTypes5[$componentSize])}
   `}
 `;
-var StyledSearchIcon = (0, import_styled_components77.default)(Icon)`
+var StyledSearchIcon = (0, import_styled_components76.default)(Icon)`
   position: absolute;
   left: ${searchIcon2.base.left};
   color: ${searchIcon2.base.color};
-  ${({ $size }) => import_styled_components77.css`
+  ${({ $size }) => import_styled_components76.css`
     top: ${searchTokens.searchIcon[$size].top};
   `}
   z-index: 1;
 `;
-var StyledClearButton = (0, import_styled_components77.default)(Button)`
+var StyledClearButton = (0, import_styled_components76.default)(Button)`
   position: absolute;
   right: ${clearButton2.right};
   color: ${clearButton2.color};
   top: ${clearButton2.top};
 `;
-var OuterContainer3 = import_styled_components77.default.div`
+var OuterContainer2 = import_styled_components76.default.div`
   display: flex;
   flex-direction: column;
-  gap: ${outerContainer8.gap};
+  gap: ${outerContainer6.gap};
 `;
-var HorisontalContainer = import_styled_components77.default.div`
-  ${(props) => props.$hasSearchButton && import_styled_components77.css`
+var HorisontalContainer = import_styled_components76.default.div`
+  ${(props) => props.$hasSearchButton && import_styled_components76.css`
       display: grid;
       grid-template-columns: 1fr auto;
       gap: ${horisontalContainer2.gap};
     `}
 `;
-var InputContainer2 = import_styled_components77.default.div`
+var InputContainer2 = import_styled_components76.default.div`
   position: relative;
   display: flex;
 `;
-var Search = (0, import_react87.forwardRef)(
+var Search = (0, import_react86.forwardRef)(
   ({
     componentSize = "medium",
     buttonProps,
@@ -11709,7 +11694,7 @@ var Search = (0, import_react87.forwardRef)(
     ...rest
   }, ref) => {
     var _a;
-    const generatedId = (0, import_react87.useId)();
+    const generatedId = (0, import_react86.useId)();
     const uniqueId = id != null ? id : `${generatedId}-searchInput`;
     const hasLabel = !!label3;
     const tipId = derivativeIdGenerator(uniqueId, "tip");
@@ -11718,7 +11703,7 @@ var Search = (0, import_react87.forwardRef)(
       uniqueId,
       "suggestions-description"
     );
-    const [hasValue, setHasValue] = (0, import_react87.useState)(!!value);
+    const [hasValue, setHasValue] = (0, import_react86.useState)(!!value);
     const context = useAutocompleteSearch();
     const combinedRef = context.inputRef ? useCombinedRef(context.inputRef, ref) : ref;
     const handleChange = (e) => {
@@ -11737,18 +11722,18 @@ var Search = (0, import_react87.forwardRef)(
     } = buttonProps != null ? buttonProps : {};
     const hasSuggestions = !!context.suggestions;
     const showSearchButton = !!buttonProps && !!onClick;
-    return /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(OuterContainer3, { children: [
-      hasLabel && /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Label, { htmlFor: uniqueId, children: label3 }),
-      /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(OuterContainer2, { children: [
+      hasLabel && /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Label, { htmlFor: uniqueId, children: label3 }),
+      /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(
           HorisontalContainer,
           {
             $hasSearchButton: showSearchButton,
             className,
             style,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(InputContainer2, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(InputContainer2, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
                   StyledSearchIcon,
                   {
                     icon: SearchIcon,
@@ -11756,7 +11741,7 @@ var Search = (0, import_react87.forwardRef)(
                     iconSize: getIconSize(componentSize)
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
                   Input3,
                   {
                     ...rest,
@@ -11779,8 +11764,8 @@ var Search = (0, import_react87.forwardRef)(
                     role: hasSuggestions ? "combobox" : void 0
                   }
                 ),
-                hasSuggestions && /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(import_jsx_runtime245.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
+                hasSuggestions && /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(import_jsx_runtime244.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
                     SearchSuggestions,
                     {
                       id: suggestionsId,
@@ -11792,9 +11777,9 @@ var Search = (0, import_react87.forwardRef)(
                       componentSize
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(VisuallyHidden, { id: suggestionsDescriptionId, as: "span", children: "Bla i s\xF8keforslag med piltaster n\xE5r listen er utvidet." })
+                  /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(VisuallyHidden, { id: suggestionsDescriptionId, as: "span", children: "Bla i s\xF8keforslag med piltaster n\xE5r listen er utvidet." })
                 ] }),
-                hasValue && /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
+                hasValue && /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
                   StyledClearButton,
                   {
                     icon: CloseSmallIcon,
@@ -11806,7 +11791,7 @@ var Search = (0, import_react87.forwardRef)(
                   }
                 )
               ] }),
-              showSearchButton && /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
+              showSearchButton && /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
                 Button,
                 {
                   size: componentSize,
@@ -11826,8 +11811,8 @@ var Search = (0, import_react87.forwardRef)(
 Search.displayName = "Search";
 
 // src/components/Search/SearchAutocompleteWrapper.tsx
-var import_react88 = require("react");
-var import_jsx_runtime246 = require("react/jsx-runtime");
+var import_react87 = require("react");
+var import_jsx_runtime245 = require("react/jsx-runtime");
 var SearchAutocompleteWrapper = (props) => {
   const {
     value,
@@ -11838,12 +11823,12 @@ var SearchAutocompleteWrapper = (props) => {
     onSuggestionSelection,
     children
   } = props;
-  const [inputValue, setInputValue] = (0, import_react88.useState)(value != null ? value : "");
-  const [suggestions, setSuggestions] = (0, import_react88.useState)([]);
-  const [showSuggestions, setShowSuggestions] = (0, import_react88.useState)(false);
+  const [inputValue, setInputValue] = (0, import_react87.useState)(value != null ? value : "");
+  const [suggestions, setSuggestions] = (0, import_react87.useState)([]);
+  const [showSuggestions, setShowSuggestions] = (0, import_react87.useState)(false);
   const closeSuggestions = () => showSuggestions === true && setShowSuggestions(false);
   const openSuggestions = () => showSuggestions === false && setShowSuggestions(true);
-  (0, import_react88.useEffect)(() => {
+  (0, import_react87.useEffect)(() => {
     if (suggestions.length > 0) {
       openSuggestions();
     } else {
@@ -11888,8 +11873,8 @@ var SearchAutocompleteWrapper = (props) => {
   const handleSetInputValue = (value2) => {
     setInputValue(value2 != null ? value2 : "");
   };
-  const inputRef = (0, import_react88.useRef)(null);
-  const suggestionsRef = (0, import_react88.useRef)(null);
+  const inputRef = (0, import_react87.useRef)(null);
+  const suggestionsRef = (0, import_react87.useRef)(null);
   useOnClickOutside([inputRef.current, suggestionsRef.current], () => {
     closeSuggestions();
   });
@@ -11903,7 +11888,7 @@ var SearchAutocompleteWrapper = (props) => {
     inputValue,
     onSugggestionClick: handleSuggestionClick
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(AutocompleteSearchContext.Provider, { value: contextProps, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(AutocompleteSearchContext.Provider, { value: contextProps, children });
 };
 SearchAutocompleteWrapper.displayName = "SearchAutocompleteWrapper";
 
@@ -11913,27 +11898,27 @@ Search2.AutocompleteWrapper = SearchAutocompleteWrapper;
 Search2.Suggestions = SearchSuggestions;
 
 // src/components/SelectionControl/Checkbox/Checkbox.tsx
-var import_react90 = require("react");
+var import_react89 = require("react");
 
 // src/components/SelectionControl/Checkbox/CheckboxGroupContext.tsx
-var import_react89 = require("react");
-var CheckboxGroupContext = (0, import_react89.createContext)(null);
+var import_react88 = require("react");
+var CheckboxGroupContext = (0, import_react88.createContext)(null);
 var useCheckboxGroup = () => {
-  return (0, import_react89.useContext)(CheckboxGroupContext);
+  return (0, import_react88.useContext)(CheckboxGroupContext);
 };
 
 // src/components/SelectionControl/SelectionControl.styles.tsx
-var import_styled_components78 = __toESM(require("styled-components"));
+var import_styled_components77 = __toESM(require("styled-components"));
 
 // src/components/SelectionControl/SelectionControl.tokens.tsx
-var import_dds_design_tokens54 = require("@norges-domstoler/dds-design-tokens");
+var import_dds_design_tokens55 = require("@norges-domstoler/dds-design-tokens");
 
 // src/components/SelectionControl/SelectionControl.utils.tsx
 var selectionControlSizeNumberPx = 18;
 var selectionControlSize = `${selectionControlSizeNumberPx}px`;
 
 // src/components/SelectionControl/SelectionControl.tokens.tsx
-var { colors: colors29, spacing: spacing33, borderRadius: borderRadius8 } = import_dds_design_tokens54.ddsBaseTokens;
+var { colors: colors29, spacing: spacing33, borderRadius: borderRadius8 } = import_dds_design_tokens55.ddsBaseTokens;
 var checkmark = {
   checkbox: {
     borderColor: colors29.DdsColorNeutralsWhite
@@ -12038,7 +12023,7 @@ var {
   groupContainer: groupContainer2,
   outerGroupContainer: outerGroupContainer2
 } = selectionControlTokens;
-var CustomSelectionControl = import_styled_components78.default.span`
+var CustomSelectionControl = import_styled_components77.default.span`
   position: absolute;
   left: 0;
   box-sizing: border-box;
@@ -12048,7 +12033,7 @@ var CustomSelectionControl = import_styled_components78.default.span`
   border-radius: ${selectionControl2.base.borderRadius};
   height: ${selectionControl2.base.height};
   width: ${selectionControl2.base.width};
-  ${({ $controlType }) => $controlType === "radio" && import_styled_components78.css`
+  ${({ $controlType }) => $controlType === "radio" && import_styled_components77.css`
       border-radius: 50%;
     `}
   &:after {
@@ -12057,7 +12042,7 @@ var CustomSelectionControl = import_styled_components78.default.span`
     display: none;
   }
 `;
-var Container13 = import_styled_components78.default.label`
+var Container13 = import_styled_components77.default.label`
   position: relative;
   display: flex;
   align-items: center;
@@ -12065,9 +12050,9 @@ var Container13 = import_styled_components78.default.label`
   user-select: none;
   width: fit-content;
   color: ${container14.color};
-  ${({ $hasLabel }) => $hasLabel ? import_styled_components78.css`
+  ${({ $hasLabel }) => $hasLabel ? import_styled_components77.css`
           padding-left: ${container14.withLabel.paddingLeft};
-        ` : import_styled_components78.css`
+        ` : import_styled_components77.css`
           padding: ${container14.noLabel.padding};
         `}
 
@@ -12111,7 +12096,7 @@ var Container13 = import_styled_components78.default.label`
     border-color: ${selectionControl2.checked.hover.borderColor};
   }
 
-  ${({ $error }) => $error && import_styled_components78.css`
+  ${({ $error }) => $error && import_styled_components77.css`
       &:hover input:enabled ~ ${CustomSelectionControl} {
         background-color: ${selectionControl2.hover.danger.backgroundColor};
         box-shadow: ${selectionControl2.hover.danger.boxShadow};
@@ -12145,11 +12130,11 @@ var Container13 = import_styled_components78.default.label`
     display: block;
   }
 
-  ${({ disabled }) => disabled && import_styled_components78.css`
+  ${({ disabled }) => disabled && import_styled_components77.css`
       cursor: not-allowed;
       color: ${container14.disabled.color};
     `}
-  ${({ $controlType }) => $controlType === "checkbox" ? import_styled_components78.css`
+  ${({ $controlType }) => $controlType === "checkbox" ? import_styled_components77.css`
           ${CustomSelectionControl}:after {
             border: solid ${checkmark2.checkbox.borderColor};
 
@@ -12168,7 +12153,7 @@ var Container13 = import_styled_components78.default.label`
             height: 1px;
             transform: none;
           }
-        ` : import_styled_components78.css`
+        ` : import_styled_components77.css`
           ${CustomSelectionControl}:after {
             border-radius: 50%;
             background-color: ${checkmark2.radio.backgroundColor};
@@ -12179,22 +12164,22 @@ var Container13 = import_styled_components78.default.label`
           }
         `}
 `;
-var OuterGroupContainer = import_styled_components78.default.div`
+var OuterGroupContainer = import_styled_components77.default.div`
   display: flex;
   flex-direction: column;
   gap: ${outerGroupContainer2.gap};
 `;
-var GroupContainer = import_styled_components78.default.div`
+var GroupContainer = import_styled_components77.default.div`
   display: flex;
-  ${({ $direction }) => import_styled_components78.css`
+  ${({ $direction }) => import_styled_components77.css`
     flex-direction: ${$direction};
     gap: ${groupContainer2[$direction].gap};
   `}
 `;
 
 // src/components/SelectionControl/Checkbox/Checkbox.tsx
-var import_jsx_runtime247 = require("react/jsx-runtime");
-var Checkbox = (0, import_react90.forwardRef)(
+var import_jsx_runtime246 = require("react/jsx-runtime");
+var Checkbox = (0, import_react89.forwardRef)(
   (props, ref) => {
     const {
       id,
@@ -12209,7 +12194,7 @@ var Checkbox = (0, import_react90.forwardRef)(
       htmlProps = {},
       ...rest
     } = props;
-    const generatedId = (0, import_react90.useId)();
+    const generatedId = (0, import_react89.useId)();
     const uniqueId = id != null ? id : `${generatedId}-checkbox`;
     const checkboxGroup = useCheckboxGroup();
     const hasLabel = !!label3;
@@ -12218,7 +12203,7 @@ var Checkbox = (0, import_react90.forwardRef)(
       className: htmlPropsClassName,
       ...restHtmlProps
     } = htmlProps;
-    return /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
       Container13,
       {
         $error: error || (checkboxGroup == null ? void 0 : checkboxGroup.error),
@@ -12229,7 +12214,7 @@ var Checkbox = (0, import_react90.forwardRef)(
         className: cn(className, htmlPropsClassName),
         style,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
             HiddenInput,
             {
               ...getBaseHTMLProps(uniqueId, restHtmlProps, rest),
@@ -12249,8 +12234,8 @@ var Checkbox = (0, import_react90.forwardRef)(
               "data-indeterminate": indeterminate
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(CustomSelectionControl, { $controlType: "checkbox" }),
-          hasLabel && /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Typography, { color: "inherit", as: "span", typographyType: "bodySans02", children: label3 })
+          /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(CustomSelectionControl, { $controlType: "checkbox" }),
+          hasLabel && /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Typography, { color: "inherit", as: "span", typographyType: "bodySans02", children: label3 })
         ]
       }
     );
@@ -12259,8 +12244,8 @@ var Checkbox = (0, import_react90.forwardRef)(
 Checkbox.displayName = "Checkbox";
 
 // src/components/SelectionControl/Checkbox/CheckboxGroup.tsx
-var import_react91 = require("react");
-var import_jsx_runtime248 = require("react/jsx-runtime");
+var import_react90 = require("react");
+var import_jsx_runtime247 = require("react/jsx-runtime");
 var CheckboxGroup = (props) => {
   const {
     label: label3,
@@ -12276,7 +12261,7 @@ var CheckboxGroup = (props) => {
     ...rest
   } = props;
   const { "aria-required": ariaRequired } = htmlProps;
-  const generatedId = (0, import_react91.useId)();
+  const generatedId = (0, import_react90.useId)();
   const uniqueGroupId = groupId != null ? groupId : `${generatedId}-checkboxGroup`;
   const hasErrorMessage = !!errorMessage;
   const showRequiredMarker = required || ariaRequired;
@@ -12288,7 +12273,7 @@ var CheckboxGroup = (props) => {
     uniqueGroupId,
     tipId: tip ? tipId : void 0
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
     OuterGroupContainer,
     {
       ...getBaseHTMLProps(
@@ -12298,7 +12283,7 @@ var CheckboxGroup = (props) => {
         rest
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
           Typography,
           {
             as: "span",
@@ -12307,12 +12292,12 @@ var CheckboxGroup = (props) => {
             children: [
               label3,
               " ",
-              showRequiredMarker && /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(RequiredMarker, {})
+              showRequiredMarker && /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(RequiredMarker, {})
             ]
           }
         ),
         renderInputMessage(tip, tipId),
-        /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(CheckboxGroupContext.Provider, { value: { ...contextProps }, children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(CheckboxGroupContext.Provider, { value: { ...contextProps }, children: /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
           GroupContainer,
           {
             role: "group",
@@ -12330,17 +12315,17 @@ var CheckboxGroup = (props) => {
 CheckboxGroup.displayName = "CheckboxGroup";
 
 // src/components/SelectionControl/RadioButton/RadioButton.tsx
-var import_react93 = require("react");
+var import_react92 = require("react");
 
 // src/components/SelectionControl/RadioButton/RadioButtonGroupContext.tsx
-var import_react92 = require("react");
-var RadioButtonGroupContext = (0, import_react92.createContext)(null);
+var import_react91 = require("react");
+var RadioButtonGroupContext = (0, import_react91.createContext)(null);
 var useRadioButtonGroup = () => {
-  return (0, import_react92.useContext)(RadioButtonGroupContext);
+  return (0, import_react91.useContext)(RadioButtonGroupContext);
 };
 
 // src/components/SelectionControl/RadioButton/RadioButton.tsx
-var import_jsx_runtime249 = require("react/jsx-runtime");
+var import_jsx_runtime248 = require("react/jsx-runtime");
 var isValueEqualToGroupValueOrFalsy = (value, group4) => {
   if (typeof value !== "undefined" && value !== null && group4) {
     if (typeof value === "number") {
@@ -12350,7 +12335,7 @@ var isValueEqualToGroupValueOrFalsy = (value, group4) => {
   }
   return !!value;
 };
-var RadioButton = (0, import_react93.forwardRef)(
+var RadioButton = (0, import_react92.forwardRef)(
   (props, ref) => {
     const {
       id,
@@ -12374,7 +12359,7 @@ var RadioButton = (0, import_react93.forwardRef)(
       style,
       ...restHtmlProps
     } = htmlProps;
-    const generatedId = (0, import_react93.useId)();
+    const generatedId = (0, import_react92.useId)();
     const uniqueId = id != null ? id : `${generatedId}-radioButton`;
     const hasLabel = !!label3;
     const radioButtonGroup = useRadioButtonGroup();
@@ -12399,7 +12384,7 @@ var RadioButton = (0, import_react93.forwardRef)(
       "aria-describedby": describedByIds.length > 0 ? describedByIds.join(" ") : void 0,
       "aria-invalid": error || (radioButtonGroup == null ? void 0 : radioButtonGroup.error) ? true : void 0
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
       Container13,
       {
         $error: error || (radioButtonGroup == null ? void 0 : radioButtonGroup.error),
@@ -12411,9 +12396,9 @@ var RadioButton = (0, import_react93.forwardRef)(
         htmlFor: uniqueId,
         $controlType: "radio",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(HiddenInput, { ...inputProps, ref }),
-          /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(CustomSelectionControl, { $controlType: "radio" }),
-          /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Typography, { as: "span", children: children != null ? children : label3 })
+          /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(HiddenInput, { ...inputProps, ref }),
+          /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(CustomSelectionControl, { $controlType: "radio" }),
+          /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Typography, { as: "span", children: children != null ? children : label3 })
         ]
       }
     );
@@ -12422,8 +12407,8 @@ var RadioButton = (0, import_react93.forwardRef)(
 RadioButton.displayName = "RadioButton";
 
 // src/components/SelectionControl/RadioButton/RadioButtonGroup.tsx
-var import_react94 = require("react");
-var import_jsx_runtime250 = require("react/jsx-runtime");
+var import_react93 = require("react");
+var import_jsx_runtime249 = require("react/jsx-runtime");
 var RadioButtonGroupInner = (props, ref) => {
   const {
     name,
@@ -12444,8 +12429,8 @@ var RadioButtonGroupInner = (props, ref) => {
     ...rest
   } = props;
   const { "aria-required": ariaRequired = false } = htmlProps;
-  const [groupValue, setGroupValue] = (0, import_react94.useState)(value);
-  const generatedId = (0, import_react94.useId)();
+  const [groupValue, setGroupValue] = (0, import_react93.useState)(value);
+  const generatedId = (0, import_react93.useId)();
   const uniqueGroupId = groupId != null ? groupId : `${generatedId}-radioButtonGroup`;
   const handleChange = combineHandlers(
     (e) => setGroupValue(e.target.value),
@@ -12465,7 +12450,7 @@ var RadioButtonGroupInner = (props, ref) => {
     value: groupValue,
     onChange: handleChange
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
     OuterGroupContainer,
     {
       ...getBaseHTMLProps(
@@ -12476,7 +12461,7 @@ var RadioButtonGroupInner = (props, ref) => {
       ),
       ref,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
           Typography,
           {
             as: "span",
@@ -12485,12 +12470,12 @@ var RadioButtonGroupInner = (props, ref) => {
             children: [
               label3,
               " ",
-              showRequiredMarker && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(RequiredMarker, {})
+              showRequiredMarker && /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(RequiredMarker, {})
             ]
           }
         ),
         renderInputMessage(tip, tipId),
-        /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(RadioButtonGroupContext.Provider, { value: { ...contextProps }, children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(RadioButtonGroupContext.Provider, { value: { ...contextProps }, children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
           GroupContainer,
           {
             role: "radiogroup",
@@ -12506,16 +12491,16 @@ var RadioButtonGroupInner = (props, ref) => {
     }
   );
 };
-var RadioButtonGroup = (0, import_react94.forwardRef)(RadioButtonGroupInner);
+var RadioButtonGroup = (0, import_react93.forwardRef)(RadioButtonGroupInner);
 RadioButtonGroup.displayName = "RadioButtonGroup";
 
 // src/components/SkipToContent/SkipToContent.tsx
-var import_react95 = require("react");
-var import_styled_components79 = __toESM(require("styled-components"));
+var import_react94 = require("react");
+var import_styled_components78 = __toESM(require("styled-components"));
 
 // src/components/SkipToContent/SkipToContent.tokens.tsx
-var import_dds_design_tokens55 = require("@norges-domstoler/dds-design-tokens");
-var { colors: colors30, spacing: spacing34 } = import_dds_design_tokens55.ddsBaseTokens;
+var import_dds_design_tokens56 = require("@norges-domstoler/dds-design-tokens");
+var { colors: colors30, spacing: spacing34 } = import_dds_design_tokens56.ddsBaseTokens;
 var link3 = {
   base: {
     color: colors30.DdsColorNeutralsWhite
@@ -12534,9 +12519,9 @@ var skipToContentTokens = {
 };
 
 // src/components/SkipToContent/SkipToContent.tsx
-var import_jsx_runtime251 = require("react/jsx-runtime");
+var import_jsx_runtime250 = require("react/jsx-runtime");
 var { wrapper: wrapper6, link: link4 } = skipToContentTokens;
-var Wrapper5 = import_styled_components79.default.div`
+var Wrapper5 = import_styled_components78.default.div`
   box-sizing: border-box;
   position: absolute;
   top: ${({ $top: top }) => top};
@@ -12563,7 +12548,7 @@ var Wrapper5 = import_styled_components79.default.div`
     opacity: 1;
   }
 `;
-var Link4 = import_styled_components79.default.a`
+var Link4 = import_styled_components78.default.a`
   text-decoration: none;
   color: ${link4.base.color};
   ${getFontStyling(defaultTypographyType)}
@@ -12578,7 +12563,7 @@ var Link4 = import_styled_components79.default.a`
     color: ${link4.base.color};
   }
 `;
-var SkipToContent = (0, import_react95.forwardRef)(
+var SkipToContent = (0, import_react94.forwardRef)(
   (props, ref) => {
     const {
       text = "Til hovedinnhold",
@@ -12593,13 +12578,13 @@ var SkipToContent = (0, import_react95.forwardRef)(
       style,
       ...restHtmlProps
     } = htmlProps;
-    return /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
       Wrapper5,
       {
         $top: top,
         className: cn(className, htmlPropsClassName),
         style,
-        children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Link4, { ...getBaseHTMLProps(id, restHtmlProps, rest), ref, children: text })
+        children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Link4, { ...getBaseHTMLProps(id, restHtmlProps, rest), ref, children: text })
       }
     );
   }
@@ -12607,14 +12592,14 @@ var SkipToContent = (0, import_react95.forwardRef)(
 SkipToContent.displayName = "SkipToContent";
 
 // src/components/SplitButton/SplitButton.tsx
-var import_react96 = require("react");
-var import_styled_components80 = __toESM(require("styled-components"));
+var import_react95 = require("react");
+var import_styled_components79 = __toESM(require("styled-components"));
 
 // src/components/SplitButton/SplitButton.tokens.ts
-var import_dds_design_tokens56 = require("@norges-domstoler/dds-design-tokens");
+var import_dds_design_tokens57 = require("@norges-domstoler/dds-design-tokens");
 var mainButton = {
   primary: {
-    borderLeft: `1px solid ${import_dds_design_tokens56.ddsBaseTokens.colors.DdsColorNeutralsWhite}`
+    borderLeft: `1px solid ${import_dds_design_tokens57.ddsBaseTokens.colors.DdsColorNeutralsWhite}`
   }
 };
 var tokens3 = {
@@ -12622,11 +12607,11 @@ var tokens3 = {
 };
 
 // src/components/SplitButton/SplitButton.tsx
-var import_jsx_runtime252 = require("react/jsx-runtime");
-var Container14 = import_styled_components80.default.div`
+var import_jsx_runtime251 = require("react/jsx-runtime");
+var Container14 = import_styled_components79.default.div`
   display: flex;
 `;
-var MainButton = (0, import_styled_components80.default)(Button)`
+var MainButton = (0, import_styled_components79.default)(Button)`
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-right: none;
@@ -12635,7 +12620,7 @@ var MainButton = (0, import_styled_components80.default)(Button)`
     z-index: 0;
   }
 `;
-var OptionButton = (0, import_styled_components80.default)(Button)`
+var OptionButton = (0, import_styled_components79.default)(Button)`
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 
@@ -12653,7 +12638,7 @@ var OptionButton = (0, import_styled_components80.default)(Button)`
     ${(props) => props.purpose === "primary" && `border-left: ${tokens3.mainButton.primary.borderLeft}`};
   }
 `;
-var SplitButton = (0, import_react96.forwardRef)(
+var SplitButton = (0, import_react95.forwardRef)(
   (props, ref) => {
     const {
       size: size2,
@@ -12661,14 +12646,14 @@ var SplitButton = (0, import_react96.forwardRef)(
       secondaryActions,
       purpose = "primary"
     } = props;
-    const [isOpen, setIsOpen] = (0, import_react96.useState)(false);
+    const [isOpen, setIsOpen] = (0, import_react95.useState)(false);
     const buttonStyleProps = {
       appearance: "filled",
       purpose,
       size: size2
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(Container14, { ref, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(Container14, { ref, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
         MainButton,
         {
           ...buttonStyleProps,
@@ -12676,8 +12661,8 @@ var SplitButton = (0, import_react96.forwardRef)(
           iconPosition: "left"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(OverflowMenuGroup, { onToggle: () => setIsOpen(!isOpen), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(OverflowMenuGroup, { onToggle: () => setIsOpen(!isOpen), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
           OptionButton,
           {
             ...buttonStyleProps,
@@ -12686,7 +12671,7 @@ var SplitButton = (0, import_react96.forwardRef)(
             purpose
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(OverflowMenu, { items: secondaryActions, placement: "bottom-end" })
+        /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(OverflowMenu, { items: secondaryActions, placement: "bottom-end" })
       ] })
     ] });
   }
@@ -12694,56 +12679,56 @@ var SplitButton = (0, import_react96.forwardRef)(
 SplitButton.displayName = "SplitButton";
 
 // src/components/Table/collapsible/CollapsibleRow.tsx
-var import_react106 = require("react");
-var import_styled_components89 = __toESM(require("styled-components"));
+var import_react105 = require("react");
+var import_styled_components88 = __toESM(require("styled-components"));
 
 // src/components/Table/collapsible/Table.context.tsx
-var import_react97 = require("react");
-var CollapsibleTableContext = (0, import_react97.createContext)({
+var import_react96 = require("react");
+var CollapsibleTableContext = (0, import_react96.createContext)({
   headerValues: [],
   definingColumnIndex: [0]
 });
-var useCollapsibleTableContext = () => (0, import_react97.useContext)(CollapsibleTableContext);
+var useCollapsibleTableContext = () => (0, import_react96.useContext)(CollapsibleTableContext);
 
 // src/components/Table/normal/Body.tsx
-var import_react98 = require("react");
-var import_styled_components81 = __toESM(require("styled-components"));
-var import_jsx_runtime253 = require("react/jsx-runtime");
-var StyledBody = import_styled_components81.default.tbody``;
-var Body2 = (0, import_react98.forwardRef)(
+var import_react97 = require("react");
+var import_styled_components80 = __toESM(require("styled-components"));
+var import_jsx_runtime252 = require("react/jsx-runtime");
+var StyledBody = import_styled_components80.default.tbody``;
+var Body2 = (0, import_react97.forwardRef)(
   ({ children, ...rest }, ref) => {
     const bodyProps = {
       ...rest
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(StyledBody, { ref, ...bodyProps, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(StyledBody, { ref, ...bodyProps, children });
   }
 );
 Body2.displayName = "Table.Body";
 
 // src/components/Table/normal/Cell.tsx
-var import_react100 = require("react");
-var import_styled_components83 = __toESM(require("styled-components"));
-
-// src/components/Table/normal/Head.tsx
 var import_react99 = require("react");
 var import_styled_components82 = __toESM(require("styled-components"));
-var import_jsx_runtime254 = require("react/jsx-runtime");
-var StyledHead = import_styled_components82.default.thead``;
-var Head = (0, import_react99.forwardRef)(
+
+// src/components/Table/normal/Head.tsx
+var import_react98 = require("react");
+var import_styled_components81 = __toESM(require("styled-components"));
+var import_jsx_runtime253 = require("react/jsx-runtime");
+var StyledHead = import_styled_components81.default.thead``;
+var Head = (0, import_react98.forwardRef)(
   ({ children, ...rest }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(StyledHead, { ref, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(HeadContext.Provider, { value: true, children }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(StyledHead, { ref, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(HeadContext.Provider, { value: true, children }) });
   }
 );
 Head.displayName = "Table.Head";
-var HeadContext = (0, import_react99.createContext)(false);
+var HeadContext = (0, import_react98.createContext)(false);
 function useIsInTableHead() {
-  const isInTableHead = (0, import_react99.useContext)(HeadContext);
+  const isInTableHead = (0, import_react98.useContext)(HeadContext);
   return isInTableHead;
 }
 
 // src/components/Table/normal/Table.tokens.tsx
-var import_dds_design_tokens57 = require("@norges-domstoler/dds-design-tokens");
-var { font: font2, colors: colors31, border: border13, spacing: spacing35, iconSizes: iconSizes3, borderRadius: borderRadius9 } = import_dds_design_tokens57.ddsBaseTokens;
+var import_dds_design_tokens58 = require("@norges-domstoler/dds-design-tokens");
+var { font: font2, colors: colors31, border: border13, spacing: spacing35, iconSizes: iconSizes3, borderRadius: borderRadius9 } = import_dds_design_tokens58.ddsBaseTokens;
 var row = {
   body: {
     odd: {
@@ -12814,20 +12799,20 @@ var tableTokens = {
 };
 
 // src/components/Table/normal/Cell.tsx
-var import_jsx_runtime255 = require("react/jsx-runtime");
+var import_jsx_runtime254 = require("react/jsx-runtime");
 var { cell: cell3 } = tableTokens;
 var getLayoutStyle = (layout) => {
   switch (layout) {
     case "center":
-      return import_styled_components83.css`
+      return import_styled_components82.css`
         justify-content: center;
       `;
     case "right":
-      return import_styled_components83.css`
+      return import_styled_components82.css`
         justify-content: flex-end;
       `;
     case "text and icon":
-      return import_styled_components83.css`
+      return import_styled_components82.css`
         gap: ${cell3.layout.textAndIcon.gap};
       `;
     default:
@@ -12835,12 +12820,12 @@ var getLayoutStyle = (layout) => {
       return;
   }
 };
-var StyledCell = import_styled_components83.default.td`
-  ${({ $type: type }) => type === "head" && import_styled_components83.css`
+var StyledCell = import_styled_components82.default.td`
+  ${({ $type: type }) => type === "head" && import_styled_components82.css`
       background-color: ${cell3.head.backgroundColor};
     `}
 `;
-var InnerCell = import_styled_components83.default.div`
+var InnerCell = import_styled_components82.default.div`
   display: flex;
   align-items: center;
   ${({ $layout: layout }) => getLayoutStyle(layout)}
@@ -12854,49 +12839,49 @@ var getTableCellType = (type) => {
       return "td";
   }
 };
-var Cell2 = (0, import_react100.forwardRef)(
+var Cell2 = (0, import_react99.forwardRef)(
   ({ children, type: _type, layout = "left", collapsibleProps, ...rest }, ref) => {
     const isInHead = useIsInTableHead();
     const type = _type != null ? _type : isInHead ? "head" : "data";
     const as = getTableCellType(type);
     const { isCollapsibleChild } = collapsibleProps != null ? collapsibleProps : {};
-    return isCollapsibleChild ? /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(DescriptionListDesc, { children }) : /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(StyledCell, { as, ref, $type: type, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(InnerCell, { $layout: layout, children }) });
+    return isCollapsibleChild ? /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(DescriptionListDesc, { children }) : /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(StyledCell, { as, ref, $type: type, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(InnerCell, { $layout: layout, children }) });
   }
 );
 Cell2.displayName = "Table.Cell";
 
 // src/components/Table/normal/Foot.tsx
-var import_react101 = require("react");
-var import_styled_components84 = __toESM(require("styled-components"));
-var import_jsx_runtime256 = require("react/jsx-runtime");
-var StyledFoot = import_styled_components84.default.tfoot``;
-var Foot = (0, import_react101.forwardRef)(
+var import_react100 = require("react");
+var import_styled_components83 = __toESM(require("styled-components"));
+var import_jsx_runtime255 = require("react/jsx-runtime");
+var StyledFoot = import_styled_components83.default.tfoot``;
+var Foot = (0, import_react100.forwardRef)(
   ({ children, ...rest }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(StyledFoot, { ref, ...rest, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(StyledFoot, { ref, ...rest, children });
   }
 );
 Foot.displayName = "Table.Foot";
 
 // src/components/Table/normal/Row.tsx
-var import_react102 = require("react");
+var import_react101 = require("react");
 
 // src/components/Table/normal/Table.styles.tsx
-var import_styled_components85 = __toESM(require("styled-components"));
+var import_styled_components84 = __toESM(require("styled-components"));
 var { row: row2 } = tableTokens;
 var bodyRowStyles = (mode, selected) => {
-  return import_styled_components85.css`
-    ${mode === "sum" && import_styled_components85.css`
+  return import_styled_components84.css`
+    ${mode === "sum" && import_styled_components84.css`
       font-weight: 600;
       border-top: ${row2.body.mode.sum.borderTop};
       border-bottom: ${row2.body.mode.sum.borderBottom};
       background-color: ${row2.body.mode.sum.backgroundColor};
     `}
-    ${selected && import_styled_components85.css`
+    ${selected && import_styled_components84.css`
       background-color: ${row2.body.selected.backgroundColor};
     `}
   `;
 };
-var StyledRow = import_styled_components85.default.tr`
+var StyledRow = import_styled_components84.default.tr`
   @media (prefers-reduced-motion: no-preference) {
     transition:
       background-color 0.2s,
@@ -12906,11 +12891,11 @@ var StyledRow = import_styled_components85.default.tr`
 
   ${getFontStyling(defaultTypographyType, true)}
 
-  ${({ type }) => type === "head" && import_styled_components85.css`
+  ${({ type }) => type === "head" && import_styled_components84.css`
       font-weight: 600;
       text-align: left;
     `}
-  ${({ type, $mode: mode, $selected: selected, $hoverable: hoverable }) => type === "body" && import_styled_components85.css`
+  ${({ type, $mode: mode, $selected: selected, $hoverable: hoverable }) => type === "body" && import_styled_components84.css`
       &:nth-of-type(even) {
         background-color: ${row2.body.even.backgroundColor};
         ${bodyRowStyles(mode, selected)}
@@ -12921,7 +12906,7 @@ var StyledRow = import_styled_components85.default.tr`
         ${bodyRowStyles(mode, selected)}
       }
 
-      ${hoverable && import_styled_components85.css`
+      ${hoverable && import_styled_components84.css`
         &:hover {
           background-color: ${row2.body.hover.backgroundColor};
         }
@@ -12933,12 +12918,12 @@ var StyledRow = import_styled_components85.default.tr`
 `;
 
 // src/components/Table/normal/Row.tsx
-var import_jsx_runtime257 = require("react/jsx-runtime");
-var Row = (0, import_react102.forwardRef)(
+var import_jsx_runtime256 = require("react/jsx-runtime");
+var Row = (0, import_react101.forwardRef)(
   ({ type: _type, mode = "normal", hoverable, selected, children, ...rest }, ref) => {
     const isInHeader = useIsInTableHead();
     const type = _type != null ? _type : isInHeader ? "head" : "body";
-    return /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
       StyledRow,
       {
         type,
@@ -12955,11 +12940,11 @@ var Row = (0, import_react102.forwardRef)(
 Row.displayName = "Table.Row";
 
 // src/components/Table/normal/SortCell.tsx
-var import_react103 = require("react");
-var import_styled_components86 = __toESM(require("styled-components"));
-var import_jsx_runtime258 = require("react/jsx-runtime");
+var import_react102 = require("react");
+var import_styled_components85 = __toESM(require("styled-components"));
+var import_jsx_runtime257 = require("react/jsx-runtime");
 var { cell: cell4 } = tableTokens;
-var StyledButton5 = import_styled_components86.default.button`
+var StyledButton5 = import_styled_components85.default.button`
   ${normalizeButton}
   user-select: text;
   ${removeButtonStyling}
@@ -12972,19 +12957,19 @@ var StyledButton5 = import_styled_components86.default.button`
 `;
 var makeSortIcon = (isSorted, sortOrder) => {
   if (!isSorted || !sortOrder) {
-    return /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Icon, { icon: UnfoldMoreIcon, iconSize: "inherit" });
+    return /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(Icon, { icon: UnfoldMoreIcon, iconSize: "inherit" });
   }
-  return sortOrder === "ascending" ? /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Icon, { icon: ChevronDownIcon, iconSize: "inherit" }) : /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Icon, { icon: ChevronUpIcon, iconSize: "inherit" });
+  return sortOrder === "ascending" ? /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(Icon, { icon: ChevronDownIcon, iconSize: "inherit" }) : /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(Icon, { icon: ChevronUpIcon, iconSize: "inherit" });
 };
-var SortCell = (0, import_react103.forwardRef)(
-  ({ isSorted, sortOrder, onClick, children, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
+var SortCell = (0, import_react102.forwardRef)(
+  ({ isSorted, sortOrder, onClick, children, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
     Cell2,
     {
       ref,
       type: "head",
       "aria-sort": isSorted && sortOrder ? sortOrder : void 0,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(
         StyledButton5,
         {
           onClick,
@@ -13002,11 +12987,11 @@ var SortCell = (0, import_react103.forwardRef)(
 SortCell.displayName = "Table.SortCell";
 
 // src/components/Table/normal/Table.tsx
-var import_react104 = require("react");
-var import_styled_components87 = __toESM(require("styled-components"));
-var import_jsx_runtime259 = require("react/jsx-runtime");
+var import_react103 = require("react");
+var import_styled_components86 = __toESM(require("styled-components"));
+var import_jsx_runtime258 = require("react/jsx-runtime");
 var { cell: cell5, row: row3 } = tableTokens;
-var StyledTable = import_styled_components87.default.table`
+var StyledTable = import_styled_components86.default.table`
   border-spacing: 0;
   border-collapse: collapse;
   *::selection {
@@ -13014,13 +12999,13 @@ var StyledTable = import_styled_components87.default.table`
   }
   ${scrollbarStyling.webkit}
   ${scrollbarStyling.firefox}
-  ${({ $density }) => import_styled_components87.css`
+  ${({ $density }) => import_styled_components86.css`
     td,
     th {
       padding: ${cell5.density[$density].padding};
     }
   `}
-  ${({ $density }) => $density === "extraCompact" && import_styled_components87.css`
+  ${({ $density }) => $density === "extraCompact" && import_styled_components86.css`
       th {
         background-color: ${row3.head.extraCompact.backgroundColor};
         font-size: ${row3.head.extraCompact.fontSize};
@@ -13034,7 +13019,7 @@ var StyledTable = import_styled_components87.default.table`
         }
       }
     `}
-  ${({ $stickyHeader }) => $stickyHeader && import_styled_components87.css`
+  ${({ $stickyHeader }) => $stickyHeader && import_styled_components86.css`
       tr[type='head'] {
         th[type='head'] {
           position: sticky;
@@ -13043,15 +13028,15 @@ var StyledTable = import_styled_components87.default.table`
         }
       }
     `}
-  ${({ $withDividers }) => $withDividers && import_styled_components87.css`
+  ${({ $withDividers }) => $withDividers && import_styled_components86.css`
       tr[type='body'] {
         border-bottom: ${row3.body.withDividers.borderBottom};
       }
     `}
 `;
-var Table = (0, import_react104.forwardRef)(
+var Table = (0, import_react103.forwardRef)(
   ({ density = "normal", stickyHeader, withDividers, children, ...rest }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
       StyledTable,
       {
         ...rest,
@@ -13067,38 +13052,38 @@ var Table = (0, import_react104.forwardRef)(
 Table.displayName = "Table";
 
 // src/components/Table/normal/TableWrapper.tsx
-var import_react105 = require("react");
-var import_styled_components88 = __toESM(require("styled-components"));
-var import_jsx_runtime260 = require("react/jsx-runtime");
-var Wrapper6 = import_styled_components88.default.div`
-  ${({ $overflowX }) => $overflowX && import_styled_components88.css`
+var import_react104 = require("react");
+var import_styled_components87 = __toESM(require("styled-components"));
+var import_jsx_runtime259 = require("react/jsx-runtime");
+var Wrapper6 = import_styled_components87.default.div`
+  ${({ $overflowX }) => $overflowX && import_styled_components87.css`
       overflow-x: auto;
     `}
   ${scrollbarStyling.webkit}
   ${scrollbarStyling.firefox}
 `;
 var TableWrapper = ({ children, ...rest }) => {
-  const [overflowX, setOverflowX] = (0, import_react105.useState)(false);
-  const [windowWidth, setWindowWidth] = (0, import_react105.useState)(window.innerWidth);
+  const [overflowX, setOverflowX] = (0, import_react104.useState)(false);
+  const [windowWidth, setWindowWidth] = (0, import_react104.useState)(window.innerWidth);
   function isOverflowingX(event) {
     return event.offsetWidth < event.scrollWidth;
   }
-  const wrapperRef = (0, import_react105.useRef)(null);
-  (0, import_react105.useEffect)(() => {
+  const wrapperRef = (0, import_react104.useRef)(null);
+  (0, import_react104.useEffect)(() => {
     if ((wrapperRef == null ? void 0 : wrapperRef.current) && isOverflowingX(wrapperRef.current)) {
       setOverflowX(true);
       return;
     }
     setOverflowX(false);
   }, [windowWidth]);
-  (0, import_react105.useEffect)(() => {
+  (0, import_react104.useEffect)(() => {
     function handleResize() {
       setWindowWidth(window.innerWidth);
     }
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Wrapper6, { $overflowX: overflowX, ref: wrapperRef, ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(Wrapper6, { $overflowX: overflowX, ref: wrapperRef, ...rest, children });
 };
 TableWrapper.displayName = "Table.Wrapper";
 
@@ -13113,9 +13098,9 @@ Table2.Row = Row;
 Table2.Foot = Foot;
 
 // src/components/Table/collapsible/CollapsibleRow.tsx
-var import_jsx_runtime261 = require("react/jsx-runtime");
+var import_jsx_runtime260 = require("react/jsx-runtime");
 var { collapseButton: collapseButton2 } = tableTokens;
-var CollapseButton = import_styled_components89.default.button`
+var CollapseButton = import_styled_components88.default.button`
   ${removeButtonStyling}
   margin-left: auto;
   margin-right: auto;
@@ -13130,12 +13115,12 @@ var CollapseButton = import_styled_components89.default.button`
     ${focusVisible}
   }
 `;
-var DescriptionListCell = (0, import_styled_components89.default)(Cell2)`
+var DescriptionListCell = (0, import_styled_components88.default)(Cell2)`
   & > div {
     display: block;
   }
 `;
-var CollapsibleRow = (0, import_react106.forwardRef)(
+var CollapsibleRow = (0, import_react105.forwardRef)(
   ({ type: _type, mode = "normal", selected, hoverable, children, ...rest }, ref) => {
     const isInHead = useIsInTableHead();
     const type = _type != null ? _type : isInHead ? "head" : "body";
@@ -13147,14 +13132,14 @@ var CollapsibleRow = (0, import_react106.forwardRef)(
       ...rest
     };
     const { isCollapsed, headerValues, definingColumnIndex } = useCollapsibleTableContext();
-    const [childrenCollapsed, setChildrenCollapsed] = (0, import_react106.useState)(true);
-    (0, import_react106.useEffect)(() => {
+    const [childrenCollapsed, setChildrenCollapsed] = (0, import_react105.useState)(true);
+    (0, import_react105.useEffect)(() => {
       !isCollapsed && setChildrenCollapsed(true);
     }, [isCollapsed]);
     const collapsedHeaderValues = headerValues.filter(
       (column, index) => definingColumnIndex.indexOf(index) === -1
     );
-    const childrenArray = import_react106.Children.toArray(children);
+    const childrenArray = import_react105.Children.toArray(children);
     const collapsedChildren = childrenArray.filter(
       (column, index) => definingColumnIndex.indexOf(index) === -1
     );
@@ -13163,25 +13148,25 @@ var CollapsibleRow = (0, import_react106.forwardRef)(
     const collapsedRenderedChildren = isCollapsed && collapsedHeaderValues.length > 0 ? collapsedChildren.map(function(child, index) {
       const id = derivativeIdGenerator(prefix2, index.toString());
       collapsibleIds.push(id);
-      return /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(import_react106.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(DescriptionListTerm, { children: collapsedHeaderValues[index].content }),
-        (0, import_react106.isValidElement)(child) && (0, import_react106.cloneElement)(child, {
+      return /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(import_react105.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(DescriptionListTerm, { children: collapsedHeaderValues[index].content }),
+        (0, import_react105.isValidElement)(child) && (0, import_react105.cloneElement)(child, {
           collapsibleProps: { isCollapsibleChild: true }
         })
       ] }, `DL-${index}`);
     }) : null;
-    const collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(StyledRow, { type, children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(DescriptionListCell, { colSpan: definingColumnIndex.length + 1, children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(DescriptionList, { children: collapsedRenderedChildren }) }) }) : null;
+    const collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(StyledRow, { type, children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(DescriptionListCell, { colSpan: definingColumnIndex.length + 1, children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(DescriptionList, { children: collapsedRenderedChildren }) }) }) : null;
     const definingColumnCells = childrenArray.slice().filter((column, index) => definingColumnIndex.indexOf(index) > -1).sort((a2, b) => {
       return definingColumnIndex.indexOf(childrenArray.indexOf(a2)) - definingColumnIndex.indexOf(childrenArray.indexOf(b));
     });
     const headerRow = () => {
       if (type !== "head" || !isCollapsed)
         return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(StyledRow, { ref, type, ...rowProps, children: /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(import_jsx_runtime261.Fragment, { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(StyledRow, { ref, type, ...rowProps, children: /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(import_jsx_runtime260.Fragment, { children: [
         definingColumnCells,
-        /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(Table2.Cell, { type: "head", layout: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(Table2.Cell, { type: "head", layout: "center", children: [
           "Utvid",
-          /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(VisuallyHidden, { as: "span", children: "raden" })
+          /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(VisuallyHidden, { as: "span", children: "raden" })
         ] })
       ] }) });
     };
@@ -13189,7 +13174,7 @@ var CollapsibleRow = (0, import_react106.forwardRef)(
     const rowWithChevron = () => {
       if (type !== "body" || !isCollapsed)
         return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(
         StyledRow,
         {
           ref,
@@ -13198,13 +13183,13 @@ var CollapsibleRow = (0, import_react106.forwardRef)(
           "data-isopencollapsibleheader": !childrenCollapsed && true,
           children: [
             definingColumnCells,
-            /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Table2.Cell, { children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Table2.Cell, { children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
               CollapseButton,
               {
                 onClick: () => setChildrenCollapsed(!childrenCollapsed),
                 "aria-expanded": !childrenCollapsed,
                 "aria-controls": idList,
-                children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
                   AnimatedChevronUpDown,
                   {
                     isUp: childrenCollapsed ? false : true,
@@ -13218,30 +13203,30 @@ var CollapsibleRow = (0, import_react106.forwardRef)(
         }
       );
     };
-    return isCollapsed && collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(import_jsx_runtime261.Fragment, { children: [
+    return isCollapsed && collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(import_jsx_runtime260.Fragment, { children: [
       headerRow(),
-      type === "body" && /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(import_jsx_runtime261.Fragment, { children: [
+      type === "body" && /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(import_jsx_runtime260.Fragment, { children: [
         rowWithChevron(),
         childrenCollapsed ? null : collapsedRows
       ] })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(StyledRow, { ref, type, ...rowProps, children });
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(StyledRow, { ref, type, ...rowProps, children });
   }
 );
 CollapsibleRow.displayName = "CollapsibleTable.Row";
 
 // src/components/Table/collapsible/CollapsibleTable.tsx
-var import_react107 = require("react");
-var import_styled_components90 = __toESM(require("styled-components"));
-var import_jsx_runtime262 = require("react/jsx-runtime");
-var StyledTable2 = (0, import_styled_components90.default)(Table2)`
+var import_react106 = require("react");
+var import_styled_components89 = __toESM(require("styled-components"));
+var import_jsx_runtime261 = require("react/jsx-runtime");
+var StyledTable2 = (0, import_styled_components89.default)(Table2)`
   width: 100%;
-  ${({ withDividers }) => withDividers && import_styled_components90.css`
+  ${({ withDividers }) => withDividers && import_styled_components89.css`
       tr[data-isopencollapsibleheader='true'] {
         border-bottom: none;
       }
     `}
 `;
-var CollapsibleTable = (0, import_react107.forwardRef)((props, ref) => {
+var CollapsibleTable = (0, import_react106.forwardRef)((props, ref) => {
   const {
     density = "normal",
     children,
@@ -13250,7 +13235,7 @@ var CollapsibleTable = (0, import_react107.forwardRef)((props, ref) => {
     definingColumnIndex = [0],
     ...rest
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
     CollapsibleTableContext.Provider,
     {
       value: {
@@ -13258,7 +13243,7 @@ var CollapsibleTable = (0, import_react107.forwardRef)((props, ref) => {
         headerValues,
         definingColumnIndex
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(StyledTable2, { ref, density, ...rest, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(StyledTable2, { ref, density, ...rest, children })
     }
   );
 });
@@ -13269,12 +13254,12 @@ var CollapsibleTable2 = CollapsibleTable;
 CollapsibleTable2.Row = CollapsibleRow;
 
 // src/components/Tabs/Tabs.tsx
-var import_react109 = require("react");
-var import_styled_components91 = __toESM(require("styled-components"));
+var import_react108 = require("react");
+var import_styled_components90 = __toESM(require("styled-components"));
 
 // src/components/Tabs/Tabs.context.tsx
-var import_react108 = require("react");
-var TabsContext = (0, import_react108.createContext)({
+var import_react107 = require("react");
+var TabsContext = (0, import_react107.createContext)({
   activeTab: 0,
   tabsId: "",
   handleTabChange: () => null,
@@ -13284,16 +13269,16 @@ var TabsContext = (0, import_react108.createContext)({
   setHasTabFocus: () => null,
   tabContentDirection: "row"
 });
-var useTabsContext = () => (0, import_react108.useContext)(TabsContext);
+var useTabsContext = () => (0, import_react107.useContext)(TabsContext);
 
 // src/components/Tabs/Tabs.tsx
-var import_jsx_runtime263 = require("react/jsx-runtime");
-var Container15 = import_styled_components91.default.div`
-  ${({ $width }) => $width && import_styled_components91.css`
+var import_jsx_runtime262 = require("react/jsx-runtime");
+var Container15 = import_styled_components90.default.div`
+  ${({ $width }) => $width && import_styled_components90.css`
       width: ${$width};
     `};
 `;
-var Tabs = (0, import_react109.forwardRef)((props, ref) => {
+var Tabs = (0, import_react108.forwardRef)((props, ref) => {
   const {
     id,
     activeTab,
@@ -13305,17 +13290,17 @@ var Tabs = (0, import_react109.forwardRef)((props, ref) => {
     htmlProps,
     ...rest
   } = props;
-  const generatedId = (0, import_react109.useId)();
+  const generatedId = (0, import_react108.useId)();
   const uniqueId = id != null ? id : `${generatedId}-tabs`;
-  const [thisActiveTab, setActiveTab] = (0, import_react109.useState)(activeTab != null ? activeTab : 0);
-  const [hasTabFocus, setHasTabFocus] = (0, import_react109.useState)(false);
-  const tabListRef = (0, import_react109.useRef)(null);
-  const tabPanelsRef = (0, import_react109.useRef)(null);
+  const [thisActiveTab, setActiveTab] = (0, import_react108.useState)(activeTab != null ? activeTab : 0);
+  const [hasTabFocus, setHasTabFocus] = (0, import_react108.useState)(false);
+  const tabListRef = (0, import_react108.useRef)(null);
+  const tabPanelsRef = (0, import_react108.useRef)(null);
   const handleTabChange = (index) => {
     setActiveTab(index);
     onChange && onChange(index);
   };
-  (0, import_react109.useEffect)(() => {
+  (0, import_react108.useEffect)(() => {
     if (activeTab !== void 0 && activeTab !== thisActiveTab) {
       setActiveTab(activeTab);
     }
@@ -13324,7 +13309,7 @@ var Tabs = (0, import_react109.forwardRef)((props, ref) => {
     ...getBaseHTMLProps(uniqueId, className, htmlProps, rest),
     ref
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
     TabsContext.Provider,
     {
       value: {
@@ -13337,19 +13322,19 @@ var Tabs = (0, import_react109.forwardRef)((props, ref) => {
         setHasTabFocus,
         tabContentDirection
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Container15, { ...containerProps, $width: width, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(Container15, { ...containerProps, $width: width, children })
     }
   );
 });
 Tabs.displayName = "Tabs";
 
 // src/components/Tabs/Tab.tsx
-var import_react111 = require("react");
-var import_styled_components92 = __toESM(require("styled-components"));
+var import_react110 = require("react");
+var import_styled_components91 = __toESM(require("styled-components"));
 
 // src/components/Tabs/Tabs.tokens.tsx
-var import_dds_design_tokens58 = require("@norges-domstoler/dds-design-tokens");
-var { border: border14, spacing: spacing36, colors: colors32 } = import_dds_design_tokens58.ddsBaseTokens;
+var import_dds_design_tokens59 = require("@norges-domstoler/dds-design-tokens");
+var { border: border14, spacing: spacing36, colors: colors32 } = import_dds_design_tokens59.ddsBaseTokens;
 var tabList = {
   borderBottom: `${border14.BordersDdsBorderStyleLightStrokeWeight} solid ${border14.BordersDdsBorderStyleLightStroke}`
 };
@@ -13387,14 +13372,14 @@ var tabsTokens = {
 };
 
 // src/components/Tabs/TabWidthContext.tsx
-var import_react110 = require("react");
-var import_jsx_runtime264 = require("react/jsx-runtime");
-var TabContext = (0, import_react110.createContext)(null);
+var import_react109 = require("react");
+var import_jsx_runtime263 = require("react/jsx-runtime");
+var TabContext = (0, import_react109.createContext)(null);
 function TabWidthContextProvider({
   children,
   onChangeWidths
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
     TabContext.Provider,
     {
       value: {
@@ -13418,17 +13403,17 @@ function TabWidthContextProvider({
   );
 }
 function useSetTabWidth(index, width) {
-  const context = (0, import_react110.useContext)(TabContext);
-  (0, import_react110.useLayoutEffect)(() => {
+  const context = (0, import_react109.useContext)(TabContext);
+  (0, import_react109.useLayoutEffect)(() => {
     context == null ? void 0 : context.updateWidth(index, width);
     return () => context == null ? void 0 : context.removeTab(index);
   }, [index, width]);
 }
 
 // src/components/Tabs/Tab.tsx
-var import_jsx_runtime265 = require("react/jsx-runtime");
+var import_jsx_runtime264 = require("react/jsx-runtime");
 var { tab: tab2 } = tabsTokens;
-var Button2 = import_styled_components92.default.button`
+var Button2 = import_styled_components91.default.button`
   ${normalizeButton}
   ${removeButtonStyling}
   user-select: text;
@@ -13448,12 +13433,12 @@ var Button2 = import_styled_components92.default.button`
       ${focusVisibleTransitionValue};
   }
 
-  ${({ $direction }) => import_styled_components92.css`
+  ${({ $direction }) => import_styled_components91.css`
     flex-direction: ${$direction};
     gap: ${tab2[$direction].gap};
   `};
 
-  ${({ $active }) => $active && import_styled_components92.css`
+  ${({ $active }) => $active && import_styled_components91.css`
       background-color: ${tab2.active.backgroundColor};
       border-color: ${tab2.active.borderColor};
       color: ${tab2.active.color};
@@ -13471,7 +13456,7 @@ var Button2 = import_styled_components92.default.button`
     box-shadow: ${tab2.hover.boxShadow};
   }
 `;
-var Tab = (0, import_react111.forwardRef)((props, ref) => {
+var Tab = (0, import_react110.forwardRef)((props, ref) => {
   const {
     active = false,
     icon: icon12,
@@ -13488,10 +13473,10 @@ var Tab = (0, import_react111.forwardRef)((props, ref) => {
     ...rest
   } = props;
   useSetTabWidth(index, width);
-  const itemRef = (0, import_react111.useRef)(null);
+  const itemRef = (0, import_react110.useRef)(null);
   const combinedRef = useCombinedRef(ref, itemRef);
   const { tabPanelsRef, setHasTabFocus, tabContentDirection } = useTabsContext();
-  (0, import_react111.useEffect)(() => {
+  (0, import_react110.useEffect)(() => {
     var _a;
     if (focus) {
       (_a = itemRef.current) == null ? void 0 : _a.focus();
@@ -13503,7 +13488,7 @@ var Tab = (0, import_react111.forwardRef)((props, ref) => {
     setHasTabFocus(false);
     (_a = tabPanelsRef == null ? void 0 : tabPanelsRef.current) == null ? void 0 : _a.focus();
   });
-  const handleSelect = (0, import_react111.useCallback)(() => {
+  const handleSelect = (0, import_react110.useCallback)(() => {
     if (setFocus && index) {
       setFocus(index);
     }
@@ -13516,7 +13501,7 @@ var Tab = (0, import_react111.forwardRef)((props, ref) => {
     handleSelect();
     onKeyDown && onKeyDown(e);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime265.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(
     Button2,
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -13529,8 +13514,8 @@ var Tab = (0, import_react111.forwardRef)((props, ref) => {
       onKeyDown: handleOnKeyDown,
       tabIndex: focus ? 0 : -1,
       children: [
-        icon12 && /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(Icon, { icon: icon12, iconSize: "inherit" }),
-        /* @__PURE__ */ (0, import_jsx_runtime265.jsx)("span", { children })
+        icon12 && /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Icon, { icon: icon12, iconSize: "inherit" }),
+        /* @__PURE__ */ (0, import_jsx_runtime264.jsx)("span", { children })
       ]
     }
   );
@@ -13538,18 +13523,18 @@ var Tab = (0, import_react111.forwardRef)((props, ref) => {
 Tab.displayName = "Tab";
 
 // src/components/Tabs/TabList.tsx
-var import_react112 = require("react");
-var import_styled_components93 = __toESM(require("styled-components"));
-var import_jsx_runtime266 = require("react/jsx-runtime");
+var import_react111 = require("react");
+var import_styled_components92 = __toESM(require("styled-components"));
+var import_jsx_runtime265 = require("react/jsx-runtime");
 var { tabList: tabList2 } = tabsTokens;
-var autoFlow = import_styled_components93.css`
+var autoFlow = import_styled_components92.css`
   grid-auto-flow: column;
   grid-auto-columns: 1fr;
 `;
-var templateColumns = (templateColumns2) => import_styled_components93.css`
+var templateColumns = (templateColumns2) => import_styled_components92.css`
   grid-template-columns: ${templateColumns2};
 `;
-var TabRow = import_styled_components93.default.div`
+var TabRow = import_styled_components92.default.div`
   border-bottom: ${tabList2.borderBottom};
   display: grid;
   ${({ $gridTemplateColumns }) => $gridTemplateColumns === "" ? autoFlow : templateColumns($gridTemplateColumns)}
@@ -13568,7 +13553,7 @@ var TabRow = import_styled_components93.default.div`
     outline: none;
   }
 `;
-var TabList = (0, import_react112.forwardRef)(
+var TabList = (0, import_react111.forwardRef)(
   ({ children, id, onFocus, ...rest }, ref) => {
     const {
       activeTab,
@@ -13580,11 +13565,11 @@ var TabList = (0, import_react112.forwardRef)(
       setHasTabFocus
     } = useTabsContext();
     const uniqueId = id != null ? id : `${tabsId}-tablist`;
-    const childrenArray = import_react112.Children.toArray(children).length;
+    const childrenArray = import_react111.Children.toArray(children).length;
     const [focus, setFocus] = useRoveFocus(childrenArray, !hasTabFocus, "row");
     const combinedRef = useCombinedRef(ref, tabListRef);
-    const tabListChildren = import_react112.Children.map(children, (child, index) => {
-      return (0, import_react112.isValidElement)(child) && (0, import_react112.cloneElement)(child, {
+    const tabListChildren = import_react111.Children.map(children, (child, index) => {
+      return (0, import_react111.isValidElement)(child) && (0, import_react111.cloneElement)(child, {
         id: `${tabsId}-tab-${index}`,
         "aria-controls": `${tabsId}-panel-${index}`,
         active: activeTab === index,
@@ -13594,7 +13579,7 @@ var TabList = (0, import_react112.forwardRef)(
         onClick: () => handleTabChange(index)
       });
     });
-    const [widths, setWidths] = (0, import_react112.useState)([]);
+    const [widths, setWidths] = (0, import_react111.useState)([]);
     useOnKeyDown("Tab", () => {
       var _a;
       setHasTabFocus(false);
@@ -13616,32 +13601,32 @@ var TabList = (0, import_react112.forwardRef)(
       tabIndex: 0,
       onFocus: handleOnFocus
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(TabWidthContextProvider, { onChangeWidths: setWidths, children: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(TabRow, { ...tabListProps, $gridTemplateColumns: widths.join(" "), children: tabListChildren }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(TabWidthContextProvider, { onChangeWidths: setWidths, children: /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(TabRow, { ...tabListProps, $gridTemplateColumns: widths.join(" "), children: tabListChildren }) });
   }
 );
 TabList.displayName = "TabList";
 
 // src/components/Tabs/TabPanel.tsx
-var import_react113 = require("react");
-var import_styled_components94 = __toESM(require("styled-components"));
-var import_jsx_runtime267 = require("react/jsx-runtime");
+var import_react112 = require("react");
+var import_styled_components93 = __toESM(require("styled-components"));
+var import_jsx_runtime266 = require("react/jsx-runtime");
 var { panel: panel2 } = tabsTokens;
-var Panel = import_styled_components94.default.div`
+var Panel = import_styled_components93.default.div`
   padding: ${panel2.padding};
   @media (prefers-reduced-motion: no-preference) {
     transition: ${focusVisibleTransitionValue};
   }
 
-  ${({ $active }) => !$active && import_styled_components94.css`
+  ${({ $active }) => !$active && import_styled_components93.css`
       display: none;
     `}
   &:focus-visible {
     ${focusVisible}
   }
 `;
-var TabPanel = (0, import_react113.forwardRef)(
+var TabPanel = (0, import_react112.forwardRef)(
   ({ active = false, children, id, className, htmlProps, ...rest }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
       Panel,
       {
         ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -13657,33 +13642,33 @@ var TabPanel = (0, import_react113.forwardRef)(
 TabPanel.displayName = "TabPanel";
 
 // src/components/Tabs/TabPanels.tsx
-var import_react114 = require("react");
-var import_jsx_runtime268 = require("react/jsx-runtime");
-var TabPanels = (0, import_react114.forwardRef)(
+var import_react113 = require("react");
+var import_jsx_runtime267 = require("react/jsx-runtime");
+var TabPanels = (0, import_react113.forwardRef)(
   ({ children, ...rest }, ref) => {
     const { activeTab, tabsId, tabPanelsRef } = useTabsContext();
     const combinedRef = useCombinedRef(ref, tabPanelsRef);
-    const panelChildren = import_react114.Children.map(children, (child, index) => {
+    const panelChildren = import_react113.Children.map(children, (child, index) => {
       const active = index === activeTab;
-      return (0, import_react114.isValidElement)(child) && (0, import_react114.cloneElement)(child, {
+      return (0, import_react113.isValidElement)(child) && (0, import_react113.cloneElement)(child, {
         id: `${tabsId}-panel-${index}`,
         "aria-labelledby": `${tabsId}-tab-${index}`,
         active,
         "aria-expanded": active
       });
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime268.jsx)("div", { ref: combinedRef, ...rest, children: panelChildren });
+    return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("div", { ref: combinedRef, ...rest, children: panelChildren });
   }
 );
 TabPanels.displayName = "TabPanels";
 
 // src/components/Tag/Tag.tsx
-var import_react115 = require("react");
-var import_styled_components95 = __toESM(require("styled-components"));
+var import_react114 = require("react");
+var import_styled_components94 = __toESM(require("styled-components"));
 
 // src/components/Tag/Tag.tokens.tsx
-var import_dds_design_tokens59 = require("@norges-domstoler/dds-design-tokens");
-var { colors: colors33, borderRadius: borderRadius10, spacing: spacing37 } = import_dds_design_tokens59.ddsBaseTokens;
+var import_dds_design_tokens60 = require("@norges-domstoler/dds-design-tokens");
+var { colors: colors33, borderRadius: borderRadius10, spacing: spacing37 } = import_dds_design_tokens60.ddsBaseTokens;
 var typographyType5 = "bodySans01";
 var wrapper7 = {
   border: "1px solid",
@@ -13740,9 +13725,9 @@ var tagTokens = {
 };
 
 // src/components/Tag/Tag.tsx
-var import_jsx_runtime269 = require("react/jsx-runtime");
+var import_jsx_runtime268 = require("react/jsx-runtime");
 var { wrapper: wrapper8 } = tagTokens;
-var Wrapper7 = (0, import_styled_components95.default)(TextOverflowEllipsisWrapper)`
+var Wrapper7 = (0, import_styled_components94.default)(TextOverflowEllipsisWrapper)`
   display: inline-flex;
   align-items: center;
   gap: ${tagTokens.wrapper.icon.gap};
@@ -13750,18 +13735,18 @@ var Wrapper7 = (0, import_styled_components95.default)(TextOverflowEllipsisWrapp
   border-radius: ${wrapper8.borderRadius};
   padding: ${({ $withIcon }) => $withIcon ? wrapper8.icon.padding : wrapper8.padding};
   ${getFontStyling(typographyType5)}
-  ${({ $purpose }) => import_styled_components95.css`
+  ${({ $purpose }) => import_styled_components94.css`
     background-color: ${wrapper8.purpose[$purpose].backgroundColor};
     border-color: ${wrapper8.purpose[$purpose].borderColor};
   `}
 `;
-var StyledIcon5 = (0, import_styled_components95.default)(Icon)`
+var StyledIcon5 = (0, import_styled_components94.default)(Icon)`
   color: ${({ $purpose }) => {
   var _a;
   return (_a = wrapper8.purpose[$purpose].icon) == null ? void 0 : _a.color;
 }};
 `;
-var Tag = (0, import_react115.forwardRef)((props, ref) => {
+var Tag = (0, import_react114.forwardRef)((props, ref) => {
   const {
     text,
     purpose = "default",
@@ -13773,7 +13758,7 @@ var Tag = (0, import_react115.forwardRef)((props, ref) => {
     ...rest
   } = props;
   const icon12 = tagTokens.wrapper.purpose[purpose].icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime268.jsxs)(
     Wrapper7,
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -13781,7 +13766,7 @@ var Tag = (0, import_react115.forwardRef)((props, ref) => {
       $purpose: purpose,
       $withIcon: Boolean(withIcon && icon12),
       children: [
-        withIcon && icon12 && /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+        withIcon && icon12 && /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
           StyledIcon5,
           {
             $purpose: purpose,
@@ -13789,7 +13774,7 @@ var Tag = (0, import_react115.forwardRef)((props, ref) => {
             iconSize: tagTokens.wrapper.icon.size
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(TextOverflowEllipsisInner, { children: children != null ? children : text })
+        /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(TextOverflowEllipsisInner, { children: children != null ? children : text })
       ]
     }
   );
@@ -13797,21 +13782,21 @@ var Tag = (0, import_react115.forwardRef)((props, ref) => {
 Tag.displayName = "Tag";
 
 // src/components/TextInput/TextInput.tsx
-var import_react117 = require("react");
-var import_styled_components98 = __toESM(require("styled-components"));
+var import_react116 = require("react");
+var import_styled_components97 = __toESM(require("styled-components"));
 
 // src/components/TextInput/CharCounter.tsx
-var import_react116 = require("react");
-var import_styled_components96 = __toESM(require("styled-components"));
-var import_jsx_runtime270 = require("react/jsx-runtime");
-var Wrapper8 = (0, import_styled_components96.default)(Typography)`
+var import_react115 = require("react");
+var import_styled_components95 = __toESM(require("styled-components"));
+var import_jsx_runtime269 = require("react/jsx-runtime");
+var Wrapper8 = (0, import_styled_components95.default)(Typography)`
   margin-left: auto;
 `;
 function CharCounter(props) {
   const { current, max, id, className, htmlProps, ...rest } = props;
-  const generatedId = (0, import_react116.useId)();
+  const generatedId = (0, import_react115.useId)();
   const uniqueId = id != null ? id : `${generatedId}-characterCounter`;
-  return /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)(
     Wrapper8,
     {
       ...getBaseHTMLProps(uniqueId, className, htmlProps, rest),
@@ -13829,12 +13814,12 @@ function CharCounter(props) {
 var CharCounter_default = CharCounter;
 
 // src/components/TextInput/TextInput.styles.tsx
-var import_dds_design_tokens61 = require("@norges-domstoler/dds-design-tokens");
-var import_styled_components97 = __toESM(require("styled-components"));
+var import_dds_design_tokens62 = require("@norges-domstoler/dds-design-tokens");
+var import_styled_components96 = __toESM(require("styled-components"));
 
 // src/components/TextInput/TextInput.tokens.tsx
-var import_dds_design_tokens60 = require("@norges-domstoler/dds-design-tokens");
-var { colors: colors34, spacing: spacing38, iconSizes: iconSizes4 } = import_dds_design_tokens60.ddsBaseTokens;
+var import_dds_design_tokens61 = require("@norges-domstoler/dds-design-tokens");
+var { colors: colors34, spacing: spacing38, iconSizes: iconSizes4 } = import_dds_design_tokens61.ddsBaseTokens;
 var input5 = {
   withIcon: {
     medium: {
@@ -13877,33 +13862,33 @@ var textInputTokens = {
 };
 
 // src/components/TextInput/TextInput.styles.tsx
-var { iconSizes: iconSizes5 } = import_dds_design_tokens61.ddsBaseTokens;
+var { iconSizes: iconSizes5 } = import_dds_design_tokens62.ddsBaseTokens;
 var { input: input6, icon: icon11 } = textInputTokens;
-var MessageContainer2 = import_styled_components97.default.div`
+var MessageContainer2 = import_styled_components96.default.div`
   display: flex;
   justify-content: space-between;
 `;
-var StyledIcon6 = (0, import_styled_components97.default)(Icon)`
+var StyledIcon6 = (0, import_styled_components96.default)(Icon)`
   position: absolute;
   color: ${icon11.color};
-  ${({ $size, iconSize }) => import_styled_components97.css`
+  ${({ $size, iconSize }) => import_styled_components96.css`
     left: ${icon11.sizes[$size].left};
-    ${iconSize === "small" ? import_styled_components97.css`
+    ${iconSize === "small" ? import_styled_components96.css`
           top: ${`calc(50% - ${iconSizes5.DdsIconsizeSmallNumberPx / 2}px)`};
-        ` : import_styled_components97.css`
+        ` : import_styled_components96.css`
           top: ${`calc(50% - ${iconSizes5.DdsIconsizeMediumNumberPx / 2}px)`};
         `}
   `}
   z-index: 1;
 `;
-var StyledInput = (0, import_styled_components97.default)(StatefulInput)`
-  ${({ componentSize, $hasIcon }) => $hasIcon && componentSize && import_styled_components97.css`
+var StyledInput = (0, import_styled_components96.default)(StatefulInput)`
+  ${({ componentSize, $hasIcon }) => $hasIcon && componentSize && import_styled_components96.css`
       padding-left: ${input6.withIcon[componentSize].paddingLeft};
     `}
 `;
 
 // src/components/TextInput/TextInput.tsx
-var import_jsx_runtime271 = require("react/jsx-runtime");
+var import_jsx_runtime270 = require("react/jsx-runtime");
 var defaultWidth6 = "320px";
 var defaultTinyWidth = "210px";
 var getWidth = (size2, width) => {
@@ -13914,7 +13899,7 @@ var getWidth = (size2, width) => {
   }
   return defaultWidth6;
 };
-var Affix = import_styled_components98.default.span`
+var Affix = import_styled_components97.default.span`
   position: absolute;
   height: 100%;
   top: 50%;
@@ -13924,31 +13909,31 @@ var Affix = import_styled_components98.default.span`
   pointer-events: none;
   z-index: 1;
 `;
-var Prefix = (0, import_styled_components98.default)(Affix)`
+var Prefix = (0, import_styled_components97.default)(Affix)`
   left: 0;
   margin-left: 8px;
   padding-right: 8px;
   border-right: 1px solid ${textInputTokens.affix.border.color};
 
-  ${({ readOnly }) => readOnly && import_styled_components98.css`
+  ${({ readOnly }) => readOnly && import_styled_components97.css`
       margin-left: 0;
       padding-right: 0.5ch;
       border-right: none;
     `};
 `;
-var Suffix = (0, import_styled_components98.default)(Affix)`
+var Suffix = (0, import_styled_components97.default)(Affix)`
   right: 0;
   margin-right: 8px;
   padding-left: 8px;
   border-left: 1px solid ${textInputTokens.affix.border.color};
 
-  ${({ readOnly }) => readOnly && import_styled_components98.css`
+  ${({ readOnly }) => readOnly && import_styled_components97.css`
       margin-right: 0;
       padding-left: 0.5ch;
       border-left: none;
     `};
 `;
-var TextInput2 = (0, import_react117.forwardRef)(
+var TextInput2 = (0, import_react116.forwardRef)(
   ({
     label: label3,
     disabled,
@@ -13974,14 +13959,14 @@ var TextInput2 = (0, import_react117.forwardRef)(
     suffix,
     ...rest
   }, ref) => {
-    const [text, setText] = (0, import_react117.useState)(
+    const [text, setText] = (0, import_react116.useState)(
       getDefaultText(value, defaultValue)
     );
-    const prefixRef = (0, import_react117.useRef)(null);
-    const suffixRef = (0, import_react117.useRef)(null);
-    const [prefixLength, setPrefixLength] = (0, import_react117.useState)(0);
-    const [suffixLength, setSuffixLength] = (0, import_react117.useState)(0);
-    (0, import_react117.useLayoutEffect)(() => {
+    const prefixRef = (0, import_react116.useRef)(null);
+    const suffixRef = (0, import_react116.useRef)(null);
+    const [prefixLength, setPrefixLength] = (0, import_react116.useState)(0);
+    const [suffixLength, setSuffixLength] = (0, import_react116.useState)(0);
+    (0, import_react116.useLayoutEffect)(() => {
       if (prefixRef.current) {
         setPrefixLength(prefixRef.current.offsetWidth);
       }
@@ -13995,7 +13980,7 @@ var TextInput2 = (0, import_react117.forwardRef)(
         onChange(event);
       }
     };
-    const generatedId = (0, import_react117.useId)();
+    const generatedId = (0, import_react116.useId)();
     const uniqueId = id != null ? id : `${generatedId}-textInput`;
     const hasErrorMessage = !!errorMessage;
     const hasTip = !!tip;
@@ -14037,8 +14022,8 @@ var TextInput2 = (0, import_react117.forwardRef)(
     const showRequiredStyling = !!(required || ariaRequired);
     let extendedInput = null;
     if (hasIcon) {
-      extendedInput = /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(InputContainer, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+      extendedInput = /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(InputContainer, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
           StyledIcon6,
           {
             icon: icon12,
@@ -14046,7 +14031,7 @@ var TextInput2 = (0, import_react117.forwardRef)(
             $size: componentSize
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
           StyledInput,
           {
             ref,
@@ -14059,9 +14044,9 @@ var TextInput2 = (0, import_react117.forwardRef)(
         )
       ] });
     } else if (hasAffix) {
-      extendedInput = /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(InputAffixContainer, { children: [
-        prefix2 && /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Prefix, { readOnly, ref: prefixRef, "aria-hidden": true, children: prefix2 }),
-        /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+      extendedInput = /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(InputAffixContainer, { children: [
+        prefix2 && /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Prefix, { readOnly, ref: prefixRef, "aria-hidden": true, children: prefix2 }),
+        /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
           StatefulInput,
           {
             ref,
@@ -14073,12 +14058,12 @@ var TextInput2 = (0, import_react117.forwardRef)(
             ...generalInputProps
           }
         ),
-        suffix && /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Suffix, { readOnly, ref: suffixRef, "aria-hidden": true, children: suffix })
+        suffix && /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Suffix, { readOnly, ref: suffixRef, "aria-hidden": true, children: suffix })
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(OuterInputContainer, { ...outerInputContainerProps, children: [
-      hasLabel && /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Label, { htmlFor: uniqueId, showRequiredStyling, children: label3 }),
-      extendedInput ? extendedInput : /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(OuterInputContainer, { ...outerInputContainerProps, children: [
+      hasLabel && /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Label, { htmlFor: uniqueId, showRequiredStyling, children: label3 }),
+      extendedInput ? extendedInput : /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
         StatefulInput,
         {
           ref,
@@ -14088,9 +14073,9 @@ var TextInput2 = (0, import_react117.forwardRef)(
           ...generalInputProps
         }
       ),
-      hasMessage && /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(MessageContainer2, { children: [
+      hasMessage && /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(MessageContainer2, { children: [
         renderInputMessage(tip, tipId, errorMessage, errorMessageId),
-        maxLength && Number.isInteger(maxLength) && maxLength > 0 && withCharacterCounter && /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+        maxLength && Number.isInteger(maxLength) && maxLength > 0 && withCharacterCounter && /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
           CharCounter_default,
           {
             id: characterCounterId,
@@ -14105,20 +14090,20 @@ var TextInput2 = (0, import_react117.forwardRef)(
 TextInput2.displayName = "TextInput";
 
 // src/components/ToggleBar/ToggleBar.tsx
-var import_react119 = require("react");
-var import_styled_components99 = __toESM(require("styled-components"));
+var import_react118 = require("react");
+var import_styled_components98 = __toESM(require("styled-components"));
 
 // src/components/ToggleBar/ToggleBar.context.tsx
-var import_react118 = require("react");
-var ToggleBarContext = (0, import_react118.createContext)({
+var import_react117 = require("react");
+var ToggleBarContext = (0, import_react117.createContext)({
   size: "medium"
 });
-var useToggleBarContext = () => (0, import_react118.useContext)(ToggleBarContext);
+var useToggleBarContext = () => (0, import_react117.useContext)(ToggleBarContext);
 
 // src/components/ToggleBar/ToggleBar.tokens.tsx
-var import_dds_design_tokens62 = require("@norges-domstoler/dds-design-tokens");
-var { colors: colors35, spacing: spacing39, border: border15, borderRadius: borderRadius11, fontPackages: fontPackages6 } = import_dds_design_tokens62.ddsBaseTokens;
-var typographyTypes7 = {
+var import_dds_design_tokens63 = require("@norges-domstoler/dds-design-tokens");
+var { colors: colors35, spacing: spacing39, border: border15, borderRadius: borderRadius11, fontPackages: fontPackages6 } = import_dds_design_tokens63.ddsBaseTokens;
+var typographyTypes6 = {
   large: "bodySans04",
   medium: "bodySans02",
   small: "bodySans01",
@@ -14140,7 +14125,7 @@ var iconSizeLarge = `${calculateHeightWithLineHeight(
   fontPackages6.body_sans_04.numbers.lineHeightNumber,
   fontPackages6.body_sans_04.numbers.fontSizeNumber
 )}px`;
-var outerContainer9 = {
+var outerContainer7 = {
   gap: spacing39.SizesDdsSpacingX0125
 };
 var label = {
@@ -14216,14 +14201,14 @@ var content5 = {
   }
 };
 var toggleBarTokens = {
-  outerContainer: outerContainer9,
+  outerContainer: outerContainer7,
   content: content5,
   label
 };
 
 // src/components/ToggleBar/ToggleBar.tsx
-var import_jsx_runtime272 = require("react/jsx-runtime");
-var OuterContainer4 = import_styled_components99.default.div`
+var import_jsx_runtime271 = require("react/jsx-runtime");
+var OuterContainer3 = import_styled_components98.default.div`
   display: flex;
   flex-direction: column;
   gap: ${toggleBarTokens.outerContainer.gap};
@@ -14231,11 +14216,11 @@ var OuterContainer4 = import_styled_components99.default.div`
   *::selection {
     ${selection}
   }
-  ${({ $width }) => $width && import_styled_components99.css`
+  ${({ $width }) => $width && import_styled_components98.css`
       width: ${$width};
     `}
 `;
-var Bar2 = import_styled_components99.default.div`
+var Bar3 = import_styled_components98.default.div`
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: 1fr;
@@ -14254,15 +14239,15 @@ var ToggleBar = (props) => {
     id,
     ...rest
   } = props;
-  const generatedId = (0, import_react119.useId)();
+  const generatedId = (0, import_react118.useId)();
   const uniqueId = id != null ? id : `${generatedId}-ToggleBar`;
-  const [groupValue, setGroupValue] = (0, import_react119.useState)(value);
+  const [groupValue, setGroupValue] = (0, import_react118.useState)(value);
   const handleChange = combineHandlers(
     (e) => setGroupValue(e.target.value),
     (e) => onChange && onChange(e, e.target.value)
   );
   const labelId = label3 && `${uniqueId}-label`;
-  return /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
     ToggleBarContext.Provider,
     {
       value: {
@@ -14271,16 +14256,16 @@ var ToggleBar = (props) => {
         name,
         value: groupValue
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(
-        OuterContainer4,
+      children: /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(
+        OuterContainer3,
         {
           ...getBaseHTMLProps(id, className, htmlProps, rest),
           role: "radiogroup",
           "aria-labelledby": labelId != null ? labelId : htmlProps == null ? void 0 : htmlProps["aria-labelledby"],
           $width: width,
           children: [
-            label3 && /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(Typography, { typographyType: "supportingStyleLabel01", id: labelId, children: label3 }),
-            /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(Bar2, { children })
+            label3 && /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Typography, { typographyType: "supportingStyleLabel01", id: labelId, children: label3 }),
+            /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Bar3, { children })
           ]
         }
       )
@@ -14290,12 +14275,12 @@ var ToggleBar = (props) => {
 ToggleBar.displayName = "ToggleBar";
 
 // src/components/ToggleBar/ToggleRadio.tsx
-var import_react120 = require("react");
+var import_react119 = require("react");
 
 // src/components/ToggleBar/ToggleRadio.styles.tsx
-var import_styled_components100 = __toESM(require("styled-components"));
+var import_styled_components99 = __toESM(require("styled-components"));
 var { content: content6, label: label2 } = toggleBarTokens;
-var Content2 = import_styled_components100.default.span`
+var Content2 = import_styled_components99.default.span`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -14313,18 +14298,18 @@ var Content2 = import_styled_components100.default.span`
   }
   background-color: ${content6.base.backgroundColor};
 
-  ${({ $size, $justIcon }) => import_styled_components100.css`
-    ${$justIcon ? import_styled_components100.css`
+  ${({ $size, $justIcon }) => import_styled_components99.css`
+    ${$justIcon ? import_styled_components99.css`
           font-size: ${content6.size[$size].justIcon.fontSize};
           padding: ${content6.size[$size].justIcon.padding};
-        ` : import_styled_components100.css`
+        ` : import_styled_components99.css`
           gap: ${content6.size[$size].withText.gap};
           padding: ${content6.size[$size].withText.padding};
-          ${getFontStyling(typographyTypes7[$size])}
+          ${getFontStyling(typographyTypes6[$size])}
         `}
   `}
 `;
-var Label3 = import_styled_components100.default.label`
+var Label3 = import_styled_components99.default.label`
   ${Content2} {
     border-right: ${label2.base.borderRight};
     border-top: ${label2.base.borderTop};
@@ -14362,7 +14347,7 @@ var Label3 = import_styled_components100.default.label`
 `;
 
 // src/components/ToggleBar/ToggleRadio.tsx
-var import_jsx_runtime273 = require("react/jsx-runtime");
+var import_jsx_runtime272 = require("react/jsx-runtime");
 var calculateChecked = (value, group4, checked) => {
   if (typeof checked !== "undefined")
     return checked;
@@ -14374,7 +14359,7 @@ var calculateChecked = (value, group4, checked) => {
   }
   return !!value;
 };
-var ToggleRadio = (0, import_react120.forwardRef)(
+var ToggleRadio = (0, import_react119.forwardRef)(
   (props, ref) => {
     const {
       value,
@@ -14388,15 +14373,15 @@ var ToggleRadio = (0, import_react120.forwardRef)(
       id,
       ...rest
     } = props;
-    const generatedId = (0, import_react120.useId)();
+    const generatedId = (0, import_react119.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_runtime273.jsxs)(Label3, { size: group4.size, htmlFor: uniqueId, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(Label3, { size: group4.size, htmlFor: uniqueId, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
         HiddenInput,
         {
           ...getBaseHTMLProps(uniqueId, className, htmlProps, rest),
@@ -14408,9 +14393,9 @@ var ToggleRadio = (0, import_react120.forwardRef)(
           checked: calculateChecked(value, group4, checked)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)(Content2, { $size: group4.size, $justIcon: !!icon12 && !label3, children: [
-        icon12 && /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Icon, { icon: icon12, iconSize: "inherit" }),
-        label3 && /* @__PURE__ */ (0, import_jsx_runtime273.jsx)("span", { children: label3 })
+      /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(Content2, { $size: group4.size, $justIcon: !!icon12 && !label3, children: [
+        icon12 && /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(Icon, { icon: icon12, iconSize: "inherit" }),
+        label3 && /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("span", { children: label3 })
       ] })
     ] });
   }
@@ -14418,12 +14403,12 @@ var ToggleRadio = (0, import_react120.forwardRef)(
 ToggleRadio.displayName = "ToggleRadio";
 
 // src/components/ToggleButton/ToggleButton.tsx
-var import_react121 = require("react");
-var import_styled_components101 = __toESM(require("styled-components"));
+var import_react120 = require("react");
+var import_styled_components100 = __toESM(require("styled-components"));
 
 // src/components/ToggleButton/ToggleButton.tokens.tsx
-var import_dds_design_tokens63 = require("@norges-domstoler/dds-design-tokens");
-var { colors: colors36, spacing: spacing40 } = import_dds_design_tokens63.ddsBaseTokens;
+var import_dds_design_tokens64 = require("@norges-domstoler/dds-design-tokens");
+var { colors: colors36, spacing: spacing40 } = import_dds_design_tokens64.ddsBaseTokens;
 var { button: button2 } = buttonTokens;
 var { selectionControl: selectionControl3 } = selectionControlTokens;
 var typographyType6 = typographyTypes.small;
@@ -14454,9 +14439,9 @@ var toggleButtonTokens = {
 };
 
 // src/components/ToggleButton/ToggleButton.tsx
-var import_jsx_runtime274 = require("react/jsx-runtime");
+var import_jsx_runtime273 = require("react/jsx-runtime");
 var { toggleButton: toggleButton2 } = toggleButtonTokens;
-var Content3 = import_styled_components101.default.span`
+var Content3 = import_styled_components100.default.span`
   display: flex;
   align-items: center;
   width: 100%;
@@ -14478,7 +14463,7 @@ var Content3 = import_styled_components101.default.span`
       ${focusVisibleTransitionValue};
   }
 
-  ${({ $hasIcon }) => $hasIcon && import_styled_components101.css`
+  ${({ $hasIcon }) => $hasIcon && import_styled_components100.css`
       gap: ${toggleButton2.gap};
     `}
 
@@ -14492,7 +14477,7 @@ var Content3 = import_styled_components101.default.span`
     border-color: ${toggleButton2.hover.borderColor};
   }
 `;
-var Container16 = import_styled_components101.default.label`
+var Container16 = import_styled_components100.default.label`
   width: fit-content;
   ${HiddenInput}:checked + ${Content3} {
     background-color: ${toggleButton2.checked.backgroundColor};
@@ -14508,12 +14493,12 @@ var Container16 = import_styled_components101.default.label`
     ${focusVisible}
   }
 `;
-var ToggleButton = (0, import_react121.forwardRef)(
+var ToggleButton = (0, import_react120.forwardRef)(
   ({ id, label: label3, icon: icon12, className, htmlProps, ...rest }, ref) => {
-    const generatedId = (0, import_react121.useId)();
+    const generatedId = (0, import_react120.useId)();
     const uniqueId = id != null ? id : `${generatedId}-toggleButton`;
-    return /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)(Container16, { htmlFor: uniqueId, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)(Container16, { htmlFor: uniqueId, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
         HiddenInput,
         {
           ...getBaseHTMLProps(uniqueId, className, htmlProps, rest),
@@ -14521,8 +14506,8 @@ var ToggleButton = (0, import_react121.forwardRef)(
           type: "checkbox"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)(Content3, { $hasIcon: !!icon12, children: [
-        icon12 && /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(Icon, { icon: icon12, iconSize: "inherit" }),
+      /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)(Content3, { $hasIcon: !!icon12, children: [
+        icon12 && /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Icon, { icon: icon12, iconSize: "inherit" }),
         " ",
         label3
       ] })
@@ -14532,18 +14517,18 @@ var ToggleButton = (0, import_react121.forwardRef)(
 ToggleButton.displayName = "ToggleButton";
 
 // src/components/ToggleButton/ToggleButtonGroup.tsx
-var import_react122 = require("react");
-var import_styled_components102 = __toESM(require("styled-components"));
-var import_jsx_runtime275 = require("react/jsx-runtime");
-var Group2 = import_styled_components102.default.div`
+var import_react121 = require("react");
+var import_styled_components101 = __toESM(require("styled-components"));
+var import_jsx_runtime274 = require("react/jsx-runtime");
+var Group2 = import_styled_components101.default.div`
   gap: ${toggleButtonTokens.group.gap};
   display: flex;
   flex-wrap: wrap;
-  ${({ direction }) => import_styled_components102.css`
+  ${({ direction }) => import_styled_components101.css`
     flex-direction: ${direction};
   `}
 `;
-var Container17 = import_styled_components102.default.div`
+var Container17 = import_styled_components101.default.div`
   display: flex;
   flex-direction: column;
   gap: ${toggleButtonTokens.container.gap};
@@ -14559,7 +14544,7 @@ var ToggleButtonGroup = (props) => {
     htmlProps,
     ...rest
   } = props;
-  const generatedId = (0, import_react122.useId)();
+  const generatedId = (0, import_react121.useId)();
   const uniqueLabelId = labelId != null ? labelId : `${generatedId}-ToggleButtonGroupLabel`;
   const groupProps = {
     direction
@@ -14569,8 +14554,8 @@ var ToggleButtonGroup = (props) => {
     role: "group",
     "aria-labelledby": label3 ? uniqueLabelId : void 0
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime275.jsxs)(Container17, { ...containerProps, children: [
-    !!label3 && /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)(Container17, { ...containerProps, children: [
+    !!label3 && /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
       Typography,
       {
         as: "span",
@@ -14579,7 +14564,7 @@ var ToggleButtonGroup = (props) => {
         children: label3
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(Group2, { ...groupProps, children })
+    /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(Group2, { ...groupProps, children })
   ] });
 };
 ToggleButtonGroup.displayName = "ToggleButtonGroup";