@norges-domstoler/dds-components 21.17.1 → 21.18.0

package/dist/index.js

@@ -160,6 +160,16 @@ __export(index_exports, {
   FooterLogo: () => FooterLogo,
   FooterSocialsGroup: () => FooterSocialsGroup,
   FooterSocialsList: () => FooterSocialsList,
+  FormSummary: () => FormSummary,
+  FormSummaryEditButton: () => FormSummaryEditButton,
+  FormSummaryEmptyValue: () => FormSummaryEmptyValue,
+  FormSummaryError: () => FormSummaryError,
+  FormSummaryField: () => FormSummaryField,
+  FormSummaryFields: () => FormSummaryFields,
+  FormSummaryHeader: () => FormSummaryHeader,
+  FormSummaryHeading: () => FormSummaryHeading,
+  FormSummaryLabel: () => FormSummaryLabel,
+  FormSummaryValue: () => FormSummaryValue,
   FullscreenExitIcon: () => FullscreenExitIcon,
   FullscreenIcon: () => FullscreenIcon,
   GavelIcon: () => GavelIcon,
@@ -619,7 +629,8 @@ var combineHandlers = (handler1, handler2) => {
 
 // src/utils/dom.ts
 function cn(...classNames) {
-  return classNames.filter(Boolean).join(" ");
+  const filtered = classNames.filter(Boolean).join(" ");
+  return filtered || void 0;
 }
 function convertCamelToHyphen(value) {
   return value.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([a-z])([0-9])/g, "$1-$2").toLowerCase();
@@ -3275,8 +3286,8 @@ function useTranslation() {
   const t = (text) => text[lang];
   return { t, lang };
 }
-function createTexts(texts27) {
-  return texts27;
+function createTexts(texts30) {
+  return texts30;
 }
 
 // src/DdsProvider/DdsProvider.tsx
@@ -4056,7 +4067,8 @@ var texts = createTexts({
     nb: "G\xE5 tilbake",
     no: "G\xE5 tilbake",
     nn: "G\xE5 tilbake",
-    en: "Go back"
+    en: "Go back",
+    se: "Mana ruovttoluotta"
   }
 });
 
@@ -4127,25 +4139,29 @@ var commonTexts = createTexts({
     no: "T\xF8m nedtrekksliste",
     nb: "T\xF8m nedtrekksliste",
     nn: "T\xF8m nedtrekksliste",
-    en: "Clear selection"
+    en: "Clear selection",
+    se: "Gidde v\xE1lljemiid"
   },
   close: {
     nb: "Lukk",
     no: "Lukk",
     nn: "Lukk",
-    en: "Close"
+    en: "Close",
+    se: "Gidde"
   },
   closeMessage: {
     nb: "Lukk melding",
     no: "Lukk melding",
     nn: "Lukk melding",
-    en: "Close message"
+    en: "Close message",
+    se: "Gidde die\u0111u"
   },
   loading: {
     nb: "Innlastning p\xE5g\xE5r",
     no: "Innlastning p\xE5g\xE5r",
     nn: "Innlastning p\xE5g\xE5r",
-    en: "Loading"
+    en: "Loading",
+    se: "Vie\u017E\u017Eamin"
   }
 });
 
@@ -4231,8 +4247,8 @@ var Button = ({
   iconPosition = "left",
   href,
   target,
-  loading = false,
-  loadingTooltip = "Lagring p\xE5g\xE5r",
+  loading,
+  loadingTooltip,
   fullWidth = false,
   icon,
   onClick,
@@ -4245,6 +4261,8 @@ var Button = ({
   ...rest
 }) => {
   const { purpose: groupPurpose, size: groupSize } = useButtonGroupContext();
+  const { t } = useTranslation();
+  const spinnerTooltip = loadingTooltip != null ? loadingTooltip : t(texts2.saving);
   const hasLabel = !!children;
   const hasIcon = !!icon;
   const hasLabelAndIcon = hasIcon && hasLabel;
@@ -4285,7 +4303,7 @@ var Button = ({
       {
         size: "1em",
         color: purpose === "primary" || purpose === "danger" ? "iconOnAction" : "iconDefault",
-        tooltip: loadingTooltip,
+        tooltip: spinnerTooltip,
         className: Button_default.icon
       }
     ) })
@@ -4329,6 +4347,15 @@ var Button = ({
     );
 };
 Button.displayName = "Button";
+var texts2 = createTexts({
+  saving: {
+    no: "Lagring p\xE5g\xE5r",
+    nb: "Lagring p\xE5g\xE5r",
+    nn: "Lagring p\xE5g\xE5r",
+    en: "Saving",
+    se: "Vurkemin"
+  }
+});
 
 // src/components/OverflowMenu/OverflowMenu.tsx
 var import_react21 = require("react");
@@ -4796,7 +4823,7 @@ var Breadcrumbs = ({
             size: "xsmall",
             icon: MoreHorizontalIcon,
             purpose: "tertiary",
-            "aria-label": bChildrenTruncated.length > 1 ? t(texts2.showHiddenTo(bChildren.length - 1)) : t(texts2.showHidden)
+            "aria-label": bChildrenTruncated.length > 1 ? t(texts3.showHiddenTo(bChildren.length - 1)) : t(texts3.showHidden)
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(OverflowMenu, { children: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(OverflowMenuList, { children: bChildrenTruncated }) })
@@ -4818,7 +4845,7 @@ var Breadcrumbs = ({
     "nav",
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
-      "aria-label": t(texts2.breadcrumbs),
+      "aria-label": t(texts3.breadcrumbs),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
           HStack,
@@ -4834,24 +4861,27 @@ var Breadcrumbs = ({
   );
 };
 Breadcrumbs.displayName = "Breadcrumbs";
-var texts2 = createTexts({
+var texts3 = createTexts({
   breadcrumbs: {
     nb: "Br\xF8dsmulesti",
     no: "Br\xF8dsmulesti",
     nn: "Br\xF8dsmulesti",
-    en: "Breadcrumbs"
+    en: "Breadcrumbs",
+    se: "L\xE1ibemoallob\xE1lggis"
   },
   showHiddenTo: (to) => ({
     nb: `Vis br\xF8dsmule 2 til ${to}`,
     no: `Vis br\xF8dsmule 2 til ${to}`,
     nn: `Vis br\xF8dsmule 2 til ${to}`,
-    en: `Show breadcrumb 2 to ${to}`
+    en: `Show breadcrumb 2 to ${to}`,
+    se: `\u010C\xE1jet l\xE1ibemoalu 2 ${to}`
   }),
   showHidden: {
     nb: "Vis br\xF8dsmule 2",
     no: "Vis br\xF8dsmule 2",
     nn: "Vis br\xF8dsmule 2",
-    en: "Show breadcrumb 2"
+    en: "Show breadcrumb 2",
+    se: "\u010C\xE1jet l\xE1ibemoalu 2"
   }
 });
 
@@ -5326,6 +5356,7 @@ var InputMessage = ({
   id,
   className,
   htmlProps,
+  children,
   ...rest
 }) => {
   const isError = messageType === "error";
@@ -5346,7 +5377,7 @@ var InputMessage = ({
             typographyType: isError ? "bodySmall" : "bodyXsmall",
             color: isError ? "textDefault" : "textSubtle",
             as: "span",
-            children: message
+            children: message != null ? message : children
           }
         )
       ]
@@ -5817,7 +5848,7 @@ var Chip = ({
             icon: CloseSmallIcon,
             purpose: "tertiary",
             onClick,
-            "aria-label": ariaLabel != null ? ariaLabel : t(texts3.removeChip) + (text ? ` ${text}` : "")
+            "aria-label": ariaLabel != null ? ariaLabel : t(texts4.removeChip) + (text ? ` ${text}` : "")
           }
         )
       ]
@@ -5825,12 +5856,13 @@ var Chip = ({
   ) : null;
 };
 Chip.displayName = "Chip";
-var texts3 = createTexts({
+var texts4 = createTexts({
   removeChip: {
     nb: "Fjern merkelapp",
     no: "Fjern merkelapp",
     nn: "Fjern merkelapp",
-    en: "Remove chip"
+    en: "Remove chip",
+    se: "Sihku lihppu"
   }
 });
 
@@ -5952,7 +5984,7 @@ function CookieBanner({
             {
               as: Button,
               showBelow: collapsedBreakpoint,
-              "aria-label": t(texts4.expandConsent),
+              "aria-label": t(texts5.expandConsent),
               purpose: "tertiary",
               icon: ExpandIcon,
               onClick: () => setIsCollapsedOnBreakpoint(false),
@@ -5986,26 +6018,27 @@ function CookieBanner({
   );
 }
 CookieBanner.displayName = "CookieBanner";
-var texts4 = createTexts({
+var texts5 = createTexts({
   expandConsent: {
     nb: "Utvid samtykke for bruk av informasjonskapsler",
     no: "Utvid samtykke for bruk av informasjonskapsler",
     nn: "Utvid samtykke for bruk av informasjonskapslar",
-    en: "Expand consent for the use of cookies"
+    en: "Expand consent for the use of cookies",
+    se: "Viiddit mie\u0111\xE1husa diehto\u010Doahkuid geavaheapm\xE1i"
   }
 });
 
 // src/components/date-inputs/DatePicker/Calendar/Calendar.tsx
 var import_date4 = require("@internationalized/date");
 var import_calendar3 = require("@react-aria/calendar");
-var import_i18n10 = require("@react-aria/i18n");
+var import_i18n11 = require("@react-aria/i18n");
 var import_calendar4 = require("@react-stately/calendar");
 var import_react41 = require("react");
 
 // src/components/date-inputs/DatePicker/Calendar/CalendarGrid.tsx
 var import_date3 = require("@internationalized/date");
 var import_calendar2 = require("@react-aria/calendar");
-var import_i18n8 = require("@react-aria/i18n");
+var import_i18n9 = require("@react-aria/i18n");
 var import_react40 = require("react");
 
 // src/components/date-inputs/DatePicker/Calendar/CalendarCell.tsx
@@ -6050,7 +6083,8 @@ var LOCALE = {
   nb: "nb-NO",
   no: "no-NO",
   nn: "nn-NO",
-  en: "en-GB"
+  en: "en-GB",
+  se: "se-NO"
 };
 var timezone = "Europe/Oslo";
 
@@ -6286,20 +6320,20 @@ var CalendarPopoverContent = ({
 var import_jsx_runtime227 = require("react/jsx-runtime");
 function CalendarGrid({ state, ...props }) {
   const { t } = useTranslation();
-  const { locale } = (0, import_i18n8.useLocale)();
+  const { locale } = (0, import_i18n9.useLocale)();
   const {
     gridProps: { onKeyDown, ...gridProps },
     headerProps
   } = (0, import_calendar2.useCalendarGrid)(props, state);
   const weeksInMonth = (0, import_date3.getWeeksInMonth)(state.visibleRange.start, locale);
   const weekDays = [
-    { short: t(texts5.mo), full: t(texts5.monday) },
-    { short: t(texts5.tu), full: t(texts5.tuesday) },
-    { short: t(texts5.we), full: t(texts5.wednesday) },
-    { short: t(texts5.th), full: t(texts5.thursday) },
-    { short: t(texts5.fr), full: t(texts5.friday) },
-    { short: t(texts5.sa), full: t(texts5.saturday) },
-    { short: t(texts5.su), full: t(texts5.sunday) }
+    { short: t(texts6.mo), full: t(texts6.monday) },
+    { short: t(texts6.tu), full: t(texts6.tuesday) },
+    { short: t(texts6.we), full: t(texts6.wednesday) },
+    { short: t(texts6.th), full: t(texts6.thursday) },
+    { short: t(texts6.fr), full: t(texts6.friday) },
+    { short: t(texts6.sa), full: t(texts6.saturday) },
+    { short: t(texts6.su), full: t(texts6.sunday) }
   ];
   const { showWeekNumbers, onClose } = (0, import_react40.useContext)(CalendarPopoverContext);
   const typographyCn = [
@@ -6325,7 +6359,7 @@ function CalendarGrid({ state, ...props }) {
               className: cn(DateInput_default["calendar__grid-element"], ...typographyCn),
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("span", { "aria-hidden": true, children: "#" }),
-                /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(VisuallyHidden, { children: t(texts5.weekNumber) })
+                /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(VisuallyHidden, { children: t(texts6.weekNumber) })
               ]
             }
           ),
@@ -6368,96 +6402,111 @@ function CalendarGrid({ state, ...props }) {
   );
 }
 CalendarGrid.displayName = "CalendarGrid";
-var texts5 = createTexts({
+var texts6 = createTexts({
   weekNumber: {
     nb: "Ukenummer",
     no: "Ukenummer",
     nn: "Vekenummer",
-    en: "Week number"
+    en: "Week number",
+    se: "Vahkkonummir"
   },
   mo: {
     nb: "Ma",
     no: "Ma",
     nn: "M\xE5",
-    en: "Mo"
+    en: "Mo",
+    se: "Vuos"
   },
   tu: {
     nb: "Ti",
     no: "Ti",
     nn: "Ty",
-    en: "Tu"
+    en: "Tu",
+    se: "Ma\u014B"
   },
   we: {
     nb: "On",
     no: "On",
     nn: "On",
-    en: "We"
+    en: "We",
+    se: "Gask"
   },
   th: {
     nb: "To",
     no: "To",
     nn: "To",
-    en: "Th"
+    en: "Th",
+    se: "Duo"
   },
   fr: {
     nb: "Fr",
     no: "Fr",
     nn: "Fr",
-    en: "Fr"
+    en: "Fr",
+    se: "Bea"
   },
   sa: {
     nb: "L\xF8",
     no: "L\xF8",
     nn: "La",
-    en: "Sa"
+    en: "Sa",
+    se: "L\xE1v"
   },
   su: {
     nb: "S\xF8",
     no: "S\xF8",
     nn: "Su",
-    en: "Su"
+    en: "Su",
+    se: "Sotn"
   },
   monday: {
     nb: "Mandag",
     no: "Mandag",
     nn: "M\xE5ndag",
-    en: "Monday"
+    en: "Monday",
+    se: "Vuoss\xE1rga"
   },
   tuesday: {
     nb: "Tirsdag",
     no: "Tirsdag",
     nn: "Tysdag",
-    en: "Tuesday"
+    en: "Tuesday",
+    se: "Ma\u014B\u014Beb\xE1rga"
   },
   wednesday: {
     nb: "Onsdag",
     no: "Onsdag",
     nn: "Onsdag",
-    en: "Wednesday"
+    en: "Wednesday",
+    se: "Gaskavahkku"
   },
   thursday: {
     nb: "Torsdag",
     no: "Torsdag",
     nn: "Torsdag",
-    en: "Thursday"
+    en: "Thursday",
+    se: "Duorastat"
   },
   friday: {
     nb: "Fredag",
     no: "Fredag",
     nn: "Fredag",
-    en: "Friday"
+    en: "Friday",
+    se: "Bearjadat"
   },
   saturday: {
     nb: "L\xF8rdag",
     no: "L\xF8rdag",
     nn: "Laurdag",
-    en: "Saturday"
+    en: "Saturday",
+    se: "L\xE1vvardat"
   },
   sunday: {
     nb: "S\xF8ndag",
     no: "S\xF8ndag",
     nn: "Sundag",
-    en: "Sunday"
+    en: "Sunday",
+    se: "Sotnabeaivi"
   }
 });
 
@@ -6473,7 +6522,7 @@ function createCalendar(identifier) {
 }
 function Calendar(props) {
   const { t } = useTranslation();
-  const { locale } = (0, import_i18n10.useLocale)();
+  const { locale } = (0, import_i18n11.useLocale)();
   const state = (0, import_calendar4.useCalendarState)({
     ...props,
     createCalendar,
@@ -6500,7 +6549,7 @@ function Calendar(props) {
         Button,
         {
           type: "button",
-          "aria-label": t(texts6.previousMonth),
+          "aria-label": t(texts7.previousMonth),
           onClick: (e) => onPrev == null ? void 0 : onPrev(e),
           size: "small",
           purpose: "tertiary",
@@ -6522,7 +6571,7 @@ function Calendar(props) {
         Button,
         {
           type: "button",
-          "aria-label": t(texts6.nextMonth),
+          "aria-label": t(texts7.nextMonth),
           onClick: (e) => onNext == null ? void 0 : onNext(e),
           size: "small",
           purpose: "tertiary",
@@ -6535,31 +6584,33 @@ function Calendar(props) {
   ] });
 }
 Calendar.displayName = "Calendar";
-var texts6 = createTexts({
+var texts7 = createTexts({
   nextMonth: {
     nb: "Neste m\xE5ned",
     no: "Neste m\xE5ned",
     nn: "Neste m\xE5nad",
-    en: "Next month"
+    en: "Next month",
+    se: "Boahte m\xE1nu"
   },
   previousMonth: {
     nb: "Forrige m\xE5ned",
     no: "Forrige m\xE5ned",
     nn: "F\xF8rre m\xE5nad",
-    en: "Previous month"
+    en: "Previous month",
+    se: "Ovddit m\xE1nu"
   }
 });
 
 // src/components/date-inputs/DatePicker/DatePicker.tsx
 var import_datepicker4 = require("@react-aria/datepicker");
-var import_i18n14 = require("@react-aria/i18n");
+var import_i18n17 = require("@react-aria/i18n");
 var import_datepicker5 = require("@react-stately/datepicker");
 var import_react47 = require("react");
 
 // src/components/date-inputs/DatePicker/DateField/DateField.tsx
 var import_date5 = require("@internationalized/date");
 var import_datepicker2 = require("@react-aria/datepicker");
-var import_i18n12 = require("@react-aria/i18n");
+var import_i18n15 = require("@react-aria/i18n");
 var import_datepicker3 = require("@react-stately/datepicker");
 var import_react45 = require("react");
 
@@ -6619,6 +6670,7 @@ function CalendarButton({
 
 // src/components/date-inputs/DatePicker/DateField/DateField.utils.tsx
 function formatDateFieldSegments(segments) {
+  const { t } = useTranslation();
   const daySegment = segments.find((segment) => segment.type === "day");
   const monthSegment = segments.find((segment) => segment.type === "month");
   const yearSegment = segments.find((segment) => segment.type === "year");
@@ -6629,16 +6681,16 @@ function formatDateFieldSegments(segments) {
   const formattedDaySegment = {
     ...daySegment,
     text: daySegment.text.padStart(2, "0"),
-    placeholder: "dd"
+    placeholder: t(texts8.dayPlaceholder)
   };
   const formattedMonthSegment = {
     ...monthSegment,
     text: monthSegment.text.padStart(2, "0"),
-    placeholder: "mm"
+    placeholder: t(texts8.monthPlaceholder)
   };
   const formattedYearSegment = {
     ...yearSegment,
-    placeholder: "\xE5\xE5\xE5\xE5"
+    placeholder: t(texts8.yearPlaceholder)
   };
   const formattedSeparatorSegment = { ...separatorSegment, text: "." };
   return [
@@ -6649,6 +6701,29 @@ function formatDateFieldSegments(segments) {
     formattedYearSegment
   ];
 }
+var texts8 = createTexts({
+  dayPlaceholder: {
+    nb: "dd",
+    no: "dd",
+    nn: "dd",
+    en: "dd",
+    se: "jj"
+  },
+  monthPlaceholder: {
+    nb: "mm",
+    no: "mm",
+    nn: "mm",
+    en: "mm",
+    se: "mm"
+  },
+  yearPlaceholder: {
+    nb: "\xE5\xE5\xE5\xE5",
+    no: "\xE5\xE5\xE5\xE5",
+    nn: "\xE5\xE5\xE5\xE5",
+    en: "yyyy",
+    se: "jjjj"
+  }
+});
 
 // src/components/date-inputs/DatePicker/DateField/DateSegment.tsx
 var import_datepicker = require("@react-aria/datepicker");
@@ -6900,7 +6975,7 @@ function DateField({
   clearable,
   ...props
 }) {
-  const { locale } = (0, import_i18n12.useLocale)();
+  const { locale } = (0, import_i18n15.useLocale)();
   const { t } = useTranslation();
   const state = (0, import_datepicker3.useDateFieldState)({
     ...props,
@@ -6946,7 +7021,7 @@ function DateField({
         ClearButton,
         {
           absolute: false,
-          "aria-label": t(texts7.clearDate),
+          "aria-label": t(texts9.clearDate),
           "aria-hidden": !hasValue,
           className: cn(
             DateInput_default["clear-button"],
@@ -6972,12 +7047,13 @@ function DateField({
   );
 }
 DateField.displayName = "DateField";
-var texts7 = createTexts({
+var texts9 = createTexts({
   clearDate: {
     en: "Clear date",
     nb: "T\xF8m dato",
     no: "T\xF8m dato",
-    nn: "T\xF8m dato"
+    nn: "T\xF8m dato",
+    se: "Gurre d\xE1htona"
   }
 });
 
@@ -7032,7 +7108,7 @@ function DatePicker({
     state,
     internalRef
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(import_i18n14.I18nProvider, { locale: LOCALE[lang], children: /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(import_i18n17.I18nProvider, { locale: LOCALE[lang], children: /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
     CalendarPopover,
     {
       isOpen: state.isOpen,
@@ -7688,7 +7764,7 @@ var FavStar = ({
             checked,
             onChange: (e) => setChecked(e.target.checked),
             type: "checkbox",
-            "aria-label": (_a = props["aria-label"]) != null ? _a : t(texts8.favourite)
+            "aria-label": (_a = props["aria-label"]) != null ? _a : t(texts10.favourite)
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Icon, { iconSize: size2, icon: StarIcon, className: FavStar_default.icon }),
@@ -7705,12 +7781,13 @@ var FavStar = ({
   );
 };
 FavStar.displayName = "FavStar";
-var texts8 = createTexts({
+var texts10 = createTexts({
   favourite: {
-    nb: "Favoriser",
-    no: "Favoriser",
-    nn: "Favorittmerk",
-    en: "Favorite"
+    nb: "Stjernemarker",
+    no: "Stjernemarker",
+    nn: "Stjernemerk",
+    en: "Mark as favourite",
+    se: "Merke favorihta"
   }
 });
 
@@ -7765,7 +7842,7 @@ function CharCounter(props) {
           "/",
           max
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(VisuallyHidden, { children: t(texts9.charsWritten(current, max, max - current)) })
+        /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(VisuallyHidden, { children: t(texts11.charsWritten(current, max, max - current)) })
       ]
     }
   );
@@ -7774,12 +7851,13 @@ var renderCharCounter = (id, isShown, textLength, maxLength) => {
   if (!!maxLength && Number.isInteger(maxLength) && maxLength > 0 && isShown)
     return /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(CharCounter, { id, max: maxLength, current: textLength });
 };
-var texts9 = createTexts({
+var texts11 = createTexts({
   charsWritten: (current, max, remain) => ({
     nb: `${current} av ${max} tegn skrevet. ${remain} igjen.`,
     no: `${current} av ${max} tegn skrevet. ${remain} igjen.`,
     nn: `${current} av ${max} teikn skrivne. ${remain} att.`,
-    en: `${current} of ${max} characters used. ${remain} remaining.`
+    en: `${current} of ${max} characters used. ${remain} remaining.`,
+    se: `${current} ${max} mearkabust\xE1va leat ${max} \u010D\xE1llon ${remain}.`
   })
 });
 
@@ -7938,17 +8016,18 @@ var CommentComponent = ({
         size: "small",
         onClick: handleSubmit,
         loading,
-        children: t(texts10.send)
+        children: t(texts12.send)
       }
     )
   ] });
 };
-var texts10 = createTexts({
+var texts12 = createTexts({
   send: {
     nb: "Send inn",
     no: "Send inn",
     nn: "Send inn",
-    en: "Send"
+    en: "Send",
+    se: "S\xE1dde"
   }
 });
 
@@ -8144,7 +8223,7 @@ var RatingComponent = ({
       ),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("h2", { className: typographyStyles_default["label-medium"], children: ratingLabel }),
-        loading ? /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Spinner, { tooltip: t(texts11.uploadingFeedback) }) : /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(HStack, { gap: "x1", children: [
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Spinner, { tooltip: t(texts13.uploadingFeedback) }) : /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(HStack, { gap: "x1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Tooltip, { text: thumbUpTooltip, children: button("positive", layout, thumbUpTooltip) }),
           /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Tooltip, { text: thumbDownTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("div", { children: button("negative", layout, thumbDownTooltip) }) })
         ] })
@@ -8152,12 +8231,13 @@ var RatingComponent = ({
     }
   );
 };
-var texts11 = createTexts({
+var texts13 = createTexts({
   uploadingFeedback: {
     nb: "Laster opp tilbakemelding...",
     no: "Laster opp tilbakemelding...",
     nn: "Lastar opp tilbakemelding...",
-    en: "Uploading feedback..."
+    en: "Uploading feedback...",
+    se: "Vie\u017E\u017Eamin ruovttoluottadie\u0111uid..."
   }
 });
 
@@ -8186,14 +8266,14 @@ var Feedback = ({
   const [rating, setRating] = (0, import_react57.useState)(null);
   const [feedbackText, setFeedbackText] = (0, import_react57.useState)();
   const [isFeedbackSubmitted, setIsFeedbackSubmitted] = (0, import_react57.useState)(false);
-  const tRatingLabel = ratingLabel != null ? ratingLabel : t(texts12.ratingQuestion);
-  const tPositiveFeedbackLabel = positiveFeedbackLabel != null ? positiveFeedbackLabel : t(texts12.improvalQuestion);
-  const tNegativeFeedbackLabel = negativeFeedbackLabel != null ? negativeFeedbackLabel : t(texts12.improvalQuestion);
-  const tRatingSubmittedTitle = ratingSubmittedTitle != null ? ratingSubmittedTitle : t(texts12.thanks);
-  const tSubmittedTitle = submittedTitle != null ? submittedTitle : t(texts12.thanks);
-  const tTextAreaTip = textAreaTip != null ? textAreaTip : t(texts12.sensitiveInfo);
-  const tThumbUpTooltip = thumbUpTooltip != null ? thumbUpTooltip : t(texts12.good);
-  const tThumbDownTooltip = thumbDownTooltip != null ? thumbDownTooltip : t(texts12.bad);
+  const tRatingLabel = ratingLabel != null ? ratingLabel : t(texts14.ratingQuestion);
+  const tPositiveFeedbackLabel = positiveFeedbackLabel != null ? positiveFeedbackLabel : t(texts14.improvalQuestion);
+  const tNegativeFeedbackLabel = negativeFeedbackLabel != null ? negativeFeedbackLabel : t(texts14.improvalQuestion);
+  const tRatingSubmittedTitle = ratingSubmittedTitle != null ? ratingSubmittedTitle : t(texts14.thanks);
+  const tSubmittedTitle = submittedTitle != null ? submittedTitle : t(texts14.thanks);
+  const tTextAreaTip = textAreaTip != null ? textAreaTip : t(texts14.sensitiveInfo);
+  const tThumbUpTooltip = thumbUpTooltip != null ? thumbUpTooltip : t(texts14.good);
+  const tThumbDownTooltip = thumbDownTooltip != null ? thumbDownTooltip : t(texts14.bad);
   (0, import_react57.useEffect)(() => {
     if (ratingProp !== void 0) setRating(ratingProp);
   }, [ratingProp]);
@@ -8248,42 +8328,48 @@ var Feedback = ({
   }
   return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(Paragraph, { children: tSubmittedTitle });
 };
-var texts12 = createTexts({
+var texts14 = createTexts({
   ratingQuestion: {
     nb: "Hva syns du om tjenesten?",
     no: "Hva syns du om tjenesten?",
     nn: "Kva synest du om tenesta?",
-    en: "What do you think about the service?"
+    en: "What do you think about the service?",
+    se: "Maid oaivvildat b\xE1lvalusa birra?"
   },
   improvalQuestion: {
     nb: "Hva kan vi forbedre? (valgfritt)",
     no: "Hva kan vi forbedre? (valgfritt)",
     nn: "Kva kan vi forbetre? (valfritt)",
-    en: "What can we improve? (optional)"
+    en: "What can we improve? (optional)",
+    se: "Maid s\xE1httit buoridit? (eavttola\u0161)"
   },
   thanks: {
     nb: "Tusen takk! Tilbakemeldingen din hjelper oss \xE5 forbedre l\xF8sningen",
     no: "Tusen takk! Tilbakemeldingen din hjelper oss \xE5 forbedre l\xF8sningen",
     nn: "Tusen takk! Tilbakemeldinga di hjelper oss \xE5 forbetre l\xF8ysinga",
-    en: "Thank you! Your feedback helps us improve the service"
+    en: "Thank you! Your feedback helps us improve the service",
+    se: "Giitu! Du m\xE1hcahat veahkeha min buoridit \u010Dovdosa"
   },
   sensitiveInfo: {
     nb: "Ikke send inn personopplysninger eller annen sensitiv informasjon",
     no: "Ikke send inn personopplysninger eller annen sensitiv informasjon",
     nn: "Ikkje send inn personopplysningar eller annan sensitiv informasjon",
-    en: "Do not submit personal data or other sensitive information"
+    en: "Do not submit personal data or other sensitive information",
+    se: "Ale s\xE1dde persuvdnadie\u0111uid dahje ear\xE1 sensitiiva die\u0111uid"
   },
   good: {
     nb: "Bra",
     no: "Bra",
     nn: "Bra",
-    en: "Good"
+    en: "Good",
+    se: "Buorre"
   },
   bad: {
     nb: "D\xE5rlig",
     no: "D\xE5rlig",
     nn: "D\xE5rleg",
-    en: "Bad"
+    en: "Bad",
+    se: "Heajos"
   }
 });
 
@@ -8418,9 +8504,9 @@ var File = (props) => {
                 onClick: removeFile,
                 icon: CloseIcon,
                 htmlProps: {
-                  "aria-label": t(texts13.removeFile(stateFile.file.name)),
+                  "aria-label": t(texts15.removeFile(stateFile.file.name)),
                   "aria-invalid": !isValid ? true : void 0,
-                  "aria-errormessage": !isValid ? t(texts13.invalidFile) : void 0,
+                  "aria-errormessage": !isValid ? t(texts15.invalidFile) : void 0,
                   "aria-describedby": spaceSeparatedIdListGenerator(
                     errorsList.map((e) => e.id)
                   )
@@ -8434,18 +8520,20 @@ var File = (props) => {
     /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(ErrorList, { errors: errorsList })
   ] });
 };
-var texts13 = createTexts({
+var texts15 = createTexts({
   removeFile: (file) => ({
     nb: `Fjern fil ${file}`,
     no: `Fjern fil ${file}`,
     nn: `Fjern fil ${file}`,
-    en: `Remove file ${file}`
+    en: `Remove file ${file}`,
+    se: `Sihku filla ${file}`
   }),
   invalidFile: {
     nb: "Ugyldig fil",
     no: "Ugyldig fil",
     nn: "Ugyldig fil",
-    en: "Invalid file"
+    en: "Invalid file",
+    se: "F\xE1mohis fiila"
   }
 });
 
@@ -8568,7 +8656,7 @@ var useFileUploader = (props) => {
     isFileDialogActive: false,
     isDragActive: false,
     rootErrors: calcRootErrors(
-      t(texts14.invalidFileAmount),
+      t(texts16.invalidFileAmount),
       initialFileUploaderFiles,
       maxFiles,
       errorMessage
@@ -8581,7 +8669,7 @@ var useFileUploader = (props) => {
         const accepted = isFileAccepted(file, accept);
         return {
           file,
-          errors: accepted ? [] : [t(texts14.invalidFileType)]
+          errors: accepted ? [] : [t(texts16.invalidFileType)]
         };
       });
       dispatch({
@@ -8594,7 +8682,7 @@ var useFileUploader = (props) => {
     dispatch({
       type: "setRootErrors",
       payload: calcRootErrors(
-        t(texts14.invalidFileAmount),
+        t(texts16.invalidFileAmount),
         stateFiles,
         maxFiles,
         errorMessage
@@ -8648,7 +8736,7 @@ var useFileUploader = (props) => {
           const accepted = isFileAccepted(file, accept);
           return {
             file,
-            errors: accepted ? [] : [t(texts14.invalidFileType)]
+            errors: accepted ? [] : [t(texts16.invalidFileType)]
           };
         }).concat(stateFiles);
         onChange(newFiles.map((f) => f.file));
@@ -8740,18 +8828,20 @@ var useFileUploader = (props) => {
     removeFile
   };
 };
-var texts14 = createTexts({
+var texts16 = createTexts({
   invalidFileType: {
     nb: "Ugyldig filtype",
     no: "Ugyldig filtype",
     nn: "Ugyldig filtype",
-    en: "Invalid file type"
+    en: "Invalid file type",
+    se: "F\xE1mohis fila\u0161ladja"
   },
   invalidFileAmount: {
     nb: "For mange filer. Maksimalt antall er ",
     no: "For mange filer. Maksimalt antall er ",
     nn: "For mange filer. Maksimalt antall er ",
-    en: "Too many files. The maximum allowed is "
+    en: "Too many files. The maximum allowed is ",
+    se: "Menddo ollu fiillat. Maksim\xE1la lohku lea "
   }
 });
 
@@ -8762,7 +8852,7 @@ var FileUploader = (props) => {
     id,
     label,
     dropAreaLabel,
-    btnLabel = "Velg fil",
+    btnLabel,
     tip,
     required = false,
     withDragAndDrop = true,
@@ -8782,7 +8872,8 @@ var FileUploader = (props) => {
     ...rest
   } = props;
   const { t } = useTranslation();
-  const tDropAreaLabel = dropAreaLabel != null ? dropAreaLabel : t(texts15.dragAndDropOr);
+  const tDropAreaLabel = dropAreaLabel != null ? dropAreaLabel : t(texts17.dragAndDropOr);
+  const tBtnLabel = btnLabel != null ? btnLabel : t(texts17.selectFile);
   const generatedId = (0, import_react59.useId)();
   const uniqueId = id != null ? id : `${generatedId}-fileUploader`;
   const {
@@ -8847,7 +8938,7 @@ var FileUploader = (props) => {
           ...rootErrorsList.map((e) => e.id)
         ])
       },
-      children: btnLabel
+      children: tBtnLabel
     }
   );
   const input = /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
@@ -8891,7 +8982,7 @@ var FileUploader = (props) => {
             children: [
               input,
               tDropAreaLabel,
-              /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(VisuallyHidden, { children: t(texts15.uploadFileWithButton) }),
+              /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(VisuallyHidden, { children: t(texts17.uploadFileWithButton) }),
               button
             ]
           }
@@ -8909,14 +9000,14 @@ var FileUploader = (props) => {
               readOnly && FileUploader_default["readonly--file-list"]
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(VisuallyHidden, { id: fileListNameId, children: t(texts15.uploadedFiles) }),
+              /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(VisuallyHidden, { id: fileListNameId, children: t(texts17.uploadedFiles) }),
               inactive && fileListElements.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
                 Typography,
                 {
                   italic: true,
                   as: "span",
                   color: disabled ? "text-subtle" : "text-medium",
-                  children: t(texts15.noFiles)
+                  children: t(texts17.noFiles)
                 }
               ) : /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(StylelessList, { "aria-labelledby": fileListNameId, children: fileListElements })
             ]
@@ -8927,30 +9018,41 @@ var FileUploader = (props) => {
   );
 };
 FileUploader.displayName = "FileUploader";
-var texts15 = createTexts({
+var texts17 = createTexts({
   dragAndDropOr: {
     nb: "Dra og slipp filer her eller",
     no: "Dra og slipp filer her eller",
     nn: "Dra og slepp filer her eller",
-    en: "Drag and drop files here or"
+    en: "Drag and drop files here or",
+    se: "Sirdde fiillaid d\xE1sa dahje"
+  },
+  selectFile: {
+    nb: "Velg fil",
+    no: "Velg fil",
+    nn: "Velg fil",
+    en: "Sekect file",
+    se: "V\xE1llje fiilla"
   },
   uploadFileWithButton: {
     nb: "last opp en fil med den p\xE5f\xF8lgende knappen",
     no: "last opp en fil med den p\xE5f\xF8lgende knappen",
     nn: "last opp ei fil med den p\xE5f\xF8lgjande knappen",
-    en: "upload using the following button"
+    en: "upload using the following button",
+    se: "vie\u010D\u010Da fiilla \u010Duovvova\u0161 boaluin"
   },
   noFiles: {
     nb: "Ingen filer.",
     no: "Ingen filer.",
     nn: "Ingen filer.",
-    en: "No files."
+    en: "No files.",
+    se: "Eai leat fiillat."
   },
   uploadedFiles: {
     nb: "Opplastede filer",
     no: "Opplastede filer",
     nn: "Opplasta filer",
-    en: "Uploaded files"
+    en: "Uploaded files",
+    se: "Vi\u017E\u017Eon fiillat"
   }
 });
 
@@ -9026,6 +9128,91 @@ var FooterListGroup = ({
 var import_jsx_runtime269 = require("react/jsx-runtime");
 var FooterLeft = ({ className, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("div", { className: cn(className, Footer_default["left"]), ...rest });
 
+// src/components/FormSummary/FormSummary.tsx
+var import_jsx_runtime270 = require("react/jsx-runtime");
+var FormSummary = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Paper, { border: "border-subtle", padding: "x0.5 x0.5 x1 x0.75", ...props, children });
+};
+
+// src/components/FormSummary/FormSummary.module.css
+var FormSummary_default = {
+  dd: "FormSummary_dd",
+  field: "FormSummary_field"
+};
+
+// src/components/FormSummary/FormSummary.components.tsx
+var import_jsx_runtime271 = require("react/jsx-runtime");
+function FormSummaryHeader({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+    HStack,
+    {
+      ...props,
+      justifyContent: "space-between",
+      flexWrap: "wrap",
+      alignItems: "center",
+      gap: "x0.75",
+      marginBlock: "0 x0.75"
+    }
+  );
+}
+function FormSummaryHeading({
+  level = 2,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Heading, { level, ...props });
+}
+function FormSummaryEditButton({
+  purpose = "secondary",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Button, { icon: EditIcon, purpose, size: "xsmall", ...props });
+}
+function FormSummaryFields({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(DescriptionList, { ...props });
+}
+function FormSummaryField({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("div", { ...props, className: cn(FormSummary_default.field, className) });
+}
+function FormSummaryLabel(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(DescriptionListTerm, { ...props });
+}
+function FormSummaryValue({
+  className,
+  isLoading,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(DescriptionListDesc, { ...props, className: cn(className, FormSummary_default.dd), children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Spinner, { size: "1.5em" }) : children });
+}
+function FormSummaryEmptyValue() {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("span", { "aria-hidden": true, children: "-" }),
+    " ",
+    /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(VisuallyHidden, { children: [
+      " ",
+      t(texts18.noValue),
+      " "
+    ] })
+  ] });
+}
+function FormSummaryError({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Box, { marginBlock: "x0.25 0", children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(InputMessage, { ...props, messageType: "error" }) });
+}
+var texts18 = createTexts({
+  noValue: {
+    nb: "Ikke fylt ut",
+    no: "Ikke fylt ut",
+    nn: "Ikkje fylt ut",
+    en: "Not filled out",
+    se: "Ii leat bidjan"
+  }
+});
+
 // src/components/GlobalMessage/GlobalMessage.tsx
 var import_react60 = require("react");
 
@@ -9041,7 +9228,7 @@ var GlobalMessage_default = {
 };
 
 // src/components/GlobalMessage/GlobalMessage.tsx
-var import_jsx_runtime270 = require("react/jsx-runtime");
+var import_jsx_runtime272 = require("react/jsx-runtime");
 var icons = {
   info: InfoIcon,
   danger: ErrorIcon,
@@ -9060,7 +9247,7 @@ var GlobalMessage = ({
 }) => {
   const { t } = useTranslation();
   const [isClosed, setClosed] = (0, import_react60.useState)(false);
-  return !isClosed ? /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(
+  return !isClosed ? /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(
     "div",
     {
       ...getBaseHTMLProps(
@@ -9075,17 +9262,17 @@ var GlobalMessage = ({
         rest
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(
           "div",
           {
             className: cn(GlobalMessage_default.content, closable && GlobalMessage_default["content--closable"]),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Icon, { icon: icons[purpose], className: GlobalMessage_default.icon }),
-              children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime270.jsx)("span", { children: message })
+              /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(Icon, { icon: icons[purpose], className: GlobalMessage_default.icon }),
+              children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("span", { children: message })
             ]
           }
         ),
-        closable && /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
+        closable && /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
           Button,
           {
             icon: CloseIcon,
@@ -9110,14 +9297,14 @@ var InlineButton_default = {
 };
 
 // src/components/InlineButton/InlineButton.tsx
-var import_jsx_runtime271 = require("react/jsx-runtime");
+var import_jsx_runtime273 = require("react/jsx-runtime");
 var InlineButton = ({
   className,
   color,
   icon,
   children,
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
   StylelessButton,
   {
     className: cn(
@@ -9128,7 +9315,7 @@ var InlineButton = ({
       getColorCn(color)
     ),
     ...rest,
-    children: icon ? /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Icon, { icon, iconSize: "inherit" }) : children
+    children: icon ? /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Icon, { icon, iconSize: "inherit" }) : children
   }
 );
 
@@ -9137,7 +9324,7 @@ var import_react63 = require("react");
 
 // src/components/InlineEdit/InlineEdit.context.tsx
 var import_react61 = require("react");
-var import_jsx_runtime272 = require("react/jsx-runtime");
+var import_jsx_runtime274 = require("react/jsx-runtime");
 var InlineEditContext = (0, import_react61.createContext)(
   {}
 );
@@ -9181,7 +9368,7 @@ var InlineEditContextProvider = (props) => {
   useOnKeyDown(["Enter"], () => onExitHandler());
   useOnKeyDown(["Escape"], () => onExitHandler());
   useOnClickOutside(inputRef == null ? void 0 : inputRef.current, () => onExitHandler());
-  return /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
     InlineEditContext,
     {
       value: {
@@ -9216,26 +9403,29 @@ var InlineEdit_default = {
 };
 
 // src/components/InlineEdit/InlineEdit.utils.tsx
-var import_jsx_runtime273 = require("react/jsx-runtime");
+var import_jsx_runtime275 = require("react/jsx-runtime");
 var inlineEditVisuallyHidden = (id, clearable) => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)(VisuallyHidden, { id, children: [
-    t(texts16.inlineEditInfo),
-    !clearable && t(texts16.notClearable)
+  return /* @__PURE__ */ (0, import_jsx_runtime275.jsxs)(VisuallyHidden, { id, children: [
+    t(texts19.inlineEditInfo),
+    " ",
+    !clearable && t(texts19.notClearable)
   ] });
 };
-var texts16 = createTexts({
+var texts19 = createTexts({
   inlineEditInfo: {
     nb: "Escape, Enter eller Tab for \xE5 lagre.",
     no: "Escape, Enter eller Tab for \xE5 lagre.",
     nn: "Escape, Enter eller Tab for \xE5 lagra.",
-    en: "Escape, Enter or Tab to save."
+    en: "Escape, Enter or Tab to save.",
+    se: "Escape, Enter dahje Tab go \xE1iggut vurket"
   },
   notClearable: {
-    nb: " Innskrivingsfeltet kan ikke t\xF8mmes.",
-    no: " Innskrivingsfeltet kan ikke t\xF8mmes.",
-    nn: " Innskrivingsfeltet kan ikkje t\xF8mmast.",
-    en: " Input field cannot be cleared."
+    nb: "Innskrivingsfeltet kan ikke t\xF8mmes.",
+    no: "Innskrivingsfeltet kan ikke t\xF8mmes.",
+    nn: "Innskrivingsfeltet kan ikkje t\xF8mmast.",
+    en: "Input field cannot be cleared.",
+    se: "\u010C\xE1llinb\xE1ikki ii s\xE1hte sihkut"
   }
 });
 var inlineEditCns = (hasErrorState, showEditingIcon) => [
@@ -9285,7 +9475,7 @@ function createClearChangeEvent(elementId) {
 }
 
 // src/components/InlineEdit/InlineField.tsx
-var import_jsx_runtime274 = require("react/jsx-runtime");
+var import_jsx_runtime276 = require("react/jsx-runtime");
 function InlineField(props) {
   const {
     elementType,
@@ -9331,7 +9521,7 @@ function InlineField(props) {
   const cnArgs = [hasErrorState, !isEditing && !hideIcon];
   const iconSize = "small";
   function makeIcon(icon, className2) {
-    return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
       Icon,
       {
         iconSize,
@@ -9346,7 +9536,7 @@ function InlineField(props) {
   const renderElement = () => {
     switch (elementType) {
       case "input":
-        return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
           "input",
           {
             ...rest,
@@ -9356,7 +9546,7 @@ function InlineField(props) {
           }
         );
       case "textarea":
-        return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
           "textarea",
           {
             ...rest,
@@ -9366,8 +9556,8 @@ function InlineField(props) {
           }
         );
       case "select":
-        return /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)(import_jsx_runtime274.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime276.jsxs)(import_jsx_runtime276.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
             "select",
             {
               ...rest,
@@ -9376,7 +9566,7 @@ function InlineField(props) {
               className: cn(className, ...inlineSelectCns(...cnArgs, hasValue))
             }
           ),
-          hasValue && emptiable && /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+          hasValue && emptiable && /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
             ClearButton,
             {
               "aria-label": t(commonTexts.clearSelect),
@@ -9391,8 +9581,8 @@ function InlineField(props) {
         return null;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)(Box, { position: "relative", width, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)("div", { className: Input_default["input-group"], children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime276.jsxs)(Box, { position: "relative", width, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime276.jsxs)("div", { className: Input_default["input-group"], children: [
       !isEditing && !hideIcon && makeIcon(EditIcon, InlineEdit_default["edit-icon"]),
       renderElement()
     ] }),
@@ -9402,7 +9592,7 @@ function InlineField(props) {
 }
 
 // src/components/InlineEdit/InlineEditTextArea/InlineEditTextArea.tsx
-var import_jsx_runtime275 = require("react/jsx-runtime");
+var import_jsx_runtime277 = require("react/jsx-runtime");
 var InlineEditTextArea = ({
   onSetValue,
   emptiable,
@@ -9415,7 +9605,7 @@ var InlineEditTextArea = ({
 }) => {
   const textareaRef = (0, import_react63.useRef)(null);
   const combinedRef = useCombinedRef(ref, textareaRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
     InlineEditContextProvider,
     {
       onSetValue,
@@ -9425,14 +9615,14 @@ var InlineEditTextArea = ({
       onFocus,
       onChange,
       onBlur,
-      children: /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(InlineField, { elementType: "textarea", ...rest, ref: combinedRef })
+      children: /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(InlineField, { elementType: "textarea", ...rest, ref: combinedRef })
     }
   );
 };
 
 // src/components/InlineEdit/InlineEditInput/InlineEditInput.tsx
 var import_react64 = require("react");
-var import_jsx_runtime276 = require("react/jsx-runtime");
+var import_jsx_runtime278 = require("react/jsx-runtime");
 var InlineEditInput = ({
   onSetValue,
   emptiable,
@@ -9445,7 +9635,7 @@ var InlineEditInput = ({
 }) => {
   const inputRef = (0, import_react64.useRef)(null);
   const combinedRef = useCombinedRef(ref, inputRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(
     InlineEditContextProvider,
     {
       onSetValue,
@@ -9455,14 +9645,14 @@ var InlineEditInput = ({
       onFocus,
       onChange,
       onBlur,
-      children: /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(InlineField, { elementType: "input", ...rest, ref: combinedRef })
+      children: /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(InlineField, { elementType: "input", ...rest, ref: combinedRef })
     }
   );
 };
 
 // src/components/InlineEdit/InlineEditSelect/InlineEditSelect.tsx
 var import_react65 = require("react");
-var import_jsx_runtime277 = require("react/jsx-runtime");
+var import_jsx_runtime279 = require("react/jsx-runtime");
 var InlineEditSelect = ({
   onSetValue,
   emptiable,
@@ -9475,7 +9665,7 @@ var InlineEditSelect = ({
 }) => {
   const inputRef = (0, import_react65.useRef)(null);
   const combinedRef = useCombinedRef(ref, inputRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
     InlineEditContextProvider,
     {
       onSetValue,
@@ -9485,7 +9675,7 @@ var InlineEditSelect = ({
       onFocus,
       onChange,
       onBlur,
-      children: /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(InlineField, { elementType: "select", ...rest, ref: combinedRef })
+      children: /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(InlineField, { elementType: "select", ...rest, ref: combinedRef })
     }
   );
 };
@@ -9507,8 +9697,8 @@ var InternalHeader_default = {
 };
 
 // src/components/InternalHeader/NavigationItem.tsx
-var import_jsx_runtime278 = require("react/jsx-runtime");
-var NavigationItem = ({ isCurrent, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(
+var import_jsx_runtime280 = require("react/jsx-runtime");
+var NavigationItem = ({ isCurrent, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(
   "a",
   {
     ...rest,
@@ -9523,7 +9713,7 @@ var NavigationItem = ({ isCurrent, ...rest }) => /* @__PURE__ */ (0, import_jsx_
 );
 
 // src/components/InternalHeader/InternalHeader.tsx
-var import_jsx_runtime279 = require("react/jsx-runtime");
+var import_jsx_runtime281 = require("react/jsx-runtime");
 var import_react67 = require("react");
 var InternalHeader = (props) => {
   const {
@@ -9553,7 +9743,7 @@ var InternalHeader = (props) => {
   const hasContextMenuElements = !!contextMenuItems && contextMenuItems.length > 0;
   const hasSmallScreenBreakpoint = !!smallScreenBreakpoint;
   const hasNavInContextMenu = hasSmallScreenBreakpoint && hasNavigationElements;
-  const navigation = hasNavigationElements ? /* @__PURE__ */ (0, import_jsx_runtime279.jsx)("nav", { "aria-label": t(texts17.siteNavigation), children: /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
+  const navigation = hasNavigationElements ? /* @__PURE__ */ (0, import_jsx_runtime281.jsx)("nav", { "aria-label": t(texts20.siteNavigation), children: /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
     ShowHide,
     {
       as: StylelessList,
@@ -9562,7 +9752,7 @@ var InternalHeader = (props) => {
       children: navItems.map((item, i) => {
         const { href, ...rest2 } = item;
         const isCurrent = href === currentPage;
-        return /* @__PURE__ */ (0, import_jsx_runtime279.jsx)("li", { className: InternalHeader_default["nav-list__item"], children: /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime281.jsx)("li", { className: InternalHeader_default["nav-list__item"], children: /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
           NavigationItem,
           {
             href,
@@ -9576,7 +9766,7 @@ var InternalHeader = (props) => {
   ) }) : null;
   const hasContextMenu = hasContextMenuElements || !!user || hasNavInContextMenu;
   const hasContextMenuLargeScreen = hasContextMenuElements || !!user;
-  return /* @__PURE__ */ (0, import_jsx_runtime279.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime281.jsxs)(
     Box,
     {
       display: "flex",
@@ -9594,7 +9784,7 @@ var InternalHeader = (props) => {
         rest
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(Typography, { typographyType: "headingSmall", bold: true, as: "span", children: applicationHref ? /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(Typography, { typographyType: "headingSmall", bold: true, as: "span", children: applicationHref ? /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
           "a",
           {
             href: applicationHref,
@@ -9603,42 +9793,42 @@ var InternalHeader = (props) => {
             children: applicationName
           }
         ) : applicationName }),
-        /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(Typography, { typographyType: "bodyMedium", as: "span", children: applicationDesc }),
-        (hasContextMenu || navigation !== null) && /* @__PURE__ */ (0, import_jsx_runtime279.jsx)("div", { className: InternalHeader_default["bar-separator"] }),
+        /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(Typography, { typographyType: "bodyMedium", as: "span", children: applicationDesc }),
+        (hasContextMenu || navigation !== null) && /* @__PURE__ */ (0, import_jsx_runtime281.jsx)("div", { className: InternalHeader_default["bar-separator"] }),
         navigation,
-        hasContextMenu && /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
+        hasContextMenu && /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
           ShowHide,
           {
             showBelow: !hasContextMenuLargeScreen && hasSmallScreenBreakpoint ? smallScreenBreakpoint : void 0,
             className: cn(InternalHeader_default["context-menu-group"]),
-            children: /* @__PURE__ */ (0, import_jsx_runtime279.jsxs)(OverflowMenuGroup, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime281.jsxs)(OverflowMenuGroup, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
                 Button,
                 {
                   icon: hasNavInContextMenu ? MenuIcon : MoreVerticalIcon,
                   purpose: "tertiary",
-                  "aria-label": t(texts17.openMenu)
+                  "aria-label": t(texts20.openMenu)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime279.jsxs)(OverflowMenu, { className: InternalHeader_default["context-menu"], children: [
-                user && /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(OverflowMenuList, { children: user.href ? /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(OverflowMenuLink, { icon: PersonIcon, ...user }) : /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(OverflowMenuSpan, { icon: PersonIcon, ...user }) }),
-                hasNavInContextMenu && /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime281.jsxs)(OverflowMenu, { className: InternalHeader_default["context-menu"], children: [
+                user && /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(OverflowMenuList, { children: user.href ? /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(OverflowMenuLink, { icon: PersonIcon, ...user }) : /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(OverflowMenuSpan, { icon: PersonIcon, ...user }) }),
+                hasNavInContextMenu && /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
                   ShowHide,
                   {
                     as: "nav",
-                    "aria-label": t(texts17.siteNavigation),
+                    "aria-label": t(texts20.siteNavigation),
                     showBelow: smallScreenBreakpoint,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(OverflowMenuList, { children: navItems.map((item, i) => /* @__PURE__ */ (0, import_react67.createElement)(OverflowMenuLink, { ...item, key: `nav-${i}` })) })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(OverflowMenuList, { children: navItems.map((item, i) => /* @__PURE__ */ (0, import_react67.createElement)(OverflowMenuLink, { ...item, key: `nav-${i}` })) })
                   }
                 ),
-                hasNavInContextMenu && hasContextMenuElements && /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
+                hasNavInContextMenu && hasContextMenuElements && /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
                   ShowHide,
                   {
                     as: OverflowMenuDivider,
                     showBelow: smallScreenBreakpoint
                   }
                 ),
-                hasContextMenuElements && /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(OverflowMenuList, { children: contextMenuItems.map((item, i) => {
+                hasContextMenuElements && /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(OverflowMenuList, { children: contextMenuItems.map((item, i) => {
                   return item.href ? /* @__PURE__ */ (0, import_react67.createElement)(
                     OverflowMenuLink,
                     {
@@ -9662,18 +9852,20 @@ var InternalHeader = (props) => {
   );
 };
 InternalHeader.displayName = "InternalHeader";
-var texts17 = createTexts({
+var texts20 = createTexts({
   openMenu: {
     nb: "\xC5pne meny",
     no: "\xC5pne meny",
     nn: "Opna meny",
-    en: "Open menu"
+    en: "Open menu",
+    se: "Rabas f\xE1llu"
   },
   siteNavigation: {
     nb: "Sidenavigasjon",
     no: "Sidenavigasjon",
     nn: "Sidenavigasjon",
-    en: "Site navigation"
+    en: "Site navigation",
+    se: "Siidu navig\xE1\u0161uvdna"
   }
 });
 
@@ -9687,7 +9879,7 @@ var List_default = {
 };
 
 // src/components/List/List.tsx
-var import_jsx_runtime280 = require("react/jsx-runtime");
+var import_jsx_runtime282 = require("react/jsx-runtime");
 var List = ({
   listType = "unordered",
   typographyType = "inherit",
@@ -9698,7 +9890,7 @@ var List = ({
   ...rest
 }) => {
   const List2 = listType === "ordered" ? "ol" : "ul";
-  return /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime282.jsx)(
     List2,
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -9714,8 +9906,8 @@ var List = ({
 List.displayName = "List";
 
 // src/components/List/ListItem.tsx
-var import_jsx_runtime281 = require("react/jsx-runtime");
-var ListItem = ({ className, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime281.jsx)("li", { ...rest, className: cn(className, List_default.li) });
+var import_jsx_runtime283 = require("react/jsx-runtime");
+var ListItem = ({ className, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime283.jsx)("li", { ...rest, className: cn(className, List_default.li) });
 ListItem.displayName = "ListItem";
 
 // src/components/LocalMessage/LocalMessage.tsx
@@ -9740,7 +9932,7 @@ var LocalMessage_default = {
 };
 
 // src/components/LocalMessage/LocalMessage.tsx
-var import_jsx_runtime282 = require("react/jsx-runtime");
+var import_jsx_runtime284 = require("react/jsx-runtime");
 var icons2 = {
   info: InfoIcon,
   danger: ErrorIcon,
@@ -9764,9 +9956,9 @@ var LocalMessage = ({
   const { t } = useTranslation();
   const [isClosed, setClosed] = (0, import_react68.useState)(false);
   if (isClosed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime282.jsx)(import_jsx_runtime282.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime284.jsx)(import_jsx_runtime284.Fragment, {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime282.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime284.jsxs)(
     Box,
     {
       ...getBaseHTMLProps(
@@ -9787,15 +9979,15 @@ var LocalMessage = ({
       padding: "x0.75 x0.75 x0.75 x0.5",
       gap: "x0.5",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime282.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime284.jsx)(
           Icon,
           {
             icon: icons2[purpose],
             className: cn(LocalMessage_default.icon, LocalMessage_default.container__icon)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime282.jsx)("div", { className: LocalMessage_default.container__text, children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime282.jsx)("span", { children: message }) }),
-        closable && /* @__PURE__ */ (0, import_jsx_runtime282.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime284.jsx)("div", { className: LocalMessage_default.container__text, children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime284.jsx)("span", { children: message }) }),
+        closable && /* @__PURE__ */ (0, import_jsx_runtime284.jsx)(
           Button,
           {
             icon: CloseIcon,
@@ -9830,7 +10022,7 @@ var Modal_default = {
 };
 
 // src/components/Modal/Modal.tsx
-var import_jsx_runtime283 = require("react/jsx-runtime");
+var import_jsx_runtime285 = require("react/jsx-runtime");
 var Modal = ({
   isOpen = false,
   parentElement,
@@ -9881,14 +10073,14 @@ var Modal = ({
   useOnKeyDown(["Escape", "Esc"], () => handleClose());
   const hasTransitionedIn = useMountTransition(isOpen, 200);
   return (isOpen || hasTransitionedIn) && portalTarget ? (0, import_react_dom4.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime283.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime285.jsx)(
       Backdrop,
       {
         zIndex: "modal",
         isMounted: isOpen && hasTransitionedIn,
         ref: backdropRef,
         onClick: onBackdropClick,
-        children: /* @__PURE__ */ (0, import_jsx_runtime283.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime285.jsxs)(
           Paper,
           {
             display: "flex",
@@ -9915,7 +10107,7 @@ var Modal = ({
             id: modalId,
             elevation: 4,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime283.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime285.jsxs)(
                 HStack,
                 {
                   paddingBlock: "0 x0.75",
@@ -9925,8 +10117,8 @@ var Modal = ({
                   width: "100%",
                   className: Modal_default["header-container"],
                   children: [
-                    !!header && /* @__PURE__ */ (0, import_jsx_runtime283.jsx)("div", { id: headerId, children: typeof header === "string" ? /* @__PURE__ */ (0, import_jsx_runtime283.jsx)(Heading, { level: 2, typographyType: "headingLarge", children: header }) : header }),
-                    onClose && /* @__PURE__ */ (0, import_jsx_runtime283.jsx)(
+                    !!header && /* @__PURE__ */ (0, import_jsx_runtime285.jsx)("div", { id: headerId, children: typeof header === "string" ? /* @__PURE__ */ (0, import_jsx_runtime285.jsx)(Heading, { level: 2, typographyType: "headingLarge", children: header }) : header }),
+                    onClose && /* @__PURE__ */ (0, import_jsx_runtime285.jsx)(
                       Button,
                       {
                         size: "small",
@@ -9940,7 +10132,7 @@ var Modal = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime283.jsx)(Box, { display: "grid", gap: "x1", children })
+              /* @__PURE__ */ (0, import_jsx_runtime285.jsx)(Box, { display: "grid", gap: "x1", children })
             ]
           }
         )
@@ -9952,7 +10144,7 @@ var Modal = ({
 Modal.displayName = "Modal";
 
 // src/components/Modal/ModalBody.tsx
-var import_jsx_runtime284 = require("react/jsx-runtime");
+var import_jsx_runtime286 = require("react/jsx-runtime");
 var ModalBody = ({
   children,
   id,
@@ -9962,7 +10154,7 @@ var ModalBody = ({
   height,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime284.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(
     "div",
     {
       ...getBaseHTMLProps(
@@ -9984,8 +10176,8 @@ var ModalBody = ({
 ModalBody.displayName = "ModalBody";
 
 // src/components/Modal/ModalActions.tsx
-var import_jsx_runtime285 = require("react/jsx-runtime");
-var ModalActions = (props) => /* @__PURE__ */ (0, import_jsx_runtime285.jsx)(Box, { display: "flex", flexWrap: "wrap", gap: "x1", ...props });
+var import_jsx_runtime287 = require("react/jsx-runtime");
+var ModalActions = (props) => /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(Box, { display: "flex", flexWrap: "wrap", gap: "x1", ...props });
 ModalActions.displayName = "ModalActions";
 
 // src/components/Pagination/Pagination.tsx
@@ -10316,7 +10508,7 @@ var getCustomStyles = (size2, hasError, hasIcon, isReadOnly) => ({
 // src/components/Select/SelectComponents.tsx
 var import_react70 = __toESM(require("react"));
 var import_react_select = require("react-select");
-var import_jsx_runtime286 = require("react/jsx-runtime");
+var import_jsx_runtime288 = require("react/jsx-runtime");
 var {
   Option,
   NoOptionsMessage,
@@ -10339,30 +10531,30 @@ var getIndicatorIconSize = (componentSize) => {
 };
 var DDSOption = ({
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime286.jsxs)(Option, { ...props, children: [
-  props.isSelected && /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(Icon, { icon: CheckIcon, iconSize: "small" }),
+}) => /* @__PURE__ */ (0, import_jsx_runtime288.jsxs)(Option, { ...props, children: [
+  props.isSelected && /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(Icon, { icon: CheckIcon, iconSize: "small" }),
   props.children
 ] });
-var CustomOption = (props) => /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(Option, { ...props, children: import_react70.default.createElement(props.customElement, props) });
+var CustomOption = (props) => /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(Option, { ...props, children: import_react70.default.createElement(props.customElement, props) });
 var CustomSingleValue = ({
   id,
   Element,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(SingleValue, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime286.jsx)("div", { id, className: Select_default["inner-single-value"], children: Element ? /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(Element, { ...props }) : props.children }) });
-var DDSNoOptionsMessage = (props) => /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(NoOptionsMessage, { ...props, children: "Ingen treff" });
+}) => /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(SingleValue, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime288.jsx)("div", { id, className: Select_default["inner-single-value"], children: Element ? /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(Element, { ...props }) : props.children }) });
+var DDSNoOptionsMessage = (props) => /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(NoOptionsMessage, { ...props, children: "Ingen treff" });
 var DDSClearIndicator = ({
   size: size2,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(ClearIndicator, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(Icon, { icon: CloseSmallIcon, iconSize: getIndicatorIconSize(size2) }) });
-var DDSMultiValueRemove = (props) => /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(MultiValueRemove, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(Icon, { icon: CloseSmallIcon, iconSize: "small" }) });
+}) => /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(ClearIndicator, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(Icon, { icon: CloseSmallIcon, iconSize: getIndicatorIconSize(size2) }) });
+var DDSMultiValueRemove = (props) => /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(MultiValueRemove, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(Icon, { icon: CloseSmallIcon, iconSize: "small" }) });
 var DDSDropdownIndicator = (props) => {
   const { className, componentSize, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(
     DropdownIndicator,
     {
       ...rest,
       className: cn(className, Select_default["dropdown-indicator"]),
-      children: /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(
         Icon,
         {
           icon: ChevronDownIcon,
@@ -10376,7 +10568,7 @@ var DDSInput = ({
   ariaInvalid,
   ariaDescribedby,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(
   Input2,
   {
     ...props,
@@ -10395,7 +10587,7 @@ function DDSControl(props) {
     innerProps,
     ...rest
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime286.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime288.jsxs)(
     Control,
     {
       ...rest,
@@ -10410,7 +10602,7 @@ function DDSControl(props) {
         readOnly && Select_default["control--readonly"]
       ),
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(
+        icon && /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(
           Icon,
           {
             icon,
@@ -10428,7 +10620,7 @@ function DDSControl(props) {
 }
 
 // src/components/Select/Select.tsx
-var import_jsx_runtime287 = require("react/jsx-runtime");
+var import_jsx_runtime289 = require("react/jsx-runtime");
 function Select({
   id,
   label,
@@ -10478,7 +10670,7 @@ function Select({
     componentSize === "xsmall" && "var(--dds-input-default-width-xsmall)"
   );
   const customInput = (0, import_react71.useCallback)(
-    (props) => /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(
+    (props) => /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
       DDSInput,
       {
         ...props,
@@ -10496,7 +10688,7 @@ function Select({
     []
   );
   const customSingleValue = (0, import_react71.useCallback)(
-    (props) => /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(
+    (props) => /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
       CustomSingleValue,
       {
         ...props,
@@ -10507,15 +10699,15 @@ function Select({
     []
   );
   const customClearIndicator = (0, import_react71.useCallback)(
-    (props) => /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(DDSClearIndicator, { ...props, size: componentSize }),
+    (props) => /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(DDSClearIndicator, { ...props, size: componentSize }),
     [componentSize]
   );
   const customDropdownIndicator = (0, import_react71.useCallback)(
-    (props) => /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(DDSDropdownIndicator, { ...props, componentSize }),
+    (props) => /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(DDSDropdownIndicator, { ...props, componentSize }),
     [componentSize]
   );
   const customControl = (0, import_react71.useCallback)(
-    (props) => /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(
+    (props) => /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
       DDSControl,
       {
         ...props,
@@ -10530,9 +10722,9 @@ function Select({
   const customOptionComponent = (0, import_react71.useCallback)(
     (props) => {
       if (customOptionElement) {
-        return /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(CustomOption, { ...props, customElement: customOptionElement });
+        return /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(CustomOption, { ...props, customElement: customOptionElement });
       } else {
-        return /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(DDSOption, { ...props });
+        return /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(DDSOption, { ...props });
       }
     },
     [customOptionElement, componentSize]
@@ -10576,7 +10768,7 @@ function Select({
     openMenuOnClick: readOnly ? false : openMenuOnClick ? openMenuOnClick : void 0,
     ...rest
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime287.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime289.jsxs)(
     Box,
     {
       width: inputWidth,
@@ -10596,7 +10788,7 @@ function Select({
           readOnly,
           afterLabelContent
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(import_react_select2.default, { ...reactSelectProps, ref }),
+        /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(import_react_select2.default, { ...reactSelectProps, ref }),
         renderInputMessage(tip, tipId, errorMessage, errorMessageId)
       ]
     }
@@ -10623,7 +10815,7 @@ var NativeSelect_default = {
 };
 
 // src/components/Select/NativeSelect/NativeSelect.tsx
-var import_jsx_runtime288 = require("react/jsx-runtime");
+var import_jsx_runtime290 = require("react/jsx-runtime");
 var NativeSelect = ({
   ref,
   id,
@@ -10690,7 +10882,7 @@ var NativeSelect = ({
   };
   const iconSize = componentSize === "medium" ? "medium" : "small";
   const showClearButton = clearable && hasValue && !readOnly && !rest.disabled;
-  return /* @__PURE__ */ (0, import_jsx_runtime288.jsxs)("div", { className, style, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime290.jsxs)("div", { className, style, children: [
     renderLabel({
       label,
       htmlFor: uniqueId,
@@ -10698,8 +10890,8 @@ var NativeSelect = ({
       readOnly,
       afterLabelContent
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime288.jsxs)(Box, { position: "relative", width: inputWidth, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime290.jsxs)(Box, { position: "relative", width: inputWidth, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime290.jsx)(
         "select",
         {
           ref: useCombinedRef(ref, selectRef),
@@ -10733,7 +10925,7 @@ var NativeSelect = ({
           children
         }
       ),
-      showClearButton && /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(
+      showClearButton && /* @__PURE__ */ (0, import_jsx_runtime290.jsx)(
         ClearButton,
         {
           "aria-label": t(commonTexts.clearSelect),
@@ -10742,7 +10934,7 @@ var NativeSelect = ({
           className: NativeSelect_default[`clear-button--${iconSize}`]
         }
       ),
-      !multiple && /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(
+      !multiple && /* @__PURE__ */ (0, import_jsx_runtime290.jsx)(
         Icon,
         {
           icon: ChevronDownIcon,
@@ -10758,14 +10950,14 @@ var NativeSelectPlaceholder = ({
   children = "-- Velg fra listen --",
   value,
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime288.jsx)("option", { value: value != null ? value : "", selected: true, ...rest, children });
+}) => /* @__PURE__ */ (0, import_jsx_runtime290.jsx)("option", { value: value != null ? value : "", selected: true, ...rest, children });
 NativeSelectPlaceholder.displayName = "NativeSelectPlaceholder";
 
 // src/components/Select/utils.ts
 var createSelectOptions = (...args) => args.map((v) => ({ label: v, value: v }));
 
 // src/components/Pagination/Pagination.tsx
-var import_jsx_runtime289 = require("react/jsx-runtime");
+var import_jsx_runtime291 = require("react/jsx-runtime");
 var Pagination = ({
   itemsAmount,
   defaultItemsPerPage = 10,
@@ -10774,12 +10966,7 @@ var Pagination = ({
   withPagination = true,
   withCounter,
   withSelect,
-  selectOptions = [
-    { label: "10", value: 10 },
-    { label: "25", value: 25 },
-    { label: "50", value: 50 },
-    { label: "Alle", value: itemsAmount }
-  ],
+  selectOptions,
   smallScreenBreakpoint,
   onChange,
   onSelectOptionChange,
@@ -10790,7 +10977,13 @@ var Pagination = ({
   ...rest
 }) => {
   const { t } = useTranslation();
-  if (withSelect && !selectOptions.some((o) => o.value === defaultItemsPerPage)) {
+  const tSelectOptions = selectOptions && selectOptions.length > 0 ? selectOptions : [
+    { label: "10", value: 10 },
+    { label: "25", value: 25 },
+    { label: "50", value: 50 },
+    { label: t(texts21.all), value: itemsAmount }
+  ];
+  if (withSelect && !tSelectOptions.some((o) => o.value === defaultItemsPerPage)) {
     console.warn(
       `[Pagination] defaultItemsPerPage prop value (${defaultItemsPerPage}) is not included in customOptions prop. Please add it to ensure it appears in the dropdown.`
     );
@@ -10818,7 +11011,7 @@ var Pagination = ({
   };
   const listItems = items.length > 0 ? items.map((item, i) => {
     const isActive = item === activePage;
-    return /* @__PURE__ */ (0, import_jsx_runtime289.jsx)("li", { className: Pagination_default.list__item, children: item !== "truncator" && typeof item === "number" ? /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime291.jsx)("li", { className: Pagination_default.list__item, children: item !== "truncator" && typeof item === "number" ? /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
       Button,
       {
         purpose: isActive ? "primary" : "secondary",
@@ -10826,10 +11019,10 @@ var Pagination = ({
         onClick: (event) => {
           onPageChange(event, item);
         },
-        "aria-label": isActive ? t(texts18.currentPage(item)) : t(texts18.page(item)),
+        "aria-label": isActive ? t(texts21.currentPage(item)) : t(texts21.page(item)),
         children: item
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
       Icon,
       {
         icon: MoreHorizontalIcon,
@@ -10837,7 +11030,7 @@ var Pagination = ({
       }
     ) }, `pagination-item-${i}`);
   }) : void 0;
-  const previousPageButton = /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+  const previousPageButton = /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
     Button,
     {
       purpose: "secondary",
@@ -10846,10 +11039,10 @@ var Pagination = ({
       onClick: (event) => {
         onPageChange(event, activePage - 1);
       },
-      "aria-label": t(texts18.previousPage)
+      "aria-label": t(texts21.previousPage)
     }
   );
-  const nextPageButton = /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+  const nextPageButton = /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
     Button,
     {
       purpose: "secondary",
@@ -10858,31 +11051,31 @@ var Pagination = ({
       onClick: (event) => {
         onPageChange(event, activePage + 1);
       },
-      "aria-label": t(texts18.nextPage)
+      "aria-label": t(texts21.nextPage)
     }
   );
   const isOnFirstPage = activePage === 1;
   const isOnLastPage = activePage === pagesLength;
-  const navigation = withPagination ? /* @__PURE__ */ (0, import_jsx_runtime289.jsxs)(
+  const navigation = withPagination ? /* @__PURE__ */ (0, import_jsx_runtime291.jsxs)(
     Box,
     {
       as: "nav",
       ref,
-      "aria-label": t(texts18.pagination),
+      "aria-label": t(texts21.pagination),
       display: "flex",
       alignItems: "center",
       ...!withSelect && !withCounter && {
         ...getBaseHTMLProps(id, className, htmlProps, rest)
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime289.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime291.jsxs)(
           ShowHide,
           {
             as: "ol",
             hideBelow: smallScreenBreakpoint,
             className: Pagination_default.list,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
                 "li",
                 {
                   className: cn(
@@ -10894,7 +11087,7 @@ var Pagination = ({
                 }
               ),
               listItems,
-              /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
                 "li",
                 {
                   className: cn(
@@ -10908,14 +11101,14 @@ var Pagination = ({
             ]
           }
         ),
-        !!smallScreenBreakpoint && /* @__PURE__ */ (0, import_jsx_runtime289.jsxs)(
+        !!smallScreenBreakpoint && /* @__PURE__ */ (0, import_jsx_runtime291.jsxs)(
           ShowHide,
           {
             as: "ol",
             showBelow: smallScreenBreakpoint,
             className: Pagination_default.list,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
                 "li",
                 {
                   className: cn(
@@ -10923,7 +11116,7 @@ var Pagination = ({
                     isOnFirstPage && Pagination_default["list__item--hidden"]
                   ),
                   "aria-hidden": isOnFirstPage,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
                     Button,
                     {
                       purpose: "secondary",
@@ -10932,12 +11125,12 @@ var Pagination = ({
                       onClick: (event) => {
                         onPageChange(event, 1);
                       },
-                      "aria-label": t(texts18.firstPage)
+                      "aria-label": t(texts21.firstPage)
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
                 "li",
                 {
                   className: cn(
@@ -10948,7 +11141,7 @@ var Pagination = ({
                   children: previousPageButton
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime289.jsx)("li", { className: Pagination_default.list__item, children: /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime291.jsx)("li", { className: Pagination_default.list__item, children: /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
                 Button,
                 {
                   size: "small",
@@ -10958,7 +11151,7 @@ var Pagination = ({
                   children: activePage
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
                 "li",
                 {
                   className: cn(
@@ -10969,7 +11162,7 @@ var Pagination = ({
                   children: nextPageButton
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
                 "li",
                 {
                   className: cn(
@@ -10977,7 +11170,7 @@ var Pagination = ({
                     isOnLastPage && Pagination_default["list__item--hidden"]
                   ),
                   "aria-hidden": isOnLastPage,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
                     Button,
                     {
                       purpose: "secondary",
@@ -10986,7 +11179,7 @@ var Pagination = ({
                       onClick: (event) => {
                         onPageChange(event, pagesLength);
                       },
-                      "aria-label": t(texts18.lastPage)
+                      "aria-label": t(texts21.lastPage)
                     }
                   )
                 }
@@ -10999,7 +11192,7 @@ var Pagination = ({
   ) : null;
   const activePageFirstItem = activePage === 1 ? 1 : activePage * itemsPerPage - itemsPerPage + 1;
   const activePageLastItem = activePage === pagesLength ? itemsAmount : activePage * itemsPerPage;
-  return !withCounter && !withSelect ? navigation : /* @__PURE__ */ (0, import_jsx_runtime289.jsxs)(
+  return !withCounter && !withSelect ? navigation : /* @__PURE__ */ (0, import_jsx_runtime291.jsxs)(
     Box,
     {
       display: "flex",
@@ -11010,11 +11203,11 @@ var Pagination = ({
       alignItems: styleUpToBreakpoint("center", smallScreenBreakpoint),
       ...getBaseHTMLProps(id, className, htmlProps, rest),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime289.jsxs)("div", { className: Pagination_default.indicators, children: [
-          withSelect && /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime291.jsxs)("div", { className: Pagination_default.indicators, children: [
+          withSelect && /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
             Select,
             {
-              options: selectOptions,
+              options: tSelectOptions,
               isSearchable: false,
               width: "90px",
               defaultValue: {
@@ -11024,11 +11217,11 @@ var Pagination = ({
               isClearable: false,
               onChange: handleSelectChange,
               componentSize: "small",
-              "aria-label": t(texts18.itemsPerPage)
+              "aria-label": t(texts21.itemsPerPage)
             }
           ),
-          withCounter && /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(Paragraph, { children: t(
-            texts18.showsAmountOfTotalItems(
+          withCounter && /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(Paragraph, { children: t(
+            texts21.showsAmountOfTotalItems(
               activePageFirstItem,
               activePageLastItem,
               itemsAmount
@@ -11041,61 +11234,77 @@ var Pagination = ({
   );
 };
 Pagination.displayName = "Pagination";
-var texts18 = createTexts({
+var texts21 = createTexts({
   pagination: {
     nb: "Paginering",
     no: "Paginering",
     nn: "Paginering",
-    en: "Pagination"
+    en: "Pagination",
+    se: "Pagineren"
   },
   itemsPerPage: {
     nb: "Elementer per side",
     no: "Elementer per side",
     nn: "Element per side",
-    en: "Items per page"
+    en: "Items per page",
+    se: "Elementat juohki siidui"
   },
   nextPage: {
     nb: "Neste side",
     no: "Neste side",
     nn: "Neste side",
-    en: "Next page"
+    en: "Next page",
+    se: "Boahte siidu"
   },
   previousPage: {
     nb: "Forrige side",
     no: "Forrige side",
     nn: "F\xF8rre side",
-    en: "Previous page"
+    en: "Previous page",
+    se: "Ovddit siidu"
   },
   firstPage: {
     nb: "F\xF8rste side",
     no: "F\xF8rste side",
     nn: "Fyrste side",
-    en: "First page"
+    en: "First page",
+    se: "Vustta\u0161 siidu"
   },
   lastPage: {
     nb: "Siste side",
     no: "Siste side",
     nn: "Siste side",
-    en: "Last page"
+    en: "Last page",
+    se: "Ma\u014Bimu\u0161 siidu"
   },
   currentPage: (page) => ({
     nb: `N\xE5v\xE6rende side (${page})`,
     no: `N\xE5v\xE6rende side (${page})`,
     nn: `Noverande side (${page})`,
-    en: `Current page (${page})`
+    en: `Current page (${page})`,
+    se: `D\xE1la siidu (${page})`
   }),
   page: (page) => ({
     nb: `Side ${page}`,
     no: `Side ${page}`,
     nn: `Side ${page}`,
-    en: `Page ${page}`
+    en: `Page ${page}`,
+    se: `Siidu ${page}`
   }),
   showsAmountOfTotalItems: (first, last, total) => ({
     nb: `Viser ${first}-${last} av ${total}`,
     no: `Viser ${first}-${last} av ${total}`,
     nn: `Viser ${first}-${last} av ${total}`,
-    en: `Shows ${first}-${last} of ${total}`
-  })
+    en: `Shows ${first}-${last} of ${total}`,
+    se: `\u010C\xE1jeha ${first}-${last} ${total} gaskkas`
+  }),
+  all: {
+    nb: "Alle",
+    no: "Alle",
+    nn: "Alle",
+    en: "All",
+    se: "Buot"
+  }
 });
 
 // src/components/PhoneInput/PhoneInput.tsx
@@ -11499,7 +11708,7 @@ var PhoneInput_default = {
 };
 
 // src/components/PhoneInput/PhoneInput.tsx
-var import_jsx_runtime290 = require("react/jsx-runtime");
+var import_jsx_runtime292 = require("react/jsx-runtime");
 var prioritizedCountries = [
   COUNTRIES.NO,
   COUNTRIES.SE,
@@ -11546,21 +11755,21 @@ var PhoneInput = ({
   className,
   style,
   value,
-  selectLabel = "Landskode",
+  selectLabel,
   selectRef,
   onChange,
   defaultValue,
   "aria-required": ariaRequired,
   "aria-describedby": ariaDescribedby,
-  groupLabel = "Landskode og telefonnummer",
+  groupLabel,
   afterLabelContent,
   ref,
   ...props
 }) => {
   var _a;
   const { t } = useTranslation();
-  const tGroupLabel = groupLabel != null ? groupLabel : t(texts19.countryCodeAndPhoneNumber);
-  const tSelectLabel = selectLabel != null ? selectLabel : t(texts19.countryCode);
+  const tGroupLabel = groupLabel != null ? groupLabel : t(texts22.countryCodeAndPhoneNumber);
+  const tSelectLabel = selectLabel != null ? selectLabel : t(texts22.countryCode);
   const generatedId = (0, import_react74.useId)();
   const uniqueId = (_a = props.id) != null ? _a : generatedId;
   const phoneInputId = `${uniqueId}-phone-input`;
@@ -11637,7 +11846,7 @@ var PhoneInput = ({
   const showRequiredStyling = !!(required || ariaRequired);
   const bp = props.smallScreenBreakpoint;
   const widthDefault = componentSize === "xsmall" && "var(--dds-input-default-width-xsmall)";
-  return /* @__PURE__ */ (0, import_jsx_runtime290.jsxs)("div", { className: cn(className, Input_default.container), style, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime292.jsxs)("div", { className: cn(className, Input_default.container), style, children: [
     renderLabel({
       label,
       htmlFor: phoneNumberId,
@@ -11645,7 +11854,7 @@ var PhoneInput = ({
       readOnly,
       afterLabelContent
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime290.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime292.jsxs)(
       Box,
       {
         display: "flex",
@@ -11658,8 +11867,8 @@ var PhoneInput = ({
         role: "group",
         "aria-label": tGroupLabel,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime290.jsx)("label", { className: utilStyles_default["visually-hidden"], htmlFor: selectId, children: tSelectLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime290.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime292.jsx)("label", { className: utilStyles_default["visually-hidden"], htmlFor: selectId, children: tSelectLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime292.jsx)(
             NativeSelect,
             {
               width: styleUpToBreakpoint(
@@ -11680,11 +11889,11 @@ var PhoneInput = ({
                 hasTip ? tipId : void 0,
                 ariaDescribedby
               ]),
-              children: countryOptions.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime290.jsx)("option", { value: item.countryCode, children: item.label }, index))
+              children: countryOptions.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime292.jsx)("option", { value: item.countryCode, children: item.label }, index))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime290.jsxs)(Box, { width: "100%", className: Input_default["input-group"], children: [
-            /* @__PURE__ */ (0, import_jsx_runtime290.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime292.jsxs)(Box, { width: "100%", className: Input_default["input-group"], children: [
+            /* @__PURE__ */ (0, import_jsx_runtime292.jsx)(
               "span",
               {
                 className: cn(
@@ -11696,7 +11905,7 @@ var PhoneInput = ({
                 children: callingCode
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime290.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime292.jsx)(
               Box,
               {
                 as: StatefulInput,
@@ -11734,18 +11943,20 @@ var getCallingCode = (s) => {
   var _a;
   return (_a = s.substring(s.indexOf("+"), s.length)) != null ? _a : "";
 };
-var texts19 = createTexts({
+var texts22 = createTexts({
   countryCode: {
     nb: "Landskode",
     no: "Landskode",
     nn: "Landskode",
-    en: "Country code"
+    en: "Country code",
+    se: "Riikkakoda"
   },
   countryCodeAndPhoneNumber: {
     nb: "Landskode og telefonnummer",
     no: "Landskode og telefonnummer",
     nn: "Landskode og telefonnummer",
-    en: "Country code and phone number"
+    en: "Country code and phone number",
+    se: "Riikkakoda ja telefovnndanummir"
   }
 });
 
@@ -11767,7 +11978,7 @@ var PopoverContext = (0, import_react75.createContext)({});
 var usePopoverContext = () => (0, import_react75.useContext)(PopoverContext);
 
 // src/components/Popover/Popover.tsx
-var import_jsx_runtime291 = require("react/jsx-runtime");
+var import_jsx_runtime293 = require("react/jsx-runtime");
 var Popover = ({
   id,
   header,
@@ -11855,7 +12066,7 @@ var Popover = ({
   });
   const hasTitle = !!header;
   const openCn = hasTransitionedIn && isOpen ? "open" : "closed";
-  const popover = /* @__PURE__ */ (0, import_jsx_runtime291.jsxs)(
+  const popover = /* @__PURE__ */ (0, import_jsx_runtime293.jsxs)(
     Paper,
     {
       ...getBaseHTMLProps(
@@ -11886,15 +12097,15 @@ var Popover = ({
       elevation: 3,
       border: "border-subtle",
       children: [
-        header && /* @__PURE__ */ (0, import_jsx_runtime291.jsx)("div", { className: Popover_default.header, children: typeof header === "string" ? /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(Heading, { level: 2, typographyType: "headingMedium", children: header }) : header }),
-        /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
+        header && /* @__PURE__ */ (0, import_jsx_runtime293.jsx)("div", { className: Popover_default.header, children: typeof header === "string" ? /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(Heading, { level: 2, typographyType: "headingMedium", children: header }) : header }),
+        /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(
           "div",
           {
             className: !hasTitle && withCloseButton ? Popover_default["content--closable--no-header"] : "",
             children
           }
         ),
-        withCloseButton && /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
+        withCloseButton && /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(
           Button,
           {
             icon: CloseIcon,
@@ -11914,7 +12125,7 @@ Popover.displayName = "Popover";
 
 // src/components/Popover/PopoverGroup.tsx
 var import_react77 = require("react");
-var import_jsx_runtime292 = require("react/jsx-runtime");
+var import_jsx_runtime294 = require("react/jsx-runtime");
 var PopoverGroup = ({
   isOpen: propIsOpen,
   setIsOpen: propSetIsOpen,
@@ -11975,7 +12186,7 @@ var PopoverGroup = ({
       ref: combinedAnchorRef
     }) : child);
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime292.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime294.jsx)(
     PopoverContext,
     {
       value: {
@@ -12026,7 +12237,7 @@ var ProgressTracker_default = {
 
 // src/components/ProgressTracker/ProgressTrackerItem.tsx
 var import_react79 = require("react");
-var import_jsx_runtime293 = require("react/jsx-runtime");
+var import_jsx_runtime295 = require("react/jsx-runtime");
 var toItemState = (active, completed, disabled) => {
   if (disabled) {
     return "disabled";
@@ -12070,10 +12281,10 @@ var ProgressTrackerItem = (props) => {
   };
   const stepNumberContent = (0, import_react79.useMemo)(() => {
     if (completed) {
-      return /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(Icon, { icon: CheckIcon, iconSize: "small" });
+      return /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(Icon, { icon: CheckIcon, iconSize: "small" });
     }
     if (icon !== void 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(Icon, { icon, iconSize: "small" });
+      return /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(Icon, { icon, iconSize: "small" });
     }
     return stepNumber;
   }, [completed, icon, index]);
@@ -12082,8 +12293,8 @@ var ProgressTrackerItem = (props) => {
     if (active) return "text-action-resting";
   }
   const isInactiveLink = disabled || active;
-  const stepContent = /* @__PURE__ */ (0, import_jsx_runtime293.jsxs)(import_jsx_runtime293.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(
+  const stepContent = /* @__PURE__ */ (0, import_jsx_runtime295.jsxs)(import_jsx_runtime295.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(
       Box,
       {
         display: "flex",
@@ -12098,7 +12309,7 @@ var ProgressTrackerItem = (props) => {
         children: stepNumberContent
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(
       Typography,
       {
         as: "div",
@@ -12112,15 +12323,15 @@ var ProgressTrackerItem = (props) => {
       }
     )
   ] });
-  const ariaLabel = props["aria-label"] ? props["aria-label"] : `${children}, ${stepNumber}. ${completed ? t(texts20.completed) : t(texts20.uncompleted)}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(
+  const ariaLabel = props["aria-label"] ? props["aria-label"] : `${children}, ${stepNumber}. ${completed ? t(texts23.completed) : t(texts23.uncompleted)}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(
     Box,
     {
       as: "li",
       display: direction === "row" ? "flex" : void 0,
       "aria-current": active ? "step" : void 0,
       className: cn(ProgressTracker_default["list-item"], ProgressTracker_default[`list-item--${direction}`]),
-      children: handleStepChange ? /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(
+      children: handleStepChange ? /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(
         Box,
         {
           as: StylelessButton,
@@ -12144,7 +12355,7 @@ var ProgressTrackerItem = (props) => {
           disabled,
           children: stepContent
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(
         "div",
         {
           ...getBaseHTMLProps(
@@ -12161,23 +12372,25 @@ var ProgressTrackerItem = (props) => {
   );
 };
 ProgressTrackerItem.displayName = "ProgressTracker.Item";
-var texts20 = createTexts({
+var texts23 = createTexts({
   uncompleted: {
     nb: "trinn ikke ferdig",
     no: "trinn ikke ferdig",
     nn: "trinn ikkje ferdig",
-    en: "step uncompleted"
+    en: "step uncompleted",
+    se: "ceahkki ii g\xE1rvvis"
   },
   completed: {
     nb: "trinn ferdig",
     no: "trinn ferdig",
     nn: "trinn ferdig",
-    en: "step completed"
+    en: "step completed",
+    se: "ceahkki g\xE1rv\xE1"
   }
 });
 
 // src/components/ProgressTracker/ProgressTracker.tsx
-var import_jsx_runtime294 = require("react/jsx-runtime");
+var import_jsx_runtime296 = require("react/jsx-runtime");
 var ProgressTracker = (() => {
   const Res = ({
     id,
@@ -12207,7 +12420,7 @@ var ProgressTracker = (() => {
     }, [children]);
     const isRow = direction === "row";
     const { "aria-label": ariaLabel } = htmlProps;
-    return /* @__PURE__ */ (0, import_jsx_runtime294.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime296.jsx)(
       ProgressTrackerContext,
       {
         value: {
@@ -12215,12 +12428,12 @@ var ProgressTracker = (() => {
           handleStepChange: handleChange,
           direction
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime294.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime296.jsx)(
           "nav",
           {
-            "aria-label": ariaLabel != null ? ariaLabel : t(texts21.stepProgression),
+            "aria-label": ariaLabel != null ? ariaLabel : t(texts24.stepProgression),
             ...getBaseHTMLProps(id, className, htmlProps, rest),
-            children: /* @__PURE__ */ (0, import_jsx_runtime294.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime296.jsx)(
               Box,
               {
                 as: StylelessOList,
@@ -12256,12 +12469,13 @@ function passIndexPropToProgressTrackerItem(children) {
     })
   );
 }
-var texts21 = createTexts({
+var texts24 = createTexts({
   stepProgression: {
-    nb: "Stegprogresjon",
-    no: "Stegprogresjon",
-    nn: "Stegprogresjon",
-    en: "Step progression"
+    nb: "Trinnprogresjon",
+    no: "Trinnprogresjon",
+    nn: "Trinnprogresjon",
+    en: "Step progression",
+    se: "Ceahkkeprogre\u0161uvdna"
   }
 });
 
@@ -12279,7 +12493,7 @@ var ProgressBar_default = {
 };
 
 // src/components/ProgressBar/ProgressBar.tsx
-var import_jsx_runtime295 = require("react/jsx-runtime");
+var import_jsx_runtime297 = require("react/jsx-runtime");
 var PROGRESS_BAR_SIZES = createSizes("small", "medium");
 var ProgressBar = ({
   label,
@@ -12305,9 +12519,9 @@ var ProgressBar = ({
   const errorMessageId = derivativeIdGenerator(uniqueId, "errorMessage");
   const fillPrecentage = hasValidValue && value / (max != null ? max : 1) * 100 + "%";
   const isIndeterminate = !hasValidValue && !hasErrorMessage;
-  return /* @__PURE__ */ (0, import_jsx_runtime295.jsxs)(Box, { width: "100%", className, style, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime297.jsxs)(Box, { width: "100%", className, style, children: [
     renderLabel({ label, htmlFor: uniqueId }),
-    /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime297.jsx)(
       "progress",
       {
         id: uniqueId,
@@ -12323,13 +12537,13 @@ var ProgressBar = ({
         children: fillPrecentage
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime297.jsx)(
       Box,
       {
         width: getInputWidth(width),
         height: size2 === "small" ? "x0.75" : "x1.5",
         className: cn(ProgressBar_default.progress),
-        children: /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime297.jsx)(
           Box,
           {
             height: "100%",
@@ -12378,7 +12592,7 @@ var typographyTypes2 = {
 
 // src/components/Search/SearchSuggestionItem.tsx
 var import_react83 = require("react");
-var import_jsx_runtime296 = require("react/jsx-runtime");
+var import_jsx_runtime298 = require("react/jsx-runtime");
 var SearchSuggestionItem = ({
   focus,
   className,
@@ -12393,7 +12607,7 @@ var SearchSuggestionItem = ({
       (_a = itemRef.current) == null ? void 0 : _a.focus();
     }
   }, [focus]);
-  return /* @__PURE__ */ (0, import_jsx_runtime296.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime298.jsx)(
     StylelessButton,
     {
       ref: combinedRef,
@@ -12411,7 +12625,7 @@ var SearchSuggestionItem = ({
 SearchSuggestionItem.displayName = "SearchSuggestionItem";
 
 // src/components/Search/SearchSuggestions.tsx
-var import_jsx_runtime297 = require("react/jsx-runtime");
+var import_jsx_runtime299 = require("react/jsx-runtime");
 var SearchSuggestions = ({
   id,
   searchId,
@@ -12431,7 +12645,7 @@ var SearchSuggestions = ({
   const { t } = useTranslation();
   const [focus] = useRoveFocus(suggestions == null ? void 0 : suggestions.length, showSuggestions);
   const suggestionsToRender = maxSuggestions ? suggestions == null ? void 0 : suggestions.slice(maxSuggestions) : suggestions;
-  return /* @__PURE__ */ (0, import_jsx_runtime297.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime299.jsxs)(
     Paper,
     {
       ...getBaseHTMLProps(
@@ -12455,23 +12669,23 @@ var SearchSuggestions = ({
       overflowY: "scroll",
       marginBlock: "x0.25 0",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime297.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime299.jsx)(
           Box,
           {
             as: "h2",
             paddingInline: "0 x1",
             id: suggestionsHeaderId,
             className: typographyStyles_default["body-xsmall"],
-            children: "S\xF8keforslag"
+            children: t(texts25.searchSuggestions)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime297.jsx)(StylelessList, { role: "listbox", "aria-labelledby": suggestionsHeaderId, children: suggestionsToRender.map((suggestion, index) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime297.jsx)("li", { role: "option", children: /* @__PURE__ */ (0, import_jsx_runtime297.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime299.jsx)(StylelessList, { role: "listbox", "aria-labelledby": suggestionsHeaderId, children: suggestionsToRender.map((suggestion, index) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime299.jsx)("li", { role: "option", children: /* @__PURE__ */ (0, import_jsx_runtime299.jsx)(
             SearchSuggestionItem,
             {
               index,
               focus: focus === index && showSuggestions,
-              "aria-label": t(texts22.search(suggestion)),
+              "aria-label": t(texts25.search(suggestion)),
               onClick: onSuggestionClick,
               "aria-setsize": suggestionsToRender.length,
               "aria-posinset": index,
@@ -12485,17 +12699,25 @@ var SearchSuggestions = ({
   );
 };
 SearchSuggestions.displayName = "SearchSuggestions";
-var texts22 = createTexts({
+var texts25 = createTexts({
   search: (suggestion) => ({
     no: `${suggestion} s\xF8k`,
     nb: `${suggestion} s\xF8k`,
     nn: `${suggestion} s\xF8k`,
-    en: `${suggestion} search`
-  })
+    en: `${suggestion} search`,
+    se: `${suggestion} ohcan`
+  }),
+  searchSuggestions: {
+    no: "S\xF8keforslag",
+    nb: "S\xF8keforslag",
+    nn: "S\xF8keforslag",
+    en: "Search suggestions",
+    se: "Ozanf\xE1laldagat"
+  }
 });
 
 // src/components/Search/Search.tsx
-var import_jsx_runtime298 = require("react/jsx-runtime");
+var import_jsx_runtime300 = require("react/jsx-runtime");
 var getIconSize2 = (size2) => {
   switch (size2) {
     case "large":
@@ -12571,14 +12793,14 @@ var Search = ({
   } = buttonProps != null ? buttonProps : {};
   const hasSuggestions = !!context.suggestions;
   const showSearchButton = !!buttonProps && !!onClick;
-  const inputGroup = /* @__PURE__ */ (0, import_jsx_runtime298.jsxs)(
+  const inputGroup = /* @__PURE__ */ (0, import_jsx_runtime300.jsxs)(
     HStack,
     {
       position: "relative",
       width: !showSearchButton ? width : void 0,
       className: !showSearchButton ? className : void 0,
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime298.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
           Icon,
           {
             icon: SearchIcon,
@@ -12589,7 +12811,7 @@ var Search = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime298.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
           Box,
           {
             as: Input,
@@ -12618,8 +12840,8 @@ var Search = ({
             )
           }
         ),
-        hasSuggestions && /* @__PURE__ */ (0, import_jsx_runtime298.jsxs)(import_jsx_runtime298.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime298.jsx)(
+        hasSuggestions && /* @__PURE__ */ (0, import_jsx_runtime300.jsxs)(import_jsx_runtime300.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
             SearchSuggestions,
             {
               id: suggestionsId,
@@ -12631,13 +12853,13 @@ var Search = ({
               componentSize
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime298.jsx)(VisuallyHidden, { id: suggestionsDescriptionId, children: t(texts23.useArrowKeys) })
+          /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(VisuallyHidden, { id: suggestionsDescriptionId, children: t(texts26.useArrowKeys) })
         ] }),
-        hasValue && /* @__PURE__ */ (0, import_jsx_runtime298.jsx)(
+        hasValue && /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
           ClearButton,
           {
             size: getIconSize2(componentSize),
-            "aria-label": t(texts23.clearSearch),
+            "aria-label": t(texts26.clearSearch),
             onClick: clearInput,
             className: Search_default["clear-button"]
           }
@@ -12645,10 +12867,10 @@ var Search = ({
       ]
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime298.jsxs)("div", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime300.jsxs)("div", { children: [
     renderLabel({ htmlFor: uniqueId, label }),
-    /* @__PURE__ */ (0, import_jsx_runtime298.jsxs)("div", { children: [
-      showSearchButton ? /* @__PURE__ */ (0, import_jsx_runtime298.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime300.jsxs)("div", { children: [
+      showSearchButton ? /* @__PURE__ */ (0, import_jsx_runtime300.jsxs)(
         Grid,
         {
           className,
@@ -12660,13 +12882,13 @@ var Search = ({
           style,
           children: [
             inputGroup,
-            /* @__PURE__ */ (0, import_jsx_runtime298.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
               Button,
               {
                 size: componentSize,
                 onClick,
                 ...otherButtonProps,
-                children: buttonLabel != null ? buttonLabel : t(texts23.search)
+                children: buttonLabel != null ? buttonLabel : t(texts26.search)
               }
             )
           ]
@@ -12677,30 +12899,33 @@ var Search = ({
   ] });
 };
 Search.displayName = "Search";
-var texts23 = createTexts({
+var texts26 = createTexts({
   clearSearch: {
     nb: "T\xF8m s\xF8k",
     no: "T\xF8m s\xF8k",
     nn: "T\xF8m s\xF8k",
-    en: "Clear search"
+    en: "Clear search",
+    se: "Gurre ohcama"
   },
   search: {
     nb: "S\xF8k",
     no: "S\xF8k",
     nn: "S\xF8k",
-    en: "Search"
+    en: "Search",
+    se: "Ohcan"
   },
   useArrowKeys: {
     nb: "Bruk piltastene for \xE5 navigere i forslagene n\xE5r listen er utvidet",
     no: "Bruk piltastene for \xE5 navigere i forslagene n\xE5r listen er utvidet",
     nn: "Bruk piltastane for \xE5 navigere i forslaga n\xE5r lista er utvida",
-    en: "Use the arrow keys to navigate suggestions when the list is expanded"
+    en: "Use the arrow keys to navigate suggestions when the list is expanded",
+    se: "Deatte njuollaboalu ohccat \xE1rvalusaid listtus mii lea viiddiduvvon"
   }
 });
 
 // src/components/Search/SearchAutocompleteWrapper.tsx
 var import_react85 = require("react");
-var import_jsx_runtime299 = require("react/jsx-runtime");
+var import_jsx_runtime301 = require("react/jsx-runtime");
 var SearchAutocompleteWrapper = (props) => {
   const {
     value,
@@ -12776,7 +13001,7 @@ var SearchAutocompleteWrapper = (props) => {
     inputValue,
     onSugggestionClick: handleSuggestionClick
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime299.jsx)(AutocompleteSearchContext, { value: contextProps, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime301.jsx)(AutocompleteSearchContext, { value: contextProps, children });
 };
 SearchAutocompleteWrapper.displayName = "SearchAutocompleteWrapper";
 
@@ -12792,7 +13017,7 @@ var Skeleton_default = {
 };
 
 // src/components/Skeleton/Skeleton.tsx
-var import_jsx_runtime300 = require("react/jsx-runtime");
+var import_jsx_runtime302 = require("react/jsx-runtime");
 var Skeleton = ({
   width,
   height,
@@ -12802,7 +13027,7 @@ var Skeleton = ({
   ref,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime302.jsx)(
     Box,
     {
       width,
@@ -12822,7 +13047,7 @@ var SkipToContent_default = {
 };
 
 // src/components/SkipToContent/SkipToContent.tsx
-var import_jsx_runtime301 = require("react/jsx-runtime");
+var import_jsx_runtime303 = require("react/jsx-runtime");
 var SkipToContent = ({
   text = "Til hovedinnhold",
   top = 0,
@@ -12832,12 +13057,12 @@ var SkipToContent = ({
   ...rest
 }) => {
   const { className: htmlPropsClassName, style, ...restHtmlProps } = htmlProps;
-  return /* @__PURE__ */ (0, import_jsx_runtime301.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime303.jsx)(
     Contrast,
     {
       className: cn(className, htmlPropsClassName, SkipToContent_default.wrapper),
       style: { ...style, top },
-      children: /* @__PURE__ */ (0, import_jsx_runtime301.jsx)(Link, { ...getBaseHTMLProps(id, restHtmlProps, rest), children: text })
+      children: /* @__PURE__ */ (0, import_jsx_runtime303.jsx)(Link, { ...getBaseHTMLProps(id, restHtmlProps, rest), children: text })
     }
   );
 };
@@ -12855,7 +13080,7 @@ var SplitButton_default = {
 };
 
 // src/components/SplitButton/SplitButton.tsx
-var import_jsx_runtime302 = require("react/jsx-runtime");
+var import_jsx_runtime304 = require("react/jsx-runtime");
 var SplitButton = ({
   size: size2,
   primaryAction,
@@ -12870,8 +13095,8 @@ var SplitButton = ({
     purpose,
     size: size2
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime302.jsxs)("div", { className: cn(className, SplitButton_default.container), ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime302.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime304.jsxs)("div", { className: cn(className, SplitButton_default.container), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime304.jsx)(
       Button,
       {
         ...buttonStyleProps,
@@ -12880,13 +13105,13 @@ var SplitButton = ({
         className: SplitButton_default.main
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime302.jsxs)(OverflowMenuGroup, { isOpen, setIsOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime302.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime304.jsxs)(OverflowMenuGroup, { isOpen, setIsOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime304.jsx)(
         Button,
         {
           ...buttonStyleProps,
           icon: isOpen ? ChevronUpIcon : ChevronDownIcon,
-          "aria-label": t(texts24.moreActions),
+          "aria-label": t(texts27.moreActions),
           purpose,
           className: cn(
             SplitButton_default.option,
@@ -12895,17 +13120,18 @@ var SplitButton = ({
           type: "button"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime302.jsx)(OverflowMenu, { placement: "bottom-end", children: /* @__PURE__ */ (0, import_jsx_runtime302.jsx)(OverflowMenuList, { children: secondaryActions.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime302.jsx)(OverflowMenuButton, { ...item, children: item.children }, index)) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime304.jsx)(OverflowMenu, { placement: "bottom-end", children: /* @__PURE__ */ (0, import_jsx_runtime304.jsx)(OverflowMenuList, { children: secondaryActions.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime304.jsx)(OverflowMenuButton, { ...item, children: item.children }, index)) }) })
     ] })
   ] });
 };
 SplitButton.displayName = "SplitButton";
-var texts24 = createTexts({
+var texts27 = createTexts({
   moreActions: {
     nb: "Flere handlinger",
     no: "Flere handlinger",
     nn: "Fleire handlingar",
-    en: "More actions"
+    en: "More actions",
+    se: "Eanet doaimmat"
   }
 });
 
@@ -12921,14 +13147,14 @@ var CollapsibleTableContext = (0, import_react87.createContext)({
 var useCollapsibleTableContext = () => (0, import_react87.useContext)(CollapsibleTableContext);
 
 // src/components/Table/normal/Body.tsx
-var import_jsx_runtime303 = require("react/jsx-runtime");
-var Body = (props) => /* @__PURE__ */ (0, import_jsx_runtime303.jsx)("tbody", { ...props });
+var import_jsx_runtime305 = require("react/jsx-runtime");
+var Body = (props) => /* @__PURE__ */ (0, import_jsx_runtime305.jsx)("tbody", { ...props });
 Body.displayName = "Table.Body";
 
 // src/components/Table/normal/Head.tsx
 var import_react88 = require("react");
-var import_jsx_runtime304 = require("react/jsx-runtime");
-var Head = ({ children, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime304.jsx)("thead", { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime304.jsx)(HeadContext, { value: true, children }) });
+var import_jsx_runtime306 = require("react/jsx-runtime");
+var Head = ({ children, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime306.jsx)("thead", { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime306.jsx)(HeadContext, { value: true, children }) });
 var HeadContext = (0, import_react88.createContext)(false);
 function useIsInTableHead() {
   const isInTableHead = (0, import_react88.useContext)(HeadContext);
@@ -12961,7 +13187,7 @@ var Table_default = {
 };
 
 // src/components/Table/normal/Cell.tsx
-var import_jsx_runtime305 = require("react/jsx-runtime");
+var import_jsx_runtime307 = require("react/jsx-runtime");
 var Cell = ({
   children,
   type: _type,
@@ -12974,7 +13200,7 @@ var Cell = ({
   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_runtime305.jsx)(DescriptionListDesc, { children }) : type === "head" ? /* @__PURE__ */ (0, import_jsx_runtime305.jsx)(
+  return isCollapsibleChild ? /* @__PURE__ */ (0, import_jsx_runtime307.jsx)(DescriptionListDesc, { children }) : type === "head" ? /* @__PURE__ */ (0, import_jsx_runtime307.jsx)(
     "th",
     {
       ...rest,
@@ -12983,26 +13209,26 @@ var Cell = ({
         !isComplexLayout && Table_default[`cell--${layout}`],
         Table_default["cell--head"]
       ),
-      children: isComplexLayout ? /* @__PURE__ */ (0, import_jsx_runtime305.jsx)("div", { className: Table_default.cell__inner, children }) : children
+      children: isComplexLayout ? /* @__PURE__ */ (0, import_jsx_runtime307.jsx)("div", { className: Table_default.cell__inner, children }) : children
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime305.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime307.jsx)(
     "td",
     {
       ...rest,
       className: cn(className, !isComplexLayout && Table_default[`cell--${layout}`]),
-      children: isComplexLayout ? /* @__PURE__ */ (0, import_jsx_runtime305.jsx)("div", { className: Table_default.cell__inner, children }) : children
+      children: isComplexLayout ? /* @__PURE__ */ (0, import_jsx_runtime307.jsx)("div", { className: Table_default.cell__inner, children }) : children
     }
   );
 };
 Cell.displayName = "Table.Cell";
 
 // src/components/Table/normal/Foot.tsx
-var import_jsx_runtime306 = require("react/jsx-runtime");
-var Foot = (props) => /* @__PURE__ */ (0, import_jsx_runtime306.jsx)("tfoot", { ...props });
+var import_jsx_runtime308 = require("react/jsx-runtime");
+var Foot = (props) => /* @__PURE__ */ (0, import_jsx_runtime308.jsx)("tfoot", { ...props });
 Foot.displayName = "Table.Foot";
 
 // src/components/Table/normal/Row.tsx
-var import_jsx_runtime307 = require("react/jsx-runtime");
+var import_jsx_runtime309 = require("react/jsx-runtime");
 var Row = ({
   type: _type,
   mode = "normal",
@@ -13013,7 +13239,7 @@ var Row = ({
 }) => {
   const isInHeader = useIsInTableHead();
   const type = _type != null ? _type : isInHeader ? "head" : "body";
-  return /* @__PURE__ */ (0, import_jsx_runtime307.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime309.jsx)(
     "tr",
     {
       className: cn(
@@ -13033,12 +13259,12 @@ var Row = ({
 Row.displayName = "Table.Row";
 
 // src/components/Table/normal/SortCell.tsx
-var import_jsx_runtime308 = require("react/jsx-runtime");
+var import_jsx_runtime310 = require("react/jsx-runtime");
 var makeSortIcon = (isSorted, sortOrder) => {
   if (!isSorted || !sortOrder) {
-    return /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(Icon, { icon: UnfoldMoreIcon, iconSize: "inherit" });
+    return /* @__PURE__ */ (0, import_jsx_runtime310.jsx)(Icon, { icon: UnfoldMoreIcon, iconSize: "inherit" });
   }
-  return sortOrder === "ascending" ? /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(Icon, { icon: ChevronDownIcon, iconSize: "inherit" }) : /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(Icon, { icon: ChevronUpIcon, iconSize: "inherit" });
+  return sortOrder === "ascending" ? /* @__PURE__ */ (0, import_jsx_runtime310.jsx)(Icon, { icon: ChevronDownIcon, iconSize: "inherit" }) : /* @__PURE__ */ (0, import_jsx_runtime310.jsx)(Icon, { icon: ChevronUpIcon, iconSize: "inherit" });
 };
 var SortCell = ({
   isSorted,
@@ -13048,17 +13274,17 @@ var SortCell = ({
   ...rest
 }) => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime310.jsx)(
     Cell,
     {
       type: "head",
       "aria-sort": isSorted && sortOrder ? sortOrder : void 0,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime308.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime310.jsxs)(
         StylelessButton,
         {
           onClick,
-          "aria-description": t(texts25.changeSort),
+          "aria-description": t(texts28.changeSort),
           className: cn(Table_default["sort-button"], focusable),
           children: [
             children,
@@ -13071,17 +13297,18 @@ var SortCell = ({
   );
 };
 SortCell.displayName = "Table.SortCell";
-var texts25 = createTexts({
+var texts28 = createTexts({
   changeSort: {
     nb: "Aktiver for \xE5 endre sorteringsrekkef\xF8lge",
     no: "Aktiver for \xE5 endre sorteringsrekkef\xF8lge",
     nn: "Aktiver for \xE5 endre sorteringsrekkjef\xF8lgje",
-    en: "Activate to change sort order"
+    en: "Activate to change sort order",
+    se: "Aktivere rievdadit sorterenortnega"
   }
 });
 
 // src/components/Table/normal/Table.tsx
-var import_jsx_runtime309 = require("react/jsx-runtime");
+var import_jsx_runtime311 = require("react/jsx-runtime");
 var Table = ({
   size: size2 = "medium",
   stickyHeader,
@@ -13089,7 +13316,7 @@ var Table = ({
   className,
   children,
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime309.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(
   "table",
   {
     ...rest,
@@ -13108,7 +13335,7 @@ Table.displayName = "Table";
 
 // src/components/Table/normal/TableWrapper.tsx
 var import_react89 = require("react");
-var import_jsx_runtime310 = require("react/jsx-runtime");
+var import_jsx_runtime312 = require("react/jsx-runtime");
 var TableWrapper = ({ className, ...rest }) => {
   const themeContext = (0, import_react89.useContext)(ThemeContext);
   const container2 = themeContext == null ? void 0 : themeContext.el;
@@ -13133,7 +13360,7 @@ var TableWrapper = ({ className, ...rest }) => {
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime310.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime312.jsx)(
     "div",
     {
       ref: wrapperRef,
@@ -13160,7 +13387,7 @@ Table2.Row = Row;
 Table2.Foot = Foot;
 
 // src/components/Table/collapsible/CollapsibleRow.tsx
-var import_jsx_runtime311 = require("react/jsx-runtime");
+var import_jsx_runtime313 = require("react/jsx-runtime");
 var CollapsibleRow = ({
   type: _type,
   className,
@@ -13203,40 +13430,40 @@ var CollapsibleRow = ({
   const collapsedRenderedChildren = isCollapsed && collapsedHeaderValues.length > 0 ? collapsedChildren.map(function(child, index) {
     const id = derivativeIdGenerator(prefix2, index.toString());
     collapsibleIds.push(id);
-    return /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)(import_react90.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(DescriptionListTerm, { children: collapsedHeaderValues[index].content }),
+    return /* @__PURE__ */ (0, import_jsx_runtime313.jsxs)(import_react90.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(DescriptionListTerm, { children: collapsedHeaderValues[index].content }),
       (0, import_react90.isValidElement)(child) && (0, import_react90.cloneElement)(child, {
         collapsibleProps: { isCollapsibleChild: true }
       })
     ] }, `DL-${index}`);
   }) : null;
-  const collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(Row, { ...rowProps(), children: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(Cell, { colSpan: definingColumnIndex.length + 1, children: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(DescriptionList, { children: collapsedRenderedChildren }) }) }) : null;
+  const collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(Row, { ...rowProps(), children: /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(Cell, { colSpan: definingColumnIndex.length + 1, children: /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(DescriptionList, { children: collapsedRenderedChildren }) }) }) : null;
   const definingColumnCells = childrenArray.slice().filter((column, index) => definingColumnIndex.indexOf(index) > -1).sort((a, b) => {
     return definingColumnIndex.indexOf(childrenArray.indexOf(a)) - definingColumnIndex.indexOf(childrenArray.indexOf(b));
   });
   const headerRow = () => {
     if (type !== "head" || !isCollapsed) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(Row, { ref, ...rowProps(), children: /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)(import_jsx_runtime311.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(Row, { ref, ...rowProps(), children: /* @__PURE__ */ (0, import_jsx_runtime313.jsxs)(import_jsx_runtime313.Fragment, { children: [
       definingColumnCells,
-      /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)(Table2.Cell, { type: "head", layout: "center", children: [
-        t(texts26.expand),
-        /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(VisuallyHidden, { children: t(texts26.row) })
+      /* @__PURE__ */ (0, import_jsx_runtime313.jsxs)(Table2.Cell, { type: "head", layout: "center", children: [
+        t(texts29.expand),
+        /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(VisuallyHidden, { children: t(texts29.row) })
       ] })
     ] }) });
   };
   const idList = spaceSeparatedIdListGenerator(collapsibleIds);
   const rowWithChevron = () => {
     if (type !== "body" || !isCollapsed) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)(Row, { ref, ...rowProps(!childrenCollapsed && true), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime313.jsxs)(Row, { ref, ...rowProps(!childrenCollapsed && true), children: [
       definingColumnCells,
-      /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(Table2.Cell, { children: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(Table2.Cell, { children: /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(
         StylelessButton,
         {
           onClick: () => setChildrenCollapsed(!childrenCollapsed),
           "aria-expanded": !childrenCollapsed,
           "aria-controls": idList,
           className: cn(Table_default["collapse-button"], focusable),
-          children: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(
             AnimatedChevronUpDown,
             {
               isUp: childrenCollapsed ? false : true,
@@ -13248,39 +13475,41 @@ var CollapsibleRow = ({
       ) })
     ] });
   };
-  return isCollapsed && collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)(import_jsx_runtime311.Fragment, { children: [
+  return isCollapsed && collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime313.jsxs)(import_jsx_runtime313.Fragment, { children: [
     headerRow(),
-    type === "body" && /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)(import_jsx_runtime311.Fragment, { children: [
+    type === "body" && /* @__PURE__ */ (0, import_jsx_runtime313.jsxs)(import_jsx_runtime313.Fragment, { children: [
       rowWithChevron(),
       childrenCollapsed ? null : collapsedRows
     ] })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(Row, { ref, ...rowProps(), children });
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(Row, { ref, ...rowProps(), children });
 };
 CollapsibleRow.displayName = "CollapsibleTable.Row";
-var texts26 = createTexts({
+var texts29 = createTexts({
   expand: {
     nb: "Utvid",
     no: "Utvid",
     nn: "Utvid",
-    en: "Expand"
+    en: "Expand",
+    se: "Viiddit"
   },
   row: {
     nb: "raden",
     no: "raden",
     nn: "rada",
-    en: "row"
+    en: "row",
+    se: "gurgadus"
   }
 });
 
 // src/components/Table/collapsible/CollapsibleTable.tsx
-var import_jsx_runtime312 = require("react/jsx-runtime");
+var import_jsx_runtime314 = require("react/jsx-runtime");
 var CollapsibleTable = ({
   isCollapsed,
   headerValues,
   definingColumnIndex = [0],
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime312.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime314.jsx)(
     CollapsibleTableContext,
     {
       value: {
@@ -13288,7 +13517,7 @@ var CollapsibleTable = ({
         headerValues,
         definingColumnIndex
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime312.jsx)(Table2, { ...rest })
+      children: /* @__PURE__ */ (0, import_jsx_runtime314.jsx)(Table2, { ...rest })
     }
   );
 };
@@ -13334,13 +13563,13 @@ var Tabs_default = {
 
 // src/components/Tabs/TabWidthContext.tsx
 var import_react92 = require("react");
-var import_jsx_runtime313 = require("react/jsx-runtime");
+var import_jsx_runtime315 = require("react/jsx-runtime");
 var TabContext = (0, import_react92.createContext)(null);
 function TabWidthContextProvider({
   children,
   onChangeWidths
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime315.jsx)(
     TabContext,
     {
       value: {
@@ -13372,7 +13601,7 @@ function useSetTabWidth(index, width) {
 }
 
 // src/components/Tabs/AddTabButton.tsx
-var import_jsx_runtime314 = require("react/jsx-runtime");
+var import_jsx_runtime316 = require("react/jsx-runtime");
 var AddTabButton = ({
   ref,
   children,
@@ -13385,7 +13614,7 @@ var AddTabButton = ({
   const buttonRef = (0, import_react93.useRef)(null);
   const combinedRef = useCombinedRef(ref, buttonRef);
   const { tabContentDirection, size: size2 } = useTabsContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime314.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime316.jsxs)(
     "button",
     {
       ...rest,
@@ -13398,8 +13627,8 @@ var AddTabButton = ({
         focus_default["focusable--inset"]
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime314.jsx)(Icon, { icon: PlusIcon, iconSize: "inherit" }),
-        /* @__PURE__ */ (0, import_jsx_runtime314.jsx)("span", { children })
+        /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(Icon, { icon: PlusIcon, iconSize: "inherit" }),
+        /* @__PURE__ */ (0, import_jsx_runtime316.jsx)("span", { children })
       ]
     }
   );
@@ -13408,7 +13637,7 @@ AddTabButton.displayName = "AddTabButton";
 
 // src/components/Tabs/Tabs.tsx
 var import_react94 = require("react");
-var import_jsx_runtime315 = require("react/jsx-runtime");
+var import_jsx_runtime317 = require("react/jsx-runtime");
 var TABS_SIZES = createSizes("small", "medium");
 var Tabs = ({
   id,
@@ -13438,7 +13667,7 @@ var Tabs = ({
       setActiveTab(activeTab);
     }
   }, [activeTab, thisActiveTab]);
-  return /* @__PURE__ */ (0, import_jsx_runtime315.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime317.jsx)(
     TabsContext,
     {
       value: {
@@ -13453,7 +13682,7 @@ var Tabs = ({
         tabContentDirection,
         addTabButtonProps
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime315.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime317.jsx)(
         Box,
         {
           ...getBaseHTMLProps(uniqueId, className, htmlProps, rest),
@@ -13468,7 +13697,7 @@ Tabs.displayName = "Tabs";
 
 // src/components/Tabs/Tab.tsx
 var import_react95 = require("react");
-var import_jsx_runtime316 = require("react/jsx-runtime");
+var import_jsx_runtime318 = require("react/jsx-runtime");
 var Tab = ({
   active = false,
   icon,
@@ -13510,7 +13739,7 @@ var Tab = ({
     handleSelect();
     onKeyDown == null ? void 0 : onKeyDown(e);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime316.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime318.jsxs)(
     "button",
     {
       ...getBaseHTMLProps(
@@ -13534,8 +13763,8 @@ var Tab = ({
       onKeyDown: handleOnKeyDown,
       tabIndex: focus ? 0 : -1,
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(Icon, { icon, iconSize: "inherit" }),
-        /* @__PURE__ */ (0, import_jsx_runtime316.jsx)("span", { children })
+        icon && /* @__PURE__ */ (0, import_jsx_runtime318.jsx)(Icon, { icon, iconSize: "inherit" }),
+        /* @__PURE__ */ (0, import_jsx_runtime318.jsx)("span", { children })
       ]
     }
   );
@@ -13544,7 +13773,7 @@ Tab.displayName = "Tab";
 
 // src/components/Tabs/TabList.tsx
 var import_react96 = require("react");
-var import_jsx_runtime317 = require("react/jsx-runtime");
+var import_jsx_runtime319 = require("react/jsx-runtime");
 var TabList = ({
   children,
   id,
@@ -13602,7 +13831,7 @@ var TabList = ({
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ["--dds-tab-widths"]: widths.join(" ")
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime317.jsx)(TabWidthContextProvider, { onChangeWidths: setWidths, children: /* @__PURE__ */ (0, import_jsx_runtime317.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(TabWidthContextProvider, { onChangeWidths: setWidths, children: /* @__PURE__ */ (0, import_jsx_runtime319.jsxs)(
     "div",
     {
       ...rest,
@@ -13622,7 +13851,7 @@ var TabList = ({
       style: { ...style, ...customWidths },
       children: [
         tabListChildren,
-        hasButton && /* @__PURE__ */ (0, import_jsx_runtime317.jsx)(
+        hasButton && /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(
           AddTabButton,
           {
             index: tabListChildren ? tabListChildren.length : 0,
@@ -13636,7 +13865,7 @@ var TabList = ({
 TabList.displayName = "TabList";
 
 // src/components/Tabs/TabPanel.tsx
-var import_jsx_runtime318 = require("react/jsx-runtime");
+var import_jsx_runtime320 = require("react/jsx-runtime");
 var TabPanel = ({
   active = false,
   children,
@@ -13645,7 +13874,7 @@ var TabPanel = ({
   htmlProps,
   padding = "x0.25",
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime318.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(
   Box,
   {
     padding,
@@ -13660,7 +13889,7 @@ TabPanel.displayName = "TabPanel";
 
 // src/components/Tabs/TabPanels.tsx
 var import_react97 = require("react");
-var import_jsx_runtime319 = require("react/jsx-runtime");
+var import_jsx_runtime321 = require("react/jsx-runtime");
 var TabPanels = ({ children, ref, ...rest }) => {
   const { activeTab, tabsId, tabPanelsRef } = useTabsContext();
   const combinedRef = useCombinedRef(ref, tabPanelsRef);
@@ -13675,7 +13904,7 @@ var TabPanels = ({ children, ref, ...rest }) => {
       }
     });
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(Box, { ref: combinedRef, ...rest, children: panelChildren });
+  return /* @__PURE__ */ (0, import_jsx_runtime321.jsx)(Box, { ref: combinedRef, ...rest, children: panelChildren });
 };
 TabPanels.displayName = "TabPanels";
 
@@ -13696,7 +13925,7 @@ var Tag_default = {
 };
 
 // src/components/Tag/Tag.tsx
-var import_jsx_runtime320 = require("react/jsx-runtime");
+var import_jsx_runtime322 = require("react/jsx-runtime");
 var icons3 = {
   info: InfoIcon,
   danger: ErrorIcon,
@@ -13716,7 +13945,7 @@ var Tag = ({
   ...rest
 }) => {
   const icon = icons3[purpose];
-  return /* @__PURE__ */ (0, import_jsx_runtime320.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime322.jsxs)(
     TextOverflowEllipsisWrapper,
     {
       ...getBaseHTMLProps(
@@ -13732,8 +13961,8 @@ var Tag = ({
         rest
       ),
       children: [
-        withIcon && icon && /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(Icon, { icon, iconSize: "small" }),
-        /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(TextOverflowEllipsisInner, { children: children != null ? children : text })
+        withIcon && icon && /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(Icon, { icon, iconSize: "small" }),
+        /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(TextOverflowEllipsisInner, { children: children != null ? children : text })
       ]
     }
   );
@@ -13763,7 +13992,7 @@ var TextInput_default = {
 };
 
 // src/components/TextInput/TextInput.tsx
-var import_jsx_runtime321 = require("react/jsx-runtime");
+var import_jsx_runtime323 = require("react/jsx-runtime");
 var TextInput = ({
   label,
   afterLabelContent,
@@ -13858,8 +14087,8 @@ var TextInput = ({
   const suffixPaddingInlineEnd = suffixLength ? `calc(var(--dds-spacing-x1) + ${suffixLength}px)` : void 0;
   let extendedInput = null;
   if (hasIcon) {
-    extendedInput = /* @__PURE__ */ (0, import_jsx_runtime321.jsxs)(Box, { className: Input_default["input-group"], width: inputWidth, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime321.jsx)(
+    extendedInput = /* @__PURE__ */ (0, import_jsx_runtime323.jsxs)(Box, { className: Input_default["input-group"], width: inputWidth, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime323.jsx)(
         Icon,
         {
           icon,
@@ -13870,7 +14099,7 @@ var TextInput = ({
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime321.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime323.jsx)(
         StatefulInput,
         {
           className: cn(
@@ -13883,7 +14112,7 @@ var TextInput = ({
       )
     ] });
   } else if (hasAffix) {
-    extendedInput = /* @__PURE__ */ (0, import_jsx_runtime321.jsxs)(
+    extendedInput = /* @__PURE__ */ (0, import_jsx_runtime323.jsxs)(
       Box,
       {
         position: "relative",
@@ -13891,7 +14120,7 @@ var TextInput = ({
         alignItems: "center",
         width: inputWidth,
         children: [
-          prefix2 && /* @__PURE__ */ (0, import_jsx_runtime321.jsx)(
+          prefix2 && /* @__PURE__ */ (0, import_jsx_runtime323.jsx)(
             "span",
             {
               ref: prefixRef,
@@ -13904,7 +14133,7 @@ var TextInput = ({
               children: prefix2
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime321.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime323.jsx)(
             StatefulInput,
             {
               style: {
@@ -13915,7 +14144,7 @@ var TextInput = ({
               ...generalInputProps
             }
           ),
-          suffix && /* @__PURE__ */ (0, import_jsx_runtime321.jsx)(
+          suffix && /* @__PURE__ */ (0, import_jsx_runtime323.jsx)(
             "span",
             {
               ref: suffixRef,
@@ -13932,7 +14161,7 @@ var TextInput = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime321.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime323.jsxs)(
     "div",
     {
       className: cn(
@@ -13951,8 +14180,8 @@ var TextInput = ({
           readOnly,
           afterLabelContent
         }),
-        extendedInput ? extendedInput : /* @__PURE__ */ (0, import_jsx_runtime321.jsx)(Box, { as: StatefulInput, width: inputWidth, ...generalInputProps }),
-        hasBottomContainer && /* @__PURE__ */ (0, import_jsx_runtime321.jsxs)(
+        extendedInput ? extendedInput : /* @__PURE__ */ (0, import_jsx_runtime323.jsx)(Box, { as: StatefulInput, width: inputWidth, ...generalInputProps }),
+        hasBottomContainer && /* @__PURE__ */ (0, import_jsx_runtime323.jsxs)(
           Box,
           {
             display: "flex",
@@ -13995,7 +14224,7 @@ var Toggle_default = {
 };
 
 // src/components/Toggle/Toggle.tsx
-var import_jsx_runtime322 = require("react/jsx-runtime");
+var import_jsx_runtime324 = require("react/jsx-runtime");
 var TOGGLE_SIZES = createSizes("medium", "large");
 var Toggle = ({
   id,
@@ -14020,7 +14249,7 @@ var Toggle = ({
     defaultValue: defaultChecked != null ? defaultChecked : false,
     onChange
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime322.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime324.jsxs)(
     "label",
     {
       htmlFor: uniqueId,
@@ -14032,7 +14261,7 @@ var Toggle = ({
         readOnly && Toggle_default["label--read-only"]
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime324.jsx)(
           HiddenInput,
           {
             ...getBaseHTMLProps(
@@ -14054,7 +14283,7 @@ var Toggle = ({
             onClick: readOnlyClickHandler(readOnly || isLoading, htmlProps.onClick)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime322.jsx)("span", { className: cn(Toggle_default.track, focus_default["focus-styled-sibling"]), children: /* @__PURE__ */ (0, import_jsx_runtime322.jsx)("span", { className: Toggle_default.thumb, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(Spinner, { size: `var(--dds-icon-size-${size2})` }) : /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime324.jsx)("span", { className: cn(Toggle_default.track, focus_default["focus-styled-sibling"]), children: /* @__PURE__ */ (0, import_jsx_runtime324.jsx)("span", { className: Toggle_default.thumb, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime324.jsx)(Spinner, { size: `var(--dds-icon-size-${size2})` }) : /* @__PURE__ */ (0, import_jsx_runtime324.jsx)(
           Icon,
           {
             className: Toggle_default.checkmark,
@@ -14062,8 +14291,8 @@ var Toggle = ({
             iconSize
           }
         ) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime322.jsxs)("span", { className: cn(readOnly && Toggle_default["labeltext--readonly"]), children: [
-          readOnly && /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime324.jsxs)("span", { className: cn(readOnly && Toggle_default["labeltext--readonly"]), children: [
+          readOnly && /* @__PURE__ */ (0, import_jsx_runtime324.jsx)(
             Icon,
             {
               icon: LockIcon,
@@ -14073,7 +14302,7 @@ var Toggle = ({
           ),
           children,
           " ",
-          isLoading && /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(VisuallyHidden, { children: t(commonTexts.loading) })
+          isLoading && /* @__PURE__ */ (0, import_jsx_runtime324.jsx)(VisuallyHidden, { children: t(commonTexts.loading) })
         ] })
       ]
     }
@@ -14107,7 +14336,7 @@ var ToggleBar_default = {
 };
 
 // src/components/ToggleBar/ToggleBar.tsx
-var import_jsx_runtime323 = require("react/jsx-runtime");
+var import_jsx_runtime325 = require("react/jsx-runtime");
 var ToggleBar = (props) => {
   const {
     children,
@@ -14130,7 +14359,7 @@ var ToggleBar = (props) => {
     (e) => onChange && onChange(e, e.target.value)
   );
   const labelId = label && `${uniqueId}-label`;
-  return /* @__PURE__ */ (0, import_jsx_runtime323.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime325.jsx)(
     ToggleBarContext,
     {
       value: {
@@ -14139,7 +14368,7 @@ var ToggleBar = (props) => {
         name,
         value: groupValue
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime323.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime325.jsxs)(
         VStack,
         {
           ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -14148,8 +14377,8 @@ var ToggleBar = (props) => {
           role: "radiogroup",
           "aria-labelledby": labelId != null ? labelId : htmlProps == null ? void 0 : htmlProps["aria-labelledby"],
           children: [
-            label && /* @__PURE__ */ (0, import_jsx_runtime323.jsx)(Typography, { id: labelId, as: "span", typographyType: "labelMedium", children: label }),
-            /* @__PURE__ */ (0, import_jsx_runtime323.jsx)("div", { className: ToggleBar_default.bar, children })
+            label && /* @__PURE__ */ (0, import_jsx_runtime325.jsx)(Typography, { id: labelId, as: "span", typographyType: "labelMedium", children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime325.jsx)("div", { className: ToggleBar_default.bar, children })
           ]
         }
       )
@@ -14160,7 +14389,7 @@ ToggleBar.displayName = "ToggleBar";
 
 // src/components/ToggleBar/ToggleRadio.tsx
 var import_react102 = require("react");
-var import_jsx_runtime324 = require("react/jsx-runtime");
+var import_jsx_runtime326 = require("react/jsx-runtime");
 var typographyTypes3 = {
   large: "bodyLarge",
   medium: "bodyMedium",
@@ -14200,8 +14429,8 @@ var ToggleRadio = ({
     (_a = group == null ? void 0 : group.onChange) == null ? void 0 : _a.call(group, event);
   };
   const contentTypeCn = label ? "with-text" : "just-icon";
-  return /* @__PURE__ */ (0, import_jsx_runtime324.jsxs)("label", { htmlFor: uniqueId, className: ToggleBar_default.label, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime324.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime326.jsxs)("label", { htmlFor: uniqueId, className: ToggleBar_default.label, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime326.jsx)(
       HiddenInput,
       {
         ...getBaseHTMLProps(
@@ -14219,7 +14448,7 @@ var ToggleRadio = ({
         "aria-labelledby": ariaLabelledBy
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime324.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime326.jsxs)(
       Typography,
       {
         as: "span",
@@ -14230,8 +14459,8 @@ var ToggleRadio = ({
           focus_default["focus-styled-sibling"]
         ),
         children: [
-          icon && /* @__PURE__ */ (0, import_jsx_runtime324.jsx)(Icon, { icon, iconSize: "inherit" }),
-          label && /* @__PURE__ */ (0, import_jsx_runtime324.jsx)("span", { children: label })
+          icon && /* @__PURE__ */ (0, import_jsx_runtime326.jsx)(Icon, { icon, iconSize: "inherit" }),
+          label && /* @__PURE__ */ (0, import_jsx_runtime326.jsx)("span", { children: label })
         ]
       }
     )
@@ -14251,7 +14480,7 @@ var ToggleButton_default = {
 };
 
 // src/components/ToggleButton/ToggleButton.tsx
-var import_jsx_runtime325 = require("react/jsx-runtime");
+var import_jsx_runtime327 = require("react/jsx-runtime");
 var ToggleButton = ({
   id,
   label,
@@ -14264,8 +14493,8 @@ var ToggleButton = ({
   const generatedId = (0, import_react103.useId)();
   const uniqueId = id != null ? id : `${generatedId}-toggleButton`;
   const hasIcon = !!icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime325.jsxs)(Box, { as: "label", htmlFor: uniqueId, width: "fit-content", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime325.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime327.jsxs)(Box, { as: "label", htmlFor: uniqueId, width: "fit-content", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime327.jsx)(
       HiddenInput,
       {
         ...getBaseHTMLProps(
@@ -14277,7 +14506,7 @@ var ToggleButton = ({
         type: "checkbox"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime325.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime327.jsxs)(
       "span",
       {
         className: cn(
@@ -14288,7 +14517,7 @@ var ToggleButton = ({
           focus_default["focus-styled-sibling"]
         ),
         children: [
-          hasIcon && /* @__PURE__ */ (0, import_jsx_runtime325.jsx)(Icon, { icon, iconSize: "inherit" }),
+          hasIcon && /* @__PURE__ */ (0, import_jsx_runtime327.jsx)(Icon, { icon, iconSize: "inherit" }),
           " ",
           label
         ]
@@ -14300,7 +14529,7 @@ ToggleButton.displayName = "ToggleButton";
 
 // src/components/ToggleButton/ToggleButtonGroup.tsx
 var import_react104 = require("react");
-var import_jsx_runtime326 = require("react/jsx-runtime");
+var import_jsx_runtime328 = require("react/jsx-runtime");
 var ToggleButtonGroup = (props) => {
   const {
     children,
@@ -14314,7 +14543,7 @@ var ToggleButtonGroup = (props) => {
   } = props;
   const generatedId = (0, import_react104.useId)();
   const uniqueLabelId = labelId != null ? labelId : `${generatedId}-ToggleButtonGroupLabel`;
-  return /* @__PURE__ */ (0, import_jsx_runtime326.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime328.jsxs)(
     "div",
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -14322,7 +14551,7 @@ var ToggleButtonGroup = (props) => {
       "aria-labelledby": label ? uniqueLabelId : void 0,
       children: [
         renderGroupLabel({ label, id: uniqueLabelId }),
-        /* @__PURE__ */ (0, import_jsx_runtime326.jsx)(Box, { display: "flex", flexWrap: "wrap", gap: "x0.75", flexDirection: direction, children })
+        /* @__PURE__ */ (0, import_jsx_runtime328.jsx)(Box, { display: "flex", flexWrap: "wrap", gap: "x0.75", flexDirection: direction, children })
       ]
     }
   );
@@ -14459,6 +14688,16 @@ ToggleButtonGroup.displayName = "ToggleButtonGroup";
   FooterLogo,
   FooterSocialsGroup,
   FooterSocialsList,
+  FormSummary,
+  FormSummaryEditButton,
+  FormSummaryEmptyValue,
+  FormSummaryError,
+  FormSummaryField,
+  FormSummaryFields,
+  FormSummaryHeader,
+  FormSummaryHeading,
+  FormSummaryLabel,
+  FormSummaryValue,
   FullscreenExitIcon,
   FullscreenIcon,
   GavelIcon,