@norges-domstoler/dds-components 17.5.1 → 17.5.3

package/dist/index.js

@@ -532,6 +532,9 @@ function handleElementWithBackdropUnmount(container) {
   window.scrollTo(0, scrollY * -1);
 }
 
+// src/components/helpers/Backdrop/Backdrop.tsx
+var import_react2 = require("react");
+
 // src/components/helpers/Backdrop/Backdrop.module.css
 var Backdrop_default = {
   backdrop: "Backdrop_backdrop",
@@ -756,16 +759,19 @@ function useElementHeight(element) {
 
 // src/components/helpers/Backdrop/Backdrop.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var Backdrop = ({ isMounted, ...props }) => {
-  const isMountedCn = isMounted ? "visible" : "hidden";
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "div",
-    {
-      className: cn(Backdrop_default.backdrop, Backdrop_default[`backdrop--${isMountedCn}`]),
-      ...props
-    }
-  );
-};
+var Backdrop = (0, import_react2.forwardRef)(
+  ({ isMounted, ...props }, ref) => {
+    const isMountedCn = isMounted ? "visible" : "hidden";
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "div",
+      {
+        ref,
+        className: cn(Backdrop_default.backdrop, Backdrop_default[`backdrop--${isMountedCn}`]),
+        ...props
+      }
+    );
+  }
+);
 Backdrop.displayName = "Backdrop";
 
 // src/components/helpers/Chevron/Chevron.module.css
@@ -821,9 +827,9 @@ var AnimatedChevronUpDown = ({
 };
 
 // src/components/helpers/ElementAs/ElementAs.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var ElementAs = (0, import_react2.forwardRef)(
+var ElementAs = (0, import_react3.forwardRef)(
   (props, ref) => {
     const { as, children, ...rest } = props;
     const As = as;
@@ -832,9 +838,9 @@ var ElementAs = (0, import_react2.forwardRef)(
 );
 
 // src/components/helpers/HiddenInput/HiddenInput.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var HiddenInput = (0, import_react3.forwardRef)(
+var HiddenInput = (0, import_react4.forwardRef)(
   (props, ref) => {
     const { className, ...rest } = props;
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -849,7 +855,7 @@ var HiddenInput = (0, import_react3.forwardRef)(
 );
 
 // src/components/helpers/Input/Input.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 
 // src/components/helpers/Input/Input.module.css
 var Input_default = {
@@ -871,7 +877,7 @@ var Input_default = {
 };
 
 // src/components/Typography/Caption/Caption.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 
 // src/types/Density.tsx
 function getDensityCn(value) {
@@ -941,7 +947,7 @@ function TextOverflowEllipsisInner({
 }
 
 // src/components/Typography/Typography/Typography.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // src/components/Typography/Typography/Typography.module.css
 var Typography_default = {
@@ -2407,7 +2413,7 @@ function HelpSimpleIcon(props) {
 // src/components/Typography/Typography/Typography.tsx
 var import_jsx_runtime167 = require("react/jsx-runtime");
 var isAnchorProps = (props) => props.typographyType === "a";
-var Typography = (0, import_react4.forwardRef)(
+var Typography = (0, import_react5.forwardRef)(
   (props, ref) => {
     const {
       typographyType = "bodySans02",
@@ -2482,7 +2488,7 @@ Typography.displayName = "Typography";
 
 // src/components/Typography/Caption/Caption.tsx
 var import_jsx_runtime168 = require("react/jsx-runtime");
-var Caption = (0, import_react5.forwardRef)(
+var Caption = (0, import_react6.forwardRef)(
   (props, ref) => {
     const { id, className, htmlProps, children, ...rest } = props;
     return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
@@ -2500,12 +2506,12 @@ var Caption = (0, import_react5.forwardRef)(
 Caption.displayName = "Caption";
 
 // src/components/Typography/Heading/Heading.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 
 // src/hooks/useCombinedRefs.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 function useCombinedRef(...refs) {
-  return (0, import_react6.useCallback)((element) => {
+  return (0, import_react7.useCallback)((element) => {
     refs.filter(Boolean).forEach((ref) => {
       if (typeof ref === "function") ref(element);
       else if (ref && typeof ref === "object")
@@ -2600,10 +2606,10 @@ function placementToArrowPlacement(placement) {
 }
 
 // src/hooks/useFocusTrap.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 function useFocusTrap(active, initialFocusRef = void 0) {
-  const elementRef = (0, import_react7.useRef)(null);
-  (0, import_react7.useEffect)(() => {
+  const elementRef = (0, import_react8.useRef)(null);
+  (0, import_react8.useEffect)(() => {
     function handleFocus(e) {
       if (e.key !== "Tab" || !active || !elementRef.current) return;
       const focusableElements = getFocusableElements(elementRef);
@@ -2635,23 +2641,23 @@ function useFocusTrap(active, initialFocusRef = void 0) {
 }
 
 // src/hooks/useIsMounted.ts
-var import_react8 = require("react");
+var import_react9 = require("react");
 var useIsMounted = () => {
-  const isMounted = (0, import_react8.useRef)(false);
-  (0, import_react8.useEffect)(() => {
+  const isMounted = (0, import_react9.useRef)(false);
+  (0, import_react9.useEffect)(() => {
     isMounted.current = true;
     return () => {
       isMounted.current = false;
     };
   }, []);
-  return (0, import_react8.useCallback)(() => isMounted.current, []);
+  return (0, import_react9.useCallback)(() => isMounted.current, []);
 };
 
 // src/hooks/useMountTransition.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 var useMountTransition = (isMounted, unmountDelay) => {
-  const [hasTransitionedIn, setHasTransitionedIn] = (0, import_react9.useState)(false);
-  (0, import_react9.useEffect)(() => {
+  const [hasTransitionedIn, setHasTransitionedIn] = (0, import_react10.useState)(false);
+  (0, import_react10.useEffect)(() => {
     let timeoutId;
     if (isMounted && !hasTransitionedIn) setHasTransitionedIn(true);
     else if (!isMounted && hasTransitionedIn) {
@@ -2665,9 +2671,9 @@ var useMountTransition = (isMounted, unmountDelay) => {
 };
 
 // src/hooks/useOnClickOutside.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 function useOnClickOutside(element, handler) {
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const listener = (event) => {
       const elements = Array.isArray(element) ? element : [element];
       const hasClickedInside = elements.some(
@@ -2689,9 +2695,9 @@ function useOnClickOutside(element, handler) {
 }
 
 // src/hooks/useOnKeyDown.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var useOnKeyDown = (key, handler) => {
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const listener = (event) => {
       const keys = Array.isArray(key) ? key : [key];
       if (keys.indexOf(event.key) !== -1) {
@@ -2706,10 +2712,10 @@ var useOnKeyDown = (key, handler) => {
 };
 
 // src/hooks/useReturnFocusOnBlur.ts
-var import_react12 = require("react");
+var import_react13 = require("react");
 function useReturnFocusOnBlur(active, onBlur, triggerElement) {
-  const elementRef = (0, import_react12.useRef)(null);
-  (0, import_react12.useEffect)(() => {
+  const elementRef = (0, import_react13.useRef)(null);
+  (0, import_react13.useEffect)(() => {
     function handleFocus(e) {
       if (e.key !== "Tab" || !active || !elementRef.current || !triggerElement)
         return;
@@ -2735,13 +2741,13 @@ function useReturnFocusOnBlur(active, onBlur, triggerElement) {
 }
 
 // src/hooks/useRoveFocus.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var isKeyboardEvent = (e) => e.key !== void 0;
 function useRoveFocus(size2, active, direction = "column") {
-  const [currentFocusIndex, setCurrentFocusIndex] = (0, import_react13.useState)(-1);
+  const [currentFocusIndex, setCurrentFocusIndex] = (0, import_react14.useState)(-1);
   const nextKey = direction === "row" ? "ArrowRight" : "ArrowDown";
   const previousKey = direction === "row" ? "ArrowLeft" : "ArrowUp";
-  const handleKeyDown = (0, import_react13.useCallback)(
+  const handleKeyDown = (0, import_react14.useCallback)(
     (e) => {
       if (!size2 || !isKeyboardEvent(e)) return;
       if (e.key === nextKey) {
@@ -2757,7 +2763,7 @@ function useRoveFocus(size2, active, direction = "column") {
     },
     [size2, setCurrentFocusIndex]
   );
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!active) {
       setCurrentFocusIndex(-1);
       return;
@@ -2772,7 +2778,7 @@ function useRoveFocus(size2, active, direction = "column") {
 
 // src/hooks/useScreenSize.tsx
 var import_dds_design_tokens4 = require("@norges-domstoler/dds-design-tokens");
-var import_react14 = require("react");
+var import_react15 = require("react");
 var ScreenSize = /* @__PURE__ */ ((ScreenSize2) => {
   ScreenSize2[ScreenSize2["XSmall"] = 0] = "XSmall";
   ScreenSize2[ScreenSize2["Small"] = 1] = "Small";
@@ -2804,8 +2810,8 @@ var screenSizesAndMediaQueries = [
   ]
 ];
 var useScreenSize = function() {
-  const [screenSize, setScreenSize] = (0, import_react14.useState)(3 /* Large */);
-  (0, import_react14.useEffect)(() => {
+  const [screenSize, setScreenSize] = (0, import_react15.useState)(3 /* Large */);
+  (0, import_react15.useEffect)(() => {
     function listener() {
       for (const [screenSize2, mediaQuery] of screenSizesAndMediaQueries) {
         if (window.matchMedia(mediaQuery).matches) {
@@ -2858,7 +2864,7 @@ var scaledTypographyType = (type) => {
       return type;
   }
 };
-var Heading = (0, import_react15.forwardRef)(
+var Heading = (0, import_react16.forwardRef)(
   (props, ref) => {
     const {
       id,
@@ -2885,7 +2891,7 @@ var Heading = (0, import_react15.forwardRef)(
 Heading.displayName = "Heading";
 
 // src/components/Typography/Label/Label.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // src/components/Typography/Label/Label.module.css
 var Label_default = {
@@ -2895,7 +2901,7 @@ var Label_default = {
 
 // src/components/Typography/Label/Label.tsx
 var import_jsx_runtime170 = require("react/jsx-runtime");
-var Label = (0, import_react16.forwardRef)((props, ref) => {
+var Label = (0, import_react17.forwardRef)((props, ref) => {
   const {
     showRequiredStyling,
     readOnly,
@@ -2934,9 +2940,9 @@ var Label = (0, import_react16.forwardRef)((props, ref) => {
 Label.displayName = "Label";
 
 // src/components/Typography/Legend/Legend.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_jsx_runtime171 = require("react/jsx-runtime");
-var Legend = (0, import_react17.forwardRef)(
+var Legend = (0, import_react18.forwardRef)(
   (props, ref) => {
     const { id, className, htmlProps, children, ...rest } = props;
     return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
@@ -2954,9 +2960,9 @@ var Legend = (0, import_react17.forwardRef)(
 Legend.displayName = "Legend";
 
 // src/components/Typography/Link/Link.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_jsx_runtime172 = require("react/jsx-runtime");
-var Link = (0, import_react18.forwardRef)((props, ref) => {
+var Link = (0, import_react19.forwardRef)((props, ref) => {
   const {
     id,
     className,
@@ -3000,9 +3006,9 @@ var Link = (0, import_react18.forwardRef)((props, ref) => {
 Link.displayName = "Link";
 
 // src/components/Typography/Paragraph/Paragraph.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_jsx_runtime173 = require("react/jsx-runtime");
-var Paragraph = (0, import_react19.forwardRef)(
+var Paragraph = (0, import_react20.forwardRef)(
   (props, ref) => {
     const {
       id,
@@ -3032,7 +3038,7 @@ var inputTypographyTypes = {
   small: "bodySans01",
   tiny: "supportingStyleTiny01"
 };
-var Input = (0, import_react20.forwardRef)((props, ref) => {
+var Input = (0, import_react21.forwardRef)((props, ref) => {
   const { className, ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
     "input",
@@ -3044,7 +3050,7 @@ var Input = (0, import_react20.forwardRef)((props, ref) => {
   );
 });
 Input.displayName = "Input";
-var StatefulInput = (0, import_react20.forwardRef)(
+var StatefulInput = (0, import_react21.forwardRef)(
   (props, ref) => {
     const {
       className,
@@ -3071,11 +3077,11 @@ var StatefulInput = (0, import_react20.forwardRef)(
 StatefulInput.displayName = "StatefulInput";
 
 // src/components/helpers/Input/CharCounter.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_jsx_runtime175 = require("react/jsx-runtime");
 function CharCounter(props) {
   const { current, max, id, className, htmlProps, ...rest } = props;
-  const generatedId = (0, import_react21.useId)();
+  const generatedId = (0, import_react22.useId)();
   const uniqueId = id != null ? id : `${generatedId}-characterCounter`;
   return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(
     Typography,
@@ -3114,7 +3120,7 @@ function getDefaultText(value, defaultValue) {
 }
 
 // src/components/helpers/Paper/Paper.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 
 // src/components/helpers/Paper/Paper.module.css
 var Paper_default = {
@@ -3130,7 +3136,7 @@ var Paper_default = {
 
 // src/components/helpers/Paper/Paper.tsx
 var import_jsx_runtime176 = require("react/jsx-runtime");
-var Paper = (0, import_react22.forwardRef)((props, ref) => {
+var Paper = (0, import_react23.forwardRef)((props, ref) => {
   const { elevation, border, className, ...rest } = props;
   const borderCn = border === "default" || border === "subtle" ? border : "on-inverse";
   return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
@@ -3319,7 +3325,7 @@ var isPropValid = /* @__PURE__ */ memoize(
 );
 
 // ../../node_modules/.pnpm/styled-components@6.1.13_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/styled-components/dist/styled-components.esm.js
-var import_react23 = __toESM(require("react"));
+var import_react24 = __toESM(require("react"));
 var import_shallowequal = __toESM(require_shallowequal());
 
 // ../../node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Enum.js
@@ -3999,7 +4005,7 @@ var P = function(t, n) {
       console.error = function(t2) {
         for (var n2 = [], r3 = 1; r3 < arguments.length; r3++) n2[r3 - 1] = arguments[r3];
         E.test(t2) ? (a2 = false, N.delete(s2)) : i2.apply(void 0, __spreadArray([t2], n2, false));
-      }, (0, import_react23.useRef)(), a2 && !N.has(s2) && (console.warn(s2), N.add(s2));
+      }, (0, import_react24.useRef)(), a2 && !N.has(s2) && (console.warn(s2), N.add(s2));
     } catch (e) {
       E.test(e.message) && N.delete(s2);
     } finally {
@@ -4337,26 +4343,26 @@ function Fe(e) {
 }
 var Me = new ke();
 var ze = Fe();
-var $e = import_react23.default.createContext({ shouldForwardProp: void 0, styleSheet: Me, stylis: ze });
+var $e = import_react24.default.createContext({ shouldForwardProp: void 0, styleSheet: Me, stylis: ze });
 var Be = $e.Consumer;
-var Le = import_react23.default.createContext(void 0);
+var Le = import_react24.default.createContext(void 0);
 function Ge() {
-  return (0, import_react23.useContext)($e);
+  return (0, import_react24.useContext)($e);
 }
 function Ye(e) {
-  var t = (0, import_react23.useState)(e.stylisPlugins), n = t[0], o2 = t[1], c2 = Ge().styleSheet, l2 = (0, import_react23.useMemo)(function() {
+  var t = (0, import_react24.useState)(e.stylisPlugins), n = t[0], o2 = t[1], c2 = Ge().styleSheet, l2 = (0, import_react24.useMemo)(function() {
     var t2 = c2;
     return e.sheet ? t2 = e.sheet : e.target && (t2 = t2.reconstructWithOptions({ target: e.target }, false)), e.disableCSSOMInjection && (t2 = t2.reconstructWithOptions({ useCSSOMInjection: false })), t2;
-  }, [e.disableCSSOMInjection, e.sheet, e.target, c2]), u2 = (0, import_react23.useMemo)(function() {
+  }, [e.disableCSSOMInjection, e.sheet, e.target, c2]), u2 = (0, import_react24.useMemo)(function() {
     return Fe({ options: { namespace: e.namespace, prefix: e.enableVendorPrefixes }, plugins: n });
   }, [e.enableVendorPrefixes, e.namespace, n]);
-  (0, import_react23.useEffect)(function() {
+  (0, import_react24.useEffect)(function() {
     (0, import_shallowequal.default)(n, e.stylisPlugins) || o2(e.stylisPlugins);
   }, [e.stylisPlugins]);
-  var d = (0, import_react23.useMemo)(function() {
+  var d = (0, import_react24.useMemo)(function() {
     return { shouldForwardProp: e.shouldForwardProp, styleSheet: l2, stylis: u2 };
   }, [e.shouldForwardProp, l2, u2]);
-  return import_react23.default.createElement($e.Provider, { value: d }, import_react23.default.createElement(Le.Provider, { value: u2 }, e.children));
+  return import_react24.default.createElement($e.Provider, { value: d }, import_react24.default.createElement(Le.Provider, { value: u2 }, e.children));
 }
 var qe = function() {
   function e(e2, t) {
@@ -4448,7 +4454,7 @@ var Qe = function() {
     return r2;
   }, e;
 }();
-var et = import_react23.default.createContext(void 0);
+var et = import_react24.default.createContext(void 0);
 var tt = et.Consumer;
 var ot = {};
 var st = /* @__PURE__ */ new Set();
@@ -4473,8 +4479,8 @@ function it(e, o2, s2) {
   var N2 = new Qe(s2, g2, i2 ? a2.componentStyle : void 0);
   function O2(e2, o3) {
     return function(e3, o4, s3) {
-      var i3 = e3.attrs, a3 = e3.componentStyle, c3 = e3.defaultProps, p3 = e3.foldedComponentIds, d2 = e3.styledComponentId, h2 = e3.target, f3 = import_react23.default.useContext(et), m3 = Ge(), y3 = e3.shouldForwardProp || m3.shouldForwardProp;
-      "production" !== process.env.NODE_ENV && (0, import_react23.useDebugValue)(d2);
+      var i3 = e3.attrs, a3 = e3.componentStyle, c3 = e3.defaultProps, p3 = e3.foldedComponentIds, d2 = e3.styledComponentId, h2 = e3.target, f3 = import_react24.default.useContext(et), m3 = Ge(), y3 = e3.shouldForwardProp || m3.shouldForwardProp;
+      "production" !== process.env.NODE_ENV && (0, import_react24.useDebugValue)(d2);
       var v2 = I(o4, f3, c3) || C, g3 = function(e4, n, r2) {
         for (var o5, s4 = __assign(__assign({}, n), { className: void 0, theme: r2 }), i4 = 0; i4 < e4.length; i4 += 1) {
           var a4 = oe(o5 = e4[i4]) ? o5(s4) : o5;
@@ -4485,15 +4491,15 @@ function it(e, o2, s2) {
       for (var b2 in g3) void 0 === g3[b2] || "$" === b2[0] || "as" === b2 || "theme" === b2 && g3.theme === v2 || ("forwardedAs" === b2 ? w3.as = g3.forwardedAs : y3 && !y3(b2, S3) || (w3[b2] = g3[b2], y3 || "development" !== process.env.NODE_ENV || isPropValid(b2) || st.has(b2) || !A.has(S3) || (st.add(b2), console.warn('styled-components: it looks like an unknown prop "'.concat(b2, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
       var E3 = function(e4, t) {
         var n = Ge(), r2 = e4.generateAndInjectStyles(t, n.styleSheet, n.stylis);
-        return "production" !== process.env.NODE_ENV && (0, import_react23.useDebugValue)(r2), r2;
+        return "production" !== process.env.NODE_ENV && (0, import_react24.useDebugValue)(r2), r2;
       }(a3, g3);
       "production" !== process.env.NODE_ENV && e3.warnTooManyClasses && e3.warnTooManyClasses(E3);
       var N3 = ie(p3, d2);
-      return E3 && (N3 += " " + E3), g3.className && (N3 += " " + g3.className), w3[L(S3) && !A.has(S3) ? "class" : "className"] = N3, w3.ref = s3, (0, import_react23.createElement)(S3, w3);
+      return E3 && (N3 += " " + E3), g3.className && (N3 += " " + g3.className), w3[L(S3) && !A.has(S3) ? "class" : "className"] = N3, w3.ref = s3, (0, import_react24.createElement)(S3, w3);
     }(D2, e2, o3);
   }
   O2.displayName = y2;
-  var D2 = import_react23.default.forwardRef(O2);
+  var D2 = import_react24.default.forwardRef(O2);
   return D2.attrs = S2, D2.componentStyle = N2, D2.displayName = y2, D2.shouldForwardProp = w2, D2.foldedComponentIds = i2 ? ie(a2.foldedComponentIds, a2.styledComponentId) : "", D2.styledComponentId = g2, D2.target = i2 ? a2.target : e, Object.defineProperty(D2, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(e2) {
@@ -4577,14 +4583,14 @@ var gt = function() {
       var o2 = e2.instance.toString();
       if (!o2) return [];
       var s2 = ((n = {})[f] = "", n[y] = v, n.dangerouslySetInnerHTML = { __html: o2 }, n), i2 = Ce();
-      return i2 && (s2.nonce = i2), [import_react23.default.createElement("style", __assign({}, s2, { key: "sc-0-0" }))];
+      return i2 && (s2.nonce = i2), [import_react24.default.createElement("style", __assign({}, s2, { key: "sc-0-0" }))];
     }, this.seal = function() {
       e2.sealed = true;
     }, this.instance = new ke({ isServer: true }), this.sealed = false;
   }
   return e.prototype.collectStyles = function(e2) {
     if (this.sealed) throw he(2);
-    return import_react23.default.createElement(Ye, { sheet: this.instance }, e2);
+    return import_react24.default.createElement(Ye, { sheet: this.instance }, e2);
   }, e.prototype.interleaveWithNodeStream = function(e2) {
     if (S) throw he(3);
     if (this.sealed) throw he(2);
@@ -4620,7 +4626,7 @@ var visibilityTransition = (open) => {
 };
 
 // src/components/Accordion/Accordion.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 
 // src/components/Accordion/Accordion.module.css
 var Accordion_default = {
@@ -4632,7 +4638,7 @@ var Accordion_default = {
 };
 
 // src/components/helpers/AccordionBase/useAccordion.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 
 // src/components/helpers/AccordionBase/AccordionBase.module.css
 var AccordionBase_default = {
@@ -4652,8 +4658,8 @@ var useAccordion = ({
   id
 }) => {
   var _a;
-  const [isExpanded, setIsExpanded] = (0, import_react24.useState)(initiallyExpanded);
-  const generatedId = (0, import_react24.useId)();
+  const [isExpanded, setIsExpanded] = (0, import_react25.useState)(initiallyExpanded);
+  const generatedId = (0, import_react25.useId)();
   const accordionId = id != null ? id : `${generatedId}-accordion`;
   const openAccordion = () => {
     setIsExpanded(true);
@@ -4661,10 +4667,10 @@ var useAccordion = ({
   const closeAccordion = () => {
     setIsExpanded(false);
   };
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     setIsExpanded(isExpanded);
   }, [isExpanded]);
-  const toggleExpanded = (0, import_react24.useCallback)(() => {
+  const toggleExpanded = (0, import_react25.useCallback)(() => {
     setIsExpanded((prevExpanded) => {
       const newExpanded = !prevExpanded;
       if (onChange) {
@@ -4673,17 +4679,17 @@ var useAccordion = ({
       return newExpanded;
     });
   }, [onChange]);
-  const bodyContentRef = (0, import_react24.useRef)(null);
-  const [animate, setAnimate] = (0, import_react24.useState)(false);
+  const bodyContentRef = (0, import_react25.useRef)(null);
+  const [animate, setAnimate] = (0, import_react25.useState)(false);
   const isMounted = useIsMounted();
   const height = useElementHeight(bodyContentRef.current);
-  const [initialExpandedHeight, setIntialExpandedHeight] = (0, import_react24.useState)(null);
-  (0, import_react24.useLayoutEffect)(() => {
+  const [initialExpandedHeight, setIntialExpandedHeight] = (0, import_react25.useState)(null);
+  (0, import_react25.useLayoutEffect)(() => {
     if (bodyContentRef.current && isExpanded) {
       setIntialExpandedHeight(bodyContentRef.current.scrollHeight);
     }
   }, []);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (isMounted()) {
       setAnimate(true);
     }
@@ -4720,9 +4726,9 @@ var useAccordion = ({
 };
 
 // src/components/helpers/AccordionBase/AccordionContext.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_jsx_runtime177 = require("react/jsx-runtime");
-var AccordionContext = (0, import_react25.createContext)({});
+var AccordionContext = (0, import_react26.createContext)({});
 var AccordionContextProvider = ({
   children,
   ...values
@@ -4730,7 +4736,7 @@ var AccordionContextProvider = ({
   return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(AccordionContext.Provider, { value: values, children });
 };
 var useAccordionContext = () => {
-  const context = (0, import_react25.useContext)(AccordionContext);
+  const context = (0, import_react26.useContext)(AccordionContext);
   if (!context) {
     throw new Error(
       "useAccordionContext must be used within a AccordionContextProvider. Have you wrapped <AccordionHeader> and <AccordionBody> inside a <Accordion>, or <CardAccordionHeader> and <CardAccordionBody> inside a <CardAccordion>?"
@@ -4741,7 +4747,7 @@ var useAccordionContext = () => {
 
 // src/components/Accordion/Accordion.tsx
 var import_jsx_runtime178 = require("react/jsx-runtime");
-var Accordion = (0, import_react26.forwardRef)(
+var Accordion = (0, import_react27.forwardRef)(
   (props, ref) => {
     const {
       isExpanded = false,
@@ -4789,9 +4795,9 @@ Accordion.displayName = "Accordion";
 
 // src/components/Accordion/AccordionHeader.tsx
 var import_dds_design_tokens10 = require("@norges-domstoler/dds-design-tokens");
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_jsx_runtime179 = require("react/jsx-runtime");
-var AccordionHeader = (0, import_react27.forwardRef)((props, ref) => {
+var AccordionHeader = (0, import_react28.forwardRef)((props, ref) => {
   const {
     children,
     className,
@@ -4850,9 +4856,9 @@ var AccordionHeader = (0, import_react27.forwardRef)((props, ref) => {
 AccordionHeader.displayName = "AccordionHeader";
 
 // src/components/Accordion/AccordionBody.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_jsx_runtime180 = require("react/jsx-runtime");
-var AccordionBody = (0, import_react28.forwardRef)(
+var AccordionBody = (0, import_react29.forwardRef)(
   (props, ref) => {
     const { children, className, htmlProps, ...rest } = props;
     const { bodyContentRef, bodyProps } = useAccordionContext();
@@ -4886,7 +4892,7 @@ var AccordionBody = (0, import_react28.forwardRef)(
 AccordionBody.displayName = "AccordionBody";
 
 // src/components/BackLink/BackLink.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 
 // src/components/BackLink/BackLink.module.css
 var BackLink_default = {
@@ -4895,7 +4901,7 @@ var BackLink_default = {
 
 // src/components/BackLink/BackLink.tsx
 var import_jsx_runtime181 = require("react/jsx-runtime");
-var BackLink = (0, import_react29.forwardRef)((props, ref) => {
+var BackLink = (0, import_react30.forwardRef)((props, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("nav", { ref, "aria-label": "g\xE5 tilbake", children: /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(Link, { href: props.href, children: [
     /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
       Icon,
@@ -4911,12 +4917,12 @@ var BackLink = (0, import_react29.forwardRef)((props, ref) => {
 BackLink.displayName = "BackLink";
 
 // src/components/Breadcrumbs/Breadcrumb.tsx
-var import_react30 = require("react");
+var import_react31 = require("react");
 var import_jsx_runtime182 = require("react/jsx-runtime");
 var isAnchorTypographyProps = (props) => {
   return props.href != void 0;
 };
-var Breadcrumb = (0, import_react30.forwardRef)(
+var Breadcrumb = (0, import_react31.forwardRef)(
   (props, ref) => {
     const { children, ...rest } = props;
     if (isAnchorTypographyProps(props)) {
@@ -4928,7 +4934,7 @@ var Breadcrumb = (0, import_react30.forwardRef)(
 Breadcrumb.displayName = "Breadcrumb";
 
 // src/components/Breadcrumbs/Breadcrumbs.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 
 // src/components/Breadcrumbs/Breadcrumbs.module.css
 var Breadcrumbs_default = {
@@ -4951,7 +4957,7 @@ var Breadcrumbs_default = {
 
 // src/components/Button/Button.tsx
 var import_dds_design_tokens12 = require("@norges-domstoler/dds-design-tokens");
-var import_react32 = require("react");
+var import_react33 = require("react");
 
 // src/components/Button/Button.module.css
 var Button_default = {
@@ -4979,7 +4985,7 @@ var Button_default = {
 
 // src/components/Spinner/Spinner.tsx
 var import_dds_design_tokens11 = require("@norges-domstoler/dds-design-tokens");
-var import_react31 = require("react");
+var import_react32 = require("react");
 
 // src/components/Spinner/Spinner.module.css
 var Spinner_default = {
@@ -5001,10 +5007,10 @@ function Spinner(props) {
     htmlProps,
     ...rest
   } = props;
-  const mountTime = (0, import_react31.useRef)(Date.now());
+  const mountTime = (0, import_react32.useRef)(Date.now());
   const outerAnimationDelay = -(mountTime.current % 2e3);
   const innerAnimationDelay = -(mountTime.current % 1500);
-  const generatedId = (0, import_react31.useId)();
+  const generatedId = (0, import_react32.useId)();
   const uniqueId = `${generatedId}-spinnerTitle`;
   return /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)(
     "svg",
@@ -5050,7 +5056,7 @@ var typographyTypes = {
   small: "bodySans01",
   tiny: "supportingStyleTiny01"
 };
-var Button = (0, import_react32.forwardRef)(
+var Button = (0, import_react33.forwardRef)(
   (props, ref) => {
     const {
       children,
@@ -5165,12 +5171,12 @@ Button.displayName = "Button";
 
 // src/components/OverflowMenu/OverflowMenu.tsx
 var import_dds_design_tokens13 = require("@norges-domstoler/dds-design-tokens");
-var import_react34 = require("react");
+var import_react35 = require("react");
 
 // src/components/OverflowMenu/OverflowMenu.context.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_jsx_runtime185 = require("react/jsx-runtime");
-var OverflowMenuContext = (0, import_react33.createContext)({
+var OverflowMenuContext = (0, import_react34.createContext)({
   isOpen: false,
   registerItem: () => null,
   unregisterItem: () => null
@@ -5181,9 +5187,9 @@ function OverflowMenuContextProvider({
   onClose,
   children
 }) {
-  const [items, setItems] = (0, import_react33.useState)([]);
+  const [items, setItems] = (0, import_react34.useState)([]);
   const [focusIndex] = useRoveFocus(items.length, isOpen);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     var _a, _b;
     (_b = (_a = items[focusIndex]) == null ? void 0 : _a.current) == null ? void 0 : _b.focus();
   }, [focusIndex]);
@@ -5203,7 +5209,7 @@ function OverflowMenuContextProvider({
   );
 }
 var useOverflowMenu = () => {
-  return (0, import_react33.useContext)(OverflowMenuContext);
+  return (0, import_react34.useContext)(OverflowMenuContext);
 };
 
 // src/components/OverflowMenu/OverflowMenu.module.css
@@ -5219,7 +5225,7 @@ var OverflowMenu_default = {
 
 // src/components/OverflowMenu/OverflowMenu.tsx
 var import_jsx_runtime186 = require("react/jsx-runtime");
-var OverflowMenu = (0, import_react34.forwardRef)(
+var OverflowMenu = (0, import_react35.forwardRef)(
   (props, ref) => {
     var _a, _b;
     const {
@@ -5239,7 +5245,7 @@ var OverflowMenu = (0, import_react34.forwardRef)(
       offset
     });
     const combinedRef = useCombinedRef(ref, refs.setFloating);
-    (0, import_react34.useEffect)(() => {
+    (0, import_react35.useEffect)(() => {
       anchorRef ? refs.setReference(anchorRef.current) : refs.setReference(null);
     }, [anchorRef]);
     useOnClickOutside(
@@ -5266,7 +5272,7 @@ var OverflowMenu = (0, import_react34.forwardRef)(
       }
     });
     const { style = {}, ...restHTMLProps } = htmlProps;
-    const generatedId = (0, import_react34.useId)();
+    const generatedId = (0, import_react35.useId)();
     return /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
       Paper,
       {
@@ -5304,14 +5310,14 @@ var OverflowMenu = (0, import_react34.forwardRef)(
 OverflowMenu.displayName = "OverflowMenu";
 
 // src/components/OverflowMenu/components/OverflowMenuButton.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_jsx_runtime187 = require("react/jsx-runtime");
-var OverflowMenuButton = (0, import_react35.forwardRef)((props, ref) => {
+var OverflowMenuButton = (0, import_react36.forwardRef)((props, ref) => {
   const { id, icon, children, className, onClick, ...rest } = props;
-  const itemRef = (0, import_react35.useRef)(null);
+  const itemRef = (0, import_react36.useRef)(null);
   const combinedRef = useCombinedRef(ref, itemRef);
   const { onToggle, onClose, registerItem, unregisterItem, focusedRef } = useOverflowMenu();
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     registerItem(itemRef);
     return () => unregisterItem(itemRef);
   }, []);
@@ -5345,14 +5351,14 @@ var OverflowMenuButton = (0, import_react35.forwardRef)((props, ref) => {
 OverflowMenuButton.displayName = "OverflowMenuButton";
 
 // src/components/OverflowMenu/components/OverflowMenuLink.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_jsx_runtime188 = require("react/jsx-runtime");
-var OverflowMenuLink = (0, import_react36.forwardRef)((props, ref) => {
+var OverflowMenuLink = (0, import_react37.forwardRef)((props, ref) => {
   const { id, href, icon, className, onClick, children, ...rest } = props;
-  const itemRef = (0, import_react36.useRef)(null);
+  const itemRef = (0, import_react37.useRef)(null);
   const combinedRef = useCombinedRef(ref, itemRef);
   const { onToggle, onClose, registerItem, unregisterItem, focusedRef } = useOverflowMenu();
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     registerItem(itemRef);
     return () => unregisterItem(itemRef);
   }, []);
@@ -5387,10 +5393,10 @@ var OverflowMenuLink = (0, import_react36.forwardRef)((props, ref) => {
 OverflowMenuLink.displayName = "OverflowMenuLink";
 
 // src/components/OverflowMenu/components/OverflowMenuDivider.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 
 // src/components/Divider/Divider.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 
 // src/components/Divider/Divider.module.css
 var Divider_default = {
@@ -5402,7 +5408,7 @@ var Divider_default = {
 
 // src/components/Divider/Divider.tsx
 var import_jsx_runtime189 = require("react/jsx-runtime");
-var Divider = (0, import_react37.forwardRef)((props, ref) => {
+var Divider = (0, import_react38.forwardRef)((props, ref) => {
   const { color = "default", id, className, htmlProps, ...rest } = props;
   const colorCn = color === "default" || color === "subtle" ? color : "on-inverse";
   const lineProps = {
@@ -5420,7 +5426,7 @@ Divider.displayName = "Divider";
 
 // src/components/OverflowMenu/components/OverflowMenuDivider.tsx
 var import_jsx_runtime190 = require("react/jsx-runtime");
-var OverflowMenuDivider = (0, import_react38.forwardRef)((props, ref) => {
+var OverflowMenuDivider = (0, import_react39.forwardRef)((props, ref) => {
   const { className, ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
     Divider,
@@ -5435,9 +5441,9 @@ var OverflowMenuDivider = (0, import_react38.forwardRef)((props, ref) => {
 OverflowMenuDivider.displayName = "OverflowMenuDivider";
 
 // src/components/OverflowMenu/components/OverflowMenuList.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_jsx_runtime191 = require("react/jsx-runtime");
-var OverflowMenuList = (0, import_react39.forwardRef)((props, ref) => {
+var OverflowMenuList = (0, import_react40.forwardRef)((props, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
     "ul",
     {
@@ -5449,9 +5455,9 @@ var OverflowMenuList = (0, import_react39.forwardRef)((props, ref) => {
 });
 
 // src/components/OverflowMenu/components/OverflowMenuSpan.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 var import_jsx_runtime192 = require("react/jsx-runtime");
-var OverflowMenuSpan = (0, import_react40.forwardRef)((props, ref) => {
+var OverflowMenuSpan = (0, import_react41.forwardRef)((props, ref) => {
   const { icon, children, className, ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)(
     "span",
@@ -5473,9 +5479,9 @@ var OverflowMenuSpan = (0, import_react40.forwardRef)((props, ref) => {
 OverflowMenuSpan.displayName = "OverflowMenuSpan";
 
 // src/components/OverflowMenu/components/OverflowMenuListHeader.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 var import_jsx_runtime193 = require("react/jsx-runtime");
-var OverflowMenuListHeader = (0, import_react41.forwardRef)((props, ref) => {
+var OverflowMenuListHeader = (0, import_react42.forwardRef)((props, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
     "h2",
     {
@@ -5492,7 +5498,7 @@ var OverflowMenuListHeader = (0, import_react41.forwardRef)((props, ref) => {
 OverflowMenuListHeader.displayName = "OverflowMenuListHeader";
 
 // src/components/OverflowMenu/OverflowMenuGroup.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 var import_jsx_runtime194 = require("react/jsx-runtime");
 var OverflowMenuGroup = ({
   children,
@@ -5501,11 +5507,11 @@ var OverflowMenuGroup = ({
   onOpen,
   overflowMenuId
 }) => {
-  const [isOpen, setIsOpen] = (0, import_react42.useState)(false);
+  const [isOpen, setIsOpen] = (0, import_react43.useState)(false);
   const toggle = () => setIsOpen(!isOpen);
   const close = () => setIsOpen(false);
-  const buttonRef = (0, import_react42.useRef)(null);
-  const generatedId = (0, import_react42.useId)();
+  const buttonRef = (0, import_react43.useRef)(null);
+  const generatedId = (0, import_react43.useId)();
   const uniqueOverflowMenuId = overflowMenuId != null ? overflowMenuId : `${generatedId}-overflowMenu`;
   const handleClose = () => {
     onClose && onClose();
@@ -5517,14 +5523,14 @@ var OverflowMenuGroup = ({
     onToggle && onToggle();
     toggle();
   };
-  const Children8 = import_react42.Children.map(children, (child, childIndex) => {
-    return (0, import_react42.isValidElement)(child) && (childIndex === 0 ? (0, import_react42.cloneElement)(child, {
+  const Children8 = import_react43.Children.map(children, (child, childIndex) => {
+    return (0, import_react43.isValidElement)(child) && (childIndex === 0 ? (0, import_react43.cloneElement)(child, {
       "aria-haspopup": "menu",
       "aria-controls": uniqueOverflowMenuId,
       "aria-expanded": isOpen,
       onClick: handleToggle,
       ref: buttonRef
-    }) : (0, import_react42.cloneElement)(child, {
+    }) : (0, import_react43.cloneElement)(child, {
       isOpen,
       id: uniqueOverflowMenuId,
       onClose: handleClose,
@@ -5538,7 +5544,7 @@ OverflowMenuGroup.displayName = "OverflowMenuGroup";
 
 // src/components/Breadcrumbs/Breadcrumbs.tsx
 var import_jsx_runtime195 = require("react/jsx-runtime");
-var Breadcrumbs = (0, import_react43.forwardRef)(
+var Breadcrumbs = (0, import_react44.forwardRef)(
   (props, ref) => {
     const {
       children,
@@ -5556,7 +5562,7 @@ var Breadcrumbs = (0, import_react43.forwardRef)(
         icon: ChevronRightIcon
       }
     );
-    const childrenArray = import_react43.Children.toArray(children);
+    const childrenArray = import_react44.Children.toArray(children);
     const breadcrumbChildren = childrenArray.map((item, index) => {
       return /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)(
         "li",
@@ -5571,7 +5577,7 @@ var Breadcrumbs = (0, import_react43.forwardRef)(
       );
     });
     const breadcrumbChildrenTruncated = childrenArray.length > 2 ? childrenArray.slice(1, childrenArray.length - 1).map((item) => {
-      if ((0, import_react43.isValidElement)(item)) {
+      if ((0, import_react44.isValidElement)(item)) {
         return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(OverflowMenuLink, { href: item.props.href, children: item.props.children });
       }
     }) : [];
@@ -5636,7 +5642,7 @@ var Breadcrumbs = (0, import_react43.forwardRef)(
 Breadcrumbs.displayName = "Breadcrumbs";
 
 // src/components/ButtonGroup/ButtonGroup.tsx
-var import_react44 = require("react");
+var import_react45 = require("react");
 
 // src/components/ButtonGroup/ButtonGroup.module.css
 var ButtonGroup_default = {
@@ -5647,7 +5653,7 @@ var ButtonGroup_default = {
 
 // src/components/ButtonGroup/ButtonGroup.tsx
 var import_jsx_runtime196 = require("react/jsx-runtime");
-var ButtonGroup = (0, import_react44.forwardRef)(
+var ButtonGroup = (0, import_react45.forwardRef)(
   (props, ref) => {
     const {
       children,
@@ -5659,8 +5665,8 @@ var ButtonGroup = (0, import_react44.forwardRef)(
       role = "group",
       ...rest
     } = props;
-    const Children8 = import_react44.Children.map(children, (child) => {
-      return (0, import_react44.isValidElement)(child) && (0, import_react44.cloneElement)(child, {
+    const Children8 = import_react45.Children.map(children, (child) => {
+      return (0, import_react45.isValidElement)(child) && (0, import_react45.cloneElement)(child, {
         purpose: "secondary",
         size: buttonSize
       });
@@ -5733,7 +5739,7 @@ var Card = (props) => {
 Card.displayName = "Card";
 
 // src/components/Card/CardAccordion/CardAccordion.tsx
-var import_react45 = require("react");
+var import_react46 = require("react");
 
 // src/components/Card/CardAccordion/CardAccordion.module.css
 var CardAccordion_default = {
@@ -5746,7 +5752,7 @@ var CardAccordion_default = {
 
 // src/components/Card/CardAccordion/CardAccordion.tsx
 var import_jsx_runtime198 = require("react/jsx-runtime");
-var CardAccordion = (0, import_react45.forwardRef)(
+var CardAccordion = (0, import_react46.forwardRef)(
   (props, ref) => {
     const {
       isExpanded = false,
@@ -5794,9 +5800,9 @@ CardAccordion.displayName = "CardAccordion";
 
 // src/components/Card/CardAccordion/CardAccordionHeader.tsx
 var import_dds_design_tokens14 = require("@norges-domstoler/dds-design-tokens");
-var import_react46 = require("react");
+var import_react47 = require("react");
 var import_jsx_runtime199 = require("react/jsx-runtime");
-var CardAccordionHeader = (0, import_react46.forwardRef)((props, ref) => {
+var CardAccordionHeader = (0, import_react47.forwardRef)((props, ref) => {
   const {
     children,
     className,
@@ -5860,9 +5866,9 @@ var CardAccordionHeader = (0, import_react46.forwardRef)((props, ref) => {
 CardAccordionHeader.displayName = "CardAccordionHeader";
 
 // src/components/Card/CardAccordion/CardAccordionBody.tsx
-var import_react47 = require("react");
+var import_react48 = require("react");
 var import_jsx_runtime200 = require("react/jsx-runtime");
-var CardAccordionBody = (0, import_react47.forwardRef)((props, ref) => {
+var CardAccordionBody = (0, import_react48.forwardRef)((props, ref) => {
   const { children, className, htmlProps, padding, ...rest } = props;
   const { bodyContentRef, bodyProps } = useAccordionContext();
   const { className: bodyContextCn, id, height, ...restBodyProps } = bodyProps;
@@ -5907,7 +5913,7 @@ var CardAccordionBody = (0, import_react47.forwardRef)((props, ref) => {
 CardAccordionBody.displayName = "CardAccordionBody";
 
 // src/components/Chip/Chip.tsx
-var import_react48 = require("react");
+var import_react49 = require("react");
 
 // src/components/Chip/Chip.module.css
 var Chip_default = {
@@ -5917,10 +5923,10 @@ var Chip_default = {
 
 // src/components/Chip/Chip.tsx
 var import_jsx_runtime201 = require("react/jsx-runtime");
-var Chip = (0, import_react48.forwardRef)((props, ref) => {
+var Chip = (0, import_react49.forwardRef)((props, ref) => {
   const { text, onClose, id, className, htmlProps = {}, ...rest } = props;
   const { "aria-label": ariaLabel, ...restHTMLprops } = htmlProps;
-  const [isOpen, setIsOpen] = (0, import_react48.useState)(true);
+  const [isOpen, setIsOpen] = (0, import_react49.useState)(true);
   const onClick = () => {
     setIsOpen(false);
     onClose && onClose();
@@ -5960,11 +5966,11 @@ var Chip = (0, import_react48.forwardRef)((props, ref) => {
 Chip.displayName = "Chip";
 
 // src/components/Chip/ChipGroup.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_jsx_runtime202 = require("react/jsx-runtime");
-var ChipGroup = (0, import_react49.forwardRef)(
+var ChipGroup = (0, import_react50.forwardRef)(
   ({ children, className, ...rest }, ref) => {
-    const childrenArray = import_react49.Children.toArray(children);
+    const childrenArray = import_react50.Children.toArray(children);
     return /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
       "ul",
       {
@@ -5983,7 +5989,7 @@ var ChipGroup = (0, import_react49.forwardRef)(
 ChipGroup.displayName = "ChipGroup";
 
 // src/components/Contrast/Contrast.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 
 // src/components/Contrast/Contrast.module.css
 var Contrast_default = {
@@ -5992,7 +5998,7 @@ var Contrast_default = {
 
 // src/components/Contrast/Contrast.tsx
 var import_jsx_runtime203 = require("react/jsx-runtime");
-var Contrast = (0, import_react50.forwardRef)((props, ref) => {
+var Contrast = (0, import_react51.forwardRef)((props, ref) => {
   const { className, as = "div", ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
     ElementAs,
@@ -6010,7 +6016,7 @@ var import_date4 = require("@internationalized/date");
 var import_calendar3 = require("@react-aria/calendar");
 var import_i18n2 = require("@react-aria/i18n");
 var import_calendar4 = require("@react-stately/calendar");
-var import_react53 = require("react");
+var import_react54 = require("react");
 
 // src/components/date-inputs/DatePicker/Calendar/CalendarGrid.tsx
 var import_date3 = require("@internationalized/date");
@@ -6020,7 +6026,7 @@ var import_i18n = require("@react-aria/i18n");
 // src/components/date-inputs/DatePicker/Calendar/CalendarCell.tsx
 var import_date = require("@internationalized/date");
 var import_calendar = require("@react-aria/calendar");
-var import_react52 = require("react");
+var import_react53 = require("react");
 
 // src/components/date-inputs/common/DateInput.module.css
 var DateInput_default = {
@@ -6055,9 +6061,9 @@ var DateInput_default = {
 };
 
 // src/components/date-inputs/DatePicker/CalendarPopover.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 var import_jsx_runtime204 = require("react/jsx-runtime");
-var CalendarPopoverContext = (0, import_react51.createContext)({
+var CalendarPopoverContext = (0, import_react52.createContext)({
   anchorRef: null,
   isOpen: false,
   onClose: () => null
@@ -6067,27 +6073,27 @@ var CalendarPopover = ({
   isOpen,
   onClose
 }) => {
-  const anchorRef = (0, import_react51.useRef)(null);
+  const anchorRef = (0, import_react52.useRef)(null);
   useOnKeyDown("Escape", onClose);
   return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(CalendarPopoverContext.Provider, { value: { anchorRef, isOpen, onClose }, children });
 };
 var CalendarPopoverAnchor = ({
   children
 }) => {
-  const { anchorRef } = (0, import_react51.useContext)(CalendarPopoverContext);
+  const { anchorRef } = (0, import_react52.useContext)(CalendarPopoverContext);
   return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("div", { ref: anchorRef != null ? anchorRef : void 0, children });
 };
 var CalendarPopoverContent = ({
   children
 }) => {
-  const ref = (0, import_react51.useRef)(null);
+  const ref = (0, import_react52.useRef)(null);
   const { refs, styles: floatingStyles } = useFloatPosition(null, {
     placement: "bottom-start"
   });
-  const { isOpen, onClose, anchorRef } = (0, import_react51.useContext)(CalendarPopoverContext);
+  const { isOpen, onClose, anchorRef } = (0, import_react52.useContext)(CalendarPopoverContext);
   const combinedRef = useCombinedRef(refs.setFloating, ref);
   useOnClickOutside(ref.current, onClose);
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     var _a;
     refs.setReference((_a = anchorRef == null ? void 0 : anchorRef.current) != null ? _a : null);
   }, []);
@@ -6110,7 +6116,7 @@ var timezone = "Europe/Oslo";
 // src/components/date-inputs/DatePicker/Calendar/CalendarCell.tsx
 var import_jsx_runtime205 = require("react/jsx-runtime");
 function CalendarCell({ date, state }) {
-  const ref = (0, import_react52.useRef)(null);
+  const ref = (0, import_react53.useRef)(null);
   const {
     buttonProps,
     cellProps,
@@ -6123,7 +6129,7 @@ function CalendarCell({ date, state }) {
   if (isDisabled) {
     return /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("td", { ...cellProps });
   }
-  const { onClose } = (0, import_react52.useContext)(CalendarPopoverContext);
+  const { onClose } = (0, import_react53.useContext)(CalendarPopoverContext);
   const variant = isSelected ? "selected" : isUnavailable || isDisabled ? "unavailable" : "default";
   const closeOnKeyboardBlurForward = (event) => {
     if (event.key === "Tab" && event.shiftKey === false) {
@@ -6262,7 +6268,7 @@ function Calendar(props) {
     nextButtonProps: { onPress: onNext, "aria-label": nextAriaLabel },
     title
   } = (0, import_calendar3.useCalendar)(props, state);
-  const { onClose } = (0, import_react53.useContext)(CalendarPopoverContext);
+  const { onClose } = (0, import_react54.useContext)(CalendarPopoverContext);
   const closeOnKeyboardBlurBack = (event) => {
     if (event.key === "Tab" && event.shiftKey === true) {
       onClose();
@@ -6314,25 +6320,25 @@ Calendar.displayName = "Calendar";
 var import_datepicker4 = require("@react-aria/datepicker");
 var import_i18n4 = require("@react-aria/i18n");
 var import_datepicker5 = require("@react-stately/datepicker");
-var import_react60 = require("react");
+var import_react61 = require("react");
 
 // src/components/date-inputs/DatePicker/DateField/DateField.tsx
 var import_date5 = require("@internationalized/date");
 var import_datepicker2 = require("@react-aria/datepicker");
 var import_i18n3 = require("@react-aria/i18n");
 var import_datepicker3 = require("@react-stately/datepicker");
-var import_react58 = require("react");
+var import_react59 = require("react");
 
 // src/components/date-inputs/DatePicker/DateField/CalendarButton.tsx
 var import_button = require("@react-aria/button");
-var import_react54 = require("react");
+var import_react55 = require("react");
 var import_jsx_runtime208 = require("react/jsx-runtime");
 function CalendarButton({
   componentSize,
   isReadOnly,
   ...props
 }) {
-  const ref = (0, import_react54.useRef)(null);
+  const ref = (0, import_react55.useRef)(null);
   const { buttonProps } = (0, import_button.useButton)(props, ref);
   const size2 = componentSize === "tiny" ? "small" : "medium";
   return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
@@ -6363,7 +6369,7 @@ function CalendarButton({
 
 // src/components/date-inputs/DatePicker/DateField/DateSegment.tsx
 var import_datepicker = require("@react-aria/datepicker");
-var import_react55 = require("react");
+var import_react56 = require("react");
 var import_jsx_runtime209 = require("react/jsx-runtime");
 var typographyTypes2 = {
   medium: "bodySans02",
@@ -6381,7 +6387,7 @@ function DateSegment({
   componentSize
 }) {
   var _a;
-  const ref = (0, import_react55.useRef)(null);
+  const ref = (0, import_react56.useRef)(null);
   const { segmentProps } = (0, import_datepicker.useDateSegment)(segment, state, ref);
   return /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(
     "div",
@@ -6418,10 +6424,10 @@ function DateSegment({
 DateSegment.displayName = "DateSegment";
 
 // src/components/date-inputs/common/DateInput.tsx
-var import_react57 = require("react");
+var import_react58 = require("react");
 
 // src/components/InputMessage/InputMessage.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 
 // src/components/InputMessage/InputMessage.module.css
 var InputMessage_default = {
@@ -6432,7 +6438,7 @@ var InputMessage_default = {
 
 // src/components/InputMessage/InputMessage.tsx
 var import_jsx_runtime210 = require("react/jsx-runtime");
-var InputMessage = (0, import_react56.forwardRef)(
+var InputMessage = (0, import_react57.forwardRef)(
   (props, ref) => {
     const { message, messageType, id, className, htmlProps, ...rest } = props;
     const isError = messageType === "error";
@@ -6504,7 +6510,7 @@ function _DateInput({
   const hasTip = !!tip;
   const hasLabel = props.label != null;
   const hasMessage = hasErrorMessage || hasTip;
-  const { isOpen } = (0, import_react57.useContext)(CalendarPopoverContext);
+  const { isOpen } = (0, import_react58.useContext)(CalendarPopoverContext);
   const styleVariables = {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ["--dds-date-input-width"]: width ? width : componentSize === "small" ? "148px" : componentSize === "tiny" ? "125px" : "160px"
@@ -6565,7 +6571,7 @@ function _DateInput({
     }
   );
 }
-var DateInput = (0, import_react57.forwardRef)(_DateInput);
+var DateInput = (0, import_react58.forwardRef)(_DateInput);
 DateInput.displayName = "DateInput";
 
 // src/components/date-inputs/DatePicker/DateField/DateField.tsx
@@ -6582,7 +6588,7 @@ function _DateField({
     locale: locale2,
     createCalendar: import_date5.createCalendar
   });
-  const ref = (0, import_react58.useRef)(null);
+  const ref = (0, import_react59.useRef)(null);
   const { labelProps, fieldProps } = (0, import_datepicker2.useDateField)(props, state, ref);
   const disabled = props.isDisabled || !!fieldProps["aria-disabled"];
   return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
@@ -6621,15 +6627,15 @@ function _DateField({
     }
   );
 }
-var DateField = (0, import_react58.forwardRef)(_DateField);
+var DateField = (0, import_react59.forwardRef)(_DateField);
 DateField.displayName = "DateField";
 
 // src/components/date-inputs/utils/useFocusManagerRef.ts
 var import_focus13 = require("@react-aria/focus");
-var import_react59 = require("react");
+var import_react60 = require("react");
 function useFocusManagerRef(ref) {
-  const domRef = (0, import_react59.useRef)(null);
-  (0, import_react59.useImperativeHandle)(ref, () => ({
+  const domRef = (0, import_react60.useRef)(null);
+  (0, import_react60.useImperativeHandle)(ref, () => ({
     ...createDOMRef(domRef),
     focus() {
       (0, import_focus13.createFocusManager)(domRef).focusFirst({ tabbable: true });
@@ -6653,9 +6659,9 @@ var refIsFocusable = (ref) => {
 function _DatePicker({ errorMessage, componentSize, tip, style, width, ...props }, forwardedRef) {
   const state = (0, import_datepicker5.useDatePickerState)(props);
   const domRef = useFocusManagerRef(
-    refIsFocusable(import_react60.forwardRef) ? forwardedRef : null
+    refIsFocusable(import_react61.forwardRef) ? forwardedRef : null
   );
-  const ref = (0, import_react60.useRef)(null);
+  const ref = (0, import_react61.useRef)(null);
   const combinedRef = useCombinedRef(ref, domRef);
   const { buttonProps, calendarProps, fieldProps, groupProps } = (0, import_datepicker4.useDatePicker)(
     { ...props, granularity: "day" },
@@ -6682,16 +6688,16 @@ function _DatePicker({ errorMessage, componentSize, tip, style, width, ...props
     /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(CalendarPopoverContent, { children: /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Calendar, { ...calendarProps }) })
   ] }) });
 }
-var DatePicker = (0, import_react60.forwardRef)(_DatePicker);
+var DatePicker = (0, import_react61.forwardRef)(_DatePicker);
 DatePicker.displayName = "DatePicker";
 
 // src/components/date-inputs/TimePicker/TimePicker.tsx
 var import_datepicker6 = require("@react-aria/datepicker");
 var import_datepicker7 = require("@react-stately/datepicker");
-var import_react61 = require("react");
+var import_react62 = require("react");
 var import_jsx_runtime214 = require("react/jsx-runtime");
 function _TimePicker({ componentSize = "medium", width, ...props }, forwardedRef) {
-  const ref = (0, import_react61.useRef)(null);
+  const ref = (0, import_react62.useRef)(null);
   const state = (0, import_datepicker7.useTimeFieldState)({
     ...props,
     locale
@@ -6740,7 +6746,7 @@ function _TimePicker({ componentSize = "medium", width, ...props }, forwardedRef
     }
   );
 }
-var TimePicker = (0, import_react61.forwardRef)(_TimePicker);
+var TimePicker = (0, import_react62.forwardRef)(_TimePicker);
 TimePicker.displayName = "TimePicker";
 
 // src/components/date-inputs/utils/transform.ts
@@ -6773,7 +6779,7 @@ function calendarDateToNativeDate(date, time = new import_date6.Time(12, 0, 0, 0
 }
 
 // src/components/DescriptionList/DescriptionList.tsx
-var import_react62 = require("react");
+var import_react63 = require("react");
 
 // src/components/DescriptionList/DescriptionList.module.css
 var DescriptionList_default = {
@@ -6788,7 +6794,7 @@ var DescriptionList_default = {
 
 // src/components/DescriptionList/DescriptionList.tsx
 var import_jsx_runtime215 = require("react/jsx-runtime");
-var DescriptionList = (0, import_react62.forwardRef)((props, ref) => {
+var DescriptionList = (0, import_react63.forwardRef)((props, ref) => {
   const {
     appearance = "default",
     direction = "column",
@@ -6820,17 +6826,17 @@ var DescriptionList = (0, import_react62.forwardRef)((props, ref) => {
 DescriptionList.displayName = "DescriptionList";
 
 // src/components/DescriptionList/DescriptionListTerm.tsx
-var import_react63 = require("react");
+var import_react64 = require("react");
 var import_jsx_runtime216 = require("react/jsx-runtime");
-var DescriptionListTerm = (0, import_react63.forwardRef)(({ ...rest }, ref) => {
+var DescriptionListTerm = (0, import_react64.forwardRef)(({ ...rest }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("dt", { ref, ...rest });
 });
 DescriptionListTerm.displayName = "DescriptionListTerm";
 
 // src/components/DescriptionList/DescriptionListDesc.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 var import_jsx_runtime217 = require("react/jsx-runtime");
-var DescriptionListDesc = (0, import_react64.forwardRef)((props, ref) => {
+var DescriptionListDesc = (0, import_react65.forwardRef)((props, ref) => {
   const { children, icon, id, className, htmlProps, ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(
     "dd",
@@ -6848,9 +6854,9 @@ var DescriptionListDesc = (0, import_react64.forwardRef)((props, ref) => {
 DescriptionListDesc.displayName = "DescriptionListDesc";
 
 // src/components/DescriptionList/DescriptionListGroup.tsx
-var import_react65 = require("react");
+var import_react66 = require("react");
 var import_jsx_runtime218 = require("react/jsx-runtime");
-var DescriptionListGroup = (0, import_react65.forwardRef)((props, ref) => {
+var DescriptionListGroup = (0, import_react66.forwardRef)((props, ref) => {
   const {
     children,
     margin,
@@ -6874,7 +6880,7 @@ var DescriptionListGroup = (0, import_react65.forwardRef)((props, ref) => {
 DescriptionListGroup.displayName = "DescriptionListGroup";
 
 // src/components/DetailList/DetailList.tsx
-var import_react66 = require("react");
+var import_react67 = require("react");
 
 // src/components/DetailList/DetailList.module.css
 var DetailList_default = {
@@ -6891,7 +6897,7 @@ var DetailList_default = {
 
 // src/components/DetailList/DetailList.tsx
 var import_jsx_runtime219 = require("react/jsx-runtime");
-var DetailList = (0, import_react66.forwardRef)(
+var DetailList = (0, import_react67.forwardRef)(
   (props, ref) => {
     const {
       id,
@@ -6925,9 +6931,9 @@ var DetailList = (0, import_react66.forwardRef)(
 DetailList.displayName = "DetailList";
 
 // src/components/DetailList/DetailListDesc.tsx
-var import_react67 = require("react");
+var import_react68 = require("react");
 var import_jsx_runtime220 = require("react/jsx-runtime");
-var DetailListDesc = (0, import_react67.forwardRef)(
+var DetailListDesc = (0, import_react68.forwardRef)(
   ({ className, ...rest }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("dd", { ref, className: cn(className, DetailList_default.cell), ...rest });
   }
@@ -6935,9 +6941,9 @@ var DetailListDesc = (0, import_react67.forwardRef)(
 DetailListDesc.displayName = "DetailListDesc";
 
 // src/components/DetailList/DetailListRow.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 var import_jsx_runtime221 = require("react/jsx-runtime");
-var DetailListRow = (0, import_react68.forwardRef)(
+var DetailListRow = (0, import_react69.forwardRef)(
   ({ className, ...rest }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("div", { ref, className: cn(className, DetailList_default.row), ...rest });
   }
@@ -6945,9 +6951,9 @@ var DetailListRow = (0, import_react68.forwardRef)(
 DetailListRow.displayName = "DetailListRow";
 
 // src/components/DetailList/DetailListTerm.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_jsx_runtime222 = require("react/jsx-runtime");
-var DetailListTerm = (0, import_react69.forwardRef)(
+var DetailListTerm = (0, import_react70.forwardRef)(
   ({ className, ...rest }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
       "dt",
@@ -6962,7 +6968,7 @@ var DetailListTerm = (0, import_react69.forwardRef)(
 DetailListTerm.displayName = "DetailListTerm";
 
 // src/components/Drawer/Drawer.tsx
-var import_react70 = require("react");
+var import_react71 = require("react");
 var import_react_dom2 = require("react-dom");
 
 // src/components/Drawer/Drawer.module.css
@@ -6983,7 +6989,7 @@ var Drawer_default = {
 
 // src/components/Drawer/Drawer.tsx
 var import_jsx_runtime223 = require("react/jsx-runtime");
-var Drawer = (0, import_react70.forwardRef)((props, ref) => {
+var Drawer = (0, import_react71.forwardRef)((props, ref) => {
   const {
     children,
     onClose,
@@ -7000,7 +7006,7 @@ var Drawer = (0, import_react70.forwardRef)((props, ref) => {
     withBackdrop,
     ...rest
   } = props;
-  const generatedId = (0, import_react70.useId)();
+  const generatedId = (0, import_react71.useId)();
   const uniqueId = id != null ? id : `${generatedId}-drawer`;
   const hasHeader = !!header;
   const headerId = hasHeader ? `${uniqueId}-header` : void 0;
@@ -7013,7 +7019,7 @@ var Drawer = (0, import_react70.forwardRef)((props, ref) => {
       onClose && onClose();
     }
   });
-  (0, import_react70.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     if (withBackdrop) {
       if (isOpen) {
         handleElementWithBackdropMount(document.body);
@@ -7028,10 +7034,16 @@ var Drawer = (0, import_react70.forwardRef)((props, ref) => {
   ];
   if (triggerRef) elements.push(triggerRef.current);
   useOnClickOutside(elements, () => {
-    if (isOpen) {
+    if (isOpen && !withBackdrop) {
       onClose == null ? void 0 : onClose();
     }
   });
+  const backdropRef = (0, import_react71.useRef)(null);
+  const onBackdropClick = (event) => {
+    if (event.target === backdropRef.current && isOpen && withBackdrop) {
+      onClose == null ? void 0 : onClose();
+    }
+  };
   const hasTransitionedIn = useMountTransition(isOpen, 500);
   const isMounted = hasTransitionedIn && isOpen;
   const isOpenCn = isMounted ? "opened" : "closed";
@@ -7087,13 +7099,13 @@ var Drawer = (0, import_react70.forwardRef)((props, ref) => {
       ]
     }
   );
-  const component = withBackdrop ? /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(Backdrop, { isMounted, children: drawer }) : drawer;
+  const component = withBackdrop ? /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(Backdrop, { isMounted, ref: backdropRef, onClick: onBackdropClick, children: drawer }) : drawer;
   return isOpen || hasTransitionedIn ? (0, import_react_dom2.createPortal)(component, parentElement) : null;
 });
 Drawer.displayName = "Drawer";
 
 // src/components/Drawer/DrawerGroup.tsx
-var import_react71 = require("react");
+var import_react72 = require("react");
 var import_jsx_runtime224 = require("react/jsx-runtime");
 var DrawerGroup = ({
   children,
@@ -7101,10 +7113,10 @@ var DrawerGroup = ({
   onOpen,
   onClose
 }) => {
-  const generatedId = (0, import_react71.useId)();
+  const generatedId = (0, import_react72.useId)();
   const uniqueDrawerId = drawerId != null ? drawerId : `${generatedId}-drawer`;
-  const buttonRef = (0, import_react71.useRef)(null);
-  const [closed, setClosed] = (0, import_react71.useState)(true);
+  const buttonRef = (0, import_react72.useRef)(null);
+  const [closed, setClosed] = (0, import_react72.useState)(true);
   const open = () => setClosed(false);
   const close = () => setClosed(true);
   const handleOpen = () => {
@@ -7115,14 +7127,14 @@ var DrawerGroup = ({
     close();
     onClose && onClose();
   };
-  const Children8 = import_react71.Children.map(children, (child, childIndex) => {
-    return (0, import_react71.isValidElement)(child) && (childIndex === 0 ? (0, import_react71.cloneElement)(child, {
+  const Children8 = import_react72.Children.map(children, (child, childIndex) => {
+    return (0, import_react72.isValidElement)(child) && (childIndex === 0 ? (0, import_react72.cloneElement)(child, {
       "aria-haspopup": "dialog",
       "aria-controls": uniqueDrawerId,
       "aria-expanded": !closed,
       ref: buttonRef,
       onClick: handleOpen
-    }) : (0, import_react71.cloneElement)(child, {
+    }) : (0, import_react72.cloneElement)(child, {
       id: uniqueDrawerId,
       triggerRef: buttonRef,
       isOpen: !closed,
@@ -7161,7 +7173,7 @@ function EmptyContent({
 EmptyContent.displayName = "EmptyContent";
 
 // src/components/FavStar/FavStar.tsx
-var import_react74 = require("react");
+var import_react75 = require("react");
 
 // src/components/FavStar/FavStar.module.css
 var FavStar_default = {
@@ -7173,16 +7185,16 @@ var FavStar_default = {
 };
 
 // src/hooks/useControllableState.ts
-var import_react73 = require("react");
+var import_react74 = require("react");
 
 // src/hooks/useCallbackRef.ts
-var import_react72 = require("react");
+var import_react73 = require("react");
 function useCallbackRef(callback, deps = []) {
-  const callbackRef = (0, import_react72.useRef)(callback);
-  (0, import_react72.useEffect)(() => {
+  const callbackRef = (0, import_react73.useRef)(callback);
+  (0, import_react73.useEffect)(() => {
     callbackRef.current = callback;
   });
-  return (0, import_react72.useCallback)((...args) => {
+  return (0, import_react73.useCallback)((...args) => {
     var _a;
     return (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, ...args);
   }, deps);
@@ -7192,7 +7204,7 @@ function useCallbackRef(callback, deps = []) {
 function useControllableState(props) {
   const { value: valueProp, defaultValue, onChange } = props;
   const onChangeProp = useCallbackRef(onChange);
-  const [uncontrolledState, setUncontrolledState] = (0, import_react73.useState)(defaultValue);
+  const [uncontrolledState, setUncontrolledState] = (0, import_react74.useState)(defaultValue);
   const controlled = valueProp !== void 0;
   const value = controlled ? valueProp : uncontrolledState;
   const setValue = useCallbackRef(
@@ -7211,7 +7223,7 @@ function useControllableState(props) {
 
 // src/components/FavStar/FavStar.tsx
 var import_jsx_runtime226 = require("react/jsx-runtime");
-var FavStar = (0, import_react74.forwardRef)(
+var FavStar = (0, import_react75.forwardRef)(
   ({
     id,
     className,
@@ -7229,7 +7241,7 @@ var FavStar = (0, import_react74.forwardRef)(
       htmlProps,
       rest
     );
-    const generatedId = (0, import_react74.useId)();
+    const generatedId = (0, import_react75.useId)();
     const [checked, setChecked] = useControllableState({
       value: checkedProp,
       defaultValue: defaultChecked != null ? defaultChecked : false,
@@ -7277,7 +7289,7 @@ var FavStar = (0, import_react74.forwardRef)(
 FavStar.displayName = "FavStar";
 
 // src/components/Feedback/Feedback.tsx
-var import_react78 = require("react");
+var import_react79 = require("react");
 
 // src/components/Feedback/Feedback.module.css
 var Feedback_default = {
@@ -7291,7 +7303,7 @@ var Feedback_default = {
 };
 
 // src/components/Stack/Stack.tsx
-var import_react75 = require("react");
+var import_react76 = require("react");
 
 // src/components/Stack/Stack.module.css
 var Stack_default = {
@@ -7328,7 +7340,7 @@ var Stack_default = {
 
 // src/components/Stack/Stack.tsx
 var import_jsx_runtime227 = require("react/jsx-runtime");
-var HStack = (0, import_react75.forwardRef)(
+var HStack = (0, import_react76.forwardRef)(
   ({
     id,
     className,
@@ -7367,7 +7379,7 @@ var HStack = (0, import_react75.forwardRef)(
   }
 );
 HStack.displayName = "HStack";
-var VStack = (0, import_react75.forwardRef)(
+var VStack = (0, import_react76.forwardRef)(
   ({
     id,
     className,
@@ -7411,7 +7423,7 @@ function spacingPropToCn(value) {
 }
 
 // src/components/TextArea/TextArea.tsx
-var import_react76 = require("react");
+var import_react77 = require("react");
 
 // src/components/TextArea/TextArea.module.css
 var TextArea_default = {
@@ -7421,7 +7433,7 @@ var TextArea_default = {
 
 // src/components/TextArea/TextArea.tsx
 var import_jsx_runtime228 = require("react/jsx-runtime");
-var TextArea = (0, import_react76.forwardRef)(
+var TextArea = (0, import_react77.forwardRef)(
   (props, ref) => {
     const {
       id,
@@ -7442,14 +7454,14 @@ var TextArea = (0, import_react76.forwardRef)(
       width,
       ...rest
     } = props;
-    const generatedId = (0, import_react76.useId)();
+    const generatedId = (0, import_react77.useId)();
     const uniqueId = id != null ? id : `${generatedId}-textArea`;
-    const textAreaRef = (0, import_react76.useRef)(null);
+    const textAreaRef = (0, import_react77.useRef)(null);
     const multiRef = useCombinedRef(ref, textAreaRef);
-    const [text, setText] = (0, import_react76.useState)(
+    const [text, setText] = (0, import_react77.useState)(
       getDefaultText(value, defaultValue)
     );
-    (0, import_react76.useEffect)(() => {
+    (0, import_react77.useEffect)(() => {
       if (textAreaRef == null ? void 0 : textAreaRef.current) {
         textAreaRef.current.style.height = `${textAreaRef.current.scrollHeight + 2}px`;
       }
@@ -7587,7 +7599,7 @@ var CommentComponent = ({
 };
 
 // src/components/Tooltip/Tooltip.tsx
-var import_react77 = require("react");
+var import_react78 = require("react");
 
 // src/components/Tooltip/Tooltip.module.css
 var Tooltip_default = {
@@ -7599,7 +7611,7 @@ var Tooltip_default = {
 
 // src/components/Tooltip/Tooltip.tsx
 var import_jsx_runtime230 = require("react/jsx-runtime");
-var Tooltip = (0, import_react77.forwardRef)(
+var Tooltip = (0, import_react78.forwardRef)(
   (props, ref) => {
     const {
       text,
@@ -7615,21 +7627,21 @@ var Tooltip = (0, import_react77.forwardRef)(
       htmlProps,
       ...rest
     } = props;
-    const generatedId = (0, import_react77.useId)();
+    const generatedId = (0, import_react78.useId)();
     const uniqueTooltipId = tooltipId != null ? tooltipId : `${generatedId}-tooltip`;
-    const [open, setOpen] = (0, import_react77.useState)(false);
-    const [inView, setInView] = (0, import_react77.useState)(false);
-    const [arrowElement, setArrowElement] = (0, import_react77.useState)(null);
+    const [open, setOpen] = (0, import_react78.useState)(false);
+    const [inView, setInView] = (0, import_react78.useState)(false);
+    const [arrowElement, setArrowElement] = (0, import_react78.useState)(null);
     const { refs, styles: positionStyles } = useFloatPosition(arrowElement, {
       placement
     });
-    const tooltipRef = (0, import_react77.useRef)(null);
+    const tooltipRef = (0, import_react78.useRef)(null);
     const combinedRef = useCombinedRef(ref, refs.setFloating, tooltipRef);
     const closeWhenNotInView = (entries) => {
       const [entry] = entries;
       entry.isIntersecting ? setInView(true) : setInView(false);
     };
-    (0, import_react77.useEffect)(() => {
+    (0, import_react78.useEffect)(() => {
       const options = {
         root: null,
         rootMargin: "0px"
@@ -7641,7 +7653,7 @@ var Tooltip = (0, import_react77.forwardRef)(
         if (ref2) observer.unobserve(ref2);
       };
     }, [tooltipRef]);
-    (0, import_react77.useEffect)(() => {
+    (0, import_react78.useEffect)(() => {
       if (tooltipRef.current) {
         window.addEventListener("scroll", () => {
           closeTooltip();
@@ -7654,7 +7666,7 @@ var Tooltip = (0, import_react77.forwardRef)(
       };
     }, []);
     let timer;
-    (0, import_react77.useEffect)(() => {
+    (0, import_react78.useEffect)(() => {
       return () => {
         clearTimeout(timer);
       };
@@ -7673,8 +7685,8 @@ var Tooltip = (0, import_react77.forwardRef)(
       }
     };
     const anchorProps = children.props;
-    const anchorElement = import_react77.Children.only(
-      (0, import_react77.isValidElement)(children) && (0, import_react77.cloneElement)(children, {
+    const anchorElement = import_react78.Children.only(
+      (0, import_react78.isValidElement)(children) && (0, import_react78.cloneElement)(children, {
         ref: refs.setReference,
         onFocus: combineHandlers(openTooltip, anchorProps.onFocus),
         onBlur: combineHandlers(closeTooltip, anchorProps.onBlur),
@@ -7808,16 +7820,16 @@ var Feedback = ({
   onFeedbackTextChange,
   onSubmit
 }) => {
-  const [rating, setRating] = (0, import_react78.useState)(null);
-  const [feedbackText, setFeedbackText] = (0, import_react78.useState)();
-  const [isFeedbackSubmitted, setIsFeedbackSubmitted] = (0, import_react78.useState)(false);
-  (0, import_react78.useEffect)(() => {
+  const [rating, setRating] = (0, import_react79.useState)(null);
+  const [feedbackText, setFeedbackText] = (0, import_react79.useState)();
+  const [isFeedbackSubmitted, setIsFeedbackSubmitted] = (0, import_react79.useState)(false);
+  (0, import_react79.useEffect)(() => {
     ratingProp !== void 0 && setRating(ratingProp);
   }, [ratingProp]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     feedbackTextProp !== void 0 && setFeedbackText(feedbackTextProp);
   }, [feedbackTextProp]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     isSubmittedProp !== void 0 && setIsFeedbackSubmitted(isSubmittedProp);
   }, [isSubmittedProp]);
   const handleRatingChange = (newRating) => {
@@ -7866,7 +7878,7 @@ var Feedback = ({
 };
 
 // src/components/Fieldset/Fieldset.tsx
-var import_react79 = require("react");
+var import_react80 = require("react");
 
 // src/components/Fieldset/Fieldset.module.css
 var Fieldset_default = {
@@ -7875,7 +7887,7 @@ var Fieldset_default = {
 
 // src/components/Fieldset/Fieldset.tsx
 var import_jsx_runtime233 = require("react/jsx-runtime");
-var Fieldset = (0, import_react79.forwardRef)(
+var Fieldset = (0, import_react80.forwardRef)(
   (props, ref) => {
     const { id, className, htmlProps, ...rest } = props;
     return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
@@ -7894,7 +7906,7 @@ var Fieldset = (0, import_react79.forwardRef)(
 );
 
 // src/components/FileUploader/FileUploader.tsx
-var import_react81 = require("react");
+var import_react82 = require("react");
 
 // src/components/FileUploader/ErrorList.tsx
 var import_jsx_runtime234 = require("react/jsx-runtime");
@@ -7989,7 +8001,7 @@ var File = (props) => {
 
 // src/components/FileUploader/useFileUploader.ts
 var import_file_selector = require("file-selector");
-var import_react80 = require("react");
+var import_react81 = require("react");
 
 // src/components/FileUploader/fileUploaderReducer.ts
 var fileUploaderReducer = (state, action) => {
@@ -8088,18 +8100,18 @@ var useFileUploader = (props) => {
     disabled,
     errorMessage
   } = props;
-  const rootRef = (0, import_react80.useRef)(null);
-  const inputRef = (0, import_react80.useRef)(null);
-  const buttonRef = (0, import_react80.useRef)(null);
+  const rootRef = (0, import_react81.useRef)(null);
+  const inputRef = (0, import_react81.useRef)(null);
+  const buttonRef = (0, import_react81.useRef)(null);
   const isControlled = !!value;
-  const initialFileUploaderFiles = (0, import_react80.useMemo)(
+  const initialFileUploaderFiles = (0, import_react81.useMemo)(
     () => (initialFiles != null ? initialFiles : []).map((f2) => ({
       file: f2,
       errors: []
     })),
     [initialFiles]
   );
-  const [state, dispatch] = (0, import_react80.useReducer)(fileUploaderReducer, {
+  const [state, dispatch] = (0, import_react81.useReducer)(fileUploaderReducer, {
     files: initialFileUploaderFiles,
     isFocused: false,
     isFileDialogActive: false,
@@ -8111,7 +8123,7 @@ var useFileUploader = (props) => {
     )
   });
   const { files: stateFiles } = state;
-  (0, import_react80.useEffect)(() => {
+  (0, import_react81.useEffect)(() => {
     if (isControlled) {
       const files = value.map((file) => {
         const accepted = isFileAccepted(file, accept);
@@ -8126,18 +8138,18 @@ var useFileUploader = (props) => {
       });
     }
   }, [value, isControlled, accept, dispatch]);
-  (0, import_react80.useEffect)(() => {
+  (0, import_react81.useEffect)(() => {
     dispatch({
       type: "setRootErrors",
       payload: calcRootErrors(stateFiles, maxFiles, errorMessage)
     });
   }, [dispatch, stateFiles, maxFiles, errorMessage]);
-  const onRootFocus = (0, import_react80.useCallback)(
+  const onRootFocus = (0, import_react81.useCallback)(
     () => dispatch({ type: "focus" }),
     [dispatch]
   );
-  const onRootBlur = (0, import_react80.useCallback)(() => dispatch({ type: "blur" }), [dispatch]);
-  const onRootDragEnter = (0, import_react80.useCallback)(
+  const onRootBlur = (0, import_react81.useCallback)(() => dispatch({ type: "blur" }), [dispatch]);
+  const onRootDragEnter = (0, import_react81.useCallback)(
     async (evt) => {
       preventDefaults(evt);
       if (isEventWithFiles(evt)) {
@@ -8149,7 +8161,7 @@ var useFileUploader = (props) => {
     },
     [dispatch, accept, maxFiles]
   );
-  const onRootDragOver = (0, import_react80.useCallback)((evt) => {
+  const onRootDragOver = (0, import_react81.useCallback)((evt) => {
     preventDefaults(evt);
     const hasFiles = isEventWithFiles(evt);
     if (hasFiles && evt.dataTransfer) {
@@ -8159,7 +8171,7 @@ var useFileUploader = (props) => {
       }
     }
   }, []);
-  const onRootDragLeave = (0, import_react80.useCallback)(
+  const onRootDragLeave = (0, import_react81.useCallback)(
     (evt) => {
       preventDefaults(evt);
       if (evt.currentTarget.contains(evt.relatedTarget)) return;
@@ -8167,7 +8179,7 @@ var useFileUploader = (props) => {
     },
     [dispatch]
   );
-  const setFiles = (0, import_react80.useCallback)(
+  const setFiles = (0, import_react81.useCallback)(
     async (evt) => {
       evt.preventDefault();
       if (isEventWithFiles(evt)) {
@@ -8201,13 +8213,13 @@ var useFileUploader = (props) => {
       dispatch
     ]
   );
-  const openFileDialog = (0, import_react80.useCallback)(() => {
+  const openFileDialog = (0, import_react81.useCallback)(() => {
     if (inputRef.current) {
       inputRef.current.value = "";
       inputRef.current.click();
     }
   }, [inputRef]);
-  const removeFile = (0, import_react80.useCallback)(
+  const removeFile = (0, import_react81.useCallback)(
     (file) => {
       const newFiles = [...stateFiles];
       newFiles.splice(stateFiles.indexOf(file), 1);
@@ -8221,7 +8233,7 @@ var useFileUploader = (props) => {
     },
     [stateFiles, isControlled, maxFiles, errorMessage, onChange, dispatch]
   );
-  const getRootProps = (0, import_react80.useCallback)(
+  const getRootProps = (0, import_react81.useCallback)(
     () => ({
       onBlur: onRootBlur,
       onFocus: onRootFocus,
@@ -8243,14 +8255,14 @@ var useFileUploader = (props) => {
       disabled
     ]
   );
-  const getButtonProps = (0, import_react80.useCallback)(
+  const getButtonProps = (0, import_react81.useCallback)(
     () => ({
       onClick: openFileDialog,
       ref: buttonRef
     }),
     [openFileDialog, buttonRef]
   );
-  const getInputProps = (0, import_react80.useCallback)(
+  const getInputProps = (0, import_react81.useCallback)(
     () => ({
       type: "file",
       style: { display: "none" },
@@ -8308,7 +8320,7 @@ var FileUploader = (props) => {
     className,
     ...rest
   } = props;
-  const generatedId = (0, import_react81.useId)();
+  const generatedId = (0, import_react82.useId)();
   const uniqueId = id != null ? id : `${generatedId}-fileUploader`;
   const {
     state: { files: stateFiles, isDragActive, rootErrors },
@@ -8419,7 +8431,7 @@ var FileUploader = (props) => {
 FileUploader.displayName = "FileUploader";
 
 // src/components/Footer/Footer.tsx
-var import_react82 = require("react");
+var import_react83 = require("react");
 
 // src/components/Footer/Footer.module.css
 var Footer_default = {
@@ -8436,7 +8448,7 @@ var Footer_default = {
 
 // src/components/Footer/Footer.tsx
 var import_jsx_runtime238 = require("react/jsx-runtime");
-var Footer = (0, import_react82.forwardRef)((props, ref) => {
+var Footer = (0, import_react83.forwardRef)((props, ref) => {
   const { className, ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
     Contrast,
@@ -8450,21 +8462,21 @@ var Footer = (0, import_react82.forwardRef)((props, ref) => {
 });
 
 // src/components/Footer/FooterListHeader.tsx
-var import_react83 = require("react");
+var import_react84 = require("react");
 var import_jsx_runtime239 = require("react/jsx-runtime");
-var FooterListHeader = (0, import_react83.forwardRef)((props, ref) => {
+var FooterListHeader = (0, import_react84.forwardRef)((props, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Heading, { level: 2, typographyType: "headingSans02", ref, ...props });
 });
 
 // src/components/Footer/FooterLogo.tsx
-var import_react84 = require("react");
+var import_react85 = require("react");
 
 // src/components/Footer/norges_domstoler_logo.svg
 var norges_domstoler_logo_default = 'data:image/svg+xml,<svg width="151" height="80" viewBox="0 0 151 80" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<g id="Logo" clip-path="url(%23clip0_18254_1882)">%0A<path id="Vector" d="M0 19.5721V0.38501H3.50998L9.51314 13.2128C10.169 14.6541 10.6734 16.1596 11.0182 17.7051H11.1848C10.9502 16.2655 10.8311 14.8093 10.8287 13.3507V0.38501H13.0174V19.5721H9.51314L3.50998 6.77306C2.84978 5.3389 2.34334 3.83883 1.99914 2.29798H1.83829C2.07013 3.73991 2.18921 5.19772 2.19446 6.65817V19.5721H0Z" fill="white"/>%0A<path id="Vector_2" d="M19.2848 17.4063C17.9942 15.7059 17.3489 13.2299 17.3489 9.97846C17.3489 6.72699 17.9942 4.25104 19.2848 2.55062C20.5716 0.850208 22.4118 0 24.8054 0C27.199 0 29.0488 0.844463 30.3548 2.53339C31.6416 4.25679 32.2907 6.70401 32.2907 10.0014C32.2907 13.2989 31.6416 15.7461 30.3548 17.4695C29.068 19.1929 27.2182 20.0029 24.8054 20.0029C22.3927 20.0029 20.5716 19.101 19.2848 17.4063ZM21.3357 4.05572C20.6003 5.31955 20.2308 7.29379 20.2269 9.97846C20.2231 12.6631 20.5927 14.6355 21.3357 15.8954C21.6776 16.4998 22.1813 16.9969 22.7902 17.3307C23.3991 17.6646 24.089 17.8221 24.7825 17.7854C25.4832 17.8288 26.182 17.6747 26.7994 17.3406C27.4169 17.0064 27.9282 16.5058 28.2752 15.8954C29.0143 14.6355 29.3858 12.6631 29.3897 9.97846C29.3935 7.29379 29.0297 5.31955 28.2982 4.05572C27.9502 3.44633 27.4387 2.9464 26.8215 2.61242C26.2042 2.27844 25.5059 2.12372 24.8054 2.16573C24.1083 2.12541 23.4138 2.28107 22.8006 2.6151C22.1874 2.94912 21.6799 3.44817 21.3357 4.05572Z" fill="white"/>%0A<path id="Vector_3" d="M48.594 15.5968C48.8111 16.9446 49.1318 18.2737 49.5534 19.5721H46.5317C46.4288 19.2619 46.3463 18.9453 46.2847 18.6243C46.21 18.2681 46.1238 17.7856 46.0376 17.1709C45.9515 16.5562 45.8825 16.1254 45.8423 15.8668C45.5513 13.9903 45.1415 12.7207 44.613 12.0581C44.0845 11.3956 43.2151 11.0681 42.0049 11.0758H39.1326V19.5721H36.4556V0.38501H43.0045C44.7968 0.38501 46.1813 0.815859 47.1693 1.6833C47.6677 2.13766 48.0592 2.69689 48.3154 3.32072C48.5717 3.94454 48.6865 4.61743 48.6515 5.29094C48.6898 5.93617 48.5867 6.58197 48.3496 7.18326C48.1125 7.78455 47.7469 8.32682 47.2785 8.7722C46.2192 9.64565 44.8691 10.0868 43.4985 10.0073H42.7287V10.1681L43.5272 10.1969C44.1017 10.2313 44.4866 10.2658 44.7566 10.2945C45.102 10.3329 45.4427 10.4061 45.7734 10.5128C46.1234 10.601 46.4442 10.7792 46.704 11.0298C46.968 11.3147 47.2064 11.6223 47.4164 11.949C47.7076 12.4082 47.9301 12.9075 48.077 13.4311C48.2551 14.0343 48.4332 14.7581 48.594 15.5968ZM39.167 9.09964H42.43C42.8862 9.13106 43.3441 9.06822 43.775 8.91503C44.2059 8.76184 44.6006 8.52159 44.9347 8.20922C45.241 7.86617 45.4755 7.4653 45.6245 7.03021C45.7734 6.59512 45.8338 6.13462 45.8021 5.67583C45.8021 3.48138 44.6781 2.38415 42.43 2.38415H39.167V9.09964Z" fill="white"/>%0A<path id="Vector_4" d="M63.8634 6.27892C63.8374 5.16647 63.448 4.0931 62.7547 3.22277C62.4351 2.8708 62.0419 2.59361 61.6031 2.41091C61.1642 2.22821 60.6904 2.14451 60.2155 2.16575C59.518 2.12433 58.8231 2.28288 58.2125 2.62276C57.6019 2.96264 57.1011 3.46974 56.7688 4.08447C56.0334 5.36744 55.6658 7.33211 55.6658 9.97848C55.6658 12.6248 56.0315 14.5933 56.763 15.884C57.0847 16.4915 57.5726 16.995 58.1697 17.3358C58.7668 17.6765 59.4484 17.8404 60.1351 17.8084C62.8581 17.8084 64.2196 15.974 64.2196 12.3051V11.6214H59.9168V9.64529H66.7415V19.572H64.5757V17.6246C64.5824 16.3521 64.6552 15.0808 64.794 13.8159H64.6274C64.4283 15.9338 63.9132 17.4867 63.0821 18.4748C62.2491 19.4629 61.0198 19.9512 59.3941 19.9512C58.4312 19.9882 57.4753 19.7741 56.6202 19.3299C55.7651 18.8857 55.0403 18.2268 54.5169 17.4178C53.3679 15.7289 52.7935 13.2759 52.7935 10.0589C52.7935 6.77296 53.4292 4.28361 54.7007 2.59086C55.9722 0.898101 57.8009 0.0344883 60.1868 2.04411e-05C61.7689 -0.0690547 63.3242 0.425623 64.5757 1.39597C65.1677 1.92295 65.6473 2.56392 65.9859 3.28052C66.3244 3.99712 66.515 4.77464 66.5461 5.56659L63.8634 6.27892Z" fill="white"/>%0A<path id="Vector_5" d="M74.824 17.5673H82.8034V19.5721H72.1125V0.38501H82.6368V2.38415H74.824V8.66305H82.0048V10.6622H74.824V17.5673Z" fill="white"/>%0A<path id="Vector_6" d="M93.0633 19.9512C90.9953 19.9512 89.3695 19.4342 88.1804 18.3887C87.5786 17.8382 87.1032 17.164 86.7869 16.4123C86.4705 15.6606 86.3207 14.8493 86.3478 14.0342L89.0421 13.2645C89.1876 16.3283 90.5491 17.8602 93.1265 17.8602C94.0518 17.9146 94.9669 17.6422 95.7116 17.0904C96.0388 16.8086 96.2951 16.4538 96.4598 16.0546C96.6245 15.6554 96.6929 15.2231 96.6595 14.7925C96.6595 13.3334 95.838 12.284 94.195 11.6445L91.0699 10.3806C88.4159 9.32362 87.0908 7.55236 87.0947 5.06684C87.054 4.35555 87.1815 3.64468 87.467 2.99192C87.7524 2.33915 88.1878 1.76287 88.7376 1.30984C90.0484 0.449859 91.5818 -0.00830078 93.1495 -0.00830078C94.7172 -0.00830078 96.2507 0.449859 97.5614 1.30984C98.139 1.77201 98.6034 2.36008 98.919 3.02914C99.2346 3.6982 99.3931 4.43055 99.3825 5.17024L96.7801 5.9113C96.6155 3.36451 95.4014 2.09302 93.138 2.09685C92.2848 2.02806 91.4347 2.26195 90.7368 2.75749C90.4435 3.00371 90.2126 3.31574 90.0629 3.66814C89.9131 4.02055 89.8488 4.40335 89.8751 4.78535C89.835 5.48253 90.0539 6.16994 90.4897 6.71555C91.0398 7.27423 91.7096 7.70051 92.4487 7.96214L95.3612 9.15703C98.042 10.2294 99.3825 12.0006 99.3825 14.4708C99.4281 15.2308 99.2996 15.9911 99.0069 16.694C98.7143 17.3968 98.2651 18.0236 97.6935 18.5266C96.602 19.4802 95.051 19.9512 93.0633 19.9512Z" fill="white"/>%0A<path id="Vector_7" d="M5.2104 35.4617C7.95251 35.4617 9.98037 36.308 11.294 38.0008C12.6076 39.6936 13.2644 42.045 13.2644 45.0552C13.2644 48.0884 12.6076 50.4456 11.294 52.1269C9.98037 53.8082 7.95251 54.6488 5.2104 54.6488H0V35.4617H5.2104ZM4.96338 52.6497C6.97401 52.6497 8.3757 52.0063 9.17995 50.7195C9.9842 49.4327 10.3863 47.5427 10.3863 45.0552C10.3863 42.5678 9.9842 40.6836 9.17995 39.3968C8.3757 38.11 6.97401 37.4666 4.96338 37.4666H2.71148V52.6497H4.96338Z" fill="white"/>%0A<path id="Vector_8" d="M18.5954 52.4831C17.3047 50.7903 16.6594 48.3144 16.6594 45.0552C16.6594 41.7961 17.3047 39.3202 18.5954 37.6274C19.8898 35.9308 21.732 35.0825 24.1217 35.0825C26.5115 35.0825 28.3613 35.927 29.6711 37.6159C30.954 39.3048 31.5955 41.7846 31.5955 45.0552C31.5955 48.3259 30.9521 50.8152 29.6653 52.5233C28.3823 54.1969 26.5364 55.0337 24.1275 55.0337C21.7185 55.0337 19.8745 54.1835 18.5954 52.4831ZM20.6807 39.1382C19.9147 40.3944 19.5317 42.3667 19.5317 45.0552C19.5317 47.7437 19.9147 49.718 20.6807 50.978C21.0254 51.5787 21.5302 52.0719 22.1388 52.4025C22.7474 52.7332 23.4359 52.8884 24.1275 52.8507C24.8279 52.8921 25.5259 52.7371 26.143 52.4031C26.7601 52.0692 27.2717 51.5697 27.6202 50.9607C28.3555 49.7084 28.7232 47.7399 28.7232 45.0552C28.7232 42.3706 28.3536 40.3982 27.6145 39.1382C27.2674 38.5293 26.7569 38.0296 26.1407 37.6956C25.5245 37.3616 24.8271 37.2067 24.1275 37.2483C23.434 37.2116 22.7441 37.3691 22.1352 37.703C21.5264 38.0368 21.0226 38.5339 20.6807 39.1382Z" fill="white"/>%0A<path id="Vector_9" d="M35.7661 54.6488V35.4617H39.7414L42.8148 46.1237C43.5024 48.2936 43.9079 50.5429 44.0212 52.8163H44.2337C44.2993 50.5424 44.6861 48.2893 45.3827 46.1237L48.5939 35.4617H52.2762V54.6488H49.6911V43.7684C49.6911 41.5223 49.7773 39.414 49.9382 37.4493H49.7486C49.4555 39.2625 49.0527 41.0562 48.5422 42.8206L45.0954 54.6603H42.6827L39.121 42.5965C38.6304 40.9144 38.2467 39.2029 37.9721 37.4723H37.7767C37.9261 39.2417 38.0008 41.2638 38.0008 43.5272V54.6488H35.7661Z" fill="white"/>%0A<path id="Vector_10" d="M63.2314 55.0338C61.171 55.0338 59.5452 54.513 58.3542 53.4713C57.7505 52.9221 57.2734 52.2482 56.9559 51.4963C56.6385 50.7444 56.4884 49.9325 56.5159 49.1168L59.1699 48.3471C59.3155 51.4109 60.6769 52.9428 63.2544 52.9428C64.1809 52.9928 65.0963 52.7208 65.8452 52.173C66.1703 51.8898 66.4248 51.5346 66.5883 51.1356C66.7519 50.7367 66.82 50.3051 66.7873 49.8751C66.7873 48.416 65.9659 47.3647 64.3229 46.7213L61.1978 45.4632C58.5476 44.3986 57.2225 42.6254 57.2225 40.1437C57.1827 39.4334 57.3107 38.7236 57.5962 38.0719C57.8816 37.4202 58.3164 36.8449 58.8655 36.3924C60.1497 35.4549 61.7185 34.9902 63.3061 35.0769C64.8757 35.0068 66.4227 35.4705 67.695 36.3924C68.2714 36.8566 68.7344 37.4461 69.0489 38.116C69.3635 38.7859 69.5213 39.5186 69.5103 40.2586L66.9022 40.9997C66.7414 38.4605 65.5273 37.1909 63.2601 37.1909C62.4071 37.1241 61.5576 37.3578 60.8589 37.8516C60.5656 38.0978 60.3347 38.4098 60.185 38.7622C60.0352 39.1146 59.9709 39.4974 59.9972 39.8794C59.9571 40.5766 60.176 41.264 60.6118 41.8096C61.1632 42.3762 61.8346 42.812 62.5765 43.085L65.535 44.2339C68.2158 45.3139 69.5563 47.0871 69.5563 49.5534C69.6008 50.3128 69.4725 51.0723 69.181 51.7748C68.8894 52.4773 68.4422 53.1045 67.8731 53.6092C66.7529 54.5743 65.2076 55.0338 63.2314 55.0338Z" fill="white"/>%0A<path id="Vector_11" d="M85.8997 35.4617V37.6274H80.6376V54.6488H77.9491V37.6274H72.687V35.4617H85.8997Z" fill="white"/>%0A<path id="Vector_12" d="M90.4092 52.4831C89.1148 50.7903 88.4675 48.3144 88.4675 45.0552C88.4675 41.7961 89.1128 39.3202 90.4035 37.6274C91.6903 35.9308 93.5305 35.0825 95.9241 35.0825C98.3177 35.0825 100.167 35.927 101.473 37.6159C102.76 39.3048 103.404 41.7942 103.404 45.084C103.404 48.3737 102.76 50.8631 101.473 52.552C100.19 54.2065 98.3445 55.0337 95.9356 55.0337C93.5267 55.0337 91.6845 54.1835 90.4092 52.4831ZM92.4888 39.1382C91.7228 40.3944 91.3399 42.3667 91.3399 45.0552C91.3399 47.7437 91.7228 49.718 92.4888 50.978C92.866 51.5576 93.382 52.034 93.9899 52.3637C94.5978 52.6934 95.2785 52.8661 95.97 52.8661C96.6616 52.8661 97.3423 52.6934 97.9502 52.3637C98.5581 52.034 99.0741 51.5576 99.4513 50.978C100.171 49.7141 100.531 47.7399 100.531 45.0552C100.531 42.3706 100.162 40.3982 99.4226 39.1382C99.0454 38.5586 98.5294 38.0823 97.9215 37.7525C97.3136 37.4228 96.6329 37.2501 95.9413 37.2501C95.2497 37.2501 94.5691 37.4228 93.9612 37.7525C93.3532 38.0823 92.8373 38.5586 92.4601 39.1382H92.4888Z" fill="white"/>%0A<path id="Vector_13" d="M107.58 35.4617H110.297V52.4831H117.915V54.6488H107.574L107.58 35.4617Z" fill="white"/>%0A<path id="Vector_14" d="M124.544 52.6497H132.518V54.6488H121.833V35.4617H132.357V37.4666H124.544V43.7397H131.725V45.7446H124.544V52.6497Z" fill="white"/>%0A<path id="Vector_15" d="M149.321 50.6735C149.534 52.022 149.855 53.3513 150.28 54.6488H147.264C147.163 54.3399 147.081 54.0253 147.017 53.7067C146.942 53.3505 146.862 52.8622 146.77 52.2533C146.678 51.6444 146.615 51.2078 146.581 50.9493C146.289 49.0688 145.878 47.7993 145.345 47.1405C144.817 46.4857 143.949 46.1525 142.743 46.1525H139.871V54.6488H137.154V35.4617H143.731C145.52 35.4617 146.908 35.8963 147.896 36.7657C148.392 37.2209 148.781 37.7807 149.034 38.4047C149.288 39.0286 149.399 39.701 149.361 40.3733C149.394 41.0129 149.289 41.6521 149.052 42.247C148.815 42.8419 148.452 43.3786 147.988 43.8201C146.93 44.6951 145.579 45.1365 144.208 45.0552H143.438V45.2218H144.231C144.805 45.2563 145.19 45.285 145.466 45.3137C145.811 45.3579 146.151 45.4309 146.483 45.532C146.833 45.6236 147.153 45.8036 147.413 46.0548C147.676 46.3411 147.914 46.6485 148.126 46.9739C148.422 47.451 148.645 47.97 148.786 48.5135C148.982 49.1167 149.154 49.8348 149.321 50.6735ZM139.894 44.1821H143.151C143.608 44.2136 144.067 44.1508 144.499 43.9976C144.931 43.8445 145.326 43.6042 145.661 43.2916C146.273 42.5923 146.583 41.6795 146.523 40.7525C146.523 38.5638 145.403 37.4666 143.151 37.4666H139.894V44.1821Z" fill="white"/>%0A<path id="Vector_16" d="M150.389 75.0137H0V80H150.389V75.0137Z" fill="white"/>%0A</g>%0A<defs>%0A<clipPath id="clip0_18254_1882">%0A<rect width="150.389" height="80" fill="white"/>%0A</clipPath>%0A</defs>%0A</svg>%0A';
 
 // src/components/Footer/FooterLogo.tsx
 var import_jsx_runtime240 = require("react/jsx-runtime");
-var FooterLogo = (0, import_react84.forwardRef)(
+var FooterLogo = (0, import_react85.forwardRef)(
   (props, ref) => {
     const { className, hideBreakpoint, ...rest } = props;
     return /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
@@ -8486,9 +8498,9 @@ var FooterLogo = (0, import_react84.forwardRef)(
 );
 
 // src/components/Footer/FooterList.tsx
-var import_react85 = require("react");
+var import_react86 = require("react");
 var import_jsx_runtime241 = require("react/jsx-runtime");
-var FooterList = (0, import_react85.forwardRef)(
+var FooterList = (0, import_react86.forwardRef)(
   (props, ref) => {
     const { className, ...rest } = props;
     return /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
@@ -8507,9 +8519,9 @@ var FooterList = (0, import_react85.forwardRef)(
 );
 
 // src/components/Footer/FooterSocialsList.tsx
-var import_react86 = require("react");
+var import_react87 = require("react");
 var import_jsx_runtime242 = require("react/jsx-runtime");
-var FooterSocialsList = (0, import_react86.forwardRef)((props, ref) => {
+var FooterSocialsList = (0, import_react87.forwardRef)((props, ref) => {
   const { className, ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
     "ul",
@@ -8526,9 +8538,9 @@ var FooterSocialsList = (0, import_react86.forwardRef)((props, ref) => {
 });
 
 // src/components/Footer/FooterSocialsGroup.tsx
-var import_react87 = require("react");
+var import_react88 = require("react");
 var import_jsx_runtime243 = require("react/jsx-runtime");
-var FooterSocialsGroup = (0, import_react87.forwardRef)((props, ref) => {
+var FooterSocialsGroup = (0, import_react88.forwardRef)((props, ref) => {
   const { className, ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
     "div",
@@ -8541,9 +8553,9 @@ var FooterSocialsGroup = (0, import_react87.forwardRef)((props, ref) => {
 });
 
 // src/components/Footer/FooterListGroup.tsx
-var import_react88 = require("react");
+var import_react89 = require("react");
 var import_jsx_runtime244 = require("react/jsx-runtime");
-var FooterListGroup = (0, import_react88.forwardRef)(
+var FooterListGroup = (0, import_react89.forwardRef)(
   (props, ref) => {
     const { className, ...rest } = props;
     return /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
@@ -8558,9 +8570,9 @@ var FooterListGroup = (0, import_react88.forwardRef)(
 );
 
 // src/components/Footer/FooterLeft.tsx
-var import_react89 = require("react");
+var import_react90 = require("react");
 var import_jsx_runtime245 = require("react/jsx-runtime");
-var FooterLeft = (0, import_react89.forwardRef)(
+var FooterLeft = (0, import_react90.forwardRef)(
   (props, ref) => {
     const { className, ...rest } = props;
     return /* @__PURE__ */ (0, import_jsx_runtime245.jsx)("div", { ref, className: cn(className, Footer_default["left"]), ...rest });
@@ -8568,7 +8580,7 @@ var FooterLeft = (0, import_react89.forwardRef)(
 );
 
 // src/components/GlobalMessage/GlobalMessage.tsx
-var import_react90 = require("react");
+var import_react91 = require("react");
 
 // src/components/GlobalMessage/GlobalMessage.module.css
 var GlobalMessage_default = {
@@ -8588,7 +8600,7 @@ var icons = {
   danger: ErrorIcon,
   warning: WarningIcon
 };
-var GlobalMessage = (0, import_react90.forwardRef)(
+var GlobalMessage = (0, import_react91.forwardRef)(
   (props, ref) => {
     const {
       message,
@@ -8601,7 +8613,7 @@ var GlobalMessage = (0, import_react90.forwardRef)(
       htmlProps,
       ...rest
     } = props;
-    const [isClosed, setClosed] = (0, import_react90.useState)(false);
+    const [isClosed, setClosed] = (0, import_react91.useState)(false);
     return !isClosed ? /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
       "div",
       {
@@ -8795,7 +8807,7 @@ var GridChild = (props) => {
 GridChild.displayName = "GridChild";
 
 // src/components/InlineButton/InlineButton.tsx
-var import_react91 = require("react");
+var import_react92 = require("react");
 
 // src/components/InlineButton/InlineButton.module.css
 var InlineButton_default = {
@@ -8804,7 +8816,7 @@ var InlineButton_default = {
 
 // src/components/InlineButton/InlineButton.tsx
 var import_jsx_runtime249 = require("react/jsx-runtime");
-var InlineButton = (0, import_react91.forwardRef)(
+var InlineButton = (0, import_react92.forwardRef)(
   (props, ref) => {
     const { className, ...rest } = props;
     return /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
@@ -8826,10 +8838,10 @@ var InlineButton = (0, import_react91.forwardRef)(
 );
 
 // src/components/InlineEdit/InlineEditTextArea.tsx
-var import_react94 = require("react");
+var import_react95 = require("react");
 
 // src/components/InlineEdit/InlineEdit.tsx
-var import_react92 = require("react");
+var import_react93 = require("react");
 var import_jsx_runtime250 = require("react/jsx-runtime");
 var InlineEdit = (props) => {
   const {
@@ -8842,8 +8854,8 @@ var InlineEdit = (props) => {
     inputRef,
     children
   } = props;
-  const [editingValue, setEditingValue] = (0, import_react92.useState)(value != null ? value : "");
-  const [isEditing, setIsEditing] = (0, import_react92.useState)(false);
+  const [editingValue, setEditingValue] = (0, import_react93.useState)(value != null ? value : "");
+  const [isEditing, setIsEditing] = (0, import_react93.useState)(false);
   const onChangeHandler = (e) => {
     setEditingValue(e.target.value);
     onChange && onChange();
@@ -8870,8 +8882,8 @@ var InlineEdit = (props) => {
   useOnKeyDown(["Enter"], () => onExitHandler());
   useOnKeyDown(["Escape"], () => onExitHandler());
   useOnClickOutside(inputRef.current, () => onExitHandler());
-  const inputChild = import_react92.Children.only(
-    (0, import_react92.isValidElement)(children) && (0, import_react92.cloneElement)(children, {
+  const inputChild = import_react93.Children.only(
+    (0, import_react93.isValidElement)(children) && (0, import_react93.cloneElement)(children, {
       onChange: onChangeHandler,
       onBlur: onBlurHandler,
       onFocus: onFocusHandler,
@@ -8885,7 +8897,7 @@ var InlineEdit = (props) => {
 InlineEdit.displayName = "InlineEdit";
 
 // src/components/InlineEdit/InlineTextArea.tsx
-var import_react93 = require("react");
+var import_react94 = require("react");
 
 // src/components/InlineEdit/InlineEdit.module.css
 var InlineEdit_default = {
@@ -8907,7 +8919,7 @@ var inlineEditVisuallyHidden = (id, emptiable) => /* @__PURE__ */ (0, import_jsx
 
 // src/components/InlineEdit/InlineTextArea.tsx
 var import_jsx_runtime252 = require("react/jsx-runtime");
-var InlineTextArea = (0, import_react93.forwardRef)((props, ref) => {
+var InlineTextArea = (0, import_react94.forwardRef)((props, ref) => {
   const {
     id,
     error,
@@ -8919,14 +8931,14 @@ var InlineTextArea = (0, import_react93.forwardRef)((props, ref) => {
     hideIcon,
     ...rest
   } = props;
-  const genereatedId = (0, import_react93.useId)();
+  const genereatedId = (0, import_react94.useId)();
   const uniqueId = id != null ? id : `${genereatedId}-InlineTextArea`;
   const hasErrorMessage = !!errorMessage;
   const errorMessageId = derivativeIdGenerator(uniqueId, "errorMessage");
   const hasError = !!error;
   const hasErrorState = hasError || hasErrorMessage;
   const descId = derivativeIdGenerator(uniqueId, "desc");
-  const inputRef = (0, import_react93.useRef)(null);
+  const inputRef = (0, import_react94.useRef)(null);
   const combinedRef = useCombinedRef(ref, inputRef);
   return /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)("div", { className: InlineEdit_default.container, style: { width }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)("div", { className: Input_default["input-group"], children: [
@@ -8974,9 +8986,9 @@ InlineTextArea.displayName = "InlineTextArea";
 
 // src/components/InlineEdit/InlineEditTextArea.tsx
 var import_jsx_runtime253 = require("react/jsx-runtime");
-var InlineEditTextArea = (0, import_react94.forwardRef)((props, ref) => {
+var InlineEditTextArea = (0, import_react95.forwardRef)((props, ref) => {
   const { onSetValue, emptiable, value, onFocus, onChange, onBlur, ...rest } = props;
-  const textareaRef = (0, import_react94.useRef)(null);
+  const textareaRef = (0, import_react95.useRef)(null);
   const combinedRef = useCombinedRef(ref, textareaRef);
   return /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
     InlineEdit,
@@ -8994,12 +9006,12 @@ var InlineEditTextArea = (0, import_react94.forwardRef)((props, ref) => {
 });
 
 // src/components/InlineEdit/InlineEditInput.tsx
-var import_react96 = require("react");
+var import_react97 = require("react");
 
 // src/components/InlineEdit/InlineInput.tsx
-var import_react95 = require("react");
+var import_react96 = require("react");
 var import_jsx_runtime254 = require("react/jsx-runtime");
-var InlineInput = (0, import_react95.forwardRef)(
+var InlineInput = (0, import_react96.forwardRef)(
   (props, ref) => {
     const {
       id,
@@ -9012,14 +9024,14 @@ var InlineInput = (0, import_react95.forwardRef)(
       hideIcon,
       ...rest
     } = props;
-    const genereatedId = (0, import_react95.useId)();
+    const genereatedId = (0, import_react96.useId)();
     const uniqueId = id != null ? id : `${genereatedId}-InlineInput`;
     const hasErrorMessage = !!errorMessage;
     const hasError = !!error;
     const hasErrorState = hasError || hasErrorMessage;
     const errorMessageId = derivativeIdGenerator(uniqueId, "errorMessage");
     const descId = derivativeIdGenerator(uniqueId, "desc");
-    const inputRef = (0, import_react95.useRef)(null);
+    const inputRef = (0, import_react96.useRef)(null);
     const combinedRef = useCombinedRef(ref, inputRef);
     return /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)("div", { className: InlineEdit_default.container, style: { width }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)("div", { className: Input_default["input-group"], children: [
@@ -9066,9 +9078,9 @@ InlineInput.displayName = "InlineInput";
 
 // src/components/InlineEdit/InlineEditInput.tsx
 var import_jsx_runtime255 = require("react/jsx-runtime");
-var InlineEditInput = (0, import_react96.forwardRef)((props, ref) => {
+var InlineEditInput = (0, import_react97.forwardRef)((props, ref) => {
   const { onSetValue, emptiable, value, onFocus, onChange, onBlur, ...rest } = props;
-  const inputRef = (0, import_react96.useRef)(null);
+  const inputRef = (0, import_react97.useRef)(null);
   const combinedRef = useCombinedRef(ref, inputRef);
   return /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
     InlineEdit,
@@ -9086,7 +9098,7 @@ var InlineEditInput = (0, import_react96.forwardRef)((props, ref) => {
 });
 
 // src/components/InternalHeader/InternalHeader.tsx
-var import_react98 = require("react");
+var import_react99 = require("react");
 
 // src/components/InternalHeader/InternalHeader.module.css
 var InternalHeader_default = {
@@ -9142,9 +9154,9 @@ var InternalHeader_default = {
 };
 
 // src/components/InternalHeader/NavigationItem.tsx
-var import_react97 = require("react");
+var import_react98 = require("react");
 var import_jsx_runtime256 = require("react/jsx-runtime");
-var NavigationItem = (0, import_react97.forwardRef)(({ isCurrent, ...rest }, ref) => {
+var NavigationItem = (0, import_react98.forwardRef)(({ isCurrent, ...rest }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
     "a",
     {
@@ -9179,11 +9191,11 @@ var InternalHeader = (props) => {
     htmlProps,
     ...rest
   } = props;
-  const [contextMenuIsClosed, setContextMenuIsClosed] = (0, import_react98.useState)(true);
-  const [currentPage, setCurrentPage] = (0, import_react98.useState)(
+  const [contextMenuIsClosed, setContextMenuIsClosed] = (0, import_react99.useState)(true);
+  const [currentPage, setCurrentPage] = (0, import_react99.useState)(
     currentPageHref
   );
-  const buttonRef = (0, import_react98.useRef)(null);
+  const buttonRef = (0, import_react99.useRef)(null);
   const handleCurrentPageChange = (href) => {
     setCurrentPage(href);
     onCurrentPageChange && onCurrentPageChange();
@@ -9319,7 +9331,7 @@ var InternalHeader = (props) => {
 InternalHeader.displayName = "InternalHeader";
 
 // src/components/List/List.tsx
-var import_react99 = require("react");
+var import_react100 = require("react");
 
 // src/components/List/List.module.css
 var List_default = {
@@ -9332,7 +9344,7 @@ var List_default = {
 
 // src/components/List/List.tsx
 var import_jsx_runtime258 = require("react/jsx-runtime");
-var List = (0, import_react99.forwardRef)((props, ref) => {
+var List = (0, import_react100.forwardRef)((props, ref) => {
   const {
     listType = "unordered",
     typographyType = "inherit",
@@ -9360,9 +9372,9 @@ var List = (0, import_react99.forwardRef)((props, ref) => {
 List.displayName = "List";
 
 // src/components/List/ListItem.tsx
-var import_react100 = require("react");
+var import_react101 = require("react");
 var import_jsx_runtime259 = require("react/jsx-runtime");
-var ListItem = (0, import_react100.forwardRef)(
+var ListItem = (0, import_react101.forwardRef)(
   ({ className, ...rest }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)("li", { ref, ...rest, className: cn(className, List_default.li) });
   }
@@ -9370,7 +9382,7 @@ var ListItem = (0, import_react100.forwardRef)(
 ListItem.displayName = "ListItem";
 
 // src/components/LocalMessage/LocalMessage.tsx
-var import_react101 = require("react");
+var import_react102 = require("react");
 
 // src/components/LocalMessage/LocalMessage.module.css
 var LocalMessage_default = {
@@ -9399,7 +9411,7 @@ var icons2 = {
   success: CheckCircledIcon,
   tips: TipIcon
 };
-var LocalMessage = (0, import_react101.forwardRef)(
+var LocalMessage = (0, import_react102.forwardRef)(
   (props, ref) => {
     const {
       message,
@@ -9414,7 +9426,7 @@ var LocalMessage = (0, import_react101.forwardRef)(
       htmlProps,
       ...rest
     } = props;
-    const [isClosed, setClosed] = (0, import_react101.useState)(false);
+    const [isClosed, setClosed] = (0, import_react102.useState)(false);
     if (isClosed) {
       return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(import_jsx_runtime260.Fragment, {});
     }
@@ -9467,7 +9479,7 @@ var LocalMessage = (0, import_react101.forwardRef)(
 LocalMessage.displayName = "LocalMessage";
 
 // src/components/Modal/Modal.tsx
-var import_react102 = require("react");
+var import_react103 = require("react");
 var import_react_dom3 = require("react-dom");
 
 // src/components/Modal/Modal.module.css
@@ -9482,7 +9494,7 @@ var Modal_default = {
 
 // src/components/Modal/Modal.tsx
 var import_jsx_runtime261 = require("react/jsx-runtime");
-var Modal = (0, import_react102.forwardRef)((props, ref) => {
+var Modal = (0, import_react103.forwardRef)((props, ref) => {
   const {
     isOpen = false,
     parentElement = document.body,
@@ -9496,7 +9508,7 @@ var Modal = (0, import_react102.forwardRef)((props, ref) => {
     htmlProps,
     ...rest
   } = props;
-  const generatedId = (0, import_react102.useId)();
+  const generatedId = (0, import_react103.useId)();
   const modalId = id != null ? id : `${generatedId}-modal`;
   const headerId = `${modalId}-header`;
   const modalRef = useFocusTrap(isOpen, initialFocusRef);
@@ -9508,7 +9520,7 @@ var Modal = (0, import_react102.forwardRef)((props, ref) => {
       onClose();
     }
   };
-  (0, import_react102.useEffect)(() => {
+  (0, import_react103.useEffect)(() => {
     if (isOpen) {
       handleElementWithBackdropMount(document.body);
     } else {
@@ -9516,55 +9528,68 @@ var Modal = (0, import_react102.forwardRef)((props, ref) => {
     }
     return () => handleElementWithBackdropUnmount(document.body);
   }, [isOpen]);
-  useOnClickOutside(modalRef.current, () => handleClose());
+  const backdropRef = (0, import_react103.useRef)(null);
+  const onBackdropClick = (event) => {
+    if (event.target === backdropRef.current && isOpen) {
+      handleClose();
+    }
+  };
   useOnKeyDown(["Escape", "Esc"], () => handleClose());
   const hasTransitionedIn = useMountTransition(isOpen, 200);
   return isOpen || hasTransitionedIn ? (0, import_react_dom3.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Backdrop, { isMounted: isOpen && hasTransitionedIn, children: /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(
-      Paper,
+    /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
+      Backdrop,
       {
-        ...getBaseHTMLProps(
-          id,
-          cn(className, Modal_default.container, focusable),
-          htmlProps,
-          rest
-        ),
-        ref: combinedRef,
-        role: "dialog",
-        "aria-modal": true,
-        "aria-hidden": !isOpen,
-        tabIndex: -1,
-        "aria-labelledby": headerId,
-        id: modalId,
-        elevation: 4,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("div", { className: Modal_default.content, children: [
-            !!header && /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("div", { id: headerId, className: Modal_default.header, children: typeof header === "string" ? /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Heading, { level: 2, typographyType: "headingSans03", children: header }) : header }),
-            children
-          ] }),
-          onClose && /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
-            Button,
-            {
-              size: "small",
-              purpose: "tertiary",
-              icon: CloseIcon,
-              onClick: handleClose,
-              "aria-label": "Lukk dialog",
-              className: Modal_default["close-button"]
-            }
-          )
-        ]
+        isMounted: isOpen && hasTransitionedIn,
+        ref: backdropRef,
+        onClick: onBackdropClick,
+        children: /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(
+          Paper,
+          {
+            ...getBaseHTMLProps(
+              id,
+              cn(className, Modal_default.container, focusable),
+              htmlProps,
+              rest
+            ),
+            ref: combinedRef,
+            role: "dialog",
+            "aria-modal": true,
+            "aria-hidden": !isOpen,
+            tabIndex: -1,
+            "aria-labelledby": headerId,
+            id: modalId,
+            elevation: 4,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)("div", { className: Modal_default.content, children: [
+                !!header && /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("div", { id: headerId, className: Modal_default.header, children: typeof header === "string" ? /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Heading, { level: 2, typographyType: "headingSans03", children: header }) : header }),
+                children
+              ] }),
+              onClose && /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
+                Button,
+                {
+                  size: "small",
+                  purpose: "tertiary",
+                  icon: CloseIcon,
+                  onClick: handleClose,
+                  "aria-label": "Lukk dialog",
+                  className: Modal_default["close-button"]
+                }
+              )
+            ]
+          }
+        )
       }
-    ) }),
+    ),
     parentElement
   ) : null;
 });
 Modal.displayName = "Modal";
 
 // src/components/Modal/ModalBody.tsx
-var import_react103 = require("react");
+var import_react104 = require("react");
 var import_jsx_runtime262 = require("react/jsx-runtime");
-var ModalBody = (0, import_react103.forwardRef)(
+var ModalBody = (0, import_react104.forwardRef)(
   (props, ref) => {
     const { children, id, className, scrollable, htmlProps, height, ...rest } = props;
     return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
@@ -9591,9 +9616,9 @@ var ModalBody = (0, import_react103.forwardRef)(
 ModalBody.displayName = "ModalBody";
 
 // src/components/Modal/ModalActions.tsx
-var import_react104 = require("react");
+var import_react105 = require("react");
 var import_jsx_runtime263 = require("react/jsx-runtime");
-var ModalActions = (0, import_react104.forwardRef)(
+var ModalActions = (0, import_react105.forwardRef)(
   ({ className, ...rest }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime263.jsx)("div", { ref, ...rest, className: cn(className, Modal_default.actions) });
   }
@@ -9601,7 +9626,7 @@ var ModalActions = (0, import_react104.forwardRef)(
 ModalActions.displayName = "ModalActions";
 
 // src/components/Pagination/Pagination.tsx
-var import_react107 = require("react");
+var import_react108 = require("react");
 
 // src/components/Pagination/Pagination.module.css
 var Pagination_default = {
@@ -9664,7 +9689,7 @@ function PaginationGenerator(pagesAmount, activePage) {
 }
 
 // src/components/Select/Select.tsx
-var import_react105 = require("react");
+var import_react106 = require("react");
 var import_react_select2 = __toESM(require("react-select"));
 
 // src/components/Select/Select.module.css
@@ -10074,7 +10099,7 @@ function SelectInner(props, ref) {
     "data-testid": dataTestId,
     ...rest
   } = props;
-  const generatedId = (0, import_react105.useId)();
+  const generatedId = (0, import_react106.useId)();
   const uniqueId = id != null ? id : `${generatedId}-select`;
   const singleValueId = !isMulti ? `${uniqueId}-singleValue` : void 0;
   const hasLabel = !!label;
@@ -10161,11 +10186,11 @@ function SelectInner(props, ref) {
     }
   );
 }
-var Select = (0, import_react105.forwardRef)(SelectInner);
+var Select = (0, import_react106.forwardRef)(SelectInner);
 Select.displayName = "Select";
 
 // src/components/Select/NativeSelect/NativeSelect.tsx
-var import_react106 = require("react");
+var import_react107 = require("react");
 
 // src/components/Select/NativeSelect/NativeSelect.module.css
 var NativeSelect_default = {
@@ -10181,7 +10206,7 @@ var NativeSelect_default = {
 
 // src/components/Select/NativeSelect/NativeSelect.tsx
 var import_jsx_runtime266 = require("react/jsx-runtime");
-var NativeSelect = (0, import_react106.forwardRef)(
+var NativeSelect = (0, import_react107.forwardRef)(
   (props, ref) => {
     const {
       id,
@@ -10200,7 +10225,7 @@ var NativeSelect = (0, import_react106.forwardRef)(
       style,
       ...rest
     } = props;
-    const generatedId = (0, import_react106.useId)();
+    const generatedId = (0, import_react107.useId)();
     const uniqueId = id != null ? id : `${generatedId}-native-select`;
     const hasErrorMessage = !!errorMessage;
     const hasTip = !!tip;
@@ -10275,7 +10300,7 @@ var NativeSelect = (0, import_react106.forwardRef)(
     ] });
   }
 );
-var NativeSelectPlaceholder = (0, import_react106.forwardRef)((props, ref) => {
+var NativeSelectPlaceholder = (0, import_react107.forwardRef)((props, ref) => {
   const { children = "-- Velg fra listen --", value, ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("option", { ref, value: value != null ? value : "", selected: true, ...rest, children });
 });
@@ -10286,7 +10311,7 @@ var createSelectOptions = (...args) => args.map((v2) => ({ label: v2, value: v2
 
 // src/components/Pagination/Pagination.tsx
 var import_jsx_runtime267 = require("react/jsx-runtime");
-var Pagination = (0, import_react107.forwardRef)(
+var Pagination = (0, import_react108.forwardRef)(
   (props, ref) => {
     const {
       itemsAmount,
@@ -10309,8 +10334,8 @@ var Pagination = (0, import_react107.forwardRef)(
       htmlProps,
       ...rest
     } = props;
-    const [activePage, setActivePage] = (0, import_react107.useState)(defaultActivePage);
-    const [itemsPerPage, setItemsPerPage] = (0, import_react107.useState)(defaultItemsPerPage);
+    const [activePage, setActivePage] = (0, import_react108.useState)(defaultActivePage);
+    const [itemsPerPage, setItemsPerPage] = (0, import_react108.useState)(defaultItemsPerPage);
     const pagesLength = Math.ceil(itemsAmount / itemsPerPage);
     const items = PaginationGenerator(pagesLength, activePage);
     const onPageChange = (event, page) => {
@@ -10544,7 +10569,7 @@ Pagination.displayName = "Pagination";
 
 // src/components/PhoneInput/PhoneInput.tsx
 var import_dds_design_tokens15 = require("@norges-domstoler/dds-design-tokens");
-var import_react108 = require("react");
+var import_react109 = require("react");
 
 // src/components/PhoneInput/constants.ts
 var COUNTRIES = {
@@ -11269,7 +11294,7 @@ var countryOptions = [
   ...prioritizedCountryOptions,
   ...sortedCountryOptions
 ];
-var PhoneInput = (0, import_react108.forwardRef)(
+var PhoneInput = (0, import_react109.forwardRef)(
   ({
     label,
     readOnly,
@@ -11292,7 +11317,7 @@ var PhoneInput = (0, import_react108.forwardRef)(
     ...props
   }, ref) => {
     var _a;
-    const generatedId = (0, import_react108.useId)();
+    const generatedId = (0, import_react109.useId)();
     const uniqueId = (_a = props.id) != null ? _a : generatedId;
     const phoneInputId = `${uniqueId}-phone-input`;
     const phoneNumberId = `${uniqueId}-phone-number`;
@@ -11303,18 +11328,18 @@ var PhoneInput = (0, import_react108.forwardRef)(
     const hasMessage = hasErrorMessage || hasTip;
     const tipId = derivativeIdGenerator(phoneInputId, "tip");
     const errorMessageId = derivativeIdGenerator(phoneInputId, "errorMessage");
-    const [callingCode, setCallingCode] = (0, import_react108.useState)("");
-    const [selectedCountryCodeText, setSelectedCountryCodeText] = (0, import_react108.useState)("");
-    const [internalValue, setInternalValue] = (0, import_react108.useState)(
+    const [callingCode, setCallingCode] = (0, import_react109.useState)("");
+    const [selectedCountryCodeText, setSelectedCountryCodeText] = (0, import_react109.useState)("");
+    const [internalValue, setInternalValue] = (0, import_react109.useState)(
       defaultValue != null ? defaultValue : {
         countryCode: "",
         phoneNumber: ""
       }
     );
     const isControlled = value !== void 0;
-    const [callingCodeWidth, setCallingCodeWidth] = (0, import_react108.useState)(0);
-    const callingCodeRef = (0, import_react108.useRef)(null);
-    (0, import_react108.useLayoutEffect)(() => {
+    const [callingCodeWidth, setCallingCodeWidth] = (0, import_react109.useState)(0);
+    const callingCodeRef = (0, import_react109.useRef)(null);
+    (0, import_react109.useLayoutEffect)(() => {
       if (callingCodeRef.current) {
         setCallingCodeWidth(callingCodeRef.current.offsetWidth);
       }
@@ -11324,10 +11349,10 @@ var PhoneInput = (0, import_react108.forwardRef)(
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       ["--dds-phone-input-width"]: width ? width : componentSize === "tiny" ? "131px" : "194px"
     };
-    const internalSelectRef = (0, import_react108.useRef)(null);
+    const internalSelectRef = (0, import_react109.useRef)(null);
     const combinedSelectRef = useCombinedRef(selectRef, internalSelectRef);
     const displayedValue = isControlled ? value : internalValue;
-    (0, import_react108.useEffect)(() => {
+    (0, import_react109.useEffect)(() => {
       const selectEl = internalSelectRef.current;
       if (selectEl && selectEl.value) {
         const { options, selectedIndex } = selectEl;
@@ -11470,7 +11495,7 @@ var getCallingCode = (s2) => {
 
 // src/components/Popover/Popover.tsx
 var import_dds_design_tokens16 = require("@norges-domstoler/dds-design-tokens");
-var import_react109 = require("react");
+var import_react110 = require("react");
 
 // src/components/Popover/Popover.module.css
 var Popover_default = {
@@ -11482,7 +11507,7 @@ var Popover_default = {
 
 // src/components/Popover/Popover.tsx
 var import_jsx_runtime269 = require("react/jsx-runtime");
-var Popover = (0, import_react109.forwardRef)(
+var Popover = (0, import_react110.forwardRef)(
   (props, ref) => {
     const {
       title,
@@ -11571,7 +11596,7 @@ var Popover = (0, import_react109.forwardRef)(
 Popover.displayName = "Popover";
 
 // src/components/Popover/PopoverGroup.tsx
-var import_react110 = require("react");
+var import_react111 = require("react");
 var import_jsx_runtime270 = require("react/jsx-runtime");
 var PopoverGroup = ({
   isOpen = false,
@@ -11580,8 +11605,8 @@ var PopoverGroup = ({
   children,
   popoverId
 }) => {
-  const [open, setOpen] = (0, import_react110.useState)(isOpen);
-  const generatedId = (0, import_react110.useId)();
+  const [open, setOpen] = (0, import_react111.useState)(isOpen);
+  const generatedId = (0, import_react111.useId)();
   const uniquePopoverId = popoverId != null ? popoverId : `${generatedId}-popover`;
   const handleOnCloseButtonClick = () => {
     setOpen(false);
@@ -11591,8 +11616,8 @@ var PopoverGroup = ({
     setOpen(!open);
     onTriggerClick && onTriggerClick();
   };
-  const buttonRef = (0, import_react110.useRef)(null);
-  const popoverRef = (0, import_react110.useRef)(null);
+  const buttonRef = (0, import_react111.useRef)(null);
+  const popoverRef = (0, import_react111.useRef)(null);
   useOnKeyDown(["Esc", "Escape"], () => {
     var _a;
     if (open) {
@@ -11601,14 +11626,14 @@ var PopoverGroup = ({
     }
   });
   const handleClose = () => setOpen(false);
-  const Children8 = import_react110.Children.map(children, (child, childIndex) => {
-    return (0, import_react110.isValidElement)(child) && (childIndex === 0 ? (0, import_react110.cloneElement)(child, {
+  const Children8 = import_react111.Children.map(children, (child, childIndex) => {
+    return (0, import_react111.isValidElement)(child) && (childIndex === 0 ? (0, import_react111.cloneElement)(child, {
       "aria-haspopup": "dialog",
       "aria-controls": uniquePopoverId,
       "aria-expanded": open,
       onClick: handleOnTriggerClick,
       ref: buttonRef
-    }) : (0, import_react110.cloneElement)(child, {
+    }) : (0, import_react111.cloneElement)(child, {
       isOpen: open,
       "aria-hidden": !open,
       id: uniquePopoverId,
@@ -11623,16 +11648,16 @@ var PopoverGroup = ({
 PopoverGroup.displayName = "PopoverGroup";
 
 // src/components/ProgressTracker/ProgressTracker.tsx
-var import_react113 = require("react");
+var import_react114 = require("react");
 
 // src/components/ProgressTracker/ProgressTracker.context.tsx
-var import_react111 = require("react");
-var ProgressTrackerContext = (0, import_react111.createContext)(
+var import_react112 = require("react");
+var ProgressTrackerContext = (0, import_react112.createContext)(
   {
     activeStep: 0
   }
 );
-var useProgressTrackerContext = () => (0, import_react111.useContext)(ProgressTrackerContext);
+var useProgressTrackerContext = () => (0, import_react112.useContext)(ProgressTrackerContext);
 
 // src/components/ProgressTracker/ProgressTracker.module.css
 var ProgressTracker_default = {
@@ -11656,7 +11681,7 @@ var ProgressTracker_default = {
 };
 
 // src/components/ProgressTracker/ProgressTrackerItem.tsx
-var import_react112 = require("react");
+var import_react113 = require("react");
 var import_jsx_runtime271 = require("react/jsx-runtime");
 var toItemState = (active, completed, disabled) => {
   if (disabled) {
@@ -11698,7 +11723,7 @@ var ProgressTrackerItem = (props) => {
       handleStepChange && handleStepChange(index);
     }
   };
-  const stepNumberContent = (0, import_react112.useMemo)(() => {
+  const stepNumberContent = (0, import_react113.useMemo)(() => {
     if (completed) {
       return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Icon, { icon: CheckIcon, iconSize: "small" });
     }
@@ -11766,7 +11791,7 @@ ProgressTrackerItem.displayName = "ProgressTracker.Item";
 // src/components/ProgressTracker/ProgressTracker.tsx
 var import_jsx_runtime272 = require("react/jsx-runtime");
 var ProgressTracker = (() => {
-  const Res = (0, import_react113.forwardRef)((props, ref) => {
+  const Res = (0, import_react114.forwardRef)((props, ref) => {
     const {
       id,
       activeStep = 0,
@@ -11776,12 +11801,12 @@ var ProgressTracker = (() => {
       htmlProps,
       ...rest
     } = props;
-    const [thisActiveStep, setActiveStep] = (0, import_react113.useState)(activeStep);
+    const [thisActiveStep, setActiveStep] = (0, import_react114.useState)(activeStep);
     const handleChange = (step) => {
       setActiveStep(step);
       onStepChange && onStepChange(step);
     };
-    (0, import_react113.useEffect)(() => {
+    (0, import_react114.useEffect)(() => {
       if (activeStep !== void 0 && activeStep != thisActiveStep) {
         setActiveStep(activeStep);
       }
@@ -11790,7 +11815,7 @@ var ProgressTracker = (() => {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
       ref
     };
-    const steps = (0, import_react113.useMemo)(() => {
+    const steps = (0, import_react114.useMemo)(() => {
       const validChildren = removeInvalidChildren(children);
       const itemsWithIndex = passIndexPropToProgressTrackerItem(validChildren);
       const itemsWithConnectorsBetween = intersperseItemsWithConnector(itemsWithIndex);
@@ -11812,29 +11837,29 @@ var ProgressTracker = (() => {
   return Res;
 })();
 function removeInvalidChildren(children) {
-  return import_react113.Children.toArray(children).filter(import_react113.isValidElement);
+  return import_react114.Children.toArray(children).filter(import_react114.isValidElement);
 }
 function passIndexPropToProgressTrackerItem(children) {
-  return import_react113.Children.map(
+  return import_react114.Children.map(
     children,
-    (item, index) => (0, import_react113.cloneElement)(item, {
+    (item, index) => (0, import_react114.cloneElement)(item, {
       ...item.props,
       index
     })
   );
 }
-var intersperseItemsWithConnector = (children) => import_react113.Children.map(children, (child, index) => {
+var intersperseItemsWithConnector = (children) => import_react114.Children.map(children, (child, index) => {
   if (index === 0) {
     return child;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(import_react113.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(import_react114.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("div", { "aria-hidden": true, className: ProgressTracker_default.connector }),
     child
   ] }, index);
 });
 
 // src/components/ProgressBar/ProgressBar.tsx
-var import_react114 = require("react");
+var import_react115 = require("react");
 
 // src/components/ProgressBar/ProgressBar.module.css
 var ProgressBar_default = {
@@ -11851,7 +11876,7 @@ var ProgressBar_default = {
 
 // src/components/ProgressBar/ProgressBar.tsx
 var import_jsx_runtime273 = require("react/jsx-runtime");
-var ProgressBar = (0, import_react114.forwardRef)(
+var ProgressBar = (0, import_react115.forwardRef)(
   (props, ref) => {
     const {
       label,
@@ -11867,7 +11892,7 @@ var ProgressBar = (0, import_react114.forwardRef)(
       style,
       ...rest
     } = props;
-    const generatedId = (0, import_react114.useId)();
+    const generatedId = (0, import_react115.useId)();
     const uniqueId = id != null ? id : `${generatedId}-searchInput`;
     const hasErrorMessage = !!errorMessage;
     const hasTip = !!tip;
@@ -11930,13 +11955,13 @@ var ProgressBar = (0, import_react114.forwardRef)(
 ProgressBar.displayName = "ProgressBar";
 
 // src/components/Search/Search.tsx
-var import_react118 = require("react");
+var import_react119 = require("react");
 
 // src/components/Search/AutocompleteSearch.context.tsx
-var import_react115 = require("react");
-var AutocompleteSearchContext = (0, import_react115.createContext)({});
+var import_react116 = require("react");
+var AutocompleteSearchContext = (0, import_react116.createContext)({});
 var useAutocompleteSearch = () => {
-  return (0, import_react115.useContext)(AutocompleteSearchContext);
+  return (0, import_react116.useContext)(AutocompleteSearchContext);
 };
 
 // src/components/Search/Search.module.css
@@ -11986,16 +12011,16 @@ function createEmptyChangeEvent(inputElementId) {
 }
 
 // src/components/Search/SearchSuggestions.tsx
-var import_react117 = require("react");
+var import_react118 = require("react");
 
 // src/components/Search/SearchSuggestionItem.tsx
-var import_react116 = require("react");
+var import_react117 = require("react");
 var import_jsx_runtime274 = require("react/jsx-runtime");
-var SearchSuggestionItem = (0, import_react116.forwardRef)((props, ref) => {
+var SearchSuggestionItem = (0, import_react117.forwardRef)((props, ref) => {
   const { focus, className, ...rest } = props;
-  const itemRef = (0, import_react116.useRef)(null);
+  const itemRef = (0, import_react117.useRef)(null);
   const combinedRef = useCombinedRef(ref, itemRef);
-  (0, import_react116.useEffect)(() => {
+  (0, import_react117.useEffect)(() => {
     var _a;
     if (focus) {
       (_a = itemRef.current) == null ? void 0 : _a.focus();
@@ -12021,7 +12046,7 @@ SearchSuggestionItem.displayName = "SearchSuggestionItem";
 
 // src/components/Search/SearchSuggestions.tsx
 var import_jsx_runtime275 = require("react/jsx-runtime");
-var SearchSuggestions = (0, import_react117.forwardRef)((props, ref) => {
+var SearchSuggestions = (0, import_react118.forwardRef)((props, ref) => {
   const {
     id,
     searchId,
@@ -12111,7 +12136,7 @@ var getIconSize = (size2) => {
       return "small";
   }
 };
-var Search = (0, import_react118.forwardRef)(
+var Search = (0, import_react119.forwardRef)(
   ({
     componentSize = "medium",
     buttonProps,
@@ -12127,7 +12152,7 @@ var Search = (0, import_react118.forwardRef)(
     ...rest
   }, ref) => {
     var _a;
-    const generatedId = (0, import_react118.useId)();
+    const generatedId = (0, import_react119.useId)();
     const uniqueId = id != null ? id : `${generatedId}-searchInput`;
     const hasLabel = !!label;
     const tipId = derivativeIdGenerator(uniqueId, "tip");
@@ -12136,7 +12161,7 @@ var Search = (0, import_react118.forwardRef)(
       uniqueId,
       "suggestions-description"
     );
-    const [hasValue, setHasValue] = (0, import_react118.useState)(!!value);
+    const [hasValue, setHasValue] = (0, import_react119.useState)(!!value);
     const context = useAutocompleteSearch();
     const combinedRef = context.inputRef ? useCombinedRef(context.inputRef, ref) : ref;
     const handleChange = (e) => {
@@ -12253,7 +12278,7 @@ var Search = (0, import_react118.forwardRef)(
 Search.displayName = "Search";
 
 // src/components/Search/SearchAutocompleteWrapper.tsx
-var import_react119 = require("react");
+var import_react120 = require("react");
 var import_jsx_runtime277 = require("react/jsx-runtime");
 var SearchAutocompleteWrapper = (props) => {
   const {
@@ -12265,12 +12290,12 @@ var SearchAutocompleteWrapper = (props) => {
     onSuggestionSelection,
     children
   } = props;
-  const [inputValue, setInputValue] = (0, import_react119.useState)(value != null ? value : "");
-  const [suggestions, setSuggestions] = (0, import_react119.useState)([]);
-  const [showSuggestions, setShowSuggestions] = (0, import_react119.useState)(false);
+  const [inputValue, setInputValue] = (0, import_react120.useState)(value != null ? value : "");
+  const [suggestions, setSuggestions] = (0, import_react120.useState)([]);
+  const [showSuggestions, setShowSuggestions] = (0, import_react120.useState)(false);
   const closeSuggestions = () => showSuggestions === true && setShowSuggestions(false);
   const openSuggestions = () => showSuggestions === false && setShowSuggestions(true);
-  (0, import_react119.useEffect)(() => {
+  (0, import_react120.useEffect)(() => {
     if (suggestions.length > 0) {
       openSuggestions();
     } else {
@@ -12315,8 +12340,8 @@ var SearchAutocompleteWrapper = (props) => {
   const handleSetInputValue = (value2) => {
     setInputValue(value2 != null ? value2 : "");
   };
-  const inputRef = (0, import_react119.useRef)(null);
-  const suggestionsRef = (0, import_react119.useRef)(null);
+  const inputRef = (0, import_react120.useRef)(null);
+  const suggestionsRef = (0, import_react120.useRef)(null);
   useOnClickOutside([inputRef.current, suggestionsRef.current], () => {
     closeSuggestions();
   });
@@ -12340,17 +12365,17 @@ Search2.AutocompleteWrapper = SearchAutocompleteWrapper;
 Search2.Suggestions = SearchSuggestions;
 
 // src/components/SelectionControl/Checkbox/Checkbox.tsx
-var import_react122 = require("react");
+var import_react123 = require("react");
 
 // src/components/SelectionControl/Checkbox/CheckboxGroupContext.tsx
-var import_react120 = require("react");
-var CheckboxGroupContext = (0, import_react120.createContext)(null);
+var import_react121 = require("react");
+var CheckboxGroupContext = (0, import_react121.createContext)(null);
 var useCheckboxGroup = () => {
-  return (0, import_react120.useContext)(CheckboxGroupContext);
+  return (0, import_react121.useContext)(CheckboxGroupContext);
 };
 
 // src/components/SelectionControl/SelectionControl.styles.tsx
-var import_react121 = require("react");
+var import_react122 = require("react");
 
 // src/components/SelectionControl/SelectionControl.module.css
 var SelectionControl_default = {
@@ -12371,7 +12396,7 @@ var SelectionControl_default = {
 
 // src/components/SelectionControl/SelectionControl.styles.tsx
 var import_jsx_runtime278 = require("react/jsx-runtime");
-var SelectionControl = (0, import_react121.forwardRef)((props, ref) => {
+var SelectionControl = (0, import_react122.forwardRef)((props, ref) => {
   const { controlType, className, ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(
     "span",
@@ -12386,7 +12411,7 @@ var SelectionControl = (0, import_react121.forwardRef)((props, ref) => {
     }
   );
 });
-var Label2 = (0, import_react121.forwardRef)(
+var Label2 = (0, import_react122.forwardRef)(
   (props, ref) => {
     const {
       disabled,
@@ -12429,7 +12454,7 @@ var selectionControlTypographyProps = {
 
 // src/components/SelectionControl/Checkbox/Checkbox.tsx
 var import_jsx_runtime279 = require("react/jsx-runtime");
-var Checkbox = (0, import_react122.forwardRef)(
+var Checkbox = (0, import_react123.forwardRef)(
   (props, ref) => {
     const {
       id,
@@ -12444,7 +12469,7 @@ var Checkbox = (0, import_react122.forwardRef)(
       htmlProps = {},
       ...rest
     } = props;
-    const generatedId = (0, import_react122.useId)();
+    const generatedId = (0, import_react123.useId)();
     const uniqueId = id != null ? id : `${generatedId}-checkbox`;
     const checkboxGroup = useCheckboxGroup();
     const hasLabel = !!label;
@@ -12514,7 +12539,7 @@ var Checkbox = (0, import_react122.forwardRef)(
 Checkbox.displayName = "Checkbox";
 
 // src/components/SelectionControl/Checkbox/CheckboxGroup.tsx
-var import_react123 = require("react");
+var import_react124 = require("react");
 var import_jsx_runtime280 = require("react/jsx-runtime");
 var CheckboxGroup = (props) => {
   const {
@@ -12533,7 +12558,7 @@ var CheckboxGroup = (props) => {
     ...rest
   } = props;
   const { "aria-required": ariaRequired } = htmlProps;
-  const generatedId = (0, import_react123.useId)();
+  const generatedId = (0, import_react124.useId)();
   const uniqueGroupId = groupId != null ? groupId : `${generatedId}-checkboxGroup`;
   const hasErrorMessage = !!errorMessage;
   const showRequiredMarker = required || ariaRequired;
@@ -12591,13 +12616,13 @@ var CheckboxGroup = (props) => {
 CheckboxGroup.displayName = "CheckboxGroup";
 
 // src/components/SelectionControl/RadioButton/RadioButton.tsx
-var import_react125 = require("react");
+var import_react126 = require("react");
 
 // src/components/SelectionControl/RadioButton/RadioButtonGroupContext.tsx
-var import_react124 = require("react");
-var RadioButtonGroupContext = (0, import_react124.createContext)(null);
+var import_react125 = require("react");
+var RadioButtonGroupContext = (0, import_react125.createContext)(null);
 var useRadioButtonGroup = () => {
-  return (0, import_react124.useContext)(RadioButtonGroupContext);
+  return (0, import_react125.useContext)(RadioButtonGroupContext);
 };
 
 // src/components/SelectionControl/RadioButton/RadioButton.tsx
@@ -12611,7 +12636,7 @@ var isValueEqualToGroupValueOrFalsy = (value, group) => {
   }
   return !!value;
 };
-var RadioButton = (0, import_react125.forwardRef)(
+var RadioButton = (0, import_react126.forwardRef)(
   (props, ref) => {
     const {
       id,
@@ -12635,7 +12660,7 @@ var RadioButton = (0, import_react125.forwardRef)(
       style,
       ...restHtmlProps
     } = htmlProps;
-    const generatedId = (0, import_react125.useId)();
+    const generatedId = (0, import_react126.useId)();
     const uniqueId = id != null ? id : `${generatedId}-radioButton`;
     const hasLabel = !!label;
     const radioButtonGroup = useRadioButtonGroup();
@@ -12704,7 +12729,7 @@ var RadioButton = (0, import_react125.forwardRef)(
 RadioButton.displayName = "RadioButton";
 
 // src/components/SelectionControl/RadioButton/RadioButtonGroup.tsx
-var import_react126 = require("react");
+var import_react127 = require("react");
 var import_jsx_runtime282 = require("react/jsx-runtime");
 var RadioButtonGroupInner = (props, ref) => {
   const {
@@ -12726,8 +12751,8 @@ var RadioButtonGroupInner = (props, ref) => {
     ...rest
   } = props;
   const { "aria-required": ariaRequired = false } = htmlProps;
-  const [groupValue, setGroupValue] = (0, import_react126.useState)(value);
-  const generatedId = (0, import_react126.useId)();
+  const [groupValue, setGroupValue] = (0, import_react127.useState)(value);
+  const generatedId = (0, import_react127.useId)();
   const uniqueGroupId = groupId != null ? groupId : `${generatedId}-radioButtonGroup`;
   const handleChange = combineHandlers(
     (e) => setGroupValue(e.target.value),
@@ -12790,11 +12815,11 @@ var RadioButtonGroupInner = (props, ref) => {
     }
   );
 };
-var RadioButtonGroup = (0, import_react126.forwardRef)(RadioButtonGroupInner);
+var RadioButtonGroup = (0, import_react127.forwardRef)(RadioButtonGroupInner);
 RadioButtonGroup.displayName = "RadioButtonGroup";
 
 // src/components/Skeleton/Skeleton.tsx
-var import_react127 = require("react");
+var import_react128 = require("react");
 
 // src/components/Skeleton/Skeleton.module.css
 var Skeleton_default = {
@@ -12804,7 +12829,7 @@ var Skeleton_default = {
 
 // src/components/Skeleton/Skeleton.tsx
 var import_jsx_runtime283 = require("react/jsx-runtime");
-var Skeleton = (0, import_react127.forwardRef)(
+var Skeleton = (0, import_react128.forwardRef)(
   (props, ref) => {
     const {
       width,
@@ -12828,7 +12853,7 @@ var Skeleton = (0, import_react127.forwardRef)(
 Skeleton.displayName = "Skeleton";
 
 // src/components/SkipToContent/SkipToContent.tsx
-var import_react128 = require("react");
+var import_react129 = require("react");
 
 // src/components/SkipToContent/SkipToContent.module.css
 var SkipToContent_default = {
@@ -12837,7 +12862,7 @@ var SkipToContent_default = {
 
 // src/components/SkipToContent/SkipToContent.tsx
 var import_jsx_runtime284 = require("react/jsx-runtime");
-var SkipToContent = (0, import_react128.forwardRef)(
+var SkipToContent = (0, import_react129.forwardRef)(
   (props, ref) => {
     const {
       text = "Til hovedinnhold",
@@ -12865,7 +12890,7 @@ var SkipToContent = (0, import_react128.forwardRef)(
 SkipToContent.displayName = "SkipToContent";
 
 // src/components/SplitButton/SplitButton.tsx
-var import_react129 = require("react");
+var import_react130 = require("react");
 
 // src/components/SplitButton/SplitButton.module.css
 var SplitButton_default = {
@@ -12877,7 +12902,7 @@ var SplitButton_default = {
 
 // src/components/SplitButton/SplitButton.tsx
 var import_jsx_runtime285 = require("react/jsx-runtime");
-var SplitButton = (0, import_react129.forwardRef)(
+var SplitButton = (0, import_react130.forwardRef)(
   (props, ref) => {
     const {
       size: size2,
@@ -12887,7 +12912,7 @@ var SplitButton = (0, import_react129.forwardRef)(
       className,
       ...rest
     } = props;
-    const [isOpen, setIsOpen] = (0, import_react129.useState)(false);
+    const [isOpen, setIsOpen] = (0, import_react130.useState)(false);
     const buttonStyleProps = {
       purpose,
       size: size2
@@ -12924,20 +12949,20 @@ var SplitButton = (0, import_react129.forwardRef)(
 SplitButton.displayName = "SplitButton";
 
 // src/components/Table/collapsible/CollapsibleRow.tsx
-var import_react139 = require("react");
+var import_react140 = require("react");
 
 // src/components/Table/collapsible/Table.context.tsx
-var import_react130 = require("react");
-var CollapsibleTableContext = (0, import_react130.createContext)({
+var import_react131 = require("react");
+var CollapsibleTableContext = (0, import_react131.createContext)({
   headerValues: [],
   definingColumnIndex: [0]
 });
-var useCollapsibleTableContext = () => (0, import_react130.useContext)(CollapsibleTableContext);
+var useCollapsibleTableContext = () => (0, import_react131.useContext)(CollapsibleTableContext);
 
 // src/components/Table/normal/Body.tsx
-var import_react131 = require("react");
+var import_react132 = require("react");
 var import_jsx_runtime286 = require("react/jsx-runtime");
-var Body = (0, import_react131.forwardRef)(
+var Body = (0, import_react132.forwardRef)(
   (props, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime286.jsx)("tbody", { ref, ...props });
   }
@@ -12945,20 +12970,20 @@ var Body = (0, import_react131.forwardRef)(
 Body.displayName = "Table.Body";
 
 // src/components/Table/normal/Cell.tsx
-var import_react133 = require("react");
+var import_react134 = require("react");
 
 // src/components/Table/normal/Head.tsx
-var import_react132 = require("react");
+var import_react133 = require("react");
 var import_jsx_runtime287 = require("react/jsx-runtime");
-var Head = (0, import_react132.forwardRef)(
+var Head = (0, import_react133.forwardRef)(
   ({ children, ...rest }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime287.jsx)("thead", { ref, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(HeadContext.Provider, { value: true, children }) });
   }
 );
 Head.displayName = "Table.Head";
-var HeadContext = (0, import_react132.createContext)(false);
+var HeadContext = (0, import_react133.createContext)(false);
 function useIsInTableHead() {
-  const isInTableHead = (0, import_react132.useContext)(HeadContext);
+  const isInTableHead = (0, import_react133.useContext)(HeadContext);
   return isInTableHead;
 }
 
@@ -12989,7 +13014,7 @@ var Table_default = {
 
 // src/components/Table/normal/Cell.tsx
 var import_jsx_runtime288 = require("react/jsx-runtime");
-var Cell = (0, import_react133.forwardRef)(
+var Cell = (0, import_react134.forwardRef)(
   ({
     children,
     type: _type,
@@ -13028,9 +13053,9 @@ var Cell = (0, import_react133.forwardRef)(
 Cell.displayName = "Table.Cell";
 
 // src/components/Table/normal/Foot.tsx
-var import_react134 = require("react");
+var import_react135 = require("react");
 var import_jsx_runtime289 = require("react/jsx-runtime");
-var Foot = (0, import_react134.forwardRef)(
+var Foot = (0, import_react135.forwardRef)(
   (props, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime289.jsx)("tfoot", { ref, ...props });
   }
@@ -13038,9 +13063,9 @@ var Foot = (0, import_react134.forwardRef)(
 Foot.displayName = "Table.Foot";
 
 // src/components/Table/normal/Row.tsx
-var import_react135 = require("react");
+var import_react136 = require("react");
 var import_jsx_runtime290 = require("react/jsx-runtime");
-var Row = (0, import_react135.forwardRef)(
+var Row = (0, import_react136.forwardRef)(
   ({ type: _type, mode = "normal", hoverable, selected, className, ...rest }, ref) => {
     const isInHeader = useIsInTableHead();
     const type = _type != null ? _type : isInHeader ? "head" : "body";
@@ -13067,7 +13092,7 @@ var Row = (0, import_react135.forwardRef)(
 Row.displayName = "Table.Row";
 
 // src/components/Table/normal/SortCell.tsx
-var import_react136 = require("react");
+var import_react137 = require("react");
 var import_jsx_runtime291 = require("react/jsx-runtime");
 var makeSortIcon = (isSorted, sortOrder) => {
   if (!isSorted || !sortOrder) {
@@ -13075,7 +13100,7 @@ var makeSortIcon = (isSorted, sortOrder) => {
   }
   return sortOrder === "ascending" ? /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(Icon, { icon: ChevronDownIcon, iconSize: "inherit" }) : /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(Icon, { icon: ChevronUpIcon, iconSize: "inherit" });
 };
-var SortCell = (0, import_react136.forwardRef)(
+var SortCell = (0, import_react137.forwardRef)(
   ({ isSorted, sortOrder, onClick, children, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
     Cell,
     {
@@ -13107,7 +13132,7 @@ var SortCell = (0, import_react136.forwardRef)(
 SortCell.displayName = "Table.SortCell";
 
 // src/components/Table/normal/Table.tsx
-var import_react137 = require("react");
+var import_react138 = require("react");
 var import_jsx_runtime292 = require("react/jsx-runtime");
 function getDensityCn2(value) {
   switch (value) {
@@ -13118,7 +13143,7 @@ function getDensityCn2(value) {
       return "extra-compact";
   }
 }
-var Table = (0, import_react137.forwardRef)(
+var Table = (0, import_react138.forwardRef)(
   ({
     density = "normal",
     stickyHeader,
@@ -13148,23 +13173,23 @@ var Table = (0, import_react137.forwardRef)(
 Table.displayName = "Table";
 
 // src/components/Table/normal/TableWrapper.tsx
-var import_react138 = require("react");
+var import_react139 = require("react");
 var import_jsx_runtime293 = require("react/jsx-runtime");
 var TableWrapper = ({ className, ...rest }) => {
-  const [overflowX, setOverflowX] = (0, import_react138.useState)(false);
-  const [windowWidth, setWindowWidth] = (0, import_react138.useState)(window.innerWidth);
+  const [overflowX, setOverflowX] = (0, import_react139.useState)(false);
+  const [windowWidth, setWindowWidth] = (0, import_react139.useState)(window.innerWidth);
   function isOverflowingX(event) {
     return event.offsetWidth < event.scrollWidth;
   }
-  const wrapperRef = (0, import_react138.useRef)(null);
-  (0, import_react138.useEffect)(() => {
+  const wrapperRef = (0, import_react139.useRef)(null);
+  (0, import_react139.useEffect)(() => {
     if ((wrapperRef == null ? void 0 : wrapperRef.current) && isOverflowingX(wrapperRef.current)) {
       setOverflowX(true);
       return;
     }
     setOverflowX(false);
   }, [windowWidth]);
-  (0, import_react138.useEffect)(() => {
+  (0, import_react139.useEffect)(() => {
     function handleResize() {
       setWindowWidth(window.innerWidth);
     }
@@ -13199,7 +13224,7 @@ Table2.Foot = Foot;
 
 // src/components/Table/collapsible/CollapsibleRow.tsx
 var import_jsx_runtime294 = require("react/jsx-runtime");
-var CollapsibleRow = (0, import_react139.forwardRef)(
+var CollapsibleRow = (0, import_react140.forwardRef)(
   ({
     type: _type,
     className,
@@ -13212,8 +13237,8 @@ var CollapsibleRow = (0, import_react139.forwardRef)(
     const isInHead = useIsInTableHead();
     const type = _type != null ? _type : isInHead ? "head" : "body";
     const { isCollapsed, headerValues, definingColumnIndex } = useCollapsibleTableContext();
-    const [childrenCollapsed, setChildrenCollapsed] = (0, import_react139.useState)(true);
-    (0, import_react139.useEffect)(() => {
+    const [childrenCollapsed, setChildrenCollapsed] = (0, import_react140.useState)(true);
+    (0, import_react140.useEffect)(() => {
       !isCollapsed && setChildrenCollapsed(true);
     }, [isCollapsed]);
     const rowProps = (isOpenCollapsibleHeader) => {
@@ -13231,7 +13256,7 @@ var CollapsibleRow = (0, import_react139.forwardRef)(
     const collapsedHeaderValues = headerValues.filter(
       (column2, index) => definingColumnIndex.indexOf(index) === -1
     );
-    const childrenArray = import_react139.Children.toArray(children);
+    const childrenArray = import_react140.Children.toArray(children);
     const collapsedChildren = childrenArray.filter(
       (column2, index) => definingColumnIndex.indexOf(index) === -1
     );
@@ -13240,9 +13265,9 @@ var CollapsibleRow = (0, import_react139.forwardRef)(
     const collapsedRenderedChildren = isCollapsed && collapsedHeaderValues.length > 0 ? collapsedChildren.map(function(child, index) {
       const id = derivativeIdGenerator(prefix3, index.toString());
       collapsibleIds.push(id);
-      return /* @__PURE__ */ (0, import_jsx_runtime294.jsxs)(import_react139.Fragment, { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime294.jsxs)(import_react140.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime294.jsx)(DescriptionListTerm, { children: collapsedHeaderValues[index].content }),
-        (0, import_react139.isValidElement)(child) && (0, import_react139.cloneElement)(child, {
+        (0, import_react140.isValidElement)(child) && (0, import_react140.cloneElement)(child, {
           collapsibleProps: { isCollapsibleChild: true }
         })
       ] }, `DL-${index}`);
@@ -13302,9 +13327,9 @@ var CollapsibleRow = (0, import_react139.forwardRef)(
 CollapsibleRow.displayName = "CollapsibleTable.Row";
 
 // src/components/Table/collapsible/CollapsibleTable.tsx
-var import_react140 = require("react");
+var import_react141 = require("react");
 var import_jsx_runtime295 = require("react/jsx-runtime");
-var CollapsibleTable = (0, import_react140.forwardRef)((props, ref) => {
+var CollapsibleTable = (0, import_react141.forwardRef)((props, ref) => {
   const {
     isCollapsed,
     headerValues,
@@ -13330,11 +13355,11 @@ var CollapsibleTable2 = CollapsibleTable;
 CollapsibleTable2.Row = CollapsibleRow;
 
 // src/components/Tabs/Tabs.tsx
-var import_react142 = require("react");
+var import_react143 = require("react");
 
 // src/components/Tabs/Tabs.context.tsx
-var import_react141 = require("react");
-var TabsContext = (0, import_react141.createContext)({
+var import_react142 = require("react");
+var TabsContext = (0, import_react142.createContext)({
   activeTab: 0,
   tabsId: "",
   handleTabChange: () => null,
@@ -13344,7 +13369,7 @@ var TabsContext = (0, import_react141.createContext)({
   setHasTabFocus: () => null,
   tabContentDirection: "row"
 });
-var useTabsContext = () => (0, import_react141.useContext)(TabsContext);
+var useTabsContext = () => (0, import_react142.useContext)(TabsContext);
 
 // src/components/Tabs/Tabs.module.css
 var Tabs_default = {
@@ -13361,7 +13386,7 @@ var Tabs_default = {
 
 // src/components/Tabs/Tabs.tsx
 var import_jsx_runtime296 = require("react/jsx-runtime");
-var Tabs = (0, import_react142.forwardRef)((props, ref) => {
+var Tabs = (0, import_react143.forwardRef)((props, ref) => {
   const {
     id,
     activeTab,
@@ -13373,17 +13398,17 @@ var Tabs = (0, import_react142.forwardRef)((props, ref) => {
     htmlProps,
     ...rest
   } = props;
-  const generatedId = (0, import_react142.useId)();
+  const generatedId = (0, import_react143.useId)();
   const uniqueId = id != null ? id : `${generatedId}-tabs`;
-  const [thisActiveTab, setActiveTab] = (0, import_react142.useState)(activeTab != null ? activeTab : 0);
-  const [hasTabFocus, setHasTabFocus] = (0, import_react142.useState)(false);
-  const tabListRef = (0, import_react142.useRef)(null);
-  const tabPanelsRef = (0, import_react142.useRef)(null);
+  const [thisActiveTab, setActiveTab] = (0, import_react143.useState)(activeTab != null ? activeTab : 0);
+  const [hasTabFocus, setHasTabFocus] = (0, import_react143.useState)(false);
+  const tabListRef = (0, import_react143.useRef)(null);
+  const tabPanelsRef = (0, import_react143.useRef)(null);
   const handleTabChange = (index) => {
     setActiveTab(index);
     onChange && onChange(index);
   };
-  (0, import_react142.useEffect)(() => {
+  (0, import_react143.useEffect)(() => {
     if (activeTab !== void 0 && activeTab !== thisActiveTab) {
       setActiveTab(activeTab);
     }
@@ -13425,12 +13450,12 @@ var Tabs = (0, import_react142.forwardRef)((props, ref) => {
 Tabs.displayName = "Tabs";
 
 // src/components/Tabs/Tab.tsx
-var import_react144 = require("react");
+var import_react145 = require("react");
 
 // src/components/Tabs/TabWidthContext.tsx
-var import_react143 = require("react");
+var import_react144 = require("react");
 var import_jsx_runtime297 = require("react/jsx-runtime");
-var TabContext = (0, import_react143.createContext)(null);
+var TabContext = (0, import_react144.createContext)(null);
 function TabWidthContextProvider({
   children,
   onChangeWidths
@@ -13459,8 +13484,8 @@ function TabWidthContextProvider({
   );
 }
 function useSetTabWidth(index, width) {
-  const context = (0, import_react143.useContext)(TabContext);
-  (0, import_react143.useLayoutEffect)(() => {
+  const context = (0, import_react144.useContext)(TabContext);
+  (0, import_react144.useLayoutEffect)(() => {
     context == null ? void 0 : context.updateWidth(index, width);
     return () => context == null ? void 0 : context.removeTab(index);
   }, [index, width]);
@@ -13468,7 +13493,7 @@ function useSetTabWidth(index, width) {
 
 // src/components/Tabs/Tab.tsx
 var import_jsx_runtime298 = require("react/jsx-runtime");
-var Tab = (0, import_react144.forwardRef)((props, ref) => {
+var Tab = (0, import_react145.forwardRef)((props, ref) => {
   const {
     active = false,
     icon,
@@ -13485,16 +13510,16 @@ var Tab = (0, import_react144.forwardRef)((props, ref) => {
     ...rest
   } = props;
   useSetTabWidth(index, width);
-  const itemRef = (0, import_react144.useRef)(null);
+  const itemRef = (0, import_react145.useRef)(null);
   const combinedRef = useCombinedRef(ref, itemRef);
   const { tabContentDirection } = useTabsContext();
-  (0, import_react144.useEffect)(() => {
+  (0, import_react145.useEffect)(() => {
     var _a;
     if (focus) {
       (_a = itemRef.current) == null ? void 0 : _a.focus();
     }
   }, [focus]);
-  const handleSelect = (0, import_react144.useCallback)(() => {
+  const handleSelect = (0, import_react145.useCallback)(() => {
     if (setFocus && index) {
       setFocus(index);
     }
@@ -13539,9 +13564,9 @@ var Tab = (0, import_react144.forwardRef)((props, ref) => {
 Tab.displayName = "Tab";
 
 // src/components/Tabs/TabList.tsx
-var import_react145 = require("react");
+var import_react146 = require("react");
 var import_jsx_runtime299 = require("react/jsx-runtime");
-var TabList = (0, import_react145.forwardRef)(
+var TabList = (0, import_react146.forwardRef)(
   ({ children, id, style, onFocus, ...rest }, ref) => {
     const {
       activeTab,
@@ -13552,11 +13577,11 @@ var TabList = (0, import_react145.forwardRef)(
       setHasTabFocus
     } = useTabsContext();
     const uniqueId = id != null ? id : `${tabsId}-tablist`;
-    const childrenArray = import_react145.Children.toArray(children).length;
+    const childrenArray = import_react146.Children.toArray(children).length;
     const [focus, setFocus] = useRoveFocus(childrenArray, hasTabFocus, "row");
     const combinedRef = useCombinedRef(ref, tabListRef);
-    const tabListChildren = import_react145.Children.map(children, (child, index) => {
-      return (0, import_react145.isValidElement)(child) && (0, import_react145.cloneElement)(child, {
+    const tabListChildren = import_react146.Children.map(children, (child, index) => {
+      return (0, import_react146.isValidElement)(child) && (0, import_react146.cloneElement)(child, {
         id: `${tabsId}-tab-${index}`,
         "aria-controls": `${tabsId}-panel-${index}`,
         active: activeTab === index,
@@ -13566,7 +13591,7 @@ var TabList = (0, import_react145.forwardRef)(
         onClick: () => handleTabChange(index)
       });
     });
-    const [widths, setWidths] = (0, import_react145.useState)([]);
+    const [widths, setWidths] = (0, import_react146.useState)([]);
     const handleOnFocus = (event) => {
       setHasTabFocus(true);
       onFocus && onFocus(event);
@@ -13610,9 +13635,9 @@ var TabList = (0, import_react145.forwardRef)(
 TabList.displayName = "TabList";
 
 // src/components/Tabs/TabPanel.tsx
-var import_react146 = require("react");
+var import_react147 = require("react");
 var import_jsx_runtime300 = require("react/jsx-runtime");
-var TabPanel = (0, import_react146.forwardRef)(
+var TabPanel = (0, import_react147.forwardRef)(
   ({ active = false, children, id, className, htmlProps, ...rest }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
       "div",
@@ -13635,15 +13660,15 @@ var TabPanel = (0, import_react146.forwardRef)(
 TabPanel.displayName = "TabPanel";
 
 // src/components/Tabs/TabPanels.tsx
-var import_react147 = require("react");
+var import_react148 = require("react");
 var import_jsx_runtime301 = require("react/jsx-runtime");
-var TabPanels = (0, import_react147.forwardRef)(
+var TabPanels = (0, import_react148.forwardRef)(
   ({ children, ...rest }, ref) => {
     const { activeTab, tabsId, tabPanelsRef } = useTabsContext();
     const combinedRef = useCombinedRef(ref, tabPanelsRef);
-    const panelChildren = import_react147.Children.map(children, (child, index) => {
+    const panelChildren = import_react148.Children.map(children, (child, index) => {
       const active = index === activeTab;
-      return (0, import_react147.isValidElement)(child) && (0, import_react147.cloneElement)(child, {
+      return (0, import_react148.isValidElement)(child) && (0, import_react148.cloneElement)(child, {
         id: `${tabsId}-panel-${index}`,
         "aria-labelledby": `${tabsId}-tab-${index}`,
         active,
@@ -13656,7 +13681,7 @@ var TabPanels = (0, import_react147.forwardRef)(
 TabPanels.displayName = "TabPanels";
 
 // src/components/Tag/Tag.tsx
-var import_react148 = require("react");
+var import_react149 = require("react");
 
 // src/components/Tag/Tag.module.css
 var Tag_default = {
@@ -13683,7 +13708,7 @@ var icons3 = {
   success: CheckCircledIcon,
   default: void 0
 };
-var Tag = (0, import_react148.forwardRef)((props, ref) => {
+var Tag = (0, import_react149.forwardRef)((props, ref) => {
   const {
     text,
     purpose = "default",
@@ -13723,7 +13748,7 @@ Tag.displayName = "Tag";
 
 // src/components/TextInput/TextInput.tsx
 var import_dds_design_tokens17 = require("@norges-domstoler/dds-design-tokens");
-var import_react149 = require("react");
+var import_react150 = require("react");
 
 // src/components/TextInput/TextInput.module.css
 var TextInput_default = {
@@ -13751,7 +13776,7 @@ var TextInput_default = {
 
 // src/components/TextInput/TextInput.tsx
 var import_jsx_runtime303 = require("react/jsx-runtime");
-var TextInput = (0, import_react149.forwardRef)(
+var TextInput = (0, import_react150.forwardRef)(
   ({
     label,
     disabled,
@@ -13777,14 +13802,14 @@ var TextInput = (0, import_react149.forwardRef)(
     suffix,
     ...rest
   }, ref) => {
-    const [text, setText] = (0, import_react149.useState)(
+    const [text, setText] = (0, import_react150.useState)(
       getDefaultText(value, defaultValue)
     );
-    const prefixRef = (0, import_react149.useRef)(null);
-    const suffixRef = (0, import_react149.useRef)(null);
-    const [prefixLength, setPrefixLength] = (0, import_react149.useState)(0);
-    const [suffixLength, setSuffixLength] = (0, import_react149.useState)(0);
-    (0, import_react149.useLayoutEffect)(() => {
+    const prefixRef = (0, import_react150.useRef)(null);
+    const suffixRef = (0, import_react150.useRef)(null);
+    const [prefixLength, setPrefixLength] = (0, import_react150.useState)(0);
+    const [suffixLength, setSuffixLength] = (0, import_react150.useState)(0);
+    (0, import_react150.useLayoutEffect)(() => {
       if (prefixRef.current) {
         setPrefixLength(prefixRef.current.offsetWidth);
       }
@@ -13798,7 +13823,7 @@ var TextInput = (0, import_react149.forwardRef)(
         onChange(event);
       }
     };
-    const generatedId = (0, import_react149.useId)();
+    const generatedId = (0, import_react150.useId)();
     const uniqueId = id != null ? id : `${generatedId}-textInput`;
     const hasErrorMessage = !!errorMessage;
     const hasTip = !!tip;
@@ -13978,14 +14003,14 @@ var TextInput = (0, import_react149.forwardRef)(
 TextInput.displayName = "TextInput";
 
 // src/components/ToggleBar/ToggleBar.tsx
-var import_react151 = require("react");
+var import_react152 = require("react");
 
 // src/components/ToggleBar/ToggleBar.context.tsx
-var import_react150 = require("react");
-var ToggleBarContext = (0, import_react150.createContext)({
+var import_react151 = require("react");
+var ToggleBarContext = (0, import_react151.createContext)({
   size: "medium"
 });
-var useToggleBarContext = () => (0, import_react150.useContext)(ToggleBarContext);
+var useToggleBarContext = () => (0, import_react151.useContext)(ToggleBarContext);
 
 // src/components/ToggleBar/ToggleBar.module.css
 var ToggleBar_default = {
@@ -14019,9 +14044,9 @@ var ToggleBar = (props) => {
     id,
     ...rest
   } = props;
-  const generatedId = (0, import_react151.useId)();
+  const generatedId = (0, import_react152.useId)();
   const uniqueId = id != null ? id : `${generatedId}-ToggleBar`;
-  const [groupValue, setGroupValue] = (0, import_react151.useState)(value);
+  const [groupValue, setGroupValue] = (0, import_react152.useState)(value);
   const handleChange = combineHandlers(
     (e) => setGroupValue(e.target.value),
     (e) => onChange && onChange(e, e.target.value)
@@ -14060,7 +14085,7 @@ var ToggleBar = (props) => {
 ToggleBar.displayName = "ToggleBar";
 
 // src/components/ToggleBar/ToggleRadio.tsx
-var import_react152 = require("react");
+var import_react153 = require("react");
 var import_jsx_runtime305 = require("react/jsx-runtime");
 var typographyTypes4 = {
   large: "bodySans04",
@@ -14078,7 +14103,7 @@ var calculateChecked = (value, group, checked) => {
   }
   return !!value;
 };
-var ToggleRadio = (0, import_react152.forwardRef)(
+var ToggleRadio = (0, import_react153.forwardRef)(
   (props, ref) => {
     const {
       value,
@@ -14094,7 +14119,7 @@ var ToggleRadio = (0, import_react152.forwardRef)(
       id,
       ...rest
     } = props;
-    const generatedId = (0, import_react152.useId)();
+    const generatedId = (0, import_react153.useId)();
     const uniqueId = id != null ? id : `${generatedId}-ToggleRadio`;
     const group = useToggleBarContext();
     const handleChange = (event) => {
@@ -14148,7 +14173,7 @@ var ToggleRadio = (0, import_react152.forwardRef)(
 ToggleRadio.displayName = "ToggleRadio";
 
 // src/components/ToggleButton/ToggleButton.tsx
-var import_react153 = require("react");
+var import_react154 = require("react");
 
 // src/components/ToggleButton/ToggleButton.module.css
 var ToggleButton_default = {
@@ -14163,9 +14188,9 @@ var ToggleButton_default = {
 
 // src/components/ToggleButton/ToggleButton.tsx
 var import_jsx_runtime306 = require("react/jsx-runtime");
-var ToggleButton = (0, import_react153.forwardRef)(
+var ToggleButton = (0, import_react154.forwardRef)(
   ({ id, label, icon, className, htmlProps, ...rest }, ref) => {
-    const generatedId = (0, import_react153.useId)();
+    const generatedId = (0, import_react154.useId)();
     const uniqueId = id != null ? id : `${generatedId}-toggleButton`;
     const hasIcon = !!icon;
     return /* @__PURE__ */ (0, import_jsx_runtime306.jsxs)("label", { htmlFor: uniqueId, className: ToggleButton_default.container, children: [
@@ -14208,7 +14233,7 @@ var ToggleButton = (0, import_react153.forwardRef)(
 ToggleButton.displayName = "ToggleButton";
 
 // src/components/ToggleButton/ToggleButtonGroup.tsx
-var import_react154 = require("react");
+var import_react155 = require("react");
 var import_jsx_runtime307 = require("react/jsx-runtime");
 var ToggleButtonGroup = (props) => {
   const {
@@ -14221,7 +14246,7 @@ var ToggleButtonGroup = (props) => {
     htmlProps,
     ...rest
   } = props;
-  const generatedId = (0, import_react154.useId)();
+  const generatedId = (0, import_react155.useId)();
   const uniqueLabelId = labelId != null ? labelId : `${generatedId}-ToggleButtonGroupLabel`;
   return /* @__PURE__ */ (0, import_jsx_runtime307.jsxs)(
     "div",