@norges-domstoler/dds-components 21.17.1 → 21.18.0

package/dist/index.mjs

@@ -224,7 +224,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();
@@ -2899,8 +2900,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
@@ -3690,7 +3691,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"
   }
 });
 
@@ -3761,25 +3763,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"
   }
 });
 
@@ -3865,8 +3871,8 @@ var Button = ({
   iconPosition = "left",
   href,
   target,
-  loading = false,
-  loadingTooltip = "Lagring p\xE5g\xE5r",
+  loading,
+  loadingTooltip,
   fullWidth = false,
   icon,
   onClick,
@@ -3879,6 +3885,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;
@@ -3919,7 +3927,7 @@ var Button = ({
       {
         size: "1em",
         color: purpose === "primary" || purpose === "danger" ? "iconOnAction" : "iconDefault",
-        tooltip: loadingTooltip,
+        tooltip: spinnerTooltip,
         className: Button_default.icon
       }
     ) })
@@ -3963,6 +3971,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
 import { useEffect as useEffect15 } from "react";
@@ -4442,7 +4459,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__ */ jsx205(OverflowMenu, { children: /* @__PURE__ */ jsx205(OverflowMenuList, { children: bChildrenTruncated }) })
@@ -4464,7 +4481,7 @@ var Breadcrumbs = ({
     "nav",
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
-      "aria-label": t(texts2.breadcrumbs),
+      "aria-label": t(texts3.breadcrumbs),
       children: [
         /* @__PURE__ */ jsx205(
           HStack,
@@ -4480,24 +4497,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"
   }
 });
 
@@ -4972,6 +4992,7 @@ var InputMessage = ({
   id,
   className,
   htmlProps,
+  children,
   ...rest
 }) => {
   const isError = messageType === "error";
@@ -4992,7 +5013,7 @@ var InputMessage = ({
             typographyType: isError ? "bodySmall" : "bodyXsmall",
             color: isError ? "textDefault" : "textSubtle",
             as: "span",
-            children: message
+            children: message != null ? message : children
           }
         )
       ]
@@ -5463,7 +5484,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}` : "")
           }
         )
       ]
@@ -5471,12 +5492,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"
   }
 });
 
@@ -5598,7 +5620,7 @@ function CookieBanner({
             {
               as: Button,
               showBelow: collapsedBreakpoint,
-              "aria-label": t(texts4.expandConsent),
+              "aria-label": t(texts5.expandConsent),
               purpose: "tertiary",
               icon: ExpandIcon,
               onClick: () => setIsCollapsedOnBreakpoint(false),
@@ -5632,12 +5654,13 @@ 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"
   }
 });
 
@@ -5704,7 +5727,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";
 
@@ -5956,13 +5980,13 @@ function CalendarGrid({ state, ...props }) {
   } = useCalendarGrid(props, state);
   const weeksInMonth = 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 } = useContext10(CalendarPopoverContext);
   const typographyCn = [
@@ -5988,7 +6012,7 @@ function CalendarGrid({ state, ...props }) {
               className: cn(DateInput_default["calendar__grid-element"], ...typographyCn),
               children: [
                 /* @__PURE__ */ jsx227("span", { "aria-hidden": true, children: "#" }),
-                /* @__PURE__ */ jsx227(VisuallyHidden, { children: t(texts5.weekNumber) })
+                /* @__PURE__ */ jsx227(VisuallyHidden, { children: t(texts6.weekNumber) })
               ]
             }
           ),
@@ -6031,96 +6055,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"
   }
 });
 
@@ -6163,7 +6202,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",
@@ -6185,7 +6224,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",
@@ -6198,18 +6237,20 @@ 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"
   }
 });
 
@@ -6286,6 +6327,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");
@@ -6296,16 +6338,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 [
@@ -6316,6 +6358,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
 import { useDateSegment } from "@react-aria/datepicker";
@@ -6613,7 +6678,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"],
@@ -6639,12 +6704,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"
   }
 });
 
@@ -7370,7 +7436,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__ */ jsx250(Icon, { iconSize: size2, icon: StarIcon, className: FavStar_default.icon }),
@@ -7387,12 +7453,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"
   }
 });
 
@@ -7452,7 +7519,7 @@ function CharCounter(props) {
           "/",
           max
         ] }),
-        /* @__PURE__ */ jsx251(VisuallyHidden, { children: t(texts9.charsWritten(current, max, max - current)) })
+        /* @__PURE__ */ jsx251(VisuallyHidden, { children: t(texts11.charsWritten(current, max, max - current)) })
       ]
     }
   );
@@ -7461,12 +7528,13 @@ var renderCharCounter = (id, isShown, textLength, maxLength) => {
   if (!!maxLength && Number.isInteger(maxLength) && maxLength > 0 && isShown)
     return /* @__PURE__ */ jsx251(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}.`
   })
 });
 
@@ -7625,17 +7693,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"
   }
 });
 
@@ -7838,7 +7907,7 @@ var RatingComponent = ({
       ),
       children: [
         /* @__PURE__ */ jsx255("h2", { className: typographyStyles_default["label-medium"], children: ratingLabel }),
-        loading ? /* @__PURE__ */ jsx255(Spinner, { tooltip: t(texts11.uploadingFeedback) }) : /* @__PURE__ */ jsxs57(HStack, { gap: "x1", children: [
+        loading ? /* @__PURE__ */ jsx255(Spinner, { tooltip: t(texts13.uploadingFeedback) }) : /* @__PURE__ */ jsxs57(HStack, { gap: "x1", children: [
           /* @__PURE__ */ jsx255(Tooltip, { text: thumbUpTooltip, children: button("positive", layout, thumbUpTooltip) }),
           /* @__PURE__ */ jsx255(Tooltip, { text: thumbDownTooltip, children: /* @__PURE__ */ jsx255("div", { children: button("negative", layout, thumbDownTooltip) }) })
         ] })
@@ -7846,12 +7915,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..."
   }
 });
 
@@ -7880,14 +7950,14 @@ var Feedback = ({
   const [rating, setRating] = useState16(null);
   const [feedbackText, setFeedbackText] = useState16();
   const [isFeedbackSubmitted, setIsFeedbackSubmitted] = useState16(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);
   useEffect22(() => {
     if (ratingProp !== void 0) setRating(ratingProp);
   }, [ratingProp]);
@@ -7942,42 +8012,48 @@ var Feedback = ({
   }
   return /* @__PURE__ */ jsx256(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"
   }
 });
 
@@ -8112,9 +8188,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)
                   )
@@ -8128,18 +8204,20 @@ var File = (props) => {
     /* @__PURE__ */ jsx260(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"
   }
 });
 
@@ -8264,7 +8342,7 @@ var useFileUploader = (props) => {
     isFileDialogActive: false,
     isDragActive: false,
     rootErrors: calcRootErrors(
-      t(texts14.invalidFileAmount),
+      t(texts16.invalidFileAmount),
       initialFileUploaderFiles,
       maxFiles,
       errorMessage
@@ -8277,7 +8355,7 @@ var useFileUploader = (props) => {
         const accepted = isFileAccepted(file, accept);
         return {
           file,
-          errors: accepted ? [] : [t(texts14.invalidFileType)]
+          errors: accepted ? [] : [t(texts16.invalidFileType)]
         };
       });
       dispatch({
@@ -8290,7 +8368,7 @@ var useFileUploader = (props) => {
     dispatch({
       type: "setRootErrors",
       payload: calcRootErrors(
-        t(texts14.invalidFileAmount),
+        t(texts16.invalidFileAmount),
         stateFiles,
         maxFiles,
         errorMessage
@@ -8344,7 +8422,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));
@@ -8436,18 +8514,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 "
   }
 });
 
@@ -8458,7 +8538,7 @@ var FileUploader = (props) => {
     id,
     label,
     dropAreaLabel,
-    btnLabel = "Velg fil",
+    btnLabel,
     tip,
     required = false,
     withDragAndDrop = true,
@@ -8478,7 +8558,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 = useId15();
   const uniqueId = id != null ? id : `${generatedId}-fileUploader`;
   const {
@@ -8543,7 +8624,7 @@ var FileUploader = (props) => {
           ...rootErrorsList.map((e) => e.id)
         ])
       },
-      children: btnLabel
+      children: tBtnLabel
     }
   );
   const input = /* @__PURE__ */ jsx261(
@@ -8587,7 +8668,7 @@ var FileUploader = (props) => {
             children: [
               input,
               tDropAreaLabel,
-              /* @__PURE__ */ jsx261(VisuallyHidden, { children: t(texts15.uploadFileWithButton) }),
+              /* @__PURE__ */ jsx261(VisuallyHidden, { children: t(texts17.uploadFileWithButton) }),
               button
             ]
           }
@@ -8605,14 +8686,14 @@ var FileUploader = (props) => {
               readOnly && FileUploader_default["readonly--file-list"]
             ),
             children: [
-              /* @__PURE__ */ jsx261(VisuallyHidden, { id: fileListNameId, children: t(texts15.uploadedFiles) }),
+              /* @__PURE__ */ jsx261(VisuallyHidden, { id: fileListNameId, children: t(texts17.uploadedFiles) }),
               inactive && fileListElements.length === 0 ? /* @__PURE__ */ jsx261(
                 Typography,
                 {
                   italic: true,
                   as: "span",
                   color: disabled ? "text-subtle" : "text-medium",
-                  children: t(texts15.noFiles)
+                  children: t(texts17.noFiles)
                 }
               ) : /* @__PURE__ */ jsx261(StylelessList, { "aria-labelledby": fileListNameId, children: fileListElements })
             ]
@@ -8623,30 +8704,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"
   }
 });
 
@@ -8722,6 +8814,91 @@ var FooterListGroup = ({
 import { jsx as jsx269 } from "react/jsx-runtime";
 var FooterLeft = ({ className, ...rest }) => /* @__PURE__ */ jsx269("div", { className: cn(className, Footer_default["left"]), ...rest });
 
+// src/components/FormSummary/FormSummary.tsx
+import { jsx as jsx270 } from "react/jsx-runtime";
+var FormSummary = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ jsx270(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
+import { jsx as jsx271, jsxs as jsxs60 } from "react/jsx-runtime";
+function FormSummaryHeader({ ...props }) {
+  return /* @__PURE__ */ jsx271(
+    HStack,
+    {
+      ...props,
+      justifyContent: "space-between",
+      flexWrap: "wrap",
+      alignItems: "center",
+      gap: "x0.75",
+      marginBlock: "0 x0.75"
+    }
+  );
+}
+function FormSummaryHeading({
+  level = 2,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx271(Heading, { level, ...props });
+}
+function FormSummaryEditButton({
+  purpose = "secondary",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx271(Button, { icon: EditIcon, purpose, size: "xsmall", ...props });
+}
+function FormSummaryFields({ ...props }) {
+  return /* @__PURE__ */ jsx271(DescriptionList, { ...props });
+}
+function FormSummaryField({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx271("div", { ...props, className: cn(FormSummary_default.field, className) });
+}
+function FormSummaryLabel(props) {
+  return /* @__PURE__ */ jsx271(DescriptionListTerm, { ...props });
+}
+function FormSummaryValue({
+  className,
+  isLoading,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx271(DescriptionListDesc, { ...props, className: cn(className, FormSummary_default.dd), children: isLoading ? /* @__PURE__ */ jsx271(Spinner, { size: "1.5em" }) : children });
+}
+function FormSummaryEmptyValue() {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs60("span", { children: [
+    /* @__PURE__ */ jsx271("span", { "aria-hidden": true, children: "-" }),
+    " ",
+    /* @__PURE__ */ jsxs60(VisuallyHidden, { children: [
+      " ",
+      t(texts18.noValue),
+      " "
+    ] })
+  ] });
+}
+function FormSummaryError({ ...props }) {
+  return /* @__PURE__ */ jsx271(Box, { marginBlock: "x0.25 0", children: /* @__PURE__ */ jsx271(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
 import { useState as useState17 } from "react";
 
@@ -8737,7 +8914,7 @@ var GlobalMessage_default = {
 };
 
 // src/components/GlobalMessage/GlobalMessage.tsx
-import { jsx as jsx270, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx272, jsxs as jsxs61 } from "react/jsx-runtime";
 var icons = {
   info: InfoIcon,
   danger: ErrorIcon,
@@ -8756,7 +8933,7 @@ var GlobalMessage = ({
 }) => {
   const { t } = useTranslation();
   const [isClosed, setClosed] = useState17(false);
-  return !isClosed ? /* @__PURE__ */ jsxs60(
+  return !isClosed ? /* @__PURE__ */ jsxs61(
     "div",
     {
       ...getBaseHTMLProps(
@@ -8771,17 +8948,17 @@ var GlobalMessage = ({
         rest
       ),
       children: [
-        /* @__PURE__ */ jsxs60(
+        /* @__PURE__ */ jsxs61(
           "div",
           {
             className: cn(GlobalMessage_default.content, closable && GlobalMessage_default["content--closable"]),
             children: [
-              /* @__PURE__ */ jsx270(Icon, { icon: icons[purpose], className: GlobalMessage_default.icon }),
-              children != null ? children : /* @__PURE__ */ jsx270("span", { children: message })
+              /* @__PURE__ */ jsx272(Icon, { icon: icons[purpose], className: GlobalMessage_default.icon }),
+              children != null ? children : /* @__PURE__ */ jsx272("span", { children: message })
             ]
           }
         ),
-        closable && /* @__PURE__ */ jsx270(
+        closable && /* @__PURE__ */ jsx272(
           Button,
           {
             icon: CloseIcon,
@@ -8806,14 +8983,14 @@ var InlineButton_default = {
 };
 
 // src/components/InlineButton/InlineButton.tsx
-import { jsx as jsx271 } from "react/jsx-runtime";
+import { jsx as jsx273 } from "react/jsx-runtime";
 var InlineButton = ({
   className,
   color,
   icon,
   children,
   ...rest
-}) => /* @__PURE__ */ jsx271(
+}) => /* @__PURE__ */ jsx273(
   StylelessButton,
   {
     className: cn(
@@ -8824,7 +9001,7 @@ var InlineButton = ({
       getColorCn(color)
     ),
     ...rest,
-    children: icon ? /* @__PURE__ */ jsx271(Icon, { icon, iconSize: "inherit" }) : children
+    children: icon ? /* @__PURE__ */ jsx273(Icon, { icon, iconSize: "inherit" }) : children
   }
 );
 
@@ -8837,7 +9014,7 @@ import {
   useContext as useContext16,
   useState as useState18
 } from "react";
-import { jsx as jsx272 } from "react/jsx-runtime";
+import { jsx as jsx274 } from "react/jsx-runtime";
 var InlineEditContext = createContext12(
   {}
 );
@@ -8881,7 +9058,7 @@ var InlineEditContextProvider = (props) => {
   useOnKeyDown(["Enter"], () => onExitHandler());
   useOnKeyDown(["Escape"], () => onExitHandler());
   useOnClickOutside(inputRef == null ? void 0 : inputRef.current, () => onExitHandler());
-  return /* @__PURE__ */ jsx272(
+  return /* @__PURE__ */ jsx274(
     InlineEditContext,
     {
       value: {
@@ -8916,26 +9093,29 @@ var InlineEdit_default = {
 };
 
 // src/components/InlineEdit/InlineEdit.utils.tsx
-import { jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsxs as jsxs62 } from "react/jsx-runtime";
 var inlineEditVisuallyHidden = (id, clearable) => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs61(VisuallyHidden, { id, children: [
-    t(texts16.inlineEditInfo),
-    !clearable && t(texts16.notClearable)
+  return /* @__PURE__ */ jsxs62(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) => [
@@ -8985,7 +9165,7 @@ function createClearChangeEvent(elementId) {
 }
 
 // src/components/InlineEdit/InlineField.tsx
-import { Fragment as Fragment8, jsx as jsx273, jsxs as jsxs62 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx275, jsxs as jsxs63 } from "react/jsx-runtime";
 function InlineField(props) {
   const {
     elementType,
@@ -9031,7 +9211,7 @@ function InlineField(props) {
   const cnArgs = [hasErrorState, !isEditing && !hideIcon];
   const iconSize = "small";
   function makeIcon(icon, className2) {
-    return /* @__PURE__ */ jsx273(
+    return /* @__PURE__ */ jsx275(
       Icon,
       {
         iconSize,
@@ -9046,7 +9226,7 @@ function InlineField(props) {
   const renderElement = () => {
     switch (elementType) {
       case "input":
-        return /* @__PURE__ */ jsx273(
+        return /* @__PURE__ */ jsx275(
           "input",
           {
             ...rest,
@@ -9056,7 +9236,7 @@ function InlineField(props) {
           }
         );
       case "textarea":
-        return /* @__PURE__ */ jsx273(
+        return /* @__PURE__ */ jsx275(
           "textarea",
           {
             ...rest,
@@ -9066,8 +9246,8 @@ function InlineField(props) {
           }
         );
       case "select":
-        return /* @__PURE__ */ jsxs62(Fragment8, { children: [
-          /* @__PURE__ */ jsx273(
+        return /* @__PURE__ */ jsxs63(Fragment8, { children: [
+          /* @__PURE__ */ jsx275(
             "select",
             {
               ...rest,
@@ -9076,7 +9256,7 @@ function InlineField(props) {
               className: cn(className, ...inlineSelectCns(...cnArgs, hasValue))
             }
           ),
-          hasValue && emptiable && /* @__PURE__ */ jsx273(
+          hasValue && emptiable && /* @__PURE__ */ jsx275(
             ClearButton,
             {
               "aria-label": t(commonTexts.clearSelect),
@@ -9091,8 +9271,8 @@ function InlineField(props) {
         return null;
     }
   };
-  return /* @__PURE__ */ jsxs62(Box, { position: "relative", width, children: [
-    /* @__PURE__ */ jsxs62("div", { className: Input_default["input-group"], children: [
+  return /* @__PURE__ */ jsxs63(Box, { position: "relative", width, children: [
+    /* @__PURE__ */ jsxs63("div", { className: Input_default["input-group"], children: [
       !isEditing && !hideIcon && makeIcon(EditIcon, InlineEdit_default["edit-icon"]),
       renderElement()
     ] }),
@@ -9102,7 +9282,7 @@ function InlineField(props) {
 }
 
 // src/components/InlineEdit/InlineEditTextArea/InlineEditTextArea.tsx
-import { jsx as jsx274 } from "react/jsx-runtime";
+import { jsx as jsx276 } from "react/jsx-runtime";
 var InlineEditTextArea = ({
   onSetValue,
   emptiable,
@@ -9115,7 +9295,7 @@ var InlineEditTextArea = ({
 }) => {
   const textareaRef = useRef25(null);
   const combinedRef = useCombinedRef(ref, textareaRef);
-  return /* @__PURE__ */ jsx274(
+  return /* @__PURE__ */ jsx276(
     InlineEditContextProvider,
     {
       onSetValue,
@@ -9125,14 +9305,14 @@ var InlineEditTextArea = ({
       onFocus,
       onChange,
       onBlur,
-      children: /* @__PURE__ */ jsx274(InlineField, { elementType: "textarea", ...rest, ref: combinedRef })
+      children: /* @__PURE__ */ jsx276(InlineField, { elementType: "textarea", ...rest, ref: combinedRef })
     }
   );
 };
 
 // src/components/InlineEdit/InlineEditInput/InlineEditInput.tsx
 import { useRef as useRef26 } from "react";
-import { jsx as jsx275 } from "react/jsx-runtime";
+import { jsx as jsx277 } from "react/jsx-runtime";
 var InlineEditInput = ({
   onSetValue,
   emptiable,
@@ -9145,7 +9325,7 @@ var InlineEditInput = ({
 }) => {
   const inputRef = useRef26(null);
   const combinedRef = useCombinedRef(ref, inputRef);
-  return /* @__PURE__ */ jsx275(
+  return /* @__PURE__ */ jsx277(
     InlineEditContextProvider,
     {
       onSetValue,
@@ -9155,14 +9335,14 @@ var InlineEditInput = ({
       onFocus,
       onChange,
       onBlur,
-      children: /* @__PURE__ */ jsx275(InlineField, { elementType: "input", ...rest, ref: combinedRef })
+      children: /* @__PURE__ */ jsx277(InlineField, { elementType: "input", ...rest, ref: combinedRef })
     }
   );
 };
 
 // src/components/InlineEdit/InlineEditSelect/InlineEditSelect.tsx
 import { useRef as useRef27 } from "react";
-import { jsx as jsx276 } from "react/jsx-runtime";
+import { jsx as jsx278 } from "react/jsx-runtime";
 var InlineEditSelect = ({
   onSetValue,
   emptiable,
@@ -9175,7 +9355,7 @@ var InlineEditSelect = ({
 }) => {
   const inputRef = useRef27(null);
   const combinedRef = useCombinedRef(ref, inputRef);
-  return /* @__PURE__ */ jsx276(
+  return /* @__PURE__ */ jsx278(
     InlineEditContextProvider,
     {
       onSetValue,
@@ -9185,7 +9365,7 @@ var InlineEditSelect = ({
       onFocus,
       onChange,
       onBlur,
-      children: /* @__PURE__ */ jsx276(InlineField, { elementType: "select", ...rest, ref: combinedRef })
+      children: /* @__PURE__ */ jsx278(InlineField, { elementType: "select", ...rest, ref: combinedRef })
     }
   );
 };
@@ -9207,8 +9387,8 @@ var InternalHeader_default = {
 };
 
 // src/components/InternalHeader/NavigationItem.tsx
-import { jsx as jsx277 } from "react/jsx-runtime";
-var NavigationItem = ({ isCurrent, ...rest }) => /* @__PURE__ */ jsx277(
+import { jsx as jsx279 } from "react/jsx-runtime";
+var NavigationItem = ({ isCurrent, ...rest }) => /* @__PURE__ */ jsx279(
   "a",
   {
     ...rest,
@@ -9223,7 +9403,7 @@ var NavigationItem = ({ isCurrent, ...rest }) => /* @__PURE__ */ jsx277(
 );
 
 // src/components/InternalHeader/InternalHeader.tsx
-import { jsx as jsx278, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx280, jsxs as jsxs64 } from "react/jsx-runtime";
 import { createElement as createElement2 } from "react";
 var InternalHeader = (props) => {
   const {
@@ -9253,7 +9433,7 @@ var InternalHeader = (props) => {
   const hasContextMenuElements = !!contextMenuItems && contextMenuItems.length > 0;
   const hasSmallScreenBreakpoint = !!smallScreenBreakpoint;
   const hasNavInContextMenu = hasSmallScreenBreakpoint && hasNavigationElements;
-  const navigation = hasNavigationElements ? /* @__PURE__ */ jsx278("nav", { "aria-label": t(texts17.siteNavigation), children: /* @__PURE__ */ jsx278(
+  const navigation = hasNavigationElements ? /* @__PURE__ */ jsx280("nav", { "aria-label": t(texts20.siteNavigation), children: /* @__PURE__ */ jsx280(
     ShowHide,
     {
       as: StylelessList,
@@ -9262,7 +9442,7 @@ var InternalHeader = (props) => {
       children: navItems.map((item, i) => {
         const { href, ...rest2 } = item;
         const isCurrent = href === currentPage;
-        return /* @__PURE__ */ jsx278("li", { className: InternalHeader_default["nav-list__item"], children: /* @__PURE__ */ jsx278(
+        return /* @__PURE__ */ jsx280("li", { className: InternalHeader_default["nav-list__item"], children: /* @__PURE__ */ jsx280(
           NavigationItem,
           {
             href,
@@ -9276,7 +9456,7 @@ var InternalHeader = (props) => {
   ) }) : null;
   const hasContextMenu = hasContextMenuElements || !!user || hasNavInContextMenu;
   const hasContextMenuLargeScreen = hasContextMenuElements || !!user;
-  return /* @__PURE__ */ jsxs63(
+  return /* @__PURE__ */ jsxs64(
     Box,
     {
       display: "flex",
@@ -9294,7 +9474,7 @@ var InternalHeader = (props) => {
         rest
       ),
       children: [
-        /* @__PURE__ */ jsx278(Typography, { typographyType: "headingSmall", bold: true, as: "span", children: applicationHref ? /* @__PURE__ */ jsx278(
+        /* @__PURE__ */ jsx280(Typography, { typographyType: "headingSmall", bold: true, as: "span", children: applicationHref ? /* @__PURE__ */ jsx280(
           "a",
           {
             href: applicationHref,
@@ -9303,42 +9483,42 @@ var InternalHeader = (props) => {
             children: applicationName
           }
         ) : applicationName }),
-        /* @__PURE__ */ jsx278(Typography, { typographyType: "bodyMedium", as: "span", children: applicationDesc }),
-        (hasContextMenu || navigation !== null) && /* @__PURE__ */ jsx278("div", { className: InternalHeader_default["bar-separator"] }),
+        /* @__PURE__ */ jsx280(Typography, { typographyType: "bodyMedium", as: "span", children: applicationDesc }),
+        (hasContextMenu || navigation !== null) && /* @__PURE__ */ jsx280("div", { className: InternalHeader_default["bar-separator"] }),
         navigation,
-        hasContextMenu && /* @__PURE__ */ jsx278(
+        hasContextMenu && /* @__PURE__ */ jsx280(
           ShowHide,
           {
             showBelow: !hasContextMenuLargeScreen && hasSmallScreenBreakpoint ? smallScreenBreakpoint : void 0,
             className: cn(InternalHeader_default["context-menu-group"]),
-            children: /* @__PURE__ */ jsxs63(OverflowMenuGroup, { children: [
-              /* @__PURE__ */ jsx278(
+            children: /* @__PURE__ */ jsxs64(OverflowMenuGroup, { children: [
+              /* @__PURE__ */ jsx280(
                 Button,
                 {
                   icon: hasNavInContextMenu ? MenuIcon : MoreVerticalIcon,
                   purpose: "tertiary",
-                  "aria-label": t(texts17.openMenu)
+                  "aria-label": t(texts20.openMenu)
                 }
               ),
-              /* @__PURE__ */ jsxs63(OverflowMenu, { className: InternalHeader_default["context-menu"], children: [
-                user && /* @__PURE__ */ jsx278(OverflowMenuList, { children: user.href ? /* @__PURE__ */ jsx278(OverflowMenuLink, { icon: PersonIcon, ...user }) : /* @__PURE__ */ jsx278(OverflowMenuSpan, { icon: PersonIcon, ...user }) }),
-                hasNavInContextMenu && /* @__PURE__ */ jsx278(
+              /* @__PURE__ */ jsxs64(OverflowMenu, { className: InternalHeader_default["context-menu"], children: [
+                user && /* @__PURE__ */ jsx280(OverflowMenuList, { children: user.href ? /* @__PURE__ */ jsx280(OverflowMenuLink, { icon: PersonIcon, ...user }) : /* @__PURE__ */ jsx280(OverflowMenuSpan, { icon: PersonIcon, ...user }) }),
+                hasNavInContextMenu && /* @__PURE__ */ jsx280(
                   ShowHide,
                   {
                     as: "nav",
-                    "aria-label": t(texts17.siteNavigation),
+                    "aria-label": t(texts20.siteNavigation),
                     showBelow: smallScreenBreakpoint,
-                    children: /* @__PURE__ */ jsx278(OverflowMenuList, { children: navItems.map((item, i) => /* @__PURE__ */ createElement2(OverflowMenuLink, { ...item, key: `nav-${i}` })) })
+                    children: /* @__PURE__ */ jsx280(OverflowMenuList, { children: navItems.map((item, i) => /* @__PURE__ */ createElement2(OverflowMenuLink, { ...item, key: `nav-${i}` })) })
                   }
                 ),
-                hasNavInContextMenu && hasContextMenuElements && /* @__PURE__ */ jsx278(
+                hasNavInContextMenu && hasContextMenuElements && /* @__PURE__ */ jsx280(
                   ShowHide,
                   {
                     as: OverflowMenuDivider,
                     showBelow: smallScreenBreakpoint
                   }
                 ),
-                hasContextMenuElements && /* @__PURE__ */ jsx278(OverflowMenuList, { children: contextMenuItems.map((item, i) => {
+                hasContextMenuElements && /* @__PURE__ */ jsx280(OverflowMenuList, { children: contextMenuItems.map((item, i) => {
                   return item.href ? /* @__PURE__ */ createElement2(
                     OverflowMenuLink,
                     {
@@ -9362,18 +9542,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"
   }
 });
 
@@ -9387,7 +9569,7 @@ var List_default = {
 };
 
 // src/components/List/List.tsx
-import { jsx as jsx279 } from "react/jsx-runtime";
+import { jsx as jsx281 } from "react/jsx-runtime";
 var List = ({
   listType = "unordered",
   typographyType = "inherit",
@@ -9398,7 +9580,7 @@ var List = ({
   ...rest
 }) => {
   const List2 = listType === "ordered" ? "ol" : "ul";
-  return /* @__PURE__ */ jsx279(
+  return /* @__PURE__ */ jsx281(
     List2,
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -9414,8 +9596,8 @@ var List = ({
 List.displayName = "List";
 
 // src/components/List/ListItem.tsx
-import { jsx as jsx280 } from "react/jsx-runtime";
-var ListItem = ({ className, ...rest }) => /* @__PURE__ */ jsx280("li", { ...rest, className: cn(className, List_default.li) });
+import { jsx as jsx282 } from "react/jsx-runtime";
+var ListItem = ({ className, ...rest }) => /* @__PURE__ */ jsx282("li", { ...rest, className: cn(className, List_default.li) });
 ListItem.displayName = "ListItem";
 
 // src/components/LocalMessage/LocalMessage.tsx
@@ -9440,7 +9622,7 @@ var LocalMessage_default = {
 };
 
 // src/components/LocalMessage/LocalMessage.tsx
-import { Fragment as Fragment9, jsx as jsx281, jsxs as jsxs64 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx283, jsxs as jsxs65 } from "react/jsx-runtime";
 var icons2 = {
   info: InfoIcon,
   danger: ErrorIcon,
@@ -9464,9 +9646,9 @@ var LocalMessage = ({
   const { t } = useTranslation();
   const [isClosed, setClosed] = useState20(false);
   if (isClosed) {
-    return /* @__PURE__ */ jsx281(Fragment9, {});
+    return /* @__PURE__ */ jsx283(Fragment9, {});
   }
-  return /* @__PURE__ */ jsxs64(
+  return /* @__PURE__ */ jsxs65(
     Box,
     {
       ...getBaseHTMLProps(
@@ -9487,15 +9669,15 @@ var LocalMessage = ({
       padding: "x0.75 x0.75 x0.75 x0.5",
       gap: "x0.5",
       children: [
-        /* @__PURE__ */ jsx281(
+        /* @__PURE__ */ jsx283(
           Icon,
           {
             icon: icons2[purpose],
             className: cn(LocalMessage_default.icon, LocalMessage_default.container__icon)
           }
         ),
-        /* @__PURE__ */ jsx281("div", { className: LocalMessage_default.container__text, children: children != null ? children : /* @__PURE__ */ jsx281("span", { children: message }) }),
-        closable && /* @__PURE__ */ jsx281(
+        /* @__PURE__ */ jsx283("div", { className: LocalMessage_default.container__text, children: children != null ? children : /* @__PURE__ */ jsx283("span", { children: message }) }),
+        closable && /* @__PURE__ */ jsx283(
           Button,
           {
             icon: CloseIcon,
@@ -9535,7 +9717,7 @@ var Modal_default = {
 };
 
 // src/components/Modal/Modal.tsx
-import { jsx as jsx282, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx284, jsxs as jsxs66 } from "react/jsx-runtime";
 var Modal = ({
   isOpen = false,
   parentElement,
@@ -9586,14 +9768,14 @@ var Modal = ({
   useOnKeyDown(["Escape", "Esc"], () => handleClose());
   const hasTransitionedIn = useMountTransition(isOpen, 200);
   return (isOpen || hasTransitionedIn) && portalTarget ? createPortal3(
-    /* @__PURE__ */ jsx282(
+    /* @__PURE__ */ jsx284(
       Backdrop,
       {
         zIndex: "modal",
         isMounted: isOpen && hasTransitionedIn,
         ref: backdropRef,
         onClick: onBackdropClick,
-        children: /* @__PURE__ */ jsxs65(
+        children: /* @__PURE__ */ jsxs66(
           Paper,
           {
             display: "flex",
@@ -9620,7 +9802,7 @@ var Modal = ({
             id: modalId,
             elevation: 4,
             children: [
-              /* @__PURE__ */ jsxs65(
+              /* @__PURE__ */ jsxs66(
                 HStack,
                 {
                   paddingBlock: "0 x0.75",
@@ -9630,8 +9812,8 @@ var Modal = ({
                   width: "100%",
                   className: Modal_default["header-container"],
                   children: [
-                    !!header && /* @__PURE__ */ jsx282("div", { id: headerId, children: typeof header === "string" ? /* @__PURE__ */ jsx282(Heading, { level: 2, typographyType: "headingLarge", children: header }) : header }),
-                    onClose && /* @__PURE__ */ jsx282(
+                    !!header && /* @__PURE__ */ jsx284("div", { id: headerId, children: typeof header === "string" ? /* @__PURE__ */ jsx284(Heading, { level: 2, typographyType: "headingLarge", children: header }) : header }),
+                    onClose && /* @__PURE__ */ jsx284(
                       Button,
                       {
                         size: "small",
@@ -9645,7 +9827,7 @@ var Modal = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx282(Box, { display: "grid", gap: "x1", children })
+              /* @__PURE__ */ jsx284(Box, { display: "grid", gap: "x1", children })
             ]
           }
         )
@@ -9657,7 +9839,7 @@ var Modal = ({
 Modal.displayName = "Modal";
 
 // src/components/Modal/ModalBody.tsx
-import { jsx as jsx283 } from "react/jsx-runtime";
+import { jsx as jsx285 } from "react/jsx-runtime";
 var ModalBody = ({
   children,
   id,
@@ -9667,7 +9849,7 @@ var ModalBody = ({
   height,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx283(
+  return /* @__PURE__ */ jsx285(
     "div",
     {
       ...getBaseHTMLProps(
@@ -9689,8 +9871,8 @@ var ModalBody = ({
 ModalBody.displayName = "ModalBody";
 
 // src/components/Modal/ModalActions.tsx
-import { jsx as jsx284 } from "react/jsx-runtime";
-var ModalActions = (props) => /* @__PURE__ */ jsx284(Box, { display: "flex", flexWrap: "wrap", gap: "x1", ...props });
+import { jsx as jsx286 } from "react/jsx-runtime";
+var ModalActions = (props) => /* @__PURE__ */ jsx286(Box, { display: "flex", flexWrap: "wrap", gap: "x1", ...props });
 ModalActions.displayName = "ModalActions";
 
 // src/components/Pagination/Pagination.tsx
@@ -10029,7 +10211,7 @@ import React from "react";
 import {
   components
 } from "react-select";
-import { jsx as jsx285, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx287, jsxs as jsxs67 } from "react/jsx-runtime";
 var {
   Option,
   NoOptionsMessage,
@@ -10052,30 +10234,30 @@ var getIndicatorIconSize = (componentSize) => {
 };
 var DDSOption = ({
   ...props
-}) => /* @__PURE__ */ jsxs66(Option, { ...props, children: [
-  props.isSelected && /* @__PURE__ */ jsx285(Icon, { icon: CheckIcon, iconSize: "small" }),
+}) => /* @__PURE__ */ jsxs67(Option, { ...props, children: [
+  props.isSelected && /* @__PURE__ */ jsx287(Icon, { icon: CheckIcon, iconSize: "small" }),
   props.children
 ] });
-var CustomOption = (props) => /* @__PURE__ */ jsx285(Option, { ...props, children: React.createElement(props.customElement, props) });
+var CustomOption = (props) => /* @__PURE__ */ jsx287(Option, { ...props, children: React.createElement(props.customElement, props) });
 var CustomSingleValue = ({
   id,
   Element,
   ...props
-}) => /* @__PURE__ */ jsx285(SingleValue, { ...props, children: /* @__PURE__ */ jsx285("div", { id, className: Select_default["inner-single-value"], children: Element ? /* @__PURE__ */ jsx285(Element, { ...props }) : props.children }) });
-var DDSNoOptionsMessage = (props) => /* @__PURE__ */ jsx285(NoOptionsMessage, { ...props, children: "Ingen treff" });
+}) => /* @__PURE__ */ jsx287(SingleValue, { ...props, children: /* @__PURE__ */ jsx287("div", { id, className: Select_default["inner-single-value"], children: Element ? /* @__PURE__ */ jsx287(Element, { ...props }) : props.children }) });
+var DDSNoOptionsMessage = (props) => /* @__PURE__ */ jsx287(NoOptionsMessage, { ...props, children: "Ingen treff" });
 var DDSClearIndicator = ({
   size: size2,
   ...props
-}) => /* @__PURE__ */ jsx285(ClearIndicator, { ...props, children: /* @__PURE__ */ jsx285(Icon, { icon: CloseSmallIcon, iconSize: getIndicatorIconSize(size2) }) });
-var DDSMultiValueRemove = (props) => /* @__PURE__ */ jsx285(MultiValueRemove, { ...props, children: /* @__PURE__ */ jsx285(Icon, { icon: CloseSmallIcon, iconSize: "small" }) });
+}) => /* @__PURE__ */ jsx287(ClearIndicator, { ...props, children: /* @__PURE__ */ jsx287(Icon, { icon: CloseSmallIcon, iconSize: getIndicatorIconSize(size2) }) });
+var DDSMultiValueRemove = (props) => /* @__PURE__ */ jsx287(MultiValueRemove, { ...props, children: /* @__PURE__ */ jsx287(Icon, { icon: CloseSmallIcon, iconSize: "small" }) });
 var DDSDropdownIndicator = (props) => {
   const { className, componentSize, ...rest } = props;
-  return /* @__PURE__ */ jsx285(
+  return /* @__PURE__ */ jsx287(
     DropdownIndicator,
     {
       ...rest,
       className: cn(className, Select_default["dropdown-indicator"]),
-      children: /* @__PURE__ */ jsx285(
+      children: /* @__PURE__ */ jsx287(
         Icon,
         {
           icon: ChevronDownIcon,
@@ -10089,7 +10271,7 @@ var DDSInput = ({
   ariaInvalid,
   ariaDescribedby,
   ...props
-}) => /* @__PURE__ */ jsx285(
+}) => /* @__PURE__ */ jsx287(
   Input2,
   {
     ...props,
@@ -10108,7 +10290,7 @@ function DDSControl(props) {
     innerProps,
     ...rest
   } = props;
-  return /* @__PURE__ */ jsxs66(
+  return /* @__PURE__ */ jsxs67(
     Control,
     {
       ...rest,
@@ -10123,7 +10305,7 @@ function DDSControl(props) {
         readOnly && Select_default["control--readonly"]
       ),
       children: [
-        icon && /* @__PURE__ */ jsx285(
+        icon && /* @__PURE__ */ jsx287(
           Icon,
           {
             icon,
@@ -10141,7 +10323,7 @@ function DDSControl(props) {
 }
 
 // src/components/Select/Select.tsx
-import { jsx as jsx286, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx288, jsxs as jsxs68 } from "react/jsx-runtime";
 function Select({
   id,
   label,
@@ -10191,7 +10373,7 @@ function Select({
     componentSize === "xsmall" && "var(--dds-input-default-width-xsmall)"
   );
   const customInput = useCallback7(
-    (props) => /* @__PURE__ */ jsx286(
+    (props) => /* @__PURE__ */ jsx288(
       DDSInput,
       {
         ...props,
@@ -10209,7 +10391,7 @@ function Select({
     []
   );
   const customSingleValue = useCallback7(
-    (props) => /* @__PURE__ */ jsx286(
+    (props) => /* @__PURE__ */ jsx288(
       CustomSingleValue,
       {
         ...props,
@@ -10220,15 +10402,15 @@ function Select({
     []
   );
   const customClearIndicator = useCallback7(
-    (props) => /* @__PURE__ */ jsx286(DDSClearIndicator, { ...props, size: componentSize }),
+    (props) => /* @__PURE__ */ jsx288(DDSClearIndicator, { ...props, size: componentSize }),
     [componentSize]
   );
   const customDropdownIndicator = useCallback7(
-    (props) => /* @__PURE__ */ jsx286(DDSDropdownIndicator, { ...props, componentSize }),
+    (props) => /* @__PURE__ */ jsx288(DDSDropdownIndicator, { ...props, componentSize }),
     [componentSize]
   );
   const customControl = useCallback7(
-    (props) => /* @__PURE__ */ jsx286(
+    (props) => /* @__PURE__ */ jsx288(
       DDSControl,
       {
         ...props,
@@ -10243,9 +10425,9 @@ function Select({
   const customOptionComponent = useCallback7(
     (props) => {
       if (customOptionElement) {
-        return /* @__PURE__ */ jsx286(CustomOption, { ...props, customElement: customOptionElement });
+        return /* @__PURE__ */ jsx288(CustomOption, { ...props, customElement: customOptionElement });
       } else {
-        return /* @__PURE__ */ jsx286(DDSOption, { ...props });
+        return /* @__PURE__ */ jsx288(DDSOption, { ...props });
       }
     },
     [customOptionElement, componentSize]
@@ -10289,7 +10471,7 @@ function Select({
     openMenuOnClick: readOnly ? false : openMenuOnClick ? openMenuOnClick : void 0,
     ...rest
   };
-  return /* @__PURE__ */ jsxs67(
+  return /* @__PURE__ */ jsxs68(
     Box,
     {
       width: inputWidth,
@@ -10309,7 +10491,7 @@ function Select({
           readOnly,
           afterLabelContent
         }),
-        /* @__PURE__ */ jsx286(ReactSelect, { ...reactSelectProps, ref }),
+        /* @__PURE__ */ jsx288(ReactSelect, { ...reactSelectProps, ref }),
         renderInputMessage(tip, tipId, errorMessage, errorMessageId)
       ]
     }
@@ -10336,7 +10518,7 @@ var NativeSelect_default = {
 };
 
 // src/components/Select/NativeSelect/NativeSelect.tsx
-import { jsx as jsx287, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx289, jsxs as jsxs69 } from "react/jsx-runtime";
 var NativeSelect = ({
   ref,
   id,
@@ -10403,7 +10585,7 @@ var NativeSelect = ({
   };
   const iconSize = componentSize === "medium" ? "medium" : "small";
   const showClearButton = clearable && hasValue && !readOnly && !rest.disabled;
-  return /* @__PURE__ */ jsxs68("div", { className, style, children: [
+  return /* @__PURE__ */ jsxs69("div", { className, style, children: [
     renderLabel({
       label,
       htmlFor: uniqueId,
@@ -10411,8 +10593,8 @@ var NativeSelect = ({
       readOnly,
       afterLabelContent
     }),
-    /* @__PURE__ */ jsxs68(Box, { position: "relative", width: inputWidth, children: [
-      /* @__PURE__ */ jsx287(
+    /* @__PURE__ */ jsxs69(Box, { position: "relative", width: inputWidth, children: [
+      /* @__PURE__ */ jsx289(
         "select",
         {
           ref: useCombinedRef(ref, selectRef),
@@ -10446,7 +10628,7 @@ var NativeSelect = ({
           children
         }
       ),
-      showClearButton && /* @__PURE__ */ jsx287(
+      showClearButton && /* @__PURE__ */ jsx289(
         ClearButton,
         {
           "aria-label": t(commonTexts.clearSelect),
@@ -10455,7 +10637,7 @@ var NativeSelect = ({
           className: NativeSelect_default[`clear-button--${iconSize}`]
         }
       ),
-      !multiple && /* @__PURE__ */ jsx287(
+      !multiple && /* @__PURE__ */ jsx289(
         Icon,
         {
           icon: ChevronDownIcon,
@@ -10471,14 +10653,14 @@ var NativeSelectPlaceholder = ({
   children = "-- Velg fra listen --",
   value,
   ...rest
-}) => /* @__PURE__ */ jsx287("option", { value: value != null ? value : "", selected: true, ...rest, children });
+}) => /* @__PURE__ */ jsx289("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
-import { jsx as jsx288, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx290, jsxs as jsxs70 } from "react/jsx-runtime";
 var Pagination = ({
   itemsAmount,
   defaultItemsPerPage = 10,
@@ -10487,12 +10669,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,
@@ -10503,7 +10680,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.`
     );
@@ -10531,7 +10714,7 @@ var Pagination = ({
   };
   const listItems = items.length > 0 ? items.map((item, i) => {
     const isActive = item === activePage;
-    return /* @__PURE__ */ jsx288("li", { className: Pagination_default.list__item, children: item !== "truncator" && typeof item === "number" ? /* @__PURE__ */ jsx288(
+    return /* @__PURE__ */ jsx290("li", { className: Pagination_default.list__item, children: item !== "truncator" && typeof item === "number" ? /* @__PURE__ */ jsx290(
       Button,
       {
         purpose: isActive ? "primary" : "secondary",
@@ -10539,10 +10722,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__ */ jsx288(
+    ) : /* @__PURE__ */ jsx290(
       Icon,
       {
         icon: MoreHorizontalIcon,
@@ -10550,7 +10733,7 @@ var Pagination = ({
       }
     ) }, `pagination-item-${i}`);
   }) : void 0;
-  const previousPageButton = /* @__PURE__ */ jsx288(
+  const previousPageButton = /* @__PURE__ */ jsx290(
     Button,
     {
       purpose: "secondary",
@@ -10559,10 +10742,10 @@ var Pagination = ({
       onClick: (event) => {
         onPageChange(event, activePage - 1);
       },
-      "aria-label": t(texts18.previousPage)
+      "aria-label": t(texts21.previousPage)
     }
   );
-  const nextPageButton = /* @__PURE__ */ jsx288(
+  const nextPageButton = /* @__PURE__ */ jsx290(
     Button,
     {
       purpose: "secondary",
@@ -10571,31 +10754,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__ */ jsxs69(
+  const navigation = withPagination ? /* @__PURE__ */ jsxs70(
     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__ */ jsxs69(
+        /* @__PURE__ */ jsxs70(
           ShowHide,
           {
             as: "ol",
             hideBelow: smallScreenBreakpoint,
             className: Pagination_default.list,
             children: [
-              /* @__PURE__ */ jsx288(
+              /* @__PURE__ */ jsx290(
                 "li",
                 {
                   className: cn(
@@ -10607,7 +10790,7 @@ var Pagination = ({
                 }
               ),
               listItems,
-              /* @__PURE__ */ jsx288(
+              /* @__PURE__ */ jsx290(
                 "li",
                 {
                   className: cn(
@@ -10621,14 +10804,14 @@ var Pagination = ({
             ]
           }
         ),
-        !!smallScreenBreakpoint && /* @__PURE__ */ jsxs69(
+        !!smallScreenBreakpoint && /* @__PURE__ */ jsxs70(
           ShowHide,
           {
             as: "ol",
             showBelow: smallScreenBreakpoint,
             className: Pagination_default.list,
             children: [
-              /* @__PURE__ */ jsx288(
+              /* @__PURE__ */ jsx290(
                 "li",
                 {
                   className: cn(
@@ -10636,7 +10819,7 @@ var Pagination = ({
                     isOnFirstPage && Pagination_default["list__item--hidden"]
                   ),
                   "aria-hidden": isOnFirstPage,
-                  children: /* @__PURE__ */ jsx288(
+                  children: /* @__PURE__ */ jsx290(
                     Button,
                     {
                       purpose: "secondary",
@@ -10645,12 +10828,12 @@ var Pagination = ({
                       onClick: (event) => {
                         onPageChange(event, 1);
                       },
-                      "aria-label": t(texts18.firstPage)
+                      "aria-label": t(texts21.firstPage)
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ jsx288(
+              /* @__PURE__ */ jsx290(
                 "li",
                 {
                   className: cn(
@@ -10661,7 +10844,7 @@ var Pagination = ({
                   children: previousPageButton
                 }
               ),
-              /* @__PURE__ */ jsx288("li", { className: Pagination_default.list__item, children: /* @__PURE__ */ jsx288(
+              /* @__PURE__ */ jsx290("li", { className: Pagination_default.list__item, children: /* @__PURE__ */ jsx290(
                 Button,
                 {
                   size: "small",
@@ -10671,7 +10854,7 @@ var Pagination = ({
                   children: activePage
                 }
               ) }),
-              /* @__PURE__ */ jsx288(
+              /* @__PURE__ */ jsx290(
                 "li",
                 {
                   className: cn(
@@ -10682,7 +10865,7 @@ var Pagination = ({
                   children: nextPageButton
                 }
               ),
-              /* @__PURE__ */ jsx288(
+              /* @__PURE__ */ jsx290(
                 "li",
                 {
                   className: cn(
@@ -10690,7 +10873,7 @@ var Pagination = ({
                     isOnLastPage && Pagination_default["list__item--hidden"]
                   ),
                   "aria-hidden": isOnLastPage,
-                  children: /* @__PURE__ */ jsx288(
+                  children: /* @__PURE__ */ jsx290(
                     Button,
                     {
                       purpose: "secondary",
@@ -10699,7 +10882,7 @@ var Pagination = ({
                       onClick: (event) => {
                         onPageChange(event, pagesLength);
                       },
-                      "aria-label": t(texts18.lastPage)
+                      "aria-label": t(texts21.lastPage)
                     }
                   )
                 }
@@ -10712,7 +10895,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__ */ jsxs69(
+  return !withCounter && !withSelect ? navigation : /* @__PURE__ */ jsxs70(
     Box,
     {
       display: "flex",
@@ -10723,11 +10906,11 @@ var Pagination = ({
       alignItems: styleUpToBreakpoint("center", smallScreenBreakpoint),
       ...getBaseHTMLProps(id, className, htmlProps, rest),
       children: [
-        /* @__PURE__ */ jsxs69("div", { className: Pagination_default.indicators, children: [
-          withSelect && /* @__PURE__ */ jsx288(
+        /* @__PURE__ */ jsxs70("div", { className: Pagination_default.indicators, children: [
+          withSelect && /* @__PURE__ */ jsx290(
             Select,
             {
-              options: selectOptions,
+              options: tSelectOptions,
               isSearchable: false,
               width: "90px",
               defaultValue: {
@@ -10737,11 +10920,11 @@ var Pagination = ({
               isClearable: false,
               onChange: handleSelectChange,
               componentSize: "small",
-              "aria-label": t(texts18.itemsPerPage)
+              "aria-label": t(texts21.itemsPerPage)
             }
           ),
-          withCounter && /* @__PURE__ */ jsx288(Paragraph, { children: t(
-            texts18.showsAmountOfTotalItems(
+          withCounter && /* @__PURE__ */ jsx290(Paragraph, { children: t(
+            texts21.showsAmountOfTotalItems(
               activePageFirstItem,
               activePageLastItem,
               itemsAmount
@@ -10754,61 +10937,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
@@ -11218,7 +11417,7 @@ var PhoneInput_default = {
 };
 
 // src/components/PhoneInput/PhoneInput.tsx
-import { jsx as jsx289, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx291, jsxs as jsxs71 } from "react/jsx-runtime";
 var prioritizedCountries = [
   COUNTRIES.NO,
   COUNTRIES.SE,
@@ -11265,21 +11464,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 = useId20();
   const uniqueId = (_a = props.id) != null ? _a : generatedId;
   const phoneInputId = `${uniqueId}-phone-input`;
@@ -11356,7 +11555,7 @@ var PhoneInput = ({
   const showRequiredStyling = !!(required || ariaRequired);
   const bp = props.smallScreenBreakpoint;
   const widthDefault = componentSize === "xsmall" && "var(--dds-input-default-width-xsmall)";
-  return /* @__PURE__ */ jsxs70("div", { className: cn(className, Input_default.container), style, children: [
+  return /* @__PURE__ */ jsxs71("div", { className: cn(className, Input_default.container), style, children: [
     renderLabel({
       label,
       htmlFor: phoneNumberId,
@@ -11364,7 +11563,7 @@ var PhoneInput = ({
       readOnly,
       afterLabelContent
     }),
-    /* @__PURE__ */ jsxs70(
+    /* @__PURE__ */ jsxs71(
       Box,
       {
         display: "flex",
@@ -11377,8 +11576,8 @@ var PhoneInput = ({
         role: "group",
         "aria-label": tGroupLabel,
         children: [
-          /* @__PURE__ */ jsx289("label", { className: utilStyles_default["visually-hidden"], htmlFor: selectId, children: tSelectLabel }),
-          /* @__PURE__ */ jsx289(
+          /* @__PURE__ */ jsx291("label", { className: utilStyles_default["visually-hidden"], htmlFor: selectId, children: tSelectLabel }),
+          /* @__PURE__ */ jsx291(
             NativeSelect,
             {
               width: styleUpToBreakpoint(
@@ -11399,11 +11598,11 @@ var PhoneInput = ({
                 hasTip ? tipId : void 0,
                 ariaDescribedby
               ]),
-              children: countryOptions.map((item, index) => /* @__PURE__ */ jsx289("option", { value: item.countryCode, children: item.label }, index))
+              children: countryOptions.map((item, index) => /* @__PURE__ */ jsx291("option", { value: item.countryCode, children: item.label }, index))
             }
           ),
-          /* @__PURE__ */ jsxs70(Box, { width: "100%", className: Input_default["input-group"], children: [
-            /* @__PURE__ */ jsx289(
+          /* @__PURE__ */ jsxs71(Box, { width: "100%", className: Input_default["input-group"], children: [
+            /* @__PURE__ */ jsx291(
               "span",
               {
                 className: cn(
@@ -11415,7 +11614,7 @@ var PhoneInput = ({
                 children: callingCode
               }
             ),
-            /* @__PURE__ */ jsx289(
+            /* @__PURE__ */ jsx291(
               Box,
               {
                 as: StatefulInput,
@@ -11453,18 +11652,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"
   }
 });
 
@@ -11493,7 +11694,7 @@ var PopoverContext = createContext13({});
 var usePopoverContext = () => useContext19(PopoverContext);
 
 // src/components/Popover/Popover.tsx
-import { jsx as jsx290, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx292, jsxs as jsxs72 } from "react/jsx-runtime";
 var Popover = ({
   id,
   header,
@@ -11581,7 +11782,7 @@ var Popover = ({
   });
   const hasTitle = !!header;
   const openCn = hasTransitionedIn && isOpen ? "open" : "closed";
-  const popover = /* @__PURE__ */ jsxs71(
+  const popover = /* @__PURE__ */ jsxs72(
     Paper,
     {
       ...getBaseHTMLProps(
@@ -11612,15 +11813,15 @@ var Popover = ({
       elevation: 3,
       border: "border-subtle",
       children: [
-        header && /* @__PURE__ */ jsx290("div", { className: Popover_default.header, children: typeof header === "string" ? /* @__PURE__ */ jsx290(Heading, { level: 2, typographyType: "headingMedium", children: header }) : header }),
-        /* @__PURE__ */ jsx290(
+        header && /* @__PURE__ */ jsx292("div", { className: Popover_default.header, children: typeof header === "string" ? /* @__PURE__ */ jsx292(Heading, { level: 2, typographyType: "headingMedium", children: header }) : header }),
+        /* @__PURE__ */ jsx292(
           "div",
           {
             className: !hasTitle && withCloseButton ? Popover_default["content--closable--no-header"] : "",
             children
           }
         ),
-        withCloseButton && /* @__PURE__ */ jsx290(
+        withCloseButton && /* @__PURE__ */ jsx292(
           Button,
           {
             icon: CloseIcon,
@@ -11647,7 +11848,7 @@ import {
   useRef as useRef31,
   useState as useState24
 } from "react";
-import { jsx as jsx291 } from "react/jsx-runtime";
+import { jsx as jsx293 } from "react/jsx-runtime";
 var PopoverGroup = ({
   isOpen: propIsOpen,
   setIsOpen: propSetIsOpen,
@@ -11708,7 +11909,7 @@ var PopoverGroup = ({
       ref: combinedAnchorRef
     }) : child);
   });
-  return /* @__PURE__ */ jsx291(
+  return /* @__PURE__ */ jsx293(
     PopoverContext,
     {
       value: {
@@ -11766,7 +11967,7 @@ var ProgressTracker_default = {
 
 // src/components/ProgressTracker/ProgressTrackerItem.tsx
 import { useMemo as useMemo2 } from "react";
-import { Fragment as Fragment10, jsx as jsx292, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx294, jsxs as jsxs73 } from "react/jsx-runtime";
 var toItemState = (active, completed, disabled) => {
   if (disabled) {
     return "disabled";
@@ -11810,10 +12011,10 @@ var ProgressTrackerItem = (props) => {
   };
   const stepNumberContent = useMemo2(() => {
     if (completed) {
-      return /* @__PURE__ */ jsx292(Icon, { icon: CheckIcon, iconSize: "small" });
+      return /* @__PURE__ */ jsx294(Icon, { icon: CheckIcon, iconSize: "small" });
     }
     if (icon !== void 0) {
-      return /* @__PURE__ */ jsx292(Icon, { icon, iconSize: "small" });
+      return /* @__PURE__ */ jsx294(Icon, { icon, iconSize: "small" });
     }
     return stepNumber;
   }, [completed, icon, index]);
@@ -11822,8 +12023,8 @@ var ProgressTrackerItem = (props) => {
     if (active) return "text-action-resting";
   }
   const isInactiveLink = disabled || active;
-  const stepContent = /* @__PURE__ */ jsxs72(Fragment10, { children: [
-    /* @__PURE__ */ jsx292(
+  const stepContent = /* @__PURE__ */ jsxs73(Fragment10, { children: [
+    /* @__PURE__ */ jsx294(
       Box,
       {
         display: "flex",
@@ -11838,7 +12039,7 @@ var ProgressTrackerItem = (props) => {
         children: stepNumberContent
       }
     ),
-    /* @__PURE__ */ jsx292(
+    /* @__PURE__ */ jsx294(
       Typography,
       {
         as: "div",
@@ -11852,15 +12053,15 @@ var ProgressTrackerItem = (props) => {
       }
     )
   ] });
-  const ariaLabel = props["aria-label"] ? props["aria-label"] : `${children}, ${stepNumber}. ${completed ? t(texts20.completed) : t(texts20.uncompleted)}`;
-  return /* @__PURE__ */ jsx292(
+  const ariaLabel = props["aria-label"] ? props["aria-label"] : `${children}, ${stepNumber}. ${completed ? t(texts23.completed) : t(texts23.uncompleted)}`;
+  return /* @__PURE__ */ jsx294(
     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__ */ jsx292(
+      children: handleStepChange ? /* @__PURE__ */ jsx294(
         Box,
         {
           as: StylelessButton,
@@ -11884,7 +12085,7 @@ var ProgressTrackerItem = (props) => {
           disabled,
           children: stepContent
         }
-      ) : /* @__PURE__ */ jsx292(
+      ) : /* @__PURE__ */ jsx294(
         "div",
         {
           ...getBaseHTMLProps(
@@ -11901,23 +12102,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
-import { jsx as jsx293 } from "react/jsx-runtime";
+import { jsx as jsx295 } from "react/jsx-runtime";
 var ProgressTracker = (() => {
   const Res = ({
     id,
@@ -11947,7 +12150,7 @@ var ProgressTracker = (() => {
     }, [children]);
     const isRow = direction === "row";
     const { "aria-label": ariaLabel } = htmlProps;
-    return /* @__PURE__ */ jsx293(
+    return /* @__PURE__ */ jsx295(
       ProgressTrackerContext,
       {
         value: {
@@ -11955,12 +12158,12 @@ var ProgressTracker = (() => {
           handleStepChange: handleChange,
           direction
         },
-        children: /* @__PURE__ */ jsx293(
+        children: /* @__PURE__ */ jsx295(
           "nav",
           {
-            "aria-label": ariaLabel != null ? ariaLabel : t(texts21.stepProgression),
+            "aria-label": ariaLabel != null ? ariaLabel : t(texts24.stepProgression),
             ...getBaseHTMLProps(id, className, htmlProps, rest),
-            children: /* @__PURE__ */ jsx293(
+            children: /* @__PURE__ */ jsx295(
               Box,
               {
                 as: StylelessOList,
@@ -11996,12 +12199,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"
   }
 });
 
@@ -12019,7 +12223,7 @@ var ProgressBar_default = {
 };
 
 // src/components/ProgressBar/ProgressBar.tsx
-import { jsx as jsx294, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx296, jsxs as jsxs74 } from "react/jsx-runtime";
 var PROGRESS_BAR_SIZES = createSizes("small", "medium");
 var ProgressBar = ({
   label,
@@ -12045,9 +12249,9 @@ var ProgressBar = ({
   const errorMessageId = derivativeIdGenerator(uniqueId, "errorMessage");
   const fillPrecentage = hasValidValue && value / (max != null ? max : 1) * 100 + "%";
   const isIndeterminate = !hasValidValue && !hasErrorMessage;
-  return /* @__PURE__ */ jsxs73(Box, { width: "100%", className, style, children: [
+  return /* @__PURE__ */ jsxs74(Box, { width: "100%", className, style, children: [
     renderLabel({ label, htmlFor: uniqueId }),
-    /* @__PURE__ */ jsx294(
+    /* @__PURE__ */ jsx296(
       "progress",
       {
         id: uniqueId,
@@ -12063,13 +12267,13 @@ var ProgressBar = ({
         children: fillPrecentage
       }
     ),
-    /* @__PURE__ */ jsx294(
+    /* @__PURE__ */ jsx296(
       Box,
       {
         width: getInputWidth(width),
         height: size2 === "small" ? "x0.75" : "x1.5",
         className: cn(ProgressBar_default.progress),
-        children: /* @__PURE__ */ jsx294(
+        children: /* @__PURE__ */ jsx296(
           Box,
           {
             height: "100%",
@@ -12124,7 +12328,7 @@ var typographyTypes2 = {
 
 // src/components/Search/SearchSuggestionItem.tsx
 import { useEffect as useEffect29, useRef as useRef32 } from "react";
-import { jsx as jsx295 } from "react/jsx-runtime";
+import { jsx as jsx297 } from "react/jsx-runtime";
 var SearchSuggestionItem = ({
   focus,
   className,
@@ -12139,7 +12343,7 @@ var SearchSuggestionItem = ({
       (_a = itemRef.current) == null ? void 0 : _a.focus();
     }
   }, [focus]);
-  return /* @__PURE__ */ jsx295(
+  return /* @__PURE__ */ jsx297(
     StylelessButton,
     {
       ref: combinedRef,
@@ -12157,7 +12361,7 @@ var SearchSuggestionItem = ({
 SearchSuggestionItem.displayName = "SearchSuggestionItem";
 
 // src/components/Search/SearchSuggestions.tsx
-import { jsx as jsx296, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx298, jsxs as jsxs75 } from "react/jsx-runtime";
 var SearchSuggestions = ({
   id,
   searchId,
@@ -12177,7 +12381,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__ */ jsxs74(
+  return /* @__PURE__ */ jsxs75(
     Paper,
     {
       ...getBaseHTMLProps(
@@ -12201,23 +12405,23 @@ var SearchSuggestions = ({
       overflowY: "scroll",
       marginBlock: "x0.25 0",
       children: [
-        /* @__PURE__ */ jsx296(
+        /* @__PURE__ */ jsx298(
           Box,
           {
             as: "h2",
             paddingInline: "0 x1",
             id: suggestionsHeaderId,
             className: typographyStyles_default["body-xsmall"],
-            children: "S\xF8keforslag"
+            children: t(texts25.searchSuggestions)
           }
         ),
-        /* @__PURE__ */ jsx296(StylelessList, { role: "listbox", "aria-labelledby": suggestionsHeaderId, children: suggestionsToRender.map((suggestion, index) => {
-          return /* @__PURE__ */ jsx296("li", { role: "option", children: /* @__PURE__ */ jsx296(
+        /* @__PURE__ */ jsx298(StylelessList, { role: "listbox", "aria-labelledby": suggestionsHeaderId, children: suggestionsToRender.map((suggestion, index) => {
+          return /* @__PURE__ */ jsx298("li", { role: "option", children: /* @__PURE__ */ jsx298(
             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,
@@ -12231,17 +12435,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
-import { Fragment as Fragment11, jsx as jsx297, jsxs as jsxs75 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx299, jsxs as jsxs76 } from "react/jsx-runtime";
 var getIconSize2 = (size2) => {
   switch (size2) {
     case "large":
@@ -12317,14 +12529,14 @@ var Search = ({
   } = buttonProps != null ? buttonProps : {};
   const hasSuggestions = !!context.suggestions;
   const showSearchButton = !!buttonProps && !!onClick;
-  const inputGroup = /* @__PURE__ */ jsxs75(
+  const inputGroup = /* @__PURE__ */ jsxs76(
     HStack,
     {
       position: "relative",
       width: !showSearchButton ? width : void 0,
       className: !showSearchButton ? className : void 0,
       children: [
-        showIcon && /* @__PURE__ */ jsx297(
+        showIcon && /* @__PURE__ */ jsx299(
           Icon,
           {
             icon: SearchIcon,
@@ -12335,7 +12547,7 @@ var Search = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx297(
+        /* @__PURE__ */ jsx299(
           Box,
           {
             as: Input,
@@ -12364,8 +12576,8 @@ var Search = ({
             )
           }
         ),
-        hasSuggestions && /* @__PURE__ */ jsxs75(Fragment11, { children: [
-          /* @__PURE__ */ jsx297(
+        hasSuggestions && /* @__PURE__ */ jsxs76(Fragment11, { children: [
+          /* @__PURE__ */ jsx299(
             SearchSuggestions,
             {
               id: suggestionsId,
@@ -12377,13 +12589,13 @@ var Search = ({
               componentSize
             }
           ),
-          /* @__PURE__ */ jsx297(VisuallyHidden, { id: suggestionsDescriptionId, children: t(texts23.useArrowKeys) })
+          /* @__PURE__ */ jsx299(VisuallyHidden, { id: suggestionsDescriptionId, children: t(texts26.useArrowKeys) })
         ] }),
-        hasValue && /* @__PURE__ */ jsx297(
+        hasValue && /* @__PURE__ */ jsx299(
           ClearButton,
           {
             size: getIconSize2(componentSize),
-            "aria-label": t(texts23.clearSearch),
+            "aria-label": t(texts26.clearSearch),
             onClick: clearInput,
             className: Search_default["clear-button"]
           }
@@ -12391,10 +12603,10 @@ var Search = ({
       ]
     }
   );
-  return /* @__PURE__ */ jsxs75("div", { children: [
+  return /* @__PURE__ */ jsxs76("div", { children: [
     renderLabel({ htmlFor: uniqueId, label }),
-    /* @__PURE__ */ jsxs75("div", { children: [
-      showSearchButton ? /* @__PURE__ */ jsxs75(
+    /* @__PURE__ */ jsxs76("div", { children: [
+      showSearchButton ? /* @__PURE__ */ jsxs76(
         Grid,
         {
           className,
@@ -12406,13 +12618,13 @@ var Search = ({
           style,
           children: [
             inputGroup,
-            /* @__PURE__ */ jsx297(
+            /* @__PURE__ */ jsx299(
               Button,
               {
                 size: componentSize,
                 onClick,
                 ...otherButtonProps,
-                children: buttonLabel != null ? buttonLabel : t(texts23.search)
+                children: buttonLabel != null ? buttonLabel : t(texts26.search)
               }
             )
           ]
@@ -12423,24 +12635,27 @@ 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"
   }
 });
 
@@ -12450,7 +12665,7 @@ import {
   useRef as useRef33,
   useState as useState27
 } from "react";
-import { jsx as jsx298 } from "react/jsx-runtime";
+import { jsx as jsx300 } from "react/jsx-runtime";
 var SearchAutocompleteWrapper = (props) => {
   const {
     value,
@@ -12526,7 +12741,7 @@ var SearchAutocompleteWrapper = (props) => {
     inputValue,
     onSugggestionClick: handleSuggestionClick
   };
-  return /* @__PURE__ */ jsx298(AutocompleteSearchContext, { value: contextProps, children });
+  return /* @__PURE__ */ jsx300(AutocompleteSearchContext, { value: contextProps, children });
 };
 SearchAutocompleteWrapper.displayName = "SearchAutocompleteWrapper";
 
@@ -12542,7 +12757,7 @@ var Skeleton_default = {
 };
 
 // src/components/Skeleton/Skeleton.tsx
-import { jsx as jsx299 } from "react/jsx-runtime";
+import { jsx as jsx301 } from "react/jsx-runtime";
 var Skeleton = ({
   width,
   height,
@@ -12552,7 +12767,7 @@ var Skeleton = ({
   ref,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx299(
+  return /* @__PURE__ */ jsx301(
     Box,
     {
       width,
@@ -12572,7 +12787,7 @@ var SkipToContent_default = {
 };
 
 // src/components/SkipToContent/SkipToContent.tsx
-import { jsx as jsx300 } from "react/jsx-runtime";
+import { jsx as jsx302 } from "react/jsx-runtime";
 var SkipToContent = ({
   text = "Til hovedinnhold",
   top = 0,
@@ -12582,12 +12797,12 @@ var SkipToContent = ({
   ...rest
 }) => {
   const { className: htmlPropsClassName, style, ...restHtmlProps } = htmlProps;
-  return /* @__PURE__ */ jsx300(
+  return /* @__PURE__ */ jsx302(
     Contrast,
     {
       className: cn(className, htmlPropsClassName, SkipToContent_default.wrapper),
       style: { ...style, top },
-      children: /* @__PURE__ */ jsx300(Link, { ...getBaseHTMLProps(id, restHtmlProps, rest), children: text })
+      children: /* @__PURE__ */ jsx302(Link, { ...getBaseHTMLProps(id, restHtmlProps, rest), children: text })
     }
   );
 };
@@ -12605,7 +12820,7 @@ var SplitButton_default = {
 };
 
 // src/components/SplitButton/SplitButton.tsx
-import { jsx as jsx301, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx303, jsxs as jsxs77 } from "react/jsx-runtime";
 var SplitButton = ({
   size: size2,
   primaryAction,
@@ -12620,8 +12835,8 @@ var SplitButton = ({
     purpose,
     size: size2
   };
-  return /* @__PURE__ */ jsxs76("div", { className: cn(className, SplitButton_default.container), ...rest, children: [
-    /* @__PURE__ */ jsx301(
+  return /* @__PURE__ */ jsxs77("div", { className: cn(className, SplitButton_default.container), ...rest, children: [
+    /* @__PURE__ */ jsx303(
       Button,
       {
         ...buttonStyleProps,
@@ -12630,13 +12845,13 @@ var SplitButton = ({
         className: SplitButton_default.main
       }
     ),
-    /* @__PURE__ */ jsxs76(OverflowMenuGroup, { isOpen, setIsOpen, children: [
-      /* @__PURE__ */ jsx301(
+    /* @__PURE__ */ jsxs77(OverflowMenuGroup, { isOpen, setIsOpen, children: [
+      /* @__PURE__ */ jsx303(
         Button,
         {
           ...buttonStyleProps,
           icon: isOpen ? ChevronUpIcon : ChevronDownIcon,
-          "aria-label": t(texts24.moreActions),
+          "aria-label": t(texts27.moreActions),
           purpose,
           className: cn(
             SplitButton_default.option,
@@ -12645,17 +12860,18 @@ var SplitButton = ({
           type: "button"
         }
       ),
-      /* @__PURE__ */ jsx301(OverflowMenu, { placement: "bottom-end", children: /* @__PURE__ */ jsx301(OverflowMenuList, { children: secondaryActions.map((item, index) => /* @__PURE__ */ jsx301(OverflowMenuButton, { ...item, children: item.children }, index)) }) })
+      /* @__PURE__ */ jsx303(OverflowMenu, { placement: "bottom-end", children: /* @__PURE__ */ jsx303(OverflowMenuList, { children: secondaryActions.map((item, index) => /* @__PURE__ */ jsx303(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"
   }
 });
 
@@ -12678,14 +12894,14 @@ var CollapsibleTableContext = createContext16({
 var useCollapsibleTableContext = () => useContext23(CollapsibleTableContext);
 
 // src/components/Table/normal/Body.tsx
-import { jsx as jsx302 } from "react/jsx-runtime";
-var Body = (props) => /* @__PURE__ */ jsx302("tbody", { ...props });
+import { jsx as jsx304 } from "react/jsx-runtime";
+var Body = (props) => /* @__PURE__ */ jsx304("tbody", { ...props });
 Body.displayName = "Table.Body";
 
 // src/components/Table/normal/Head.tsx
 import { createContext as createContext17, useContext as useContext24 } from "react";
-import { jsx as jsx303 } from "react/jsx-runtime";
-var Head = ({ children, ...rest }) => /* @__PURE__ */ jsx303("thead", { ...rest, children: /* @__PURE__ */ jsx303(HeadContext, { value: true, children }) });
+import { jsx as jsx305 } from "react/jsx-runtime";
+var Head = ({ children, ...rest }) => /* @__PURE__ */ jsx305("thead", { ...rest, children: /* @__PURE__ */ jsx305(HeadContext, { value: true, children }) });
 var HeadContext = createContext17(false);
 function useIsInTableHead() {
   const isInTableHead = useContext24(HeadContext);
@@ -12718,7 +12934,7 @@ var Table_default = {
 };
 
 // src/components/Table/normal/Cell.tsx
-import { jsx as jsx304 } from "react/jsx-runtime";
+import { jsx as jsx306 } from "react/jsx-runtime";
 var Cell = ({
   children,
   type: _type,
@@ -12731,7 +12947,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__ */ jsx304(DescriptionListDesc, { children }) : type === "head" ? /* @__PURE__ */ jsx304(
+  return isCollapsibleChild ? /* @__PURE__ */ jsx306(DescriptionListDesc, { children }) : type === "head" ? /* @__PURE__ */ jsx306(
     "th",
     {
       ...rest,
@@ -12740,26 +12956,26 @@ var Cell = ({
         !isComplexLayout && Table_default[`cell--${layout}`],
         Table_default["cell--head"]
       ),
-      children: isComplexLayout ? /* @__PURE__ */ jsx304("div", { className: Table_default.cell__inner, children }) : children
+      children: isComplexLayout ? /* @__PURE__ */ jsx306("div", { className: Table_default.cell__inner, children }) : children
     }
-  ) : /* @__PURE__ */ jsx304(
+  ) : /* @__PURE__ */ jsx306(
     "td",
     {
       ...rest,
       className: cn(className, !isComplexLayout && Table_default[`cell--${layout}`]),
-      children: isComplexLayout ? /* @__PURE__ */ jsx304("div", { className: Table_default.cell__inner, children }) : children
+      children: isComplexLayout ? /* @__PURE__ */ jsx306("div", { className: Table_default.cell__inner, children }) : children
     }
   );
 };
 Cell.displayName = "Table.Cell";
 
 // src/components/Table/normal/Foot.tsx
-import { jsx as jsx305 } from "react/jsx-runtime";
-var Foot = (props) => /* @__PURE__ */ jsx305("tfoot", { ...props });
+import { jsx as jsx307 } from "react/jsx-runtime";
+var Foot = (props) => /* @__PURE__ */ jsx307("tfoot", { ...props });
 Foot.displayName = "Table.Foot";
 
 // src/components/Table/normal/Row.tsx
-import { jsx as jsx306 } from "react/jsx-runtime";
+import { jsx as jsx308 } from "react/jsx-runtime";
 var Row = ({
   type: _type,
   mode = "normal",
@@ -12770,7 +12986,7 @@ var Row = ({
 }) => {
   const isInHeader = useIsInTableHead();
   const type = _type != null ? _type : isInHeader ? "head" : "body";
-  return /* @__PURE__ */ jsx306(
+  return /* @__PURE__ */ jsx308(
     "tr",
     {
       className: cn(
@@ -12790,12 +13006,12 @@ var Row = ({
 Row.displayName = "Table.Row";
 
 // src/components/Table/normal/SortCell.tsx
-import { jsx as jsx307, jsxs as jsxs77 } from "react/jsx-runtime";
+import { jsx as jsx309, jsxs as jsxs78 } from "react/jsx-runtime";
 var makeSortIcon = (isSorted, sortOrder) => {
   if (!isSorted || !sortOrder) {
-    return /* @__PURE__ */ jsx307(Icon, { icon: UnfoldMoreIcon, iconSize: "inherit" });
+    return /* @__PURE__ */ jsx309(Icon, { icon: UnfoldMoreIcon, iconSize: "inherit" });
   }
-  return sortOrder === "ascending" ? /* @__PURE__ */ jsx307(Icon, { icon: ChevronDownIcon, iconSize: "inherit" }) : /* @__PURE__ */ jsx307(Icon, { icon: ChevronUpIcon, iconSize: "inherit" });
+  return sortOrder === "ascending" ? /* @__PURE__ */ jsx309(Icon, { icon: ChevronDownIcon, iconSize: "inherit" }) : /* @__PURE__ */ jsx309(Icon, { icon: ChevronUpIcon, iconSize: "inherit" });
 };
 var SortCell = ({
   isSorted,
@@ -12805,17 +13021,17 @@ var SortCell = ({
   ...rest
 }) => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsx307(
+  return /* @__PURE__ */ jsx309(
     Cell,
     {
       type: "head",
       "aria-sort": isSorted && sortOrder ? sortOrder : void 0,
       ...rest,
-      children: /* @__PURE__ */ jsxs77(
+      children: /* @__PURE__ */ jsxs78(
         StylelessButton,
         {
           onClick,
-          "aria-description": t(texts25.changeSort),
+          "aria-description": t(texts28.changeSort),
           className: cn(Table_default["sort-button"], focusable),
           children: [
             children,
@@ -12828,17 +13044,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
-import { jsx as jsx308 } from "react/jsx-runtime";
+import { jsx as jsx310 } from "react/jsx-runtime";
 var Table = ({
   size: size2 = "medium",
   stickyHeader,
@@ -12846,7 +13063,7 @@ var Table = ({
   className,
   children,
   ...rest
-}) => /* @__PURE__ */ jsx308(
+}) => /* @__PURE__ */ jsx310(
   "table",
   {
     ...rest,
@@ -12870,7 +13087,7 @@ import {
   useRef as useRef34,
   useState as useState29
 } from "react";
-import { jsx as jsx309 } from "react/jsx-runtime";
+import { jsx as jsx311 } from "react/jsx-runtime";
 var TableWrapper = ({ className, ...rest }) => {
   const themeContext = useContext25(ThemeContext);
   const container2 = themeContext == null ? void 0 : themeContext.el;
@@ -12895,7 +13112,7 @@ var TableWrapper = ({ className, ...rest }) => {
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   });
-  return /* @__PURE__ */ jsx309(
+  return /* @__PURE__ */ jsx311(
     "div",
     {
       ref: wrapperRef,
@@ -12922,7 +13139,7 @@ Table2.Row = Row;
 Table2.Foot = Foot;
 
 // src/components/Table/collapsible/CollapsibleRow.tsx
-import { Fragment as Fragment13, jsx as jsx310, jsxs as jsxs78 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx312, jsxs as jsxs79 } from "react/jsx-runtime";
 var CollapsibleRow = ({
   type: _type,
   className,
@@ -12965,40 +13182,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__ */ jsxs78(Fragment12, { children: [
-      /* @__PURE__ */ jsx310(DescriptionListTerm, { children: collapsedHeaderValues[index].content }),
+    return /* @__PURE__ */ jsxs79(Fragment12, { children: [
+      /* @__PURE__ */ jsx312(DescriptionListTerm, { children: collapsedHeaderValues[index].content }),
       isValidElement6(child) && cloneElement6(child, {
         collapsibleProps: { isCollapsibleChild: true }
       })
     ] }, `DL-${index}`);
   }) : null;
-  const collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ jsx310(Row, { ...rowProps(), children: /* @__PURE__ */ jsx310(Cell, { colSpan: definingColumnIndex.length + 1, children: /* @__PURE__ */ jsx310(DescriptionList, { children: collapsedRenderedChildren }) }) }) : null;
+  const collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ jsx312(Row, { ...rowProps(), children: /* @__PURE__ */ jsx312(Cell, { colSpan: definingColumnIndex.length + 1, children: /* @__PURE__ */ jsx312(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__ */ jsx310(Row, { ref, ...rowProps(), children: /* @__PURE__ */ jsxs78(Fragment13, { children: [
+    return /* @__PURE__ */ jsx312(Row, { ref, ...rowProps(), children: /* @__PURE__ */ jsxs79(Fragment13, { children: [
       definingColumnCells,
-      /* @__PURE__ */ jsxs78(Table2.Cell, { type: "head", layout: "center", children: [
-        t(texts26.expand),
-        /* @__PURE__ */ jsx310(VisuallyHidden, { children: t(texts26.row) })
+      /* @__PURE__ */ jsxs79(Table2.Cell, { type: "head", layout: "center", children: [
+        t(texts29.expand),
+        /* @__PURE__ */ jsx312(VisuallyHidden, { children: t(texts29.row) })
       ] })
     ] }) });
   };
   const idList = spaceSeparatedIdListGenerator(collapsibleIds);
   const rowWithChevron = () => {
     if (type !== "body" || !isCollapsed) return null;
-    return /* @__PURE__ */ jsxs78(Row, { ref, ...rowProps(!childrenCollapsed && true), children: [
+    return /* @__PURE__ */ jsxs79(Row, { ref, ...rowProps(!childrenCollapsed && true), children: [
       definingColumnCells,
-      /* @__PURE__ */ jsx310(Table2.Cell, { children: /* @__PURE__ */ jsx310(
+      /* @__PURE__ */ jsx312(Table2.Cell, { children: /* @__PURE__ */ jsx312(
         StylelessButton,
         {
           onClick: () => setChildrenCollapsed(!childrenCollapsed),
           "aria-expanded": !childrenCollapsed,
           "aria-controls": idList,
           className: cn(Table_default["collapse-button"], focusable),
-          children: /* @__PURE__ */ jsx310(
+          children: /* @__PURE__ */ jsx312(
             AnimatedChevronUpDown,
             {
               isUp: childrenCollapsed ? false : true,
@@ -13010,39 +13227,41 @@ var CollapsibleRow = ({
       ) })
     ] });
   };
-  return isCollapsed && collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ jsxs78(Fragment13, { children: [
+  return isCollapsed && collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ jsxs79(Fragment13, { children: [
     headerRow(),
-    type === "body" && /* @__PURE__ */ jsxs78(Fragment13, { children: [
+    type === "body" && /* @__PURE__ */ jsxs79(Fragment13, { children: [
       rowWithChevron(),
       childrenCollapsed ? null : collapsedRows
     ] })
-  ] }) : /* @__PURE__ */ jsx310(Row, { ref, ...rowProps(), children });
+  ] }) : /* @__PURE__ */ jsx312(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
-import { jsx as jsx311 } from "react/jsx-runtime";
+import { jsx as jsx313 } from "react/jsx-runtime";
 var CollapsibleTable = ({
   isCollapsed,
   headerValues,
   definingColumnIndex = [0],
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx311(
+  return /* @__PURE__ */ jsx313(
     CollapsibleTableContext,
     {
       value: {
@@ -13050,7 +13269,7 @@ var CollapsibleTable = ({
         headerValues,
         definingColumnIndex
       },
-      children: /* @__PURE__ */ jsx311(Table2, { ...rest })
+      children: /* @__PURE__ */ jsx313(Table2, { ...rest })
     }
   );
 };
@@ -13100,13 +13319,13 @@ import {
   useContext as useContext27,
   useLayoutEffect as useLayoutEffect3
 } from "react";
-import { jsx as jsx312 } from "react/jsx-runtime";
+import { jsx as jsx314 } from "react/jsx-runtime";
 var TabContext = createContext19(null);
 function TabWidthContextProvider({
   children,
   onChangeWidths
 }) {
-  return /* @__PURE__ */ jsx312(
+  return /* @__PURE__ */ jsx314(
     TabContext,
     {
       value: {
@@ -13138,7 +13357,7 @@ function useSetTabWidth(index, width) {
 }
 
 // src/components/Tabs/AddTabButton.tsx
-import { jsx as jsx313, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx315, jsxs as jsxs80 } from "react/jsx-runtime";
 var AddTabButton = ({
   ref,
   children,
@@ -13151,7 +13370,7 @@ var AddTabButton = ({
   const buttonRef = useRef35(null);
   const combinedRef = useCombinedRef(ref, buttonRef);
   const { tabContentDirection, size: size2 } = useTabsContext();
-  return /* @__PURE__ */ jsxs79(
+  return /* @__PURE__ */ jsxs80(
     "button",
     {
       ...rest,
@@ -13164,8 +13383,8 @@ var AddTabButton = ({
         focus_default["focusable--inset"]
       ),
       children: [
-        /* @__PURE__ */ jsx313(Icon, { icon: PlusIcon, iconSize: "inherit" }),
-        /* @__PURE__ */ jsx313("span", { children })
+        /* @__PURE__ */ jsx315(Icon, { icon: PlusIcon, iconSize: "inherit" }),
+        /* @__PURE__ */ jsx315("span", { children })
       ]
     }
   );
@@ -13174,7 +13393,7 @@ AddTabButton.displayName = "AddTabButton";
 
 // src/components/Tabs/Tabs.tsx
 import { useEffect as useEffect33, useId as useId25, useRef as useRef36, useState as useState31 } from "react";
-import { jsx as jsx314 } from "react/jsx-runtime";
+import { jsx as jsx316 } from "react/jsx-runtime";
 var TABS_SIZES = createSizes("small", "medium");
 var Tabs = ({
   id,
@@ -13204,7 +13423,7 @@ var Tabs = ({
       setActiveTab(activeTab);
     }
   }, [activeTab, thisActiveTab]);
-  return /* @__PURE__ */ jsx314(
+  return /* @__PURE__ */ jsx316(
     TabsContext,
     {
       value: {
@@ -13219,7 +13438,7 @@ var Tabs = ({
         tabContentDirection,
         addTabButtonProps
       },
-      children: /* @__PURE__ */ jsx314(
+      children: /* @__PURE__ */ jsx316(
         Box,
         {
           ...getBaseHTMLProps(uniqueId, className, htmlProps, rest),
@@ -13238,7 +13457,7 @@ import {
   useEffect as useEffect34,
   useRef as useRef37
 } from "react";
-import { jsx as jsx315, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx317, jsxs as jsxs81 } from "react/jsx-runtime";
 var Tab = ({
   active = false,
   icon,
@@ -13280,7 +13499,7 @@ var Tab = ({
     handleSelect();
     onKeyDown == null ? void 0 : onKeyDown(e);
   };
-  return /* @__PURE__ */ jsxs80(
+  return /* @__PURE__ */ jsxs81(
     "button",
     {
       ...getBaseHTMLProps(
@@ -13304,8 +13523,8 @@ var Tab = ({
       onKeyDown: handleOnKeyDown,
       tabIndex: focus ? 0 : -1,
       children: [
-        icon && /* @__PURE__ */ jsx315(Icon, { icon, iconSize: "inherit" }),
-        /* @__PURE__ */ jsx315("span", { children })
+        icon && /* @__PURE__ */ jsx317(Icon, { icon, iconSize: "inherit" }),
+        /* @__PURE__ */ jsx317("span", { children })
       ]
     }
   );
@@ -13319,7 +13538,7 @@ import {
   isValidElement as isValidElement7,
   useState as useState32
 } from "react";
-import { jsx as jsx316, jsxs as jsxs81 } from "react/jsx-runtime";
+import { jsx as jsx318, jsxs as jsxs82 } from "react/jsx-runtime";
 var TabList = ({
   children,
   id,
@@ -13377,7 +13596,7 @@ var TabList = ({
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ["--dds-tab-widths"]: widths.join(" ")
   };
-  return /* @__PURE__ */ jsx316(TabWidthContextProvider, { onChangeWidths: setWidths, children: /* @__PURE__ */ jsxs81(
+  return /* @__PURE__ */ jsx318(TabWidthContextProvider, { onChangeWidths: setWidths, children: /* @__PURE__ */ jsxs82(
     "div",
     {
       ...rest,
@@ -13397,7 +13616,7 @@ var TabList = ({
       style: { ...style, ...customWidths },
       children: [
         tabListChildren,
-        hasButton && /* @__PURE__ */ jsx316(
+        hasButton && /* @__PURE__ */ jsx318(
           AddTabButton,
           {
             index: tabListChildren ? tabListChildren.length : 0,
@@ -13411,7 +13630,7 @@ var TabList = ({
 TabList.displayName = "TabList";
 
 // src/components/Tabs/TabPanel.tsx
-import { jsx as jsx317 } from "react/jsx-runtime";
+import { jsx as jsx319 } from "react/jsx-runtime";
 var TabPanel = ({
   active = false,
   children,
@@ -13420,7 +13639,7 @@ var TabPanel = ({
   htmlProps,
   padding = "x0.25",
   ...rest
-}) => /* @__PURE__ */ jsx317(
+}) => /* @__PURE__ */ jsx319(
   Box,
   {
     padding,
@@ -13439,7 +13658,7 @@ import {
   cloneElement as cloneElement8,
   isValidElement as isValidElement8
 } from "react";
-import { jsx as jsx318 } from "react/jsx-runtime";
+import { jsx as jsx320 } from "react/jsx-runtime";
 var TabPanels = ({ children, ref, ...rest }) => {
   const { activeTab, tabsId, tabPanelsRef } = useTabsContext();
   const combinedRef = useCombinedRef(ref, tabPanelsRef);
@@ -13454,7 +13673,7 @@ var TabPanels = ({ children, ref, ...rest }) => {
       }
     });
   });
-  return /* @__PURE__ */ jsx318(Box, { ref: combinedRef, ...rest, children: panelChildren });
+  return /* @__PURE__ */ jsx320(Box, { ref: combinedRef, ...rest, children: panelChildren });
 };
 TabPanels.displayName = "TabPanels";
 
@@ -13475,7 +13694,7 @@ var Tag_default = {
 };
 
 // src/components/Tag/Tag.tsx
-import { jsx as jsx319, jsxs as jsxs82 } from "react/jsx-runtime";
+import { jsx as jsx321, jsxs as jsxs83 } from "react/jsx-runtime";
 var icons3 = {
   info: InfoIcon,
   danger: ErrorIcon,
@@ -13495,7 +13714,7 @@ var Tag = ({
   ...rest
 }) => {
   const icon = icons3[purpose];
-  return /* @__PURE__ */ jsxs82(
+  return /* @__PURE__ */ jsxs83(
     TextOverflowEllipsisWrapper,
     {
       ...getBaseHTMLProps(
@@ -13511,8 +13730,8 @@ var Tag = ({
         rest
       ),
       children: [
-        withIcon && icon && /* @__PURE__ */ jsx319(Icon, { icon, iconSize: "small" }),
-        /* @__PURE__ */ jsx319(TextOverflowEllipsisInner, { children: children != null ? children : text })
+        withIcon && icon && /* @__PURE__ */ jsx321(Icon, { icon, iconSize: "small" }),
+        /* @__PURE__ */ jsx321(TextOverflowEllipsisInner, { children: children != null ? children : text })
       ]
     }
   );
@@ -13542,7 +13761,7 @@ var TextInput_default = {
 };
 
 // src/components/TextInput/TextInput.tsx
-import { jsx as jsx320, jsxs as jsxs83 } from "react/jsx-runtime";
+import { jsx as jsx322, jsxs as jsxs84 } from "react/jsx-runtime";
 var TextInput = ({
   label,
   afterLabelContent,
@@ -13637,8 +13856,8 @@ var TextInput = ({
   const suffixPaddingInlineEnd = suffixLength ? `calc(var(--dds-spacing-x1) + ${suffixLength}px)` : void 0;
   let extendedInput = null;
   if (hasIcon) {
-    extendedInput = /* @__PURE__ */ jsxs83(Box, { className: Input_default["input-group"], width: inputWidth, children: [
-      /* @__PURE__ */ jsx320(
+    extendedInput = /* @__PURE__ */ jsxs84(Box, { className: Input_default["input-group"], width: inputWidth, children: [
+      /* @__PURE__ */ jsx322(
         Icon,
         {
           icon,
@@ -13649,7 +13868,7 @@ var TextInput = ({
           )
         }
       ),
-      /* @__PURE__ */ jsx320(
+      /* @__PURE__ */ jsx322(
         StatefulInput,
         {
           className: cn(
@@ -13662,7 +13881,7 @@ var TextInput = ({
       )
     ] });
   } else if (hasAffix) {
-    extendedInput = /* @__PURE__ */ jsxs83(
+    extendedInput = /* @__PURE__ */ jsxs84(
       Box,
       {
         position: "relative",
@@ -13670,7 +13889,7 @@ var TextInput = ({
         alignItems: "center",
         width: inputWidth,
         children: [
-          prefix2 && /* @__PURE__ */ jsx320(
+          prefix2 && /* @__PURE__ */ jsx322(
             "span",
             {
               ref: prefixRef,
@@ -13683,7 +13902,7 @@ var TextInput = ({
               children: prefix2
             }
           ),
-          /* @__PURE__ */ jsx320(
+          /* @__PURE__ */ jsx322(
             StatefulInput,
             {
               style: {
@@ -13694,7 +13913,7 @@ var TextInput = ({
               ...generalInputProps
             }
           ),
-          suffix && /* @__PURE__ */ jsx320(
+          suffix && /* @__PURE__ */ jsx322(
             "span",
             {
               ref: suffixRef,
@@ -13711,7 +13930,7 @@ var TextInput = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxs83(
+  return /* @__PURE__ */ jsxs84(
     "div",
     {
       className: cn(
@@ -13730,8 +13949,8 @@ var TextInput = ({
           readOnly,
           afterLabelContent
         }),
-        extendedInput ? extendedInput : /* @__PURE__ */ jsx320(Box, { as: StatefulInput, width: inputWidth, ...generalInputProps }),
-        hasBottomContainer && /* @__PURE__ */ jsxs83(
+        extendedInput ? extendedInput : /* @__PURE__ */ jsx322(Box, { as: StatefulInput, width: inputWidth, ...generalInputProps }),
+        hasBottomContainer && /* @__PURE__ */ jsxs84(
           Box,
           {
             display: "flex",
@@ -13774,7 +13993,7 @@ var Toggle_default = {
 };
 
 // src/components/Toggle/Toggle.tsx
-import { jsx as jsx321, jsxs as jsxs84 } from "react/jsx-runtime";
+import { jsx as jsx323, jsxs as jsxs85 } from "react/jsx-runtime";
 var TOGGLE_SIZES = createSizes("medium", "large");
 var Toggle = ({
   id,
@@ -13799,7 +14018,7 @@ var Toggle = ({
     defaultValue: defaultChecked != null ? defaultChecked : false,
     onChange
   });
-  return /* @__PURE__ */ jsxs84(
+  return /* @__PURE__ */ jsxs85(
     "label",
     {
       htmlFor: uniqueId,
@@ -13811,7 +14030,7 @@ var Toggle = ({
         readOnly && Toggle_default["label--read-only"]
       ),
       children: [
-        /* @__PURE__ */ jsx321(
+        /* @__PURE__ */ jsx323(
           HiddenInput,
           {
             ...getBaseHTMLProps(
@@ -13833,7 +14052,7 @@ var Toggle = ({
             onClick: readOnlyClickHandler(readOnly || isLoading, htmlProps.onClick)
           }
         ),
-        /* @__PURE__ */ jsx321("span", { className: cn(Toggle_default.track, focus_default["focus-styled-sibling"]), children: /* @__PURE__ */ jsx321("span", { className: Toggle_default.thumb, children: isLoading ? /* @__PURE__ */ jsx321(Spinner, { size: `var(--dds-icon-size-${size2})` }) : /* @__PURE__ */ jsx321(
+        /* @__PURE__ */ jsx323("span", { className: cn(Toggle_default.track, focus_default["focus-styled-sibling"]), children: /* @__PURE__ */ jsx323("span", { className: Toggle_default.thumb, children: isLoading ? /* @__PURE__ */ jsx323(Spinner, { size: `var(--dds-icon-size-${size2})` }) : /* @__PURE__ */ jsx323(
           Icon,
           {
             className: Toggle_default.checkmark,
@@ -13841,8 +14060,8 @@ var Toggle = ({
             iconSize
           }
         ) }) }),
-        /* @__PURE__ */ jsxs84("span", { className: cn(readOnly && Toggle_default["labeltext--readonly"]), children: [
-          readOnly && /* @__PURE__ */ jsx321(
+        /* @__PURE__ */ jsxs85("span", { className: cn(readOnly && Toggle_default["labeltext--readonly"]), children: [
+          readOnly && /* @__PURE__ */ jsx323(
             Icon,
             {
               icon: LockIcon,
@@ -13852,7 +14071,7 @@ var Toggle = ({
           ),
           children,
           " ",
-          isLoading && /* @__PURE__ */ jsx321(VisuallyHidden, { children: t(commonTexts.loading) })
+          isLoading && /* @__PURE__ */ jsx323(VisuallyHidden, { children: t(commonTexts.loading) })
         ] })
       ]
     }
@@ -13886,7 +14105,7 @@ var ToggleBar_default = {
 };
 
 // src/components/ToggleBar/ToggleBar.tsx
-import { jsx as jsx322, jsxs as jsxs85 } from "react/jsx-runtime";
+import { jsx as jsx324, jsxs as jsxs86 } from "react/jsx-runtime";
 var ToggleBar = (props) => {
   const {
     children,
@@ -13909,7 +14128,7 @@ var ToggleBar = (props) => {
     (e) => onChange && onChange(e, e.target.value)
   );
   const labelId = label && `${uniqueId}-label`;
-  return /* @__PURE__ */ jsx322(
+  return /* @__PURE__ */ jsx324(
     ToggleBarContext,
     {
       value: {
@@ -13918,7 +14137,7 @@ var ToggleBar = (props) => {
         name,
         value: groupValue
       },
-      children: /* @__PURE__ */ jsxs85(
+      children: /* @__PURE__ */ jsxs86(
         VStack,
         {
           ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -13927,8 +14146,8 @@ var ToggleBar = (props) => {
           role: "radiogroup",
           "aria-labelledby": labelId != null ? labelId : htmlProps == null ? void 0 : htmlProps["aria-labelledby"],
           children: [
-            label && /* @__PURE__ */ jsx322(Typography, { id: labelId, as: "span", typographyType: "labelMedium", children: label }),
-            /* @__PURE__ */ jsx322("div", { className: ToggleBar_default.bar, children })
+            label && /* @__PURE__ */ jsx324(Typography, { id: labelId, as: "span", typographyType: "labelMedium", children: label }),
+            /* @__PURE__ */ jsx324("div", { className: ToggleBar_default.bar, children })
           ]
         }
       )
@@ -13939,7 +14158,7 @@ ToggleBar.displayName = "ToggleBar";
 
 // src/components/ToggleBar/ToggleRadio.tsx
 import { useId as useId29 } from "react";
-import { jsx as jsx323, jsxs as jsxs86 } from "react/jsx-runtime";
+import { jsx as jsx325, jsxs as jsxs87 } from "react/jsx-runtime";
 var typographyTypes3 = {
   large: "bodyLarge",
   medium: "bodyMedium",
@@ -13979,8 +14198,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__ */ jsxs86("label", { htmlFor: uniqueId, className: ToggleBar_default.label, children: [
-    /* @__PURE__ */ jsx323(
+  return /* @__PURE__ */ jsxs87("label", { htmlFor: uniqueId, className: ToggleBar_default.label, children: [
+    /* @__PURE__ */ jsx325(
       HiddenInput,
       {
         ...getBaseHTMLProps(
@@ -13998,7 +14217,7 @@ var ToggleRadio = ({
         "aria-labelledby": ariaLabelledBy
       }
     ),
-    /* @__PURE__ */ jsxs86(
+    /* @__PURE__ */ jsxs87(
       Typography,
       {
         as: "span",
@@ -14009,8 +14228,8 @@ var ToggleRadio = ({
           focus_default["focus-styled-sibling"]
         ),
         children: [
-          icon && /* @__PURE__ */ jsx323(Icon, { icon, iconSize: "inherit" }),
-          label && /* @__PURE__ */ jsx323("span", { children: label })
+          icon && /* @__PURE__ */ jsx325(Icon, { icon, iconSize: "inherit" }),
+          label && /* @__PURE__ */ jsx325("span", { children: label })
         ]
       }
     )
@@ -14030,7 +14249,7 @@ var ToggleButton_default = {
 };
 
 // src/components/ToggleButton/ToggleButton.tsx
-import { jsx as jsx324, jsxs as jsxs87 } from "react/jsx-runtime";
+import { jsx as jsx326, jsxs as jsxs88 } from "react/jsx-runtime";
 var ToggleButton = ({
   id,
   label,
@@ -14043,8 +14262,8 @@ var ToggleButton = ({
   const generatedId = useId30();
   const uniqueId = id != null ? id : `${generatedId}-toggleButton`;
   const hasIcon = !!icon;
-  return /* @__PURE__ */ jsxs87(Box, { as: "label", htmlFor: uniqueId, width: "fit-content", children: [
-    /* @__PURE__ */ jsx324(
+  return /* @__PURE__ */ jsxs88(Box, { as: "label", htmlFor: uniqueId, width: "fit-content", children: [
+    /* @__PURE__ */ jsx326(
       HiddenInput,
       {
         ...getBaseHTMLProps(
@@ -14056,7 +14275,7 @@ var ToggleButton = ({
         type: "checkbox"
       }
     ),
-    /* @__PURE__ */ jsxs87(
+    /* @__PURE__ */ jsxs88(
       "span",
       {
         className: cn(
@@ -14067,7 +14286,7 @@ var ToggleButton = ({
           focus_default["focus-styled-sibling"]
         ),
         children: [
-          hasIcon && /* @__PURE__ */ jsx324(Icon, { icon, iconSize: "inherit" }),
+          hasIcon && /* @__PURE__ */ jsx326(Icon, { icon, iconSize: "inherit" }),
           " ",
           label
         ]
@@ -14079,7 +14298,7 @@ ToggleButton.displayName = "ToggleButton";
 
 // src/components/ToggleButton/ToggleButtonGroup.tsx
 import { useId as useId31 } from "react";
-import { jsx as jsx325, jsxs as jsxs88 } from "react/jsx-runtime";
+import { jsx as jsx327, jsxs as jsxs89 } from "react/jsx-runtime";
 var ToggleButtonGroup = (props) => {
   const {
     children,
@@ -14093,7 +14312,7 @@ var ToggleButtonGroup = (props) => {
   } = props;
   const generatedId = useId31();
   const uniqueLabelId = labelId != null ? labelId : `${generatedId}-ToggleButtonGroupLabel`;
-  return /* @__PURE__ */ jsxs88(
+  return /* @__PURE__ */ jsxs89(
     "div",
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -14101,7 +14320,7 @@ var ToggleButtonGroup = (props) => {
       "aria-labelledby": label ? uniqueLabelId : void 0,
       children: [
         renderGroupLabel({ label, id: uniqueLabelId }),
-        /* @__PURE__ */ jsx325(Box, { display: "flex", flexWrap: "wrap", gap: "x0.75", flexDirection: direction, children })
+        /* @__PURE__ */ jsx327(Box, { display: "flex", flexWrap: "wrap", gap: "x0.75", flexDirection: direction, children })
       ]
     }
   );
@@ -14237,6 +14456,16 @@ export {
   FooterLogo,
   FooterSocialsGroup,
   FooterSocialsList,
+  FormSummary,
+  FormSummaryEditButton,
+  FormSummaryEmptyValue,
+  FormSummaryError,
+  FormSummaryField,
+  FormSummaryFields,
+  FormSummaryHeader,
+  FormSummaryHeading,
+  FormSummaryLabel,
+  FormSummaryValue,
   FullscreenExitIcon,
   FullscreenIcon,
   GavelIcon,