@norges-domstoler/dds-components 0.0.0-dev-20240614081021 → 0.0.0-dev-20240618064403

package/dist/index.js

@@ -235,6 +235,8 @@ __export(src_exports, {
   ModalBody: () => ModalBody,
   MoreHorizontalIcon: () => MoreHorizontalIcon,
   MoreVerticalIcon: () => MoreVerticalIcon,
+  NativeSelect: () => NativeSelect,
+  NativeSelectPlaceholder: () => NativeSelectPlaceholder,
   NotarialIcon: () => NotarialIcon,
   NotificationsIcon: () => NotificationsIcon,
   NotificationsOffIcon: () => NotificationsOffIcon,
@@ -733,7 +735,6 @@ var Input_default = {
   input: "Input_input",
   disabled: "Input_disabled",
   "read-only": "Input_read-only",
-  active: "Input_active",
   "input--stateful": "Input_input--stateful",
   "input--hover": "Input_input--hover",
   "input--stateful-danger": "Input_input--stateful-danger",
@@ -6122,6 +6123,7 @@ function _DateInput({
             className: cn(
               Input_default.input,
               Input_default["input--stateful"],
+              Input_default["input--hover"],
               Input_default[`input--${componentSize}`],
               hasErrorMessage && Input_default["input--stateful-danger"],
               DateInput_default["date-input"],
@@ -8882,7 +8884,7 @@ var ModalActions = (0, import_react81.forwardRef)(
 ModalActions.displayName = "ModalActions";
 
 // src/components/Pagination/Pagination.tsx
-var import_react83 = require("react");
+var import_react84 = require("react");
 
 // src/components/Pagination/Pagination.module.css
 var Pagination_default = {
@@ -9467,7 +9469,15 @@ function SelectInner(props, ref) {
       ),
       style: { ...style, width },
       children: [
-        hasLabel && /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Label, { htmlFor: uniqueId, showRequiredStyling, children: label }),
+        hasLabel && /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
+          Label,
+          {
+            htmlFor: uniqueId,
+            showRequiredStyling,
+            className: Input_default.label,
+            children: label
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(import_react_select2.default, { ...reactSelectProps, ref }),
         renderInputMessage(tip, tipId, errorMessage, errorMessageId)
       ]
@@ -9477,12 +9487,122 @@ function SelectInner(props, ref) {
 var Select = (0, import_react82.forwardRef)(SelectInner);
 Select.displayName = "Select";
 
+// src/components/Select/NativeSelect/NativeSelect.tsx
+var import_react83 = require("react");
+
+// src/components/Select/NativeSelect/NativeSelect.module.css
+var NativeSelect_default = {
+  container: "NativeSelect_container",
+  select: "NativeSelect_select",
+  "select--readonly": "NativeSelect_select--readonly",
+  "select--medium": "NativeSelect_select--medium",
+  "select--small": "NativeSelect_select--small",
+  "select--tiny": "NativeSelect_select--tiny",
+  icon: "NativeSelect_icon"
+};
+
+// src/components/Select/NativeSelect/NativeSelect.tsx
+var import_jsx_runtime243 = require("react/jsx-runtime");
+var NativeSelect = (0, import_react83.forwardRef)(
+  (props, ref) => {
+    const {
+      id,
+      children,
+      componentSize = "medium",
+      label,
+      multiple,
+      readOnly,
+      errorMessage,
+      tip,
+      required,
+      "aria-required": ariaRequired,
+      "aria-describedby": ariaDescribedby,
+      width,
+      className,
+      style,
+      ...rest
+    } = props;
+    const generatedId = (0, import_react83.useId)();
+    const uniqueId = id != null ? id : `${generatedId}-native-select`;
+    const hasErrorMessage = !!errorMessage;
+    const hasTip = !!tip;
+    const hasLabel = !!label;
+    const tipId = derivativeIdGenerator(uniqueId, "tip");
+    const errorMessageId = derivativeIdGenerator(uniqueId, "errorMessage");
+    const showRequiredStyling = !!(required || ariaRequired);
+    const styleVariables = {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      ["--dds-native-select-width"]: width ? width : componentSize === "tiny" ? "210px" : "var(--dds-input-default-width)"
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)("div", { children: [
+      hasLabel && /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+        Label,
+        {
+          className: Input_default.label,
+          htmlFor: uniqueId,
+          showRequiredStyling,
+          children: label
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)("div", { className: NativeSelect_default.container, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+          "select",
+          {
+            ref,
+            id: uniqueId,
+            multiple,
+            className: cn(
+              className,
+              NativeSelect_default.select,
+              readOnly && NativeSelect_default["select--readonly"],
+              Input_default.input,
+              Input_default[`input--${componentSize}`],
+              NativeSelect_default[`select--${componentSize}`],
+              scrollbar,
+              focusable,
+              typographyStyles_default[getTypographyCn(inputTypographyTypes[componentSize])],
+              hasErrorMessage && Input_default["input--stateful-danger"]
+            ),
+            tabIndex: readOnly ? -1 : 0,
+            style: { ...style, ...styleVariables },
+            "aria-readonly": readOnly,
+            "aria-invalid": hasErrorMessage,
+            "aria-describedby": spaceSeparatedIdListGenerator([
+              hasTip ? tipId : void 0,
+              hasErrorMessage ? errorMessageId : void 0,
+              ariaDescribedby
+            ]),
+            required,
+            ...rest,
+            children
+          }
+        ),
+        !multiple && /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+          Icon,
+          {
+            icon: ChevronDownIcon,
+            iconSize: componentSize === "tiny" ? "small" : "medium",
+            className: NativeSelect_default.icon
+          }
+        )
+      ] }),
+      renderInputMessage(tip, tipId, errorMessage, errorMessageId)
+    ] });
+  }
+);
+NativeSelect.displayName = "NativeSelect";
+var NativeSelectPlaceholder = (0, import_react83.forwardRef)((props, ref) => {
+  const { children = "-- Velg fra listen --", value, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime243.jsx)("option", { ref, value: value != null ? value : "", selected: true, ...rest, children });
+});
+NativeSelectPlaceholder.displayName = "NativeSelectPlaceholder";
+
 // src/components/Select/utils.ts
 var createSelectOptions = (...args) => args.map((v2) => ({ label: v2, value: v2 }));
 
 // src/components/Pagination/Pagination.tsx
-var import_jsx_runtime243 = require("react/jsx-runtime");
-var Pagination = (0, import_react83.forwardRef)(
+var import_jsx_runtime244 = require("react/jsx-runtime");
+var Pagination = (0, import_react84.forwardRef)(
   (props, ref) => {
     const {
       itemsAmount,
@@ -9505,8 +9625,8 @@ var Pagination = (0, import_react83.forwardRef)(
       htmlProps,
       ...rest
     } = props;
-    const [activePage, setActivePage] = (0, import_react83.useState)(defaultActivePage);
-    const [itemsPerPage, setItemsPerPage] = (0, import_react83.useState)(defaultItemsPerPage);
+    const [activePage, setActivePage] = (0, import_react84.useState)(defaultActivePage);
+    const [itemsPerPage, setItemsPerPage] = (0, import_react84.useState)(defaultItemsPerPage);
     const pagesLength = Math.ceil(itemsAmount / itemsPerPage);
     const items = PaginationGenerator(pagesLength, activePage);
     const onPageChange = (event, page) => {
@@ -9525,7 +9645,7 @@ var Pagination = (0, import_react83.forwardRef)(
     };
     const listItems = items.length > 0 ? items.map((item, i2) => {
       const isActive = item === activePage;
-      return /* @__PURE__ */ (0, import_jsx_runtime243.jsx)("li", { className: Pagination_default.list__item, children: item !== "truncator" ? /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime244.jsx)("li", { className: Pagination_default.list__item, children: item !== "truncator" ? /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
         Button,
         {
           purpose: isActive ? "primary" : "secondary",
@@ -9536,7 +9656,7 @@ var Pagination = (0, import_react83.forwardRef)(
           "aria-label": isActive ? `N\xE5v\xE6rende side (side ${item})` : `G\xE5 til side ${item}`,
           children: item
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
         Icon,
         {
           icon: MoreHorizontalIcon,
@@ -9544,7 +9664,7 @@ var Pagination = (0, import_react83.forwardRef)(
         }
       ) }, `pagination-item-${i2}`);
     }) : void 0;
-    const previousPageButton = /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+    const previousPageButton = /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
       Button,
       {
         purpose: "secondary",
@@ -9556,7 +9676,7 @@ var Pagination = (0, import_react83.forwardRef)(
         "aria-label": "G\xE5 til forrige siden"
       }
     );
-    const nextPageButton = /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+    const nextPageButton = /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
       Button,
       {
         purpose: "secondary",
@@ -9573,8 +9693,8 @@ var Pagination = (0, import_react83.forwardRef)(
     } : { className: Pagination_default.nav };
     const isOnFirstPage = activePage === 1;
     const isOnLastPage = activePage === pagesLength;
-    const navigation = withPagination ? /* @__PURE__ */ (0, import_jsx_runtime243.jsx)("nav", { ref, "aria-label": "paginering", ...navProps, children: /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)("ol", { className: Pagination_default.list, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+    const navigation = withPagination ? /* @__PURE__ */ (0, import_jsx_runtime244.jsx)("nav", { ref, "aria-label": "paginering", ...navProps, children: /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)("ol", { className: Pagination_default.list, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
         "li",
         {
           className: cn(
@@ -9586,7 +9706,7 @@ var Pagination = (0, import_react83.forwardRef)(
         }
       ),
       listItems,
-      /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
         "li",
         {
           className: cn(
@@ -9598,8 +9718,8 @@ var Pagination = (0, import_react83.forwardRef)(
         }
       )
     ] }) }) : null;
-    const smallScreenNavigation = withPagination ? /* @__PURE__ */ (0, import_jsx_runtime243.jsx)("nav", { ref, "aria-label": "paginering", ...navProps, children: /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)("ol", { className: Pagination_default.list, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+    const smallScreenNavigation = withPagination ? /* @__PURE__ */ (0, import_jsx_runtime244.jsx)("nav", { ref, "aria-label": "paginering", ...navProps, children: /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)("ol", { className: Pagination_default.list, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
         "li",
         {
           className: cn(
@@ -9607,7 +9727,7 @@ var Pagination = (0, import_react83.forwardRef)(
             isOnFirstPage && Pagination_default["list__item--hidden"]
           ),
           "aria-hidden": isOnFirstPage,
-          children: /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
             Button,
             {
               purpose: "secondary",
@@ -9621,7 +9741,7 @@ var Pagination = (0, import_react83.forwardRef)(
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
         "li",
         {
           className: cn(
@@ -9632,7 +9752,7 @@ var Pagination = (0, import_react83.forwardRef)(
           children: previousPageButton
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime243.jsx)("li", { className: Pagination_default.list__item, children: /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime244.jsx)("li", { className: Pagination_default.list__item, children: /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
         Button,
         {
           size: "small",
@@ -9642,7 +9762,7 @@ var Pagination = (0, import_react83.forwardRef)(
           children: activePage
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
         "li",
         {
           className: cn(
@@ -9653,7 +9773,7 @@ var Pagination = (0, import_react83.forwardRef)(
           children: nextPageButton
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
         "li",
         {
           className: cn(
@@ -9661,7 +9781,7 @@ var Pagination = (0, import_react83.forwardRef)(
             isOnLastPage && Pagination_default["list__item--hidden"]
           ),
           "aria-hidden": isOnLastPage,
-          children: /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
             Button,
             {
               purpose: "secondary",
@@ -9679,7 +9799,7 @@ var Pagination = (0, import_react83.forwardRef)(
     const activePageFirstItem = activePage === 1 ? 1 : activePage * itemsPerPage - itemsPerPage + 1;
     const activePageLastItem = activePage === pagesLength ? itemsAmount : activePage * itemsPerPage;
     const navigationToBeRendered = smallScreen ? smallScreenNavigation : navigation;
-    return !withCounter && !withSelect ? navigationToBeRendered : /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(
+    return !withCounter && !withSelect ? navigationToBeRendered : /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(
       "div",
       {
         ...getBaseHTMLProps(
@@ -9693,8 +9813,8 @@ var Pagination = (0, import_react83.forwardRef)(
           rest
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)("div", { className: Pagination_default.indicators, children: [
-            withSelect && /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)("div", { className: Pagination_default.indicators, children: [
+            withSelect && /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
               Select,
               {
                 options: selectOptions,
@@ -9710,7 +9830,7 @@ var Pagination = (0, import_react83.forwardRef)(
                 "aria-label": "Antall elementer per side"
               }
             ),
-            withCounter && /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(Typography, { typographyType: "supportingStyleLabel01", as: "p", children: [
+            withCounter && /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(Typography, { typographyType: "supportingStyleLabel01", as: "p", children: [
               "Viser ",
               activePageFirstItem,
               "-",
@@ -9729,7 +9849,7 @@ Pagination.displayName = "Pagination";
 
 // src/components/Popover/Popover.tsx
 var import_dds_design_tokens16 = require("@norges-domstoler/dds-design-tokens");
-var import_react84 = require("react");
+var import_react85 = require("react");
 
 // src/components/Popover/Popover.module.css
 var Popover_default = {
@@ -9740,8 +9860,8 @@ var Popover_default = {
 };
 
 // src/components/Popover/Popover.tsx
-var import_jsx_runtime244 = require("react/jsx-runtime");
-var Popover = (0, import_react84.forwardRef)(
+var import_jsx_runtime245 = require("react/jsx-runtime");
+var Popover = (0, import_react85.forwardRef)(
   (props, ref) => {
     const {
       title,
@@ -9781,7 +9901,7 @@ var Popover = (0, import_react84.forwardRef)(
     useOnClickOutside(elements, () => {
       if (isOpen) onClose && onClose();
     });
-    return isOpen || hasTransitionedIn ? /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(
+    return isOpen || hasTransitionedIn ? /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
       Paper,
       {
         ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -9798,15 +9918,15 @@ var Popover = (0, import_react84.forwardRef)(
           focus_default.focusable
         ),
         children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime244.jsx)("div", { className: Popover_default.title, children: typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Typography, { typographyType: "headingSans02", children: title }) : title }),
-          /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
+          title && /* @__PURE__ */ (0, import_jsx_runtime245.jsx)("div", { className: Popover_default.title, children: typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Typography, { typographyType: "headingSans02", children: title }) : title }),
+          /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
             "div",
             {
               className: !hasTitle && withCloseButton ? Popover_default["content--closable--no-title"] : "",
               children
             }
           ),
-          withCloseButton && /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
+          withCloseButton && /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
             Button,
             {
               icon: CloseIcon,
@@ -9825,8 +9945,8 @@ var Popover = (0, import_react84.forwardRef)(
 Popover.displayName = "Popover";
 
 // src/components/Popover/PopoverGroup.tsx
-var import_react85 = require("react");
-var import_jsx_runtime245 = require("react/jsx-runtime");
+var import_react86 = require("react");
+var import_jsx_runtime246 = require("react/jsx-runtime");
 var PopoverGroup = ({
   isOpen = false,
   onCloseButtonClick,
@@ -9834,8 +9954,8 @@ var PopoverGroup = ({
   children,
   popoverId
 }) => {
-  const [open, setOpen] = (0, import_react85.useState)(isOpen);
-  const generatedId = (0, import_react85.useId)();
+  const [open, setOpen] = (0, import_react86.useState)(isOpen);
+  const generatedId = (0, import_react86.useId)();
   const uniquePopoverId = popoverId != null ? popoverId : `${generatedId}-popover`;
   const handleOnCloseButtonClick = () => {
     setOpen(false);
@@ -9845,8 +9965,8 @@ var PopoverGroup = ({
     setOpen(!open);
     onTriggerClick && onTriggerClick();
   };
-  const buttonRef = (0, import_react85.useRef)(null);
-  const popoverRef = (0, import_react85.useRef)(null);
+  const buttonRef = (0, import_react86.useRef)(null);
+  const popoverRef = (0, import_react86.useRef)(null);
   useOnKeyDown(["Esc", "Escape"], () => {
     var _a;
     if (open) {
@@ -9855,14 +9975,14 @@ var PopoverGroup = ({
     }
   });
   const handleClose = () => setOpen(false);
-  const Children8 = import_react85.Children.map(children, (child, childIndex) => {
-    return (0, import_react85.isValidElement)(child) && (childIndex === 0 ? (0, import_react85.cloneElement)(child, {
+  const Children8 = import_react86.Children.map(children, (child, childIndex) => {
+    return (0, import_react86.isValidElement)(child) && (childIndex === 0 ? (0, import_react86.cloneElement)(child, {
       "aria-haspopup": "dialog",
       "aria-controls": uniquePopoverId,
       "aria-expanded": open,
       onClick: handleOnTriggerClick,
       ref: buttonRef
-    }) : (0, import_react85.cloneElement)(child, {
+    }) : (0, import_react86.cloneElement)(child, {
       isOpen: open,
       "aria-hidden": !open,
       id: uniquePopoverId,
@@ -9872,21 +9992,21 @@ var PopoverGroup = ({
       onClose: handleClose
     }));
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(import_jsx_runtime245.Fragment, { children: Children8 });
+  return /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(import_jsx_runtime246.Fragment, { children: Children8 });
 };
 PopoverGroup.displayName = "PopoverGroup";
 
 // src/components/ProgressTracker/ProgressTracker.tsx
-var import_react88 = require("react");
+var import_react89 = require("react");
 
 // src/components/ProgressTracker/ProgressTracker.context.tsx
-var import_react86 = require("react");
-var ProgressTrackerContext = (0, import_react86.createContext)(
+var import_react87 = require("react");
+var ProgressTrackerContext = (0, import_react87.createContext)(
   {
     activeStep: 0
   }
 );
-var useProgressTrackerContext = () => (0, import_react86.useContext)(ProgressTrackerContext);
+var useProgressTrackerContext = () => (0, import_react87.useContext)(ProgressTrackerContext);
 
 // src/components/ProgressTracker/ProgressTracker.module.css
 var ProgressTracker_default = {
@@ -9910,8 +10030,8 @@ var ProgressTracker_default = {
 };
 
 // src/components/ProgressTracker/ProgressTrackerItem.tsx
-var import_react87 = require("react");
-var import_jsx_runtime246 = require("react/jsx-runtime");
+var import_react88 = require("react");
+var import_jsx_runtime247 = require("react/jsx-runtime");
 var toItemState = (active, completed, disabled) => {
   if (disabled) {
     return "disabled";
@@ -9941,17 +10061,17 @@ var ProgressTrackerItem = (props) => {
   const { activeStep, handleStepChange } = useProgressTrackerContext();
   const active = activeStep === index;
   const itemState = toItemState(active, completed, disabled);
-  const stepNumberContent = (0, import_react87.useMemo)(() => {
+  const stepNumberContent = (0, import_react88.useMemo)(() => {
     if (completed) {
-      return /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Icon, { icon: CheckIcon, iconSize: "small" });
+      return /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Icon, { icon: CheckIcon, iconSize: "small" });
     }
     if (icon2 !== void 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Icon, { icon: icon2, iconSize: "small" });
+      return /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Icon, { icon: icon2, iconSize: "small" });
     }
     return index + 1;
   }, [completed, icon2, index]);
-  const stepContent = /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(import_jsx_runtime246.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
+  const stepContent = /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(import_jsx_runtime247.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
       "div",
       {
         "aria-hidden": true,
@@ -9963,7 +10083,7 @@ var ProgressTrackerItem = (props) => {
         children: stepNumberContent
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
       "div",
       {
         className: cn(
@@ -9972,13 +10092,13 @@ var ProgressTrackerItem = (props) => {
           typographyStyles_default["body-sans-03"]
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(VisuallyHidden, { as: "span", children: getVisuallyHiddenText(active, completed, index) }),
+          /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(VisuallyHidden, { as: "span", children: getVisuallyHiddenText(active, completed, index) }),
           children
         ]
       }
     )
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime246.jsx)("li", { "aria-current": active ? "step" : void 0, className: ProgressTracker_default.item, children: handleStepChange ? /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime247.jsx)("li", { "aria-current": active ? "step" : void 0, className: ProgressTracker_default.item, children: handleStepChange ? /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
     "button",
     {
       onClick: !disabled && handleStepChange ? () => handleStepChange(index) : void 0,
@@ -9986,14 +10106,14 @@ var ProgressTrackerItem = (props) => {
       className: cn(ProgressTracker_default["item-button"], focusable),
       children: stepContent
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime246.jsx)("div", { className: cn(ProgressTracker_default["item-button"], ProgressTracker_default["item-div"]), children: stepContent }) });
+  ) : /* @__PURE__ */ (0, import_jsx_runtime247.jsx)("div", { className: cn(ProgressTracker_default["item-button"], ProgressTracker_default["item-div"]), children: stepContent }) });
 };
 ProgressTrackerItem.displayName = "ProgressTracker.Item";
 
 // src/components/ProgressTracker/ProgressTracker.tsx
-var import_jsx_runtime247 = require("react/jsx-runtime");
+var import_jsx_runtime248 = require("react/jsx-runtime");
 var ProgressTracker = (() => {
-  const Res = (0, import_react88.forwardRef)((props, ref) => {
+  const Res = (0, import_react89.forwardRef)((props, ref) => {
     const {
       id,
       activeStep = 0,
@@ -10003,12 +10123,12 @@ var ProgressTracker = (() => {
       htmlProps,
       ...rest
     } = props;
-    const [thisActiveStep, setActiveStep] = (0, import_react88.useState)(activeStep);
+    const [thisActiveStep, setActiveStep] = (0, import_react89.useState)(activeStep);
     const handleChange = (step) => {
       setActiveStep(step);
       onStepChange && onStepChange(step);
     };
-    (0, import_react88.useEffect)(() => {
+    (0, import_react89.useEffect)(() => {
       if (activeStep !== void 0 && activeStep != thisActiveStep) {
         setActiveStep(activeStep);
       }
@@ -10017,20 +10137,20 @@ var ProgressTracker = (() => {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
       ref
     };
-    const steps = (0, import_react88.useMemo)(() => {
+    const steps = (0, import_react89.useMemo)(() => {
       const validChildren = removeInvalidChildren(children);
       const itemsWithIndex = passIndexPropToProgressTrackerItem(validChildren);
       const itemsWithConnectorsBetween = intersperseItemsWithConnector(itemsWithIndex);
       return itemsWithConnectorsBetween;
     }, [children]);
-    return /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
       ProgressTrackerContext.Provider,
       {
         value: {
           activeStep: thisActiveStep,
           handleStepChange: handleChange
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime247.jsx)("div", { role: "group", "aria-label": "progress", ...containerProps, children: /* @__PURE__ */ (0, import_jsx_runtime247.jsx)("ol", { className: ProgressTracker_default.list, children: steps }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)("div", { role: "group", "aria-label": "progress", ...containerProps, children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)("ol", { className: ProgressTracker_default.list, children: steps }) })
       }
     );
   });
@@ -10039,35 +10159,35 @@ var ProgressTracker = (() => {
   return Res;
 })();
 function removeInvalidChildren(children) {
-  return import_react88.Children.toArray(children).filter(import_react88.isValidElement);
+  return import_react89.Children.toArray(children).filter(import_react89.isValidElement);
 }
 function passIndexPropToProgressTrackerItem(children) {
-  return import_react88.Children.map(
+  return import_react89.Children.map(
     children,
-    (item, index) => (0, import_react88.cloneElement)(item, {
+    (item, index) => (0, import_react89.cloneElement)(item, {
       ...item.props,
       index
     })
   );
 }
-var intersperseItemsWithConnector = (children) => import_react88.Children.map(children, (child, index) => {
+var intersperseItemsWithConnector = (children) => import_react89.Children.map(children, (child, index) => {
   if (index === 0) {
     return child;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(import_react88.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime247.jsx)("div", { "aria-hidden": true, className: ProgressTracker_default.connector }),
+  return /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(import_react89.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime248.jsx)("div", { "aria-hidden": true, className: ProgressTracker_default.connector }),
     child
   ] }, index);
 });
 
 // src/components/Search/Search.tsx
-var import_react91 = require("react");
+var import_react92 = require("react");
 
 // src/components/Search/AutocompleteSearch.context.tsx
-var import_react89 = require("react");
-var AutocompleteSearchContext = (0, import_react89.createContext)({});
+var import_react90 = require("react");
+var AutocompleteSearchContext = (0, import_react90.createContext)({});
 var useAutocompleteSearch = () => {
-  return (0, import_react89.useContext)(AutocompleteSearchContext);
+  return (0, import_react90.useContext)(AutocompleteSearchContext);
 };
 
 // src/components/Search/Search.module.css
@@ -10117,9 +10237,9 @@ function createEmptyChangeEvent(inputElementId) {
 }
 
 // src/components/Search/SearchSuggestions.tsx
-var import_react90 = require("react");
-var import_jsx_runtime248 = require("react/jsx-runtime");
-var SearchSuggestions = (0, import_react90.forwardRef)((props, ref) => {
+var import_react91 = require("react");
+var import_jsx_runtime249 = require("react/jsx-runtime");
+var SearchSuggestions = (0, import_react91.forwardRef)((props, ref) => {
   const {
     id,
     searchId,
@@ -10138,14 +10258,14 @@ var SearchSuggestions = (0, import_react90.forwardRef)((props, ref) => {
   );
   const [focus] = useRoveFocus(suggestions == null ? void 0 : suggestions.length, showSuggestions);
   const suggestionsToRender = maxSuggestions ? suggestions == null ? void 0 : suggestions.slice(maxSuggestions) : suggestions;
-  const renderedSuggestions = /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+  const renderedSuggestions = /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
     "ul",
     {
       role: "listbox",
       "aria-labelledby": suggestionsHeaderId,
       className: utilStyles_default["remove-list-styling"],
       children: suggestionsToRender.map((suggestion, index) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime248.jsx)("li", { role: "option", children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime249.jsx)("li", { role: "option", children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
           OverflowMenuItem,
           {
             index,
@@ -10161,7 +10281,7 @@ var SearchSuggestions = (0, import_react90.forwardRef)((props, ref) => {
       })
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
     Paper,
     {
       ...getBaseHTMLProps(
@@ -10180,7 +10300,7 @@ var SearchSuggestions = (0, import_react90.forwardRef)((props, ref) => {
       "aria-hidden": !showSuggestions,
       border: "default",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
           "span",
           {
             id: suggestionsHeaderId,
@@ -10199,7 +10319,7 @@ var SearchSuggestions = (0, import_react90.forwardRef)((props, ref) => {
 SearchSuggestions.displayName = "SearchSuggestions";
 
 // src/components/Search/Search.tsx
-var import_jsx_runtime249 = require("react/jsx-runtime");
+var import_jsx_runtime250 = require("react/jsx-runtime");
 var getIconSize = (size2) => {
   switch (size2) {
     case "large":
@@ -10210,7 +10330,7 @@ var getIconSize = (size2) => {
       return "small";
   }
 };
-var Search = (0, import_react91.forwardRef)(
+var Search = (0, import_react92.forwardRef)(
   ({
     componentSize = "medium",
     buttonProps,
@@ -10226,7 +10346,7 @@ var Search = (0, import_react91.forwardRef)(
     ...rest
   }, ref) => {
     var _a;
-    const generatedId = (0, import_react91.useId)();
+    const generatedId = (0, import_react92.useId)();
     const uniqueId = id != null ? id : `${generatedId}-searchInput`;
     const hasLabel = !!label;
     const tipId = derivativeIdGenerator(uniqueId, "tip");
@@ -10235,7 +10355,7 @@ var Search = (0, import_react91.forwardRef)(
       uniqueId,
       "suggestions-description"
     );
-    const [hasValue, setHasValue] = (0, import_react91.useState)(!!value);
+    const [hasValue, setHasValue] = (0, import_react92.useState)(!!value);
     const context = useAutocompleteSearch();
     const combinedRef = context.inputRef ? useCombinedRef(context.inputRef, ref) : ref;
     const handleChange = (e) => {
@@ -10254,10 +10374,10 @@ var Search = (0, import_react91.forwardRef)(
     } = buttonProps != null ? buttonProps : {};
     const hasSuggestions = !!context.suggestions;
     const showSearchButton = !!buttonProps && !!onClick;
-    return /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)("div", { className: Search_default.container, children: [
-      hasLabel && /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Label, { htmlFor: uniqueId, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)("div", { className: Search_default.container, children: [
+      hasLabel && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Label, { htmlFor: uniqueId, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
           "div",
           {
             className: cn(
@@ -10266,8 +10386,8 @@ var Search = (0, import_react91.forwardRef)(
             ),
             style,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)("div", { className: Search_default["input-group"], children: [
-                /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)("div", { className: Search_default["input-group"], children: [
+                /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
                   Icon,
                   {
                     icon: SearchIcon,
@@ -10275,7 +10395,7 @@ var Search = (0, import_react91.forwardRef)(
                     className: cn(Search_default["search-icon"])
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
                   Input,
                   {
                     ...rest,
@@ -10303,8 +10423,8 @@ var Search = (0, import_react91.forwardRef)(
                     )
                   }
                 ),
-                hasSuggestions && /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(import_jsx_runtime249.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
+                hasSuggestions && /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(import_jsx_runtime250.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
                     SearchSuggestions,
                     {
                       id: suggestionsId,
@@ -10316,9 +10436,9 @@ var Search = (0, import_react91.forwardRef)(
                       componentSize
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(VisuallyHidden, { id: suggestionsDescriptionId, as: "span", children: "Bla i s\xF8keforslag med piltaster n\xE5r listen er utvidet." })
+                  /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(VisuallyHidden, { id: suggestionsDescriptionId, as: "span", children: "Bla i s\xF8keforslag med piltaster n\xE5r listen er utvidet." })
                 ] }),
-                hasValue && /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
+                hasValue && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
                   Button,
                   {
                     icon: CloseSmallIcon,
@@ -10330,7 +10450,7 @@ var Search = (0, import_react91.forwardRef)(
                   }
                 )
               ] }),
-              showSearchButton && /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
+              showSearchButton && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
                 Button,
                 {
                   size: componentSize,
@@ -10350,8 +10470,8 @@ var Search = (0, import_react91.forwardRef)(
 Search.displayName = "Search";
 
 // src/components/Search/SearchAutocompleteWrapper.tsx
-var import_react92 = require("react");
-var import_jsx_runtime250 = require("react/jsx-runtime");
+var import_react93 = require("react");
+var import_jsx_runtime251 = require("react/jsx-runtime");
 var SearchAutocompleteWrapper = (props) => {
   const {
     value,
@@ -10362,12 +10482,12 @@ var SearchAutocompleteWrapper = (props) => {
     onSuggestionSelection,
     children
   } = props;
-  const [inputValue, setInputValue] = (0, import_react92.useState)(value != null ? value : "");
-  const [suggestions, setSuggestions] = (0, import_react92.useState)([]);
-  const [showSuggestions, setShowSuggestions] = (0, import_react92.useState)(false);
+  const [inputValue, setInputValue] = (0, import_react93.useState)(value != null ? value : "");
+  const [suggestions, setSuggestions] = (0, import_react93.useState)([]);
+  const [showSuggestions, setShowSuggestions] = (0, import_react93.useState)(false);
   const closeSuggestions = () => showSuggestions === true && setShowSuggestions(false);
   const openSuggestions = () => showSuggestions === false && setShowSuggestions(true);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (suggestions.length > 0) {
       openSuggestions();
     } else {
@@ -10412,8 +10532,8 @@ var SearchAutocompleteWrapper = (props) => {
   const handleSetInputValue = (value2) => {
     setInputValue(value2 != null ? value2 : "");
   };
-  const inputRef = (0, import_react92.useRef)(null);
-  const suggestionsRef = (0, import_react92.useRef)(null);
+  const inputRef = (0, import_react93.useRef)(null);
+  const suggestionsRef = (0, import_react93.useRef)(null);
   useOnClickOutside([inputRef.current, suggestionsRef.current], () => {
     closeSuggestions();
   });
@@ -10427,7 +10547,7 @@ var SearchAutocompleteWrapper = (props) => {
     inputValue,
     onSugggestionClick: handleSuggestionClick
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(AutocompleteSearchContext.Provider, { value: contextProps, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(AutocompleteSearchContext.Provider, { value: contextProps, children });
 };
 SearchAutocompleteWrapper.displayName = "SearchAutocompleteWrapper";
 
@@ -10437,17 +10557,17 @@ Search2.AutocompleteWrapper = SearchAutocompleteWrapper;
 Search2.Suggestions = SearchSuggestions;
 
 // src/components/SelectionControl/Checkbox/Checkbox.tsx
-var import_react95 = require("react");
+var import_react96 = require("react");
 
 // src/components/SelectionControl/Checkbox/CheckboxGroupContext.tsx
-var import_react93 = require("react");
-var CheckboxGroupContext = (0, import_react93.createContext)(null);
+var import_react94 = require("react");
+var CheckboxGroupContext = (0, import_react94.createContext)(null);
 var useCheckboxGroup = () => {
-  return (0, import_react93.useContext)(CheckboxGroupContext);
+  return (0, import_react94.useContext)(CheckboxGroupContext);
 };
 
 // src/components/SelectionControl/SelectionControl.styles.tsx
-var import_react94 = require("react");
+var import_react95 = require("react");
 
 // src/components/SelectionControl/SelectionControl.module.css
 var SelectionControl_default = {
@@ -10467,10 +10587,10 @@ var SelectionControl_default = {
 };
 
 // src/components/SelectionControl/SelectionControl.styles.tsx
-var import_jsx_runtime251 = require("react/jsx-runtime");
-var SelectionControl = (0, import_react94.forwardRef)((props, ref) => {
+var import_jsx_runtime252 = require("react/jsx-runtime");
+var SelectionControl = (0, import_react95.forwardRef)((props, ref) => {
   const { controlType, className, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
     "span",
     {
       ref,
@@ -10483,7 +10603,7 @@ var SelectionControl = (0, import_react94.forwardRef)((props, ref) => {
     }
   );
 });
-var Label2 = (0, import_react94.forwardRef)(
+var Label2 = (0, import_react95.forwardRef)(
   (props, ref) => {
     const {
       disabled,
@@ -10494,7 +10614,7 @@ var Label2 = (0, import_react94.forwardRef)(
       className,
       ...rest
     } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
       "label",
       {
         ref,
@@ -10525,8 +10645,8 @@ var selectionControlTypographyProps = {
 };
 
 // src/components/SelectionControl/Checkbox/Checkbox.tsx
-var import_jsx_runtime252 = require("react/jsx-runtime");
-var Checkbox = (0, import_react95.forwardRef)(
+var import_jsx_runtime253 = require("react/jsx-runtime");
+var Checkbox = (0, import_react96.forwardRef)(
   (props, ref) => {
     const {
       id,
@@ -10541,7 +10661,7 @@ var Checkbox = (0, import_react95.forwardRef)(
       htmlProps = {},
       ...rest
     } = props;
-    const generatedId = (0, import_react95.useId)();
+    const generatedId = (0, import_react96.useId)();
     const uniqueId = id != null ? id : `${generatedId}-checkbox`;
     const checkboxGroup = useCheckboxGroup();
     const hasLabel = !!label;
@@ -10550,7 +10670,7 @@ var Checkbox = (0, import_react95.forwardRef)(
       className: htmlPropsClassName,
       ...restHtmlProps
     } = htmlProps;
-    return /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(
       Label2,
       {
         hasError: error || (checkboxGroup == null ? void 0 : checkboxGroup.error),
@@ -10562,7 +10682,7 @@ var Checkbox = (0, import_react95.forwardRef)(
         className: cn(className, htmlPropsClassName),
         style,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
             "input",
             {
               ...getBaseHTMLProps(uniqueId, restHtmlProps, rest),
@@ -10586,14 +10706,14 @@ var Checkbox = (0, import_react95.forwardRef)(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
             SelectionControl,
             {
               controlType: "checkbox",
               className: focus_default["focus-styled-sibling"]
             }
           ),
-          hasLabel && /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Typography, { ...selectionControlTypographyProps, children: label })
+          hasLabel && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Typography, { ...selectionControlTypographyProps, children: label })
         ]
       }
     );
@@ -10602,8 +10722,8 @@ var Checkbox = (0, import_react95.forwardRef)(
 Checkbox.displayName = "Checkbox";
 
 // src/components/SelectionControl/Checkbox/CheckboxGroup.tsx
-var import_react96 = require("react");
-var import_jsx_runtime253 = require("react/jsx-runtime");
+var import_react97 = require("react");
+var import_jsx_runtime254 = require("react/jsx-runtime");
 var CheckboxGroup = (props) => {
   const {
     label,
@@ -10621,7 +10741,7 @@ var CheckboxGroup = (props) => {
     ...rest
   } = props;
   const { "aria-required": ariaRequired } = htmlProps;
-  const generatedId = (0, import_react96.useId)();
+  const generatedId = (0, import_react97.useId)();
   const uniqueGroupId = groupId != null ? groupId : `${generatedId}-checkboxGroup`;
   const hasErrorMessage = !!errorMessage;
   const showRequiredMarker = required || ariaRequired;
@@ -10635,7 +10755,7 @@ var CheckboxGroup = (props) => {
     disabled,
     readOnly
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
     "div",
     {
       ...getBaseHTMLProps(
@@ -10645,7 +10765,7 @@ var CheckboxGroup = (props) => {
         rest
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
           Typography,
           {
             as: "span",
@@ -10654,12 +10774,12 @@ var CheckboxGroup = (props) => {
             children: [
               label,
               " ",
-              showRequiredMarker && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(RequiredMarker, {})
+              showRequiredMarker && /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(RequiredMarker, {})
             ]
           }
         ),
         renderInputMessage(tip, tipId),
-        /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(CheckboxGroupContext.Provider, { value: { ...contextProps }, children: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(CheckboxGroupContext.Provider, { value: { ...contextProps }, children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
           "div",
           {
             role: "group",
@@ -10677,17 +10797,17 @@ var CheckboxGroup = (props) => {
 CheckboxGroup.displayName = "CheckboxGroup";
 
 // src/components/SelectionControl/RadioButton/RadioButton.tsx
-var import_react98 = require("react");
+var import_react99 = require("react");
 
 // src/components/SelectionControl/RadioButton/RadioButtonGroupContext.tsx
-var import_react97 = require("react");
-var RadioButtonGroupContext = (0, import_react97.createContext)(null);
+var import_react98 = require("react");
+var RadioButtonGroupContext = (0, import_react98.createContext)(null);
 var useRadioButtonGroup = () => {
-  return (0, import_react97.useContext)(RadioButtonGroupContext);
+  return (0, import_react98.useContext)(RadioButtonGroupContext);
 };
 
 // src/components/SelectionControl/RadioButton/RadioButton.tsx
-var import_jsx_runtime254 = require("react/jsx-runtime");
+var import_jsx_runtime255 = require("react/jsx-runtime");
 var isValueEqualToGroupValueOrFalsy = (value, group) => {
   if (typeof value !== "undefined" && value !== null && group) {
     if (typeof value === "number") {
@@ -10697,7 +10817,7 @@ var isValueEqualToGroupValueOrFalsy = (value, group) => {
   }
   return !!value;
 };
-var RadioButton = (0, import_react98.forwardRef)(
+var RadioButton = (0, import_react99.forwardRef)(
   (props, ref) => {
     const {
       id,
@@ -10721,7 +10841,7 @@ var RadioButton = (0, import_react98.forwardRef)(
       style,
       ...restHtmlProps
     } = htmlProps;
-    const generatedId = (0, import_react98.useId)();
+    const generatedId = (0, import_react99.useId)();
     const uniqueId = id != null ? id : `${generatedId}-radioButton`;
     const hasLabel = !!label;
     const radioButtonGroup = useRadioButtonGroup();
@@ -10733,7 +10853,7 @@ var RadioButton = (0, import_react98.forwardRef)(
     if (radioButtonGroup == null ? void 0 : radioButtonGroup.errorMessageId)
       describedByIds.push(radioButtonGroup == null ? void 0 : radioButtonGroup.errorMessageId);
     if (ariaDescribedby) describedByIds.push(ariaDescribedby);
-    return /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(
       Label2,
       {
         hasError: error || (radioButtonGroup == null ? void 0 : radioButtonGroup.error),
@@ -10745,7 +10865,7 @@ var RadioButton = (0, import_react98.forwardRef)(
         htmlFor: uniqueId,
         controlType: "radio",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
             "input",
             {
               ...getBaseHTMLProps(uniqueId, restHtmlProps, rest),
@@ -10765,14 +10885,14 @@ var RadioButton = (0, import_react98.forwardRef)(
               ref
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
             SelectionControl,
             {
               controlType: "radio",
               className: focus_default["focus-styled-sibling"]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Typography, { ...selectionControlTypographyProps, children: children != null ? children : label })
+          /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Typography, { ...selectionControlTypographyProps, children: children != null ? children : label })
         ]
       }
     );
@@ -10781,8 +10901,8 @@ var RadioButton = (0, import_react98.forwardRef)(
 RadioButton.displayName = "RadioButton";
 
 // src/components/SelectionControl/RadioButton/RadioButtonGroup.tsx
-var import_react99 = require("react");
-var import_jsx_runtime255 = require("react/jsx-runtime");
+var import_react100 = require("react");
+var import_jsx_runtime256 = require("react/jsx-runtime");
 var RadioButtonGroupInner = (props, ref) => {
   const {
     name,
@@ -10803,8 +10923,8 @@ var RadioButtonGroupInner = (props, ref) => {
     ...rest
   } = props;
   const { "aria-required": ariaRequired = false } = htmlProps;
-  const [groupValue, setGroupValue] = (0, import_react99.useState)(value);
-  const generatedId = (0, import_react99.useId)();
+  const [groupValue, setGroupValue] = (0, import_react100.useState)(value);
+  const generatedId = (0, import_react100.useId)();
   const uniqueGroupId = groupId != null ? groupId : `${generatedId}-radioButtonGroup`;
   const handleChange = combineHandlers(
     (e) => setGroupValue(e.target.value),
@@ -10824,7 +10944,7 @@ var RadioButtonGroupInner = (props, ref) => {
     value: groupValue,
     onChange: handleChange
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(
     "div",
     {
       ...getBaseHTMLProps(
@@ -10835,7 +10955,7 @@ var RadioButtonGroupInner = (props, ref) => {
       ),
       ref,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(
           Typography,
           {
             as: "span",
@@ -10844,12 +10964,12 @@ var RadioButtonGroupInner = (props, ref) => {
             children: [
               label,
               " ",
-              showRequiredMarker && /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(RequiredMarker, {})
+              showRequiredMarker && /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(RequiredMarker, {})
             ]
           }
         ),
         renderInputMessage(tip, tipId),
-        /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(RadioButtonGroupContext.Provider, { value: { ...contextProps }, children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(RadioButtonGroupContext.Provider, { value: { ...contextProps }, children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
           "div",
           {
             role: "radiogroup",
@@ -10865,11 +10985,11 @@ var RadioButtonGroupInner = (props, ref) => {
     }
   );
 };
-var RadioButtonGroup = (0, import_react99.forwardRef)(RadioButtonGroupInner);
+var RadioButtonGroup = (0, import_react100.forwardRef)(RadioButtonGroupInner);
 RadioButtonGroup.displayName = "RadioButtonGroup";
 
 // src/components/SkipToContent/SkipToContent.tsx
-var import_react100 = require("react");
+var import_react101 = require("react");
 
 // src/components/SkipToContent/SkipToContent.module.css
 var SkipToContent_default = {
@@ -10878,8 +10998,8 @@ var SkipToContent_default = {
 };
 
 // src/components/SkipToContent/SkipToContent.tsx
-var import_jsx_runtime256 = require("react/jsx-runtime");
-var SkipToContent = (0, import_react100.forwardRef)(
+var import_jsx_runtime257 = require("react/jsx-runtime");
+var SkipToContent = (0, import_react101.forwardRef)(
   (props, ref) => {
     const {
       text = "Til hovedinnhold",
@@ -10894,12 +11014,12 @@ var SkipToContent = (0, import_react100.forwardRef)(
       style,
       ...restHtmlProps
     } = htmlProps;
-    return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
       "div",
       {
         className: cn(className, htmlPropsClassName, SkipToContent_default.wrapper),
         style: { ...style, top },
-        children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
           Link,
           {
             ...getBaseHTMLProps(id, restHtmlProps, rest),
@@ -10916,7 +11036,7 @@ var SkipToContent = (0, import_react100.forwardRef)(
 SkipToContent.displayName = "SkipToContent";
 
 // src/components/SplitButton/SplitButton.tsx
-var import_react101 = require("react");
+var import_react102 = require("react");
 
 // src/components/SplitButton/SplitButton.module.css
 var SplitButton_default = {
@@ -10927,8 +11047,8 @@ var SplitButton_default = {
 };
 
 // src/components/SplitButton/SplitButton.tsx
-var import_jsx_runtime257 = require("react/jsx-runtime");
-var SplitButton = (0, import_react101.forwardRef)(
+var import_jsx_runtime258 = require("react/jsx-runtime");
+var SplitButton = (0, import_react102.forwardRef)(
   (props, ref) => {
     const {
       size: size2,
@@ -10938,13 +11058,13 @@ var SplitButton = (0, import_react101.forwardRef)(
       className,
       ...rest
     } = props;
-    const [isOpen, setIsOpen] = (0, import_react101.useState)(false);
+    const [isOpen, setIsOpen] = (0, import_react102.useState)(false);
     const buttonStyleProps = {
       purpose,
       size: size2
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)("div", { ref, className: cn(className, SplitButton_default.container), ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)("div", { ref, className: cn(className, SplitButton_default.container), ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
         Button,
         {
           ...buttonStyleProps,
@@ -10953,8 +11073,8 @@ var SplitButton = (0, import_react101.forwardRef)(
           className: SplitButton_default.main
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(OverflowMenuGroup, { onToggle: () => setIsOpen(!isOpen), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(OverflowMenuGroup, { onToggle: () => setIsOpen(!isOpen), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
           Button,
           {
             ...buttonStyleProps,
@@ -10967,7 +11087,7 @@ var SplitButton = (0, import_react101.forwardRef)(
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(OverflowMenu, { items: secondaryActions, placement: "bottom-end" })
+        /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(OverflowMenu, { items: secondaryActions, placement: "bottom-end" })
       ] })
     ] });
   }
@@ -10975,41 +11095,41 @@ var SplitButton = (0, import_react101.forwardRef)(
 SplitButton.displayName = "SplitButton";
 
 // src/components/Table/collapsible/CollapsibleRow.tsx
-var import_react111 = require("react");
+var import_react112 = require("react");
 
 // src/components/Table/collapsible/Table.context.tsx
-var import_react102 = require("react");
-var CollapsibleTableContext = (0, import_react102.createContext)({
+var import_react103 = require("react");
+var CollapsibleTableContext = (0, import_react103.createContext)({
   headerValues: [],
   definingColumnIndex: [0]
 });
-var useCollapsibleTableContext = () => (0, import_react102.useContext)(CollapsibleTableContext);
+var useCollapsibleTableContext = () => (0, import_react103.useContext)(CollapsibleTableContext);
 
 // src/components/Table/normal/Body.tsx
-var import_react103 = require("react");
-var import_jsx_runtime258 = require("react/jsx-runtime");
-var Body = (0, import_react103.forwardRef)(
+var import_react104 = require("react");
+var import_jsx_runtime259 = require("react/jsx-runtime");
+var Body = (0, import_react104.forwardRef)(
   (props, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("tbody", { ref, ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)("tbody", { ref, ...props });
   }
 );
 Body.displayName = "Table.Body";
 
 // src/components/Table/normal/Cell.tsx
-var import_react105 = require("react");
+var import_react106 = require("react");
 
 // src/components/Table/normal/Head.tsx
-var import_react104 = require("react");
-var import_jsx_runtime259 = require("react/jsx-runtime");
-var Head = (0, import_react104.forwardRef)(
+var import_react105 = require("react");
+var import_jsx_runtime260 = require("react/jsx-runtime");
+var Head = (0, import_react105.forwardRef)(
   ({ children, ...rest }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)("thead", { ref, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(HeadContext.Provider, { value: true, children }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("thead", { ref, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(HeadContext.Provider, { value: true, children }) });
   }
 );
 Head.displayName = "Table.Head";
-var HeadContext = (0, import_react104.createContext)(false);
+var HeadContext = (0, import_react105.createContext)(false);
 function useIsInTableHead() {
-  const isInTableHead = (0, import_react104.useContext)(HeadContext);
+  const isInTableHead = (0, import_react105.useContext)(HeadContext);
   return isInTableHead;
 }
 
@@ -11039,8 +11159,8 @@ var Table_default = {
 };
 
 // src/components/Table/normal/Cell.tsx
-var import_jsx_runtime260 = require("react/jsx-runtime");
-var Cell = (0, import_react105.forwardRef)(
+var import_jsx_runtime261 = require("react/jsx-runtime");
+var Cell = (0, import_react106.forwardRef)(
   ({
     children,
     type: _type,
@@ -11053,7 +11173,7 @@ var Cell = (0, import_react105.forwardRef)(
     const type = _type != null ? _type : isInHead ? "head" : "data";
     const { isCollapsibleChild } = collapsibleProps != null ? collapsibleProps : {};
     const isComplexLayout = layout === "text and icon";
-    return isCollapsibleChild ? /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(DescriptionListDesc, { children }) : type === "head" ? /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+    return isCollapsibleChild ? /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(DescriptionListDesc, { children }) : type === "head" ? /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
       "th",
       {
         ref,
@@ -11063,15 +11183,15 @@ var Cell = (0, import_react105.forwardRef)(
           !isComplexLayout && Table_default[`cell--${layout}`],
           Table_default["cell--head"]
         ),
-        children: isComplexLayout ? /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("div", { className: Table_default.cell__inner, children }) : children
+        children: isComplexLayout ? /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("div", { className: Table_default.cell__inner, children }) : children
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
       "td",
       {
         ref,
         ...rest,
         className: cn(className, !isComplexLayout && Table_default[`cell--${layout}`]),
-        children: isComplexLayout ? /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("div", { className: Table_default.cell__inner, children }) : children
+        children: isComplexLayout ? /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("div", { className: Table_default.cell__inner, children }) : children
       }
     );
   }
@@ -11079,23 +11199,23 @@ var Cell = (0, import_react105.forwardRef)(
 Cell.displayName = "Table.Cell";
 
 // src/components/Table/normal/Foot.tsx
-var import_react106 = require("react");
-var import_jsx_runtime261 = require("react/jsx-runtime");
-var Foot = (0, import_react106.forwardRef)(
+var import_react107 = require("react");
+var import_jsx_runtime262 = require("react/jsx-runtime");
+var Foot = (0, import_react107.forwardRef)(
   (props, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("tfoot", { ref, ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("tfoot", { ref, ...props });
   }
 );
 Foot.displayName = "Table.Foot";
 
 // src/components/Table/normal/Row.tsx
-var import_react107 = require("react");
-var import_jsx_runtime262 = require("react/jsx-runtime");
-var Row = (0, import_react107.forwardRef)(
+var import_react108 = require("react");
+var import_jsx_runtime263 = require("react/jsx-runtime");
+var Row = (0, import_react108.forwardRef)(
   ({ type: _type, mode = "normal", hoverable, selected, className, ...rest }, ref) => {
     const isInHeader = useIsInTableHead();
     const type = _type != null ? _type : isInHeader ? "head" : "body";
-    return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
       "tr",
       {
         ref,
@@ -11118,23 +11238,23 @@ var Row = (0, import_react107.forwardRef)(
 Row.displayName = "Table.Row";
 
 // src/components/Table/normal/SortCell.tsx
-var import_react108 = require("react");
-var import_jsx_runtime263 = require("react/jsx-runtime");
+var import_react109 = require("react");
+var import_jsx_runtime264 = require("react/jsx-runtime");
 var makeSortIcon = (isSorted, sortOrder) => {
   if (!isSorted || !sortOrder) {
-    return /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Icon, { icon: UnfoldMoreIcon, iconSize: "inherit" });
+    return /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Icon, { icon: UnfoldMoreIcon, iconSize: "inherit" });
   }
-  return sortOrder === "ascending" ? /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Icon, { icon: ChevronDownIcon, iconSize: "inherit" }) : /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Icon, { icon: ChevronUpIcon, iconSize: "inherit" });
+  return sortOrder === "ascending" ? /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Icon, { icon: ChevronDownIcon, iconSize: "inherit" }) : /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Icon, { icon: ChevronUpIcon, iconSize: "inherit" });
 };
-var SortCell = (0, import_react108.forwardRef)(
-  ({ isSorted, sortOrder, onClick, children, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
+var SortCell = (0, import_react109.forwardRef)(
+  ({ isSorted, sortOrder, onClick, children, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
     Cell,
     {
       ref,
       type: "head",
       "aria-sort": isSorted && sortOrder ? sortOrder : void 0,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)(
         "button",
         {
           onClick,
@@ -11158,8 +11278,8 @@ var SortCell = (0, import_react108.forwardRef)(
 SortCell.displayName = "Table.SortCell";
 
 // src/components/Table/normal/Table.tsx
-var import_react109 = require("react");
-var import_jsx_runtime264 = require("react/jsx-runtime");
+var import_react110 = require("react");
+var import_jsx_runtime265 = require("react/jsx-runtime");
 function getDensityCn(value) {
   switch (value) {
     case "normal":
@@ -11169,7 +11289,7 @@ function getDensityCn(value) {
       return "extra-compact";
   }
 }
-var Table = (0, import_react109.forwardRef)(
+var Table = (0, import_react110.forwardRef)(
   ({
     density = "normal",
     stickyHeader,
@@ -11178,7 +11298,7 @@ var Table = (0, import_react109.forwardRef)(
     children,
     ...rest
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
       "table",
       {
         ref,
@@ -11199,30 +11319,30 @@ var Table = (0, import_react109.forwardRef)(
 Table.displayName = "Table";
 
 // src/components/Table/normal/TableWrapper.tsx
-var import_react110 = require("react");
-var import_jsx_runtime265 = require("react/jsx-runtime");
+var import_react111 = require("react");
+var import_jsx_runtime266 = require("react/jsx-runtime");
 var TableWrapper = ({ className, ...rest }) => {
-  const [overflowX, setOverflowX] = (0, import_react110.useState)(false);
-  const [windowWidth, setWindowWidth] = (0, import_react110.useState)(window.innerWidth);
+  const [overflowX, setOverflowX] = (0, import_react111.useState)(false);
+  const [windowWidth, setWindowWidth] = (0, import_react111.useState)(window.innerWidth);
   function isOverflowingX(event) {
     return event.offsetWidth < event.scrollWidth;
   }
-  const wrapperRef = (0, import_react110.useRef)(null);
-  (0, import_react110.useEffect)(() => {
+  const wrapperRef = (0, import_react111.useRef)(null);
+  (0, import_react111.useEffect)(() => {
     if ((wrapperRef == null ? void 0 : wrapperRef.current) && isOverflowingX(wrapperRef.current)) {
       setOverflowX(true);
       return;
     }
     setOverflowX(false);
   }, [windowWidth]);
-  (0, import_react110.useEffect)(() => {
+  (0, import_react111.useEffect)(() => {
     function handleResize() {
       setWindowWidth(window.innerWidth);
     }
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
     "div",
     {
       ref: wrapperRef,
@@ -11249,8 +11369,8 @@ Table2.Row = Row;
 Table2.Foot = Foot;
 
 // src/components/Table/collapsible/CollapsibleRow.tsx
-var import_jsx_runtime266 = require("react/jsx-runtime");
-var CollapsibleRow = (0, import_react111.forwardRef)(
+var import_jsx_runtime267 = require("react/jsx-runtime");
+var CollapsibleRow = (0, import_react112.forwardRef)(
   ({
     type: _type,
     className,
@@ -11263,8 +11383,8 @@ var CollapsibleRow = (0, import_react111.forwardRef)(
     const isInHead = useIsInTableHead();
     const type = _type != null ? _type : isInHead ? "head" : "body";
     const { isCollapsed, headerValues, definingColumnIndex } = useCollapsibleTableContext();
-    const [childrenCollapsed, setChildrenCollapsed] = (0, import_react111.useState)(true);
-    (0, import_react111.useEffect)(() => {
+    const [childrenCollapsed, setChildrenCollapsed] = (0, import_react112.useState)(true);
+    (0, import_react112.useEffect)(() => {
       !isCollapsed && setChildrenCollapsed(true);
     }, [isCollapsed]);
     const rowProps = (isOpenCollapsibleHeader) => {
@@ -11282,7 +11402,7 @@ var CollapsibleRow = (0, import_react111.forwardRef)(
     const collapsedHeaderValues = headerValues.filter(
       (column2, index) => definingColumnIndex.indexOf(index) === -1
     );
-    const childrenArray = import_react111.Children.toArray(children);
+    const childrenArray = import_react112.Children.toArray(children);
     const collapsedChildren = childrenArray.filter(
       (column2, index) => definingColumnIndex.indexOf(index) === -1
     );
@@ -11291,33 +11411,33 @@ var CollapsibleRow = (0, import_react111.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_runtime266.jsxs)(import_react111.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(DescriptionListTerm, { children: collapsedHeaderValues[index].content }),
-        (0, import_react111.isValidElement)(child) && (0, import_react111.cloneElement)(child, {
+      return /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(import_react112.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(DescriptionListTerm, { children: collapsedHeaderValues[index].content }),
+        (0, import_react112.isValidElement)(child) && (0, import_react112.cloneElement)(child, {
           collapsibleProps: { isCollapsibleChild: true }
         })
       ] }, `DL-${index}`);
     }) : null;
-    const collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(Row, { ...rowProps(), children: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(Cell, { colSpan: definingColumnIndex.length + 1, children: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(DescriptionList, { children: collapsedRenderedChildren }) }) }) : null;
+    const collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(Row, { ...rowProps(), children: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(Cell, { colSpan: definingColumnIndex.length + 1, children: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(DescriptionList, { children: collapsedRenderedChildren }) }) }) : null;
     const definingColumnCells = childrenArray.slice().filter((column2, index) => definingColumnIndex.indexOf(index) > -1).sort((a3, b) => {
       return definingColumnIndex.indexOf(childrenArray.indexOf(a3)) - definingColumnIndex.indexOf(childrenArray.indexOf(b));
     });
     const headerRow = () => {
       if (type !== "head" || !isCollapsed) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(Row, { ref, ...rowProps(), children: /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(import_jsx_runtime266.Fragment, { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(Row, { ref, ...rowProps(), children: /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(import_jsx_runtime267.Fragment, { children: [
         definingColumnCells,
-        /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(Table2.Cell, { type: "head", layout: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(Table2.Cell, { type: "head", layout: "center", children: [
           "Utvid",
-          /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(VisuallyHidden, { as: "span", children: "raden" })
+          /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(VisuallyHidden, { as: "span", children: "raden" })
         ] })
       ] }) });
     };
     const idList = spaceSeparatedIdListGenerator(collapsibleIds);
     const rowWithChevron = () => {
       if (type !== "body" || !isCollapsed) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(Row, { ref, ...rowProps(!childrenCollapsed && true), children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(Row, { ref, ...rowProps(!childrenCollapsed && true), children: [
         definingColumnCells,
-        /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(Table2.Cell, { children: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(Table2.Cell, { children: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
           "button",
           {
             onClick: () => setChildrenCollapsed(!childrenCollapsed),
@@ -11329,7 +11449,7 @@ var CollapsibleRow = (0, import_react111.forwardRef)(
               utilStyles_default["remove-button-styling"],
               focusable
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
               AnimatedChevronUpDown,
               {
                 isUp: childrenCollapsed ? false : true,
@@ -11341,28 +11461,28 @@ var CollapsibleRow = (0, import_react111.forwardRef)(
         ) })
       ] });
     };
-    return isCollapsed && collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(import_jsx_runtime266.Fragment, { children: [
+    return isCollapsed && collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(import_jsx_runtime267.Fragment, { children: [
       headerRow(),
-      type === "body" && /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(import_jsx_runtime266.Fragment, { children: [
+      type === "body" && /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(import_jsx_runtime267.Fragment, { children: [
         rowWithChevron(),
         childrenCollapsed ? null : collapsedRows
       ] })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(Row, { ref, ...rowProps(), children });
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(Row, { ref, ...rowProps(), children });
   }
 );
 CollapsibleRow.displayName = "CollapsibleTable.Row";
 
 // src/components/Table/collapsible/CollapsibleTable.tsx
-var import_react112 = require("react");
-var import_jsx_runtime267 = require("react/jsx-runtime");
-var CollapsibleTable = (0, import_react112.forwardRef)((props, ref) => {
+var import_react113 = require("react");
+var import_jsx_runtime268 = require("react/jsx-runtime");
+var CollapsibleTable = (0, import_react113.forwardRef)((props, ref) => {
   const {
     isCollapsed,
     headerValues,
     definingColumnIndex = [0],
     ...rest
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
     CollapsibleTableContext.Provider,
     {
       value: {
@@ -11370,7 +11490,7 @@ var CollapsibleTable = (0, import_react112.forwardRef)((props, ref) => {
         headerValues,
         definingColumnIndex
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(Table2, { ref, ...rest })
+      children: /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(Table2, { ref, ...rest })
     }
   );
 });
@@ -11381,11 +11501,11 @@ var CollapsibleTable2 = CollapsibleTable;
 CollapsibleTable2.Row = CollapsibleRow;
 
 // src/components/Tabs/Tabs.tsx
-var import_react114 = require("react");
+var import_react115 = require("react");
 
 // src/components/Tabs/Tabs.context.tsx
-var import_react113 = require("react");
-var TabsContext = (0, import_react113.createContext)({
+var import_react114 = require("react");
+var TabsContext = (0, import_react114.createContext)({
   activeTab: 0,
   tabsId: "",
   handleTabChange: () => null,
@@ -11395,7 +11515,7 @@ var TabsContext = (0, import_react113.createContext)({
   setHasTabFocus: () => null,
   tabContentDirection: "row"
 });
-var useTabsContext = () => (0, import_react113.useContext)(TabsContext);
+var useTabsContext = () => (0, import_react114.useContext)(TabsContext);
 
 // src/components/Tabs/Tabs.module.css
 var Tabs_default = {
@@ -11412,8 +11532,8 @@ var Tabs_default = {
 };
 
 // src/components/Tabs/Tabs.tsx
-var import_jsx_runtime268 = require("react/jsx-runtime");
-var Tabs = (0, import_react114.forwardRef)((props, ref) => {
+var import_jsx_runtime269 = require("react/jsx-runtime");
+var Tabs = (0, import_react115.forwardRef)((props, ref) => {
   const {
     id,
     activeTab,
@@ -11425,17 +11545,17 @@ var Tabs = (0, import_react114.forwardRef)((props, ref) => {
     htmlProps,
     ...rest
   } = props;
-  const generatedId = (0, import_react114.useId)();
+  const generatedId = (0, import_react115.useId)();
   const uniqueId = id != null ? id : `${generatedId}-tabs`;
-  const [thisActiveTab, setActiveTab] = (0, import_react114.useState)(activeTab != null ? activeTab : 0);
-  const [hasTabFocus, setHasTabFocus] = (0, import_react114.useState)(false);
-  const tabListRef = (0, import_react114.useRef)(null);
-  const tabPanelsRef = (0, import_react114.useRef)(null);
+  const [thisActiveTab, setActiveTab] = (0, import_react115.useState)(activeTab != null ? activeTab : 0);
+  const [hasTabFocus, setHasTabFocus] = (0, import_react115.useState)(false);
+  const tabListRef = (0, import_react115.useRef)(null);
+  const tabPanelsRef = (0, import_react115.useRef)(null);
   const handleTabChange = (index) => {
     setActiveTab(index);
     onChange && onChange(index);
   };
-  (0, import_react114.useEffect)(() => {
+  (0, import_react115.useEffect)(() => {
     if (activeTab !== void 0 && activeTab !== thisActiveTab) {
       setActiveTab(activeTab);
     }
@@ -11444,7 +11564,7 @@ var Tabs = (0, import_react114.forwardRef)((props, ref) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ["--dds-tabs-width"]: width
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
     TabsContext.Provider,
     {
       value: {
@@ -11457,7 +11577,7 @@ var Tabs = (0, import_react114.forwardRef)((props, ref) => {
         setHasTabFocus,
         tabContentDirection
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
         "div",
         {
           ref,
@@ -11477,17 +11597,17 @@ var Tabs = (0, import_react114.forwardRef)((props, ref) => {
 Tabs.displayName = "Tabs";
 
 // src/components/Tabs/Tab.tsx
-var import_react116 = require("react");
+var import_react117 = require("react");
 
 // src/components/Tabs/TabWidthContext.tsx
-var import_react115 = require("react");
-var import_jsx_runtime269 = require("react/jsx-runtime");
-var TabContext = (0, import_react115.createContext)(null);
+var import_react116 = require("react");
+var import_jsx_runtime270 = require("react/jsx-runtime");
+var TabContext = (0, import_react116.createContext)(null);
 function TabWidthContextProvider({
   children,
   onChangeWidths
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
     TabContext.Provider,
     {
       value: {
@@ -11511,16 +11631,16 @@ function TabWidthContextProvider({
   );
 }
 function useSetTabWidth(index, width) {
-  const context = (0, import_react115.useContext)(TabContext);
-  (0, import_react115.useLayoutEffect)(() => {
+  const context = (0, import_react116.useContext)(TabContext);
+  (0, import_react116.useLayoutEffect)(() => {
     context == null ? void 0 : context.updateWidth(index, width);
     return () => context == null ? void 0 : context.removeTab(index);
   }, [index, width]);
 }
 
 // src/components/Tabs/Tab.tsx
-var import_jsx_runtime270 = require("react/jsx-runtime");
-var Tab = (0, import_react116.forwardRef)((props, ref) => {
+var import_jsx_runtime271 = require("react/jsx-runtime");
+var Tab = (0, import_react117.forwardRef)((props, ref) => {
   const {
     active = false,
     icon: icon2,
@@ -11537,16 +11657,16 @@ var Tab = (0, import_react116.forwardRef)((props, ref) => {
     ...rest
   } = props;
   useSetTabWidth(index, width);
-  const itemRef = (0, import_react116.useRef)(null);
+  const itemRef = (0, import_react117.useRef)(null);
   const combinedRef = useCombinedRef(ref, itemRef);
   const { tabContentDirection } = useTabsContext();
-  (0, import_react116.useEffect)(() => {
+  (0, import_react117.useEffect)(() => {
     var _a;
     if (focus) {
       (_a = itemRef.current) == null ? void 0 : _a.focus();
     }
   }, [focus]);
-  const handleSelect = (0, import_react116.useCallback)(() => {
+  const handleSelect = (0, import_react117.useCallback)(() => {
     if (setFocus && index) {
       setFocus(index);
     }
@@ -11559,7 +11679,7 @@ var Tab = (0, import_react116.forwardRef)((props, ref) => {
     handleSelect();
     onKeyDown && onKeyDown(e);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(
     "button",
     {
       ...getBaseHTMLProps(
@@ -11582,8 +11702,8 @@ var Tab = (0, import_react116.forwardRef)((props, ref) => {
       onKeyDown: handleOnKeyDown,
       tabIndex: focus ? 0 : -1,
       children: [
-        icon2 && /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Icon, { icon: icon2, iconSize: "inherit" }),
-        /* @__PURE__ */ (0, import_jsx_runtime270.jsx)("span", { children })
+        icon2 && /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Icon, { icon: icon2, iconSize: "inherit" }),
+        /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("span", { children })
       ]
     }
   );
@@ -11591,9 +11711,9 @@ var Tab = (0, import_react116.forwardRef)((props, ref) => {
 Tab.displayName = "Tab";
 
 // src/components/Tabs/TabList.tsx
-var import_react117 = require("react");
-var import_jsx_runtime271 = require("react/jsx-runtime");
-var TabList = (0, import_react117.forwardRef)(
+var import_react118 = require("react");
+var import_jsx_runtime272 = require("react/jsx-runtime");
+var TabList = (0, import_react118.forwardRef)(
   ({ children, id, style, onFocus, ...rest }, ref) => {
     const {
       activeTab,
@@ -11604,11 +11724,11 @@ var TabList = (0, import_react117.forwardRef)(
       setHasTabFocus
     } = useTabsContext();
     const uniqueId = id != null ? id : `${tabsId}-tablist`;
-    const childrenArray = import_react117.Children.toArray(children).length;
+    const childrenArray = import_react118.Children.toArray(children).length;
     const [focus, setFocus] = useRoveFocus(childrenArray, hasTabFocus, "row");
     const combinedRef = useCombinedRef(ref, tabListRef);
-    const tabListChildren = import_react117.Children.map(children, (child, index) => {
-      return (0, import_react117.isValidElement)(child) && (0, import_react117.cloneElement)(child, {
+    const tabListChildren = import_react118.Children.map(children, (child, index) => {
+      return (0, import_react118.isValidElement)(child) && (0, import_react118.cloneElement)(child, {
         id: `${tabsId}-tab-${index}`,
         "aria-controls": `${tabsId}-panel-${index}`,
         active: activeTab === index,
@@ -11618,7 +11738,7 @@ var TabList = (0, import_react117.forwardRef)(
         onClick: () => handleTabChange(index)
       });
     });
-    const [widths, setWidths] = (0, import_react117.useState)([]);
+    const [widths, setWidths] = (0, import_react118.useState)([]);
     const handleOnFocus = (event) => {
       setHasTabFocus(true);
       onFocus && onFocus(event);
@@ -11636,7 +11756,7 @@ var TabList = (0, import_react117.forwardRef)(
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       ["--dds-tab-widths"]: widths.join(" ")
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(TabWidthContextProvider, { onChangeWidths: setWidths, children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(TabWidthContextProvider, { onChangeWidths: setWidths, children: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
       "div",
       {
         ...rest,
@@ -11662,11 +11782,11 @@ var TabList = (0, import_react117.forwardRef)(
 TabList.displayName = "TabList";
 
 // src/components/Tabs/TabPanel.tsx
-var import_react118 = require("react");
-var import_jsx_runtime272 = require("react/jsx-runtime");
-var TabPanel = (0, import_react118.forwardRef)(
+var import_react119 = require("react");
+var import_jsx_runtime273 = require("react/jsx-runtime");
+var TabPanel = (0, import_react119.forwardRef)(
   ({ active = false, children, id, className, htmlProps, ...rest }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
       "div",
       {
         ...getBaseHTMLProps(
@@ -11691,28 +11811,28 @@ var TabPanel = (0, import_react118.forwardRef)(
 TabPanel.displayName = "TabPanel";
 
 // src/components/Tabs/TabPanels.tsx
-var import_react119 = require("react");
-var import_jsx_runtime273 = require("react/jsx-runtime");
-var TabPanels = (0, import_react119.forwardRef)(
+var import_react120 = require("react");
+var import_jsx_runtime274 = require("react/jsx-runtime");
+var TabPanels = (0, import_react120.forwardRef)(
   ({ children, ...rest }, ref) => {
     const { activeTab, tabsId, tabPanelsRef } = useTabsContext();
     const combinedRef = useCombinedRef(ref, tabPanelsRef);
-    const panelChildren = import_react119.Children.map(children, (child, index) => {
+    const panelChildren = import_react120.Children.map(children, (child, index) => {
       const active = index === activeTab;
-      return (0, import_react119.isValidElement)(child) && (0, import_react119.cloneElement)(child, {
+      return (0, import_react120.isValidElement)(child) && (0, import_react120.cloneElement)(child, {
         id: `${tabsId}-panel-${index}`,
         "aria-labelledby": `${tabsId}-tab-${index}`,
         active,
         "aria-expanded": active
       });
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime273.jsx)("div", { ref: combinedRef, ...rest, children: panelChildren });
+    return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { ref: combinedRef, ...rest, children: panelChildren });
   }
 );
 TabPanels.displayName = "TabPanels";
 
 // src/components/Tag/Tag.tsx
-var import_react120 = require("react");
+var import_react121 = require("react");
 
 // src/components/Tag/Tag.module.css
 var Tag_default = {
@@ -11731,7 +11851,7 @@ var Tag_default = {
 };
 
 // src/components/Tag/Tag.tsx
-var import_jsx_runtime274 = require("react/jsx-runtime");
+var import_jsx_runtime275 = require("react/jsx-runtime");
 var purposeVariants3 = {
   info: {
     icon: InfoIcon
@@ -11749,7 +11869,7 @@ var purposeVariants3 = {
     icon: void 0
   }
 };
-var Tag = (0, import_react120.forwardRef)((props, ref) => {
+var Tag = (0, import_react121.forwardRef)((props, ref) => {
   const {
     text,
     purpose = "default",
@@ -11762,7 +11882,7 @@ var Tag = (0, import_react120.forwardRef)((props, ref) => {
     ...rest
   } = props;
   const icon2 = purposeVariants3[purpose].icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime275.jsxs)(
     TextOverflowEllipsisWrapper,
     {
       ...getBaseHTMLProps(
@@ -11779,8 +11899,8 @@ var Tag = (0, import_react120.forwardRef)((props, ref) => {
       ),
       ref,
       children: [
-        withIcon && icon2 && /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(Icon, { icon: icon2, iconSize: "small" }),
-        /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(TextOverflowEllipsisInner, { children: children != null ? children : text })
+        withIcon && icon2 && /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(Icon, { icon: icon2, iconSize: "small" }),
+        /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(TextOverflowEllipsisInner, { children: children != null ? children : text })
       ]
     }
   );
@@ -11789,7 +11909,7 @@ Tag.displayName = "Tag";
 
 // src/components/TextInput/TextInput.tsx
 var import_dds_design_tokens17 = require("@norges-domstoler/dds-design-tokens");
-var import_react121 = require("react");
+var import_react122 = require("react");
 
 // src/components/TextInput/TextInput.module.css
 var TextInput_default = {
@@ -11815,8 +11935,8 @@ var TextInput_default = {
 };
 
 // src/components/TextInput/TextInput.tsx
-var import_jsx_runtime275 = require("react/jsx-runtime");
-var TextInput = (0, import_react121.forwardRef)(
+var import_jsx_runtime276 = require("react/jsx-runtime");
+var TextInput = (0, import_react122.forwardRef)(
   ({
     label,
     disabled,
@@ -11842,14 +11962,14 @@ var TextInput = (0, import_react121.forwardRef)(
     suffix,
     ...rest
   }, ref) => {
-    const [text, setText] = (0, import_react121.useState)(
+    const [text, setText] = (0, import_react122.useState)(
       getDefaultText(value, defaultValue)
     );
-    const prefixRef = (0, import_react121.useRef)(null);
-    const suffixRef = (0, import_react121.useRef)(null);
-    const [prefixLength, setPrefixLength] = (0, import_react121.useState)(0);
-    const [suffixLength, setSuffixLength] = (0, import_react121.useState)(0);
-    (0, import_react121.useLayoutEffect)(() => {
+    const prefixRef = (0, import_react122.useRef)(null);
+    const suffixRef = (0, import_react122.useRef)(null);
+    const [prefixLength, setPrefixLength] = (0, import_react122.useState)(0);
+    const [suffixLength, setSuffixLength] = (0, import_react122.useState)(0);
+    (0, import_react122.useLayoutEffect)(() => {
       if (prefixRef.current) {
         setPrefixLength(prefixRef.current.offsetWidth);
       }
@@ -11863,7 +11983,7 @@ var TextInput = (0, import_react121.forwardRef)(
         onChange(event);
       }
     };
-    const generatedId = (0, import_react121.useId)();
+    const generatedId = (0, import_react122.useId)();
     const uniqueId = id != null ? id : `${generatedId}-textInput`;
     const hasErrorMessage = !!errorMessage;
     const hasTip = !!tip;
@@ -11907,13 +12027,13 @@ var TextInput = (0, import_react121.forwardRef)(
     const suffixPaddingInlineEnd = readOnly && suffixLength ? suffixLength + "px" : suffixLength ? import_dds_design_tokens17.ddsTokens.DdsSpacingX1NumberPx + suffixLength + "px" : void 0;
     let extendedInput = null;
     if (hasIcon) {
-      extendedInput = /* @__PURE__ */ (0, import_jsx_runtime275.jsxs)(
+      extendedInput = /* @__PURE__ */ (0, import_jsx_runtime276.jsxs)(
         "div",
         {
           className: cn(TextInput_default["input-width"], Input_default["input-group"]),
           style: styleVariables,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
               Icon,
               {
                 icon: icon2,
@@ -11921,7 +12041,7 @@ var TextInput = (0, import_react121.forwardRef)(
                 className: cn(TextInput_default.icon, TextInput_default[`icon--${componentSize}`])
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
               StatefulInput,
               {
                 ref,
@@ -11936,13 +12056,13 @@ var TextInput = (0, import_react121.forwardRef)(
         }
       );
     } else if (hasAffix) {
-      extendedInput = /* @__PURE__ */ (0, import_jsx_runtime275.jsxs)(
+      extendedInput = /* @__PURE__ */ (0, import_jsx_runtime276.jsxs)(
         "div",
         {
           className: cn(TextInput_default["affix-container"], TextInput_default["input-width"]),
           style: styleVariables,
           children: [
-            prefix3 && /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
+            prefix3 && /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
               "span",
               {
                 ref: prefixRef,
@@ -11955,7 +12075,7 @@ var TextInput = (0, import_react121.forwardRef)(
                 children: prefix3
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
               StatefulInput,
               {
                 ref,
@@ -11969,7 +12089,7 @@ var TextInput = (0, import_react121.forwardRef)(
                 }
               }
             ),
-            suffix && /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
+            suffix && /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
               "span",
               {
                 ref: suffixRef,
@@ -11986,7 +12106,7 @@ var TextInput = (0, import_react121.forwardRef)(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime275.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime276.jsxs)(
       "div",
       {
         className: cn(
@@ -11996,7 +12116,7 @@ var TextInput = (0, import_react121.forwardRef)(
         ),
         style,
         children: [
-          hasLabel && /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
+          hasLabel && /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
             Label,
             {
               htmlFor: uniqueId,
@@ -12005,7 +12125,7 @@ var TextInput = (0, import_react121.forwardRef)(
               children: label
             }
           ),
-          extendedInput ? extendedInput : /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
+          extendedInput ? extendedInput : /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
             StatefulInput,
             {
               ref,
@@ -12017,7 +12137,7 @@ var TextInput = (0, import_react121.forwardRef)(
               className: TextInput_default["input-width"]
             }
           ),
-          hasMessage && /* @__PURE__ */ (0, import_jsx_runtime275.jsxs)("div", { className: TextInput_default["message-container"], children: [
+          hasMessage && /* @__PURE__ */ (0, import_jsx_runtime276.jsxs)("div", { className: TextInput_default["message-container"], children: [
             renderInputMessage(tip, tipId, errorMessage, errorMessageId),
             renderCharCounter(
               characterCounterId,
@@ -12034,14 +12154,14 @@ var TextInput = (0, import_react121.forwardRef)(
 TextInput.displayName = "TextInput";
 
 // src/components/ToggleBar/ToggleBar.tsx
-var import_react123 = require("react");
+var import_react124 = require("react");
 
 // src/components/ToggleBar/ToggleBar.context.tsx
-var import_react122 = require("react");
-var ToggleBarContext = (0, import_react122.createContext)({
+var import_react123 = require("react");
+var ToggleBarContext = (0, import_react123.createContext)({
   size: "medium"
 });
-var useToggleBarContext = () => (0, import_react122.useContext)(ToggleBarContext);
+var useToggleBarContext = () => (0, import_react123.useContext)(ToggleBarContext);
 
 // src/components/ToggleBar/ToggleBar.module.css
 var ToggleBar_default = {
@@ -12060,7 +12180,7 @@ var ToggleBar_default = {
 };
 
 // src/components/ToggleBar/ToggleBar.tsx
-var import_jsx_runtime276 = require("react/jsx-runtime");
+var import_jsx_runtime277 = require("react/jsx-runtime");
 var ToggleBar = (props) => {
   const {
     children,
@@ -12075,15 +12195,15 @@ var ToggleBar = (props) => {
     id,
     ...rest
   } = props;
-  const generatedId = (0, import_react123.useId)();
+  const generatedId = (0, import_react124.useId)();
   const uniqueId = id != null ? id : `${generatedId}-ToggleBar`;
-  const [groupValue, setGroupValue] = (0, import_react123.useState)(value);
+  const [groupValue, setGroupValue] = (0, import_react124.useState)(value);
   const handleChange = combineHandlers(
     (e) => setGroupValue(e.target.value),
     (e) => onChange && onChange(e, e.target.value)
   );
   const labelId = label && `${uniqueId}-label`;
-  return /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
     ToggleBarContext.Provider,
     {
       value: {
@@ -12092,7 +12212,7 @@ var ToggleBar = (props) => {
         name,
         value: groupValue
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime276.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime277.jsxs)(
         "div",
         {
           ...getBaseHTMLProps(
@@ -12105,8 +12225,8 @@ var ToggleBar = (props) => {
           role: "radiogroup",
           "aria-labelledby": labelId != null ? labelId : htmlProps == null ? void 0 : htmlProps["aria-labelledby"],
           children: [
-            label && /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(Label, { id: labelId, children: label }),
-            /* @__PURE__ */ (0, import_jsx_runtime276.jsx)("div", { className: ToggleBar_default.bar, children })
+            label && /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(Label, { id: labelId, children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime277.jsx)("div", { className: ToggleBar_default.bar, children })
           ]
         }
       )
@@ -12116,8 +12236,8 @@ var ToggleBar = (props) => {
 ToggleBar.displayName = "ToggleBar";
 
 // src/components/ToggleBar/ToggleRadio.tsx
-var import_react124 = require("react");
-var import_jsx_runtime277 = require("react/jsx-runtime");
+var import_react125 = require("react");
+var import_jsx_runtime278 = require("react/jsx-runtime");
 var typographyTypes5 = {
   large: "bodySans04",
   medium: "bodySans02",
@@ -12134,7 +12254,7 @@ var calculateChecked = (value, group, checked) => {
   }
   return !!value;
 };
-var ToggleRadio = (0, import_react124.forwardRef)(
+var ToggleRadio = (0, import_react125.forwardRef)(
   (props, ref) => {
     const {
       value,
@@ -12150,7 +12270,7 @@ var ToggleRadio = (0, import_react124.forwardRef)(
       id,
       ...rest
     } = props;
-    const generatedId = (0, import_react124.useId)();
+    const generatedId = (0, import_react125.useId)();
     const uniqueId = id != null ? id : `${generatedId}-ToggleRadio`;
     const group = useToggleBarContext();
     const handleChange = (event) => {
@@ -12158,8 +12278,8 @@ var ToggleRadio = (0, import_react124.forwardRef)(
       (group == null ? void 0 : group.onChange) && group.onChange(event);
     };
     const contentTypeCn = label ? "with-text" : "just-icon";
-    return /* @__PURE__ */ (0, import_jsx_runtime277.jsxs)("label", { htmlFor: uniqueId, className: ToggleBar_default.label, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime278.jsxs)("label", { htmlFor: uniqueId, className: ToggleBar_default.label, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(
         "input",
         {
           ...getBaseHTMLProps(
@@ -12182,7 +12302,7 @@ var ToggleRadio = (0, import_react124.forwardRef)(
           "aria-labelledby": ariaLabelledBy
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime277.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime278.jsxs)(
         Typography,
         {
           as: "span",
@@ -12193,8 +12313,8 @@ var ToggleRadio = (0, import_react124.forwardRef)(
             focus_default["focus-styled-sibling"]
           ),
           children: [
-            icon2 && /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(Icon, { icon: icon2, iconSize: "inherit" }),
-            label && /* @__PURE__ */ (0, import_jsx_runtime277.jsx)("span", { children: label })
+            icon2 && /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(Icon, { icon: icon2, iconSize: "inherit" }),
+            label && /* @__PURE__ */ (0, import_jsx_runtime278.jsx)("span", { children: label })
           ]
         }
       )
@@ -12204,7 +12324,7 @@ var ToggleRadio = (0, import_react124.forwardRef)(
 ToggleRadio.displayName = "ToggleRadio";
 
 // src/components/ToggleButton/ToggleButton.tsx
-var import_react125 = require("react");
+var import_react126 = require("react");
 
 // src/components/ToggleButton/ToggleButton.module.css
 var ToggleButton_default = {
@@ -12217,13 +12337,13 @@ var ToggleButton_default = {
 };
 
 // src/components/ToggleButton/ToggleButton.tsx
-var import_jsx_runtime278 = require("react/jsx-runtime");
-var ToggleButton = (0, import_react125.forwardRef)(
+var import_jsx_runtime279 = require("react/jsx-runtime");
+var ToggleButton = (0, import_react126.forwardRef)(
   ({ id, label, icon: icon2, className, htmlProps, ...rest }, ref) => {
-    const generatedId = (0, import_react125.useId)();
+    const generatedId = (0, import_react126.useId)();
     const uniqueId = id != null ? id : `${generatedId}-toggleButton`;
-    return /* @__PURE__ */ (0, import_jsx_runtime278.jsxs)("label", { htmlFor: uniqueId, className: ToggleButton_default.container, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime279.jsxs)("label", { htmlFor: uniqueId, className: ToggleButton_default.container, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
         "input",
         {
           ...getBaseHTMLProps(
@@ -12240,7 +12360,7 @@ var ToggleButton = (0, import_react125.forwardRef)(
           type: "checkbox"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime278.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime279.jsxs)(
         "span",
         {
           className: cn(
@@ -12249,7 +12369,7 @@ var ToggleButton = (0, import_react125.forwardRef)(
             focus_default["focus-styled-sibling"]
           ),
           children: [
-            icon2 && /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(Icon, { icon: icon2, iconSize: "inherit" }),
+            icon2 && /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(Icon, { icon: icon2, iconSize: "inherit" }),
             " ",
             label
           ]
@@ -12261,8 +12381,8 @@ var ToggleButton = (0, import_react125.forwardRef)(
 ToggleButton.displayName = "ToggleButton";
 
 // src/components/ToggleButton/ToggleButtonGroup.tsx
-var import_react126 = require("react");
-var import_jsx_runtime279 = require("react/jsx-runtime");
+var import_react127 = require("react");
+var import_jsx_runtime280 = require("react/jsx-runtime");
 var ToggleButtonGroup = (props) => {
   const {
     children,
@@ -12274,9 +12394,9 @@ var ToggleButtonGroup = (props) => {
     htmlProps,
     ...rest
   } = props;
-  const generatedId = (0, import_react126.useId)();
+  const generatedId = (0, import_react127.useId)();
   const uniqueLabelId = labelId != null ? labelId : `${generatedId}-ToggleButtonGroupLabel`;
-  return /* @__PURE__ */ (0, import_jsx_runtime279.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime280.jsxs)(
     "div",
     {
       ...getBaseHTMLProps(
@@ -12288,7 +12408,7 @@ var ToggleButtonGroup = (props) => {
       role: "group",
       "aria-labelledby": label ? uniqueLabelId : void 0,
       children: [
-        !!label && /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
+        !!label && /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(
           Typography,
           {
             as: "span",
@@ -12297,7 +12417,7 @@ var ToggleButtonGroup = (props) => {
             children: label
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime279.jsx)("div", { className: cn(ToggleButton_default.group, ToggleButton_default[`group--${direction}`]), children })
+        /* @__PURE__ */ (0, import_jsx_runtime280.jsx)("div", { className: cn(ToggleButton_default.group, ToggleButton_default[`group--${direction}`]), children })
       ]
     }
   );
@@ -12468,6 +12588,8 @@ ToggleButtonGroup.displayName = "ToggleButtonGroup";
   ModalBody,
   MoreHorizontalIcon,
   MoreVerticalIcon,
+  NativeSelect,
+  NativeSelectPlaceholder,
   NotarialIcon,
   NotificationsIcon,
   NotificationsOffIcon,