@norges-domstoler/dds-components 21.17.2 → 21.19.0

package/dist/index.js

@@ -160,6 +160,16 @@ __export(index_exports, {
   FooterLogo: () => FooterLogo,
   FooterSocialsGroup: () => FooterSocialsGroup,
   FooterSocialsList: () => FooterSocialsList,
+  FormSummary: () => FormSummary,
+  FormSummaryEditButton: () => FormSummaryEditButton,
+  FormSummaryEmptyValue: () => FormSummaryEmptyValue,
+  FormSummaryError: () => FormSummaryError,
+  FormSummaryField: () => FormSummaryField,
+  FormSummaryFields: () => FormSummaryFields,
+  FormSummaryHeader: () => FormSummaryHeader,
+  FormSummaryHeading: () => FormSummaryHeading,
+  FormSummaryLabel: () => FormSummaryLabel,
+  FormSummaryValue: () => FormSummaryValue,
   FullscreenExitIcon: () => FullscreenExitIcon,
   FullscreenIcon: () => FullscreenIcon,
   GavelIcon: () => GavelIcon,
@@ -619,7 +629,8 @@ var combineHandlers = (handler1, handler2) => {
 
 // src/utils/dom.ts
 function cn(...classNames) {
-  return classNames.filter(Boolean).join(" ");
+  const filtered = classNames.filter(Boolean).join(" ");
+  return filtered || void 0;
 }
 function convertCamelToHyphen(value) {
   return value.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([a-z])([0-9])/g, "$1-$2").toLowerCase();
@@ -1433,6 +1444,7 @@ var layout_default = {
   "dds-o-y": "layout_dds-o-y",
   "dds-display": "layout_dds-display",
   "dds-text-align": "layout_dds-text-align",
+  "dds-word-break": "layout_dds-word-break",
   "dds-flex-dir": "layout_dds-flex-dir",
   "dds-gap": "layout_dds-gap",
   "dds-c-gap": "layout_dds-c-gap",
@@ -3275,8 +3287,8 @@ function useTranslation() {
   const t = (text) => text[lang];
   return { t, lang };
 }
-function createTexts(texts28) {
-  return texts28;
+function createTexts(texts30) {
+  return texts30;
 }
 
 // src/DdsProvider/DdsProvider.tsx
@@ -4056,7 +4068,8 @@ var texts = createTexts({
     nb: "G\xE5 tilbake",
     no: "G\xE5 tilbake",
     nn: "G\xE5 tilbake",
-    en: "Go back"
+    en: "Go back",
+    se: "Mana ruovttoluotta"
   }
 });
 
@@ -4127,25 +4140,29 @@ var commonTexts = createTexts({
     no: "T\xF8m nedtrekksliste",
     nb: "T\xF8m nedtrekksliste",
     nn: "T\xF8m nedtrekksliste",
-    en: "Clear selection"
+    en: "Clear selection",
+    se: "Gidde v\xE1lljemiid"
   },
   close: {
     nb: "Lukk",
     no: "Lukk",
     nn: "Lukk",
-    en: "Close"
+    en: "Close",
+    se: "Gidde"
   },
   closeMessage: {
     nb: "Lukk melding",
     no: "Lukk melding",
     nn: "Lukk melding",
-    en: "Close message"
+    en: "Close message",
+    se: "Gidde die\u0111u"
   },
   loading: {
     nb: "Innlastning p\xE5g\xE5r",
     no: "Innlastning p\xE5g\xE5r",
     nn: "Innlastning p\xE5g\xE5r",
-    en: "Loading"
+    en: "Loading",
+    se: "Vie\u017E\u017Eamin"
   }
 });
 
@@ -4231,8 +4248,8 @@ var Button = ({
   iconPosition = "left",
   href,
   target,
-  loading = false,
-  loadingTooltip = "Lagring p\xE5g\xE5r",
+  loading,
+  loadingTooltip,
   fullWidth = false,
   icon,
   onClick,
@@ -4336,7 +4353,8 @@ var texts2 = createTexts({
     no: "Lagring p\xE5g\xE5r",
     nb: "Lagring p\xE5g\xE5r",
     nn: "Lagring p\xE5g\xE5r",
-    en: "Saving"
+    en: "Saving",
+    se: "Vurkemin"
   }
 });
 
@@ -4849,19 +4867,22 @@ var texts3 = createTexts({
     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"
   }
 });
 
@@ -5324,7 +5345,6 @@ function convertBooleanishToBoolean(value) {
 // src/components/InputMessage/InputMessage.module.css
 var InputMessage_default = {
   container: "InputMessage_container",
-  "container--error": "InputMessage_container--error",
   icon: "InputMessage_icon"
 };
 
@@ -5336,44 +5356,76 @@ var InputMessage = ({
   id,
   className,
   htmlProps,
+  children,
   ...rest
 }) => {
   const isError = messageType === "error";
-  return /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(
-    "div",
+  const commonProps = {
+    display: "flex",
+    width: "fit-content",
+    maxWidth: "100%",
+    wordBreak: "break-word",
+    ...getBaseHTMLProps(id, cn(className, InputMessage_default.container), htmlProps, rest)
+  };
+  const tgCommonProps = {
+    as: "span",
+    children: message != null ? message : children
+  };
+  return isError ? /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(
+    Paper,
     {
-      ...getBaseHTMLProps(
-        id,
-        cn(className, InputMessage_default.container, isError && InputMessage_default["container--error"]),
-        htmlProps,
-        rest
-      ),
+      ...commonProps,
+      gap: "x0.25",
+      padding: "x0.25 x0.5",
+      background: "surface-danger-default",
+      borderRadius: "surface",
       children: [
-        isError && /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Icon, { icon: ErrorIcon, iconSize: "small", className: InputMessage_default.icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+          Icon,
+          {
+            icon: ErrorIcon,
+            iconSize: "small",
+            className: InputMessage_default.icon,
+            color: "icon-on-danger-default"
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
           Typography,
           {
-            typographyType: isError ? "bodySmall" : "bodyXsmall",
-            color: isError ? "textDefault" : "textSubtle",
-            as: "span",
-            children: message
+            ...tgCommonProps,
+            typographyType: "bodySmall",
+            color: "textDefault"
           }
         )
       ]
     }
-  );
+  ) : /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Box, { ...commonProps, children: /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+    Typography,
+    {
+      ...tgCommonProps,
+      typographyType: "bodyXsmall",
+      color: "textSubtle"
+    }
+  ) });
 };
 InputMessage.displayName = "InputMessage";
-var renderInputMessage = (tip, tipId, errorMessage, errorMessageId) => /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(import_jsx_runtime213.Fragment, { children: [
-  errorMessage && errorMessageId && /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+var renderInputMessage = ({
+  tip,
+  tipId,
+  errorMessage,
+  errorMessageId,
+  noSpacing
+}) => /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(import_jsx_runtime213.Fragment, { children: [
+  errorMessage && /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
     InputMessage,
     {
       message: errorMessage,
       messageType: "error",
-      id: errorMessageId
+      id: errorMessageId,
+      marginBlock: !noSpacing ? "x0.125 0" : void 0
     }
   ),
-  tip && tipId && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(InputMessage, { message: tip, messageType: "tip", id: tipId })
+  tip && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(InputMessage, { message: tip, messageType: "tip", id: tipId })
 ] });
 
 // src/components/SelectionControl/Checkbox/CheckboxGroup.tsx
@@ -5425,7 +5477,7 @@ var CheckboxGroup = (props) => {
           readOnly,
           showRequiredStyling
         }),
-        renderInputMessage(tip, tipId),
+        renderInputMessage({ tip, tipId }),
         /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(CheckboxGroupContext, { value: { ...contextProps }, children: /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
           "div",
           {
@@ -5436,7 +5488,7 @@ var CheckboxGroup = (props) => {
             children
           }
         ) }),
-        renderInputMessage(void 0, void 0, errorMessage, errorMessageId)
+        renderInputMessage({ errorMessage, errorMessageId })
       ]
     }
   );
@@ -5617,7 +5669,7 @@ var RadioButtonGroup = ({
           readOnly,
           showRequiredStyling
         }),
-        renderInputMessage(tip, tipId),
+        renderInputMessage({ tip, tipId }),
         /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(RadioButtonGroupContext, { value: { ...contextProps }, children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
           "div",
           {
@@ -5629,7 +5681,7 @@ var RadioButtonGroup = ({
             children
           }
         ) }),
-        renderInputMessage(void 0, void 0, errorMessage, errorMessageId)
+        renderInputMessage({ errorMessage, errorMessageId })
       ]
     }
   );
@@ -5779,7 +5831,7 @@ var CardSelectableGroup = ({
   );
   return hasErrorMessage ? /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)("div", { children: [
     mainContent,
-    renderInputMessage(void 0, void 0, errorMessage, errorMessageId)
+    renderInputMessage({ errorMessage, errorMessageId })
   ] }) : mainContent;
 };
 CardSelectableGroup.displayName = "CardSelectableGroup";
@@ -5840,7 +5892,8 @@ var texts4 = createTexts({
     nb: "Fjern merkelapp",
     no: "Fjern merkelapp",
     nn: "Fjern merkelapp",
-    en: "Remove chip"
+    en: "Remove chip",
+    se: "Sihku lihppu"
   }
 });
 
@@ -6001,7 +6054,8 @@ var texts5 = createTexts({
     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"
   }
 });
 
@@ -6035,9 +6089,8 @@ var DateInput_default = {
   "segment__placeholder--invisible": "DateInput_segment__placeholder--invisible",
   "clear-button": "DateInput_clear-button",
   "clear-button--inactive": "DateInput_clear-button--inactive",
-  icon: "DateInput_icon",
-  "popover-button": "DateInput_popover-button",
   "icon-wrapper--disabled": "DateInput_icon-wrapper--disabled",
+  "popover-button": "DateInput_popover-button",
   "icon-wrapper--readonly": "DateInput_icon-wrapper--readonly",
   "popover-button--readonly": "DateInput_popover-button--readonly",
   popover: "DateInput_popover",
@@ -6060,7 +6113,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";
 
@@ -6383,91 +6437,106 @@ var texts6 = createTexts({
     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"
   }
 });
 
@@ -6550,26 +6619,28 @@ var texts7 = createTexts({
     nb: "Neste m\xE5ned",
     no: "Neste m\xE5ned",
     nn: "Neste m\xE5nad",
-    en: "Next month"
+    en: "Next month",
+    se: "Boahte m\xE1nu"
   },
   previousMonth: {
     nb: "Forrige m\xE5ned",
     no: "Forrige m\xE5ned",
     nn: "F\xF8rre m\xE5nad",
-    en: "Previous month"
+    en: "Previous month",
+    se: "Ovddit m\xE1nu"
   }
 });
 
 // src/components/date-inputs/DatePicker/DatePicker.tsx
 var import_datepicker4 = require("@react-aria/datepicker");
-var import_i18n15 = require("@react-aria/i18n");
+var import_i18n17 = require("@react-aria/i18n");
 var import_datepicker5 = require("@react-stately/datepicker");
 var import_react47 = require("react");
 
 // src/components/date-inputs/DatePicker/DateField/DateField.tsx
 var import_date5 = require("@internationalized/date");
 var import_datepicker2 = require("@react-aria/datepicker");
-var import_i18n13 = require("@react-aria/i18n");
+var import_i18n15 = require("@react-aria/i18n");
 var import_datepicker3 = require("@react-stately/datepicker");
 var import_react45 = require("react");
 
@@ -6600,6 +6671,36 @@ var InlineIconButton = ({
 );
 InlineIconButton.displayName = "InlineIconButton";
 
+// src/components/helpers/Input/Input.module.css
+var Input_default = {
+  container: "Input_container",
+  "input-group": "Input_input-group",
+  input: "Input_input",
+  disabled: "Input_disabled",
+  "read-only": "Input_read-only",
+  "input--stateful": "Input_input--stateful",
+  "input--hover": "Input_input--hover",
+  "input--stateful-danger": "Input_input--stateful-danger",
+  "input--large": "Input_input--large",
+  "input--medium": "Input_input--medium",
+  "input--small": "Input_input--small",
+  "input--xsmall": "Input_input--xsmall",
+  "input-with-icon--large": "Input_input-with-icon--large",
+  "input-with-icon--medium": "Input_input-with-icon--medium",
+  "input-with-icon--small": "Input_input-with-icon--small",
+  "input-with-icon--xsmall": "Input_input-with-icon--xsmall",
+  "input-with-el-right--large": "Input_input-with-el-right--large",
+  "input-with-el-right--medium": "Input_input-with-el-right--medium",
+  "input-with-el-right--small": "Input_input-with-el-right--small",
+  "input-with-el-right--xsmall": "Input_input-with-el-right--xsmall",
+  "input--with-affix": "Input_input--with-affix",
+  "input-group__absolute-el": "Input_input-group__absolute-el",
+  "input-group__absolute-el--large": "Input_input-group__absolute-el--large",
+  "input-group__absolute-el--medium": "Input_input-group__absolute-el--medium",
+  "input-group__absolute-el--small": "Input_input-group__absolute-el--small",
+  "input-group__absolute-el--xsmall": "Input_input-group__absolute-el--xsmall"
+};
+
 // src/components/date-inputs/DatePicker/DateField/CalendarButton.tsx
 var import_jsx_runtime230 = require("react/jsx-runtime");
 function CalendarButton({
@@ -6619,7 +6720,9 @@ function CalendarButton({
         buttonProps.className,
         DateInput_default["popover-button"],
         isReadOnly && DateInput_default["popover-button--readonly"],
-        !props.isDisabled && focusable
+        !props.isDisabled && focusable,
+        Input_default["input-group__absolute-el"],
+        Input_default[`input-group__absolute-el--${componentSize}`]
       ),
       icon: CalendarIcon,
       size: getFormInputIconSize(componentSize)
@@ -6629,6 +6732,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");
@@ -6639,16 +6743,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 [
@@ -6659,6 +6763,29 @@ function formatDateFieldSegments(segments) {
     formattedYearSegment
   ];
 }
+var texts8 = createTexts({
+  dayPlaceholder: {
+    nb: "dd",
+    no: "dd",
+    nn: "dd",
+    en: "dd",
+    se: "jj"
+  },
+  monthPlaceholder: {
+    nb: "mm",
+    no: "mm",
+    nn: "mm",
+    en: "mm",
+    se: "mm"
+  },
+  yearPlaceholder: {
+    nb: "\xE5\xE5\xE5\xE5",
+    no: "\xE5\xE5\xE5\xE5",
+    nn: "\xE5\xE5\xE5\xE5",
+    en: "yyyy",
+    se: "jjjj"
+  }
+});
 
 // src/components/date-inputs/DatePicker/DateField/DateSegment.tsx
 var import_datepicker = require("@react-aria/datepicker");
@@ -6672,7 +6799,9 @@ var typographyTypes = {
 function DateSegment({
   segment,
   state,
-  componentSize
+  componentSize,
+  errorMessageId,
+  tipId
 }) {
   const ref = (0, import_react43.useRef)(null);
   const { segmentProps } = (0, import_datepicker.useDateSegment)(segment, state, ref);
@@ -6680,6 +6809,10 @@ function DateSegment({
     "div",
     {
       ...segmentProps,
+      "aria-describedby": spaceSeparatedIdListGenerator([
+        errorMessageId ? errorMessageId : void 0,
+        tipId ? tipId : void 0
+      ]),
       ref,
       className: cn(
         segmentProps.className,
@@ -6730,23 +6863,6 @@ ClearButton.displayName = "ClearButton";
 // src/components/date-inputs/common/DateInput.tsx
 var import_react44 = require("react");
 
-// src/components/helpers/Input/Input.module.css
-var Input_default = {
-  container: "Input_container",
-  "input-group": "Input_input-group",
-  input: "Input_input",
-  disabled: "Input_disabled",
-  "read-only": "Input_read-only",
-  "input--stateful": "Input_input--stateful",
-  "input--hover": "Input_input--hover",
-  "input--stateful-danger": "Input_input--stateful-danger",
-  "input--medium": "Input_input--medium",
-  "input--small": "Input_input--small",
-  "input--xsmall": "Input_input--xsmall",
-  "input--with-affix": "Input_input--with-affix",
-  "input-group__absolute-element": "Input_input-group__absolute-element"
-};
-
 // src/components/helpers/Input/Input.tsx
 var import_jsx_runtime233 = require("react/jsx-runtime");
 var Input = ({
@@ -6830,12 +6946,11 @@ function DateInput({
   clearable,
   ref,
   afterLabelContent,
+  tipId,
+  errorMessageId,
   ...props
 }) {
-  var _a;
   const hasErrorMessage = !!errorMessage;
-  const hasTip = !!tip;
-  const hasMessage = hasErrorMessage || hasTip;
   const { isOpen } = (0, import_react44.useContext)(CalendarPopoverContext);
   return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(
     "div",
@@ -6861,6 +6976,7 @@ function DateInput({
               Input_default["input--stateful"],
               Input_default["input--hover"],
               Input_default[`input--${componentSize}`],
+              Input_default[`input-with-icon--${componentSize}`],
               hasErrorMessage && Input_default["input--stateful-danger"],
               DateInput_default["date-input"],
               clearable && DateInput_default[`date-input--${componentSize}--clearable`],
@@ -6887,13 +7003,7 @@ function DateInput({
             ]
           }
         ),
-        hasMessage && /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
-          InputMessage,
-          {
-            messageType: hasErrorMessage ? "error" : "tip",
-            message: (_a = errorMessage != null ? errorMessage : tip) != null ? _a : ""
-          }
-        )
+        renderInputMessage({ tip, errorMessage, tipId, errorMessageId })
       ]
     }
   );
@@ -6908,9 +7018,11 @@ function DateField({
   groupProps,
   ref,
   clearable,
+  errorMessageId,
+  tipId,
   ...props
 }) {
-  const { locale } = (0, import_i18n13.useLocale)();
+  const { locale } = (0, import_i18n15.useLocale)();
   const { t } = useTranslation();
   const state = (0, import_datepicker3.useDateFieldState)({
     ...props,
@@ -6941,6 +7053,8 @@ function DateField({
       required: props.isRequired,
       clearable,
       ref,
+      tipId,
+      errorMessageId,
       internalRef,
       readOnly: props.isReadOnly,
       prefix: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
@@ -6956,7 +7070,7 @@ function DateField({
         ClearButton,
         {
           absolute: false,
-          "aria-label": t(texts8.clearDate),
+          "aria-label": t(texts9.clearDate),
           "aria-hidden": !hasValue,
           className: cn(
             DateInput_default["clear-button"],
@@ -6973,6 +7087,8 @@ function DateField({
         {
           "aria-readonly": props.isReadOnly,
           componentSize,
+          errorMessageId,
+          tipId,
           segment,
           state
         },
@@ -6982,12 +7098,13 @@ function DateField({
   );
 }
 DateField.displayName = "DateField";
-var texts8 = 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"
   }
 });
 
@@ -7029,6 +7146,7 @@ function DatePicker({
   ref,
   ...props
 }) {
+  var _a;
   const lang = useLanguage();
   if (!lang) {
     throw new Error("DatePicker must be used within a DdsProvider");
@@ -7042,7 +7160,12 @@ function DatePicker({
     state,
     internalRef
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(import_i18n15.I18nProvider, { locale: LOCALE[lang], children: /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
+  const hasErrorMessage = !!errorMessage;
+  const hasTip = !!tip;
+  const uniqueId = (_a = props.id) != null ? _a : (0, import_react47.useId)();
+  const errorMessageId = hasErrorMessage ? `${uniqueId}-errorMessage` : void 0;
+  const tipId = hasTip ? `${uniqueId}-tip` : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(import_i18n17.I18nProvider, { locale: LOCALE[lang], children: /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
     CalendarPopover,
     {
       isOpen: state.isOpen,
@@ -7057,8 +7180,11 @@ function DatePicker({
             ref: combinedRef,
             componentSize,
             tip,
+            id: uniqueId,
             label: props.label,
             errorMessage,
+            errorMessageId,
+            tipId,
             buttonProps,
             style,
             width,
@@ -7113,6 +7239,7 @@ function TimePicker({
   ref,
   ...props
 }) {
+  var _a;
   const lang = useLanguage();
   if (!lang) {
     throw new Error("TimePicker must be used within a DdsProvider");
@@ -7127,6 +7254,11 @@ function TimePicker({
     state,
     internalRef
   );
+  const hasErrorMessage = !!props.errorMessage;
+  const hasTip = !!props.tip;
+  const uniqueId = (_a = props.id) != null ? _a : (0, import_react48.useId)();
+  const errorMessageId = hasErrorMessage ? `${uniqueId}-errorMessage` : void 0;
+  const tipId = hasTip ? `${uniqueId}-tip` : void 0;
   const iconSize = componentSize === "xsmall" ? "small" : "medium";
   const disabled = props.isDisabled || !!fieldProps["aria-disabled"];
   const formattedSegments = formatTimeSegments(state.segments);
@@ -7134,6 +7266,8 @@ function TimePicker({
     DateInput,
     {
       ...props,
+      errorMessageId,
+      tipId,
       width,
       disabled,
       required: props.isRequired,
@@ -7149,7 +7283,8 @@ function TimePicker({
           icon: TimeIcon,
           iconSize,
           className: cn(
-            DateInput_default.icon,
+            Input_default["input-group__absolute-el"],
+            Input_default[`input-group__absolute-el--${componentSize}`],
             disabled && DateInput_default["icon-wrapper--disabled"],
             props.isReadOnly && DateInput_default["icon-wrapper--readonly"]
           )
@@ -7158,6 +7293,8 @@ function TimePicker({
       children: formattedSegments.map((segment, i) => /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
         DateSegment,
         {
+          errorMessageId,
+          tipId,
           componentSize,
           segment,
           state
@@ -7698,7 +7835,7 @@ var FavStar = ({
             checked,
             onChange: (e) => setChecked(e.target.checked),
             type: "checkbox",
-            "aria-label": (_a = props["aria-label"]) != null ? _a : t(texts9.favourite)
+            "aria-label": (_a = props["aria-label"]) != null ? _a : t(texts10.favourite)
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Icon, { iconSize: size2, icon: StarIcon, className: FavStar_default.icon }),
@@ -7715,12 +7852,13 @@ var FavStar = ({
   );
 };
 FavStar.displayName = "FavStar";
-var texts9 = createTexts({
+var texts10 = createTexts({
   favourite: {
     nb: "Stjernemarker",
     no: "Stjernemarker",
     nn: "Stjernemerk",
-    en: "Mark as favourite"
+    en: "Mark as favourite",
+    se: "Merke favorihta"
   }
 });
 
@@ -7775,7 +7913,7 @@ function CharCounter(props) {
           "/",
           max
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(VisuallyHidden, { children: t(texts10.charsWritten(current, max, max - current)) })
+        /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(VisuallyHidden, { children: t(texts11.charsWritten(current, max, max - current)) })
       ]
     }
   );
@@ -7784,12 +7922,13 @@ var renderCharCounter = (id, isShown, textLength, maxLength) => {
   if (!!maxLength && Number.isInteger(maxLength) && maxLength > 0 && isShown)
     return /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(CharCounter, { id, max: maxLength, current: textLength });
 };
-var texts10 = 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}.`
   })
 });
 
@@ -7885,7 +8024,7 @@ var TextArea = ({
         justifyContent: withCharacterCounter ? hasMessage ? "space-between" : "flex-end" : void 0,
         width: withCharacterCounter ? inputWidth : void 0,
         children: [
-          renderInputMessage(tip, tipId, errorMessage, errorMessageId),
+          renderInputMessage({ tip, tipId, errorMessage, errorMessageId }),
           renderCharCounter(
             characterCounterId,
             withCharacterCounter,
@@ -7948,17 +8087,18 @@ var CommentComponent = ({
         size: "small",
         onClick: handleSubmit,
         loading,
-        children: t(texts11.send)
+        children: t(texts12.send)
       }
     )
   ] });
 };
-var texts11 = createTexts({
+var texts12 = createTexts({
   send: {
     nb: "Send inn",
     no: "Send inn",
     nn: "Send inn",
-    en: "Send"
+    en: "Send",
+    se: "S\xE1dde"
   }
 });
 
@@ -8154,7 +8294,7 @@ var RatingComponent = ({
       ),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("h2", { className: typographyStyles_default["label-medium"], children: ratingLabel }),
-        loading ? /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Spinner, { tooltip: t(texts12.uploadingFeedback) }) : /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(HStack, { gap: "x1", children: [
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Spinner, { tooltip: t(texts13.uploadingFeedback) }) : /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(HStack, { gap: "x1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Tooltip, { text: thumbUpTooltip, children: button("positive", layout, thumbUpTooltip) }),
           /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Tooltip, { text: thumbDownTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)("div", { children: button("negative", layout, thumbDownTooltip) }) })
         ] })
@@ -8162,12 +8302,13 @@ var RatingComponent = ({
     }
   );
 };
-var texts12 = 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..."
   }
 });
 
@@ -8196,14 +8337,14 @@ var Feedback = ({
   const [rating, setRating] = (0, import_react57.useState)(null);
   const [feedbackText, setFeedbackText] = (0, import_react57.useState)();
   const [isFeedbackSubmitted, setIsFeedbackSubmitted] = (0, import_react57.useState)(false);
-  const tRatingLabel = ratingLabel != null ? ratingLabel : t(texts13.ratingQuestion);
-  const tPositiveFeedbackLabel = positiveFeedbackLabel != null ? positiveFeedbackLabel : t(texts13.improvalQuestion);
-  const tNegativeFeedbackLabel = negativeFeedbackLabel != null ? negativeFeedbackLabel : t(texts13.improvalQuestion);
-  const tRatingSubmittedTitle = ratingSubmittedTitle != null ? ratingSubmittedTitle : t(texts13.thanks);
-  const tSubmittedTitle = submittedTitle != null ? submittedTitle : t(texts13.thanks);
-  const tTextAreaTip = textAreaTip != null ? textAreaTip : t(texts13.sensitiveInfo);
-  const tThumbUpTooltip = thumbUpTooltip != null ? thumbUpTooltip : t(texts13.good);
-  const tThumbDownTooltip = thumbDownTooltip != null ? thumbDownTooltip : t(texts13.bad);
+  const tRatingLabel = ratingLabel != null ? ratingLabel : t(texts14.ratingQuestion);
+  const tPositiveFeedbackLabel = positiveFeedbackLabel != null ? positiveFeedbackLabel : t(texts14.improvalQuestion);
+  const tNegativeFeedbackLabel = negativeFeedbackLabel != null ? negativeFeedbackLabel : t(texts14.improvalQuestion);
+  const tRatingSubmittedTitle = ratingSubmittedTitle != null ? ratingSubmittedTitle : t(texts14.thanks);
+  const tSubmittedTitle = submittedTitle != null ? submittedTitle : t(texts14.thanks);
+  const tTextAreaTip = textAreaTip != null ? textAreaTip : t(texts14.sensitiveInfo);
+  const tThumbUpTooltip = thumbUpTooltip != null ? thumbUpTooltip : t(texts14.good);
+  const tThumbDownTooltip = thumbDownTooltip != null ? thumbDownTooltip : t(texts14.bad);
   (0, import_react57.useEffect)(() => {
     if (ratingProp !== void 0) setRating(ratingProp);
   }, [ratingProp]);
@@ -8258,42 +8399,48 @@ var Feedback = ({
   }
   return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(Paragraph, { children: tSubmittedTitle });
 };
-var texts13 = 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"
   }
 });
 
@@ -8336,14 +8483,10 @@ var ErrorList = (props) => {
     return null;
   }
   if (errors.length === 1) {
-    return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(
-      InputMessage,
-      {
-        id: errors[0].id,
-        message: errors[0].message,
-        messageType: "error"
-      }
-    );
+    return renderInputMessage({
+      errorMessage: errors[0].message,
+      errorMessageId: errors[0].id
+    });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(StylelessList, { children: errors.map(({ id, message }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(
@@ -8428,9 +8571,9 @@ var File = (props) => {
                 onClick: removeFile,
                 icon: CloseIcon,
                 htmlProps: {
-                  "aria-label": t(texts14.removeFile(stateFile.file.name)),
+                  "aria-label": t(texts15.removeFile(stateFile.file.name)),
                   "aria-invalid": !isValid ? true : void 0,
-                  "aria-errormessage": !isValid ? t(texts14.invalidFile) : void 0,
+                  "aria-errormessage": !isValid ? t(texts15.invalidFile) : void 0,
                   "aria-describedby": spaceSeparatedIdListGenerator(
                     errorsList.map((e) => e.id)
                   )
@@ -8444,18 +8587,20 @@ var File = (props) => {
     /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(ErrorList, { errors: errorsList })
   ] });
 };
-var texts14 = 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"
   }
 });
 
@@ -8578,7 +8723,7 @@ var useFileUploader = (props) => {
     isFileDialogActive: false,
     isDragActive: false,
     rootErrors: calcRootErrors(
-      t(texts15.invalidFileAmount),
+      t(texts16.invalidFileAmount),
       initialFileUploaderFiles,
       maxFiles,
       errorMessage
@@ -8591,7 +8736,7 @@ var useFileUploader = (props) => {
         const accepted = isFileAccepted(file, accept);
         return {
           file,
-          errors: accepted ? [] : [t(texts15.invalidFileType)]
+          errors: accepted ? [] : [t(texts16.invalidFileType)]
         };
       });
       dispatch({
@@ -8604,7 +8749,7 @@ var useFileUploader = (props) => {
     dispatch({
       type: "setRootErrors",
       payload: calcRootErrors(
-        t(texts15.invalidFileAmount),
+        t(texts16.invalidFileAmount),
         stateFiles,
         maxFiles,
         errorMessage
@@ -8658,7 +8803,7 @@ var useFileUploader = (props) => {
           const accepted = isFileAccepted(file, accept);
           return {
             file,
-            errors: accepted ? [] : [t(texts15.invalidFileType)]
+            errors: accepted ? [] : [t(texts16.invalidFileType)]
           };
         }).concat(stateFiles);
         onChange(newFiles.map((f) => f.file));
@@ -8750,18 +8895,20 @@ var useFileUploader = (props) => {
     removeFile
   };
 };
-var texts15 = 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 "
   }
 });
 
@@ -8772,7 +8919,7 @@ var FileUploader = (props) => {
     id,
     label,
     dropAreaLabel,
-    btnLabel = "Velg fil",
+    btnLabel,
     tip,
     required = false,
     withDragAndDrop = true,
@@ -8792,7 +8939,8 @@ var FileUploader = (props) => {
     ...rest
   } = props;
   const { t } = useTranslation();
-  const tDropAreaLabel = dropAreaLabel != null ? dropAreaLabel : t(texts16.dragAndDropOr);
+  const tDropAreaLabel = dropAreaLabel != null ? dropAreaLabel : t(texts17.dragAndDropOr);
+  const tBtnLabel = btnLabel != null ? btnLabel : t(texts17.selectFile);
   const generatedId = (0, import_react59.useId)();
   const uniqueId = id != null ? id : `${generatedId}-fileUploader`;
   const {
@@ -8857,7 +9005,7 @@ var FileUploader = (props) => {
           ...rootErrorsList.map((e) => e.id)
         ])
       },
-      children: btnLabel
+      children: tBtnLabel
     }
   );
   const input = /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
@@ -8886,7 +9034,7 @@ var FileUploader = (props) => {
           readOnly,
           afterLabelContent
         }),
-        hasTip && /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(InputMessage, { id: tipId, message: tip, messageType: "tip" }),
+        renderInputMessage({ tip, tipId }),
         inactive ? input : withDragAndDrop ? /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(
           VStack,
           {
@@ -8901,7 +9049,7 @@ var FileUploader = (props) => {
             children: [
               input,
               tDropAreaLabel,
-              /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(VisuallyHidden, { children: t(texts16.uploadFileWithButton) }),
+              /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(VisuallyHidden, { children: t(texts17.uploadFileWithButton) }),
               button
             ]
           }
@@ -8919,14 +9067,14 @@ var FileUploader = (props) => {
               readOnly && FileUploader_default["readonly--file-list"]
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(VisuallyHidden, { id: fileListNameId, children: t(texts16.uploadedFiles) }),
+              /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(VisuallyHidden, { id: fileListNameId, children: t(texts17.uploadedFiles) }),
               inactive && fileListElements.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
                 Typography,
                 {
                   italic: true,
                   as: "span",
                   color: disabled ? "text-subtle" : "text-medium",
-                  children: t(texts16.noFiles)
+                  children: t(texts17.noFiles)
                 }
               ) : /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(StylelessList, { "aria-labelledby": fileListNameId, children: fileListElements })
             ]
@@ -8937,30 +9085,41 @@ var FileUploader = (props) => {
   );
 };
 FileUploader.displayName = "FileUploader";
-var texts16 = 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"
   }
 });
 
@@ -9036,6 +9195,91 @@ var FooterListGroup = ({
 var import_jsx_runtime269 = require("react/jsx-runtime");
 var FooterLeft = ({ className, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("div", { className: cn(className, Footer_default["left"]), ...rest });
 
+// src/components/FormSummary/FormSummary.tsx
+var import_jsx_runtime270 = require("react/jsx-runtime");
+var FormSummary = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Paper, { border: "border-subtle", padding: "x0.5 x0.5 x1 x0.75", ...props, children });
+};
+
+// src/components/FormSummary/FormSummary.module.css
+var FormSummary_default = {
+  dd: "FormSummary_dd",
+  field: "FormSummary_field"
+};
+
+// src/components/FormSummary/FormSummary.components.tsx
+var import_jsx_runtime271 = require("react/jsx-runtime");
+function FormSummaryHeader({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+    HStack,
+    {
+      ...props,
+      justifyContent: "space-between",
+      flexWrap: "wrap",
+      alignItems: "center",
+      gap: "x0.75",
+      marginBlock: "0 x0.75"
+    }
+  );
+}
+function FormSummaryHeading({
+  level = 2,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Heading, { level, ...props });
+}
+function FormSummaryEditButton({
+  purpose = "secondary",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Button, { icon: EditIcon, purpose, size: "xsmall", ...props });
+}
+function FormSummaryFields({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(DescriptionList, { ...props });
+}
+function FormSummaryField({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("div", { ...props, className: cn(FormSummary_default.field, className) });
+}
+function FormSummaryLabel(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(DescriptionListTerm, { ...props });
+}
+function FormSummaryValue({
+  className,
+  isLoading,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(DescriptionListDesc, { ...props, className: cn(className, FormSummary_default.dd), children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Spinner, { size: "1.5em" }) : children });
+}
+function FormSummaryEmptyValue() {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("span", { "aria-hidden": true, children: "-" }),
+    " ",
+    /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(VisuallyHidden, { children: [
+      " ",
+      t(texts18.noValue),
+      " "
+    ] })
+  ] });
+}
+function FormSummaryError({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Box, { marginBlock: "x0.25 0", children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(InputMessage, { ...props, messageType: "error" }) });
+}
+var texts18 = createTexts({
+  noValue: {
+    nb: "Ikke fylt ut",
+    no: "Ikke fylt ut",
+    nn: "Ikkje fylt ut",
+    en: "Not filled out",
+    se: "Ii leat bidjan"
+  }
+});
+
 // src/components/GlobalMessage/GlobalMessage.tsx
 var import_react60 = require("react");
 
@@ -9051,7 +9295,7 @@ var GlobalMessage_default = {
 };
 
 // src/components/GlobalMessage/GlobalMessage.tsx
-var import_jsx_runtime270 = require("react/jsx-runtime");
+var import_jsx_runtime272 = require("react/jsx-runtime");
 var icons = {
   info: InfoIcon,
   danger: ErrorIcon,
@@ -9070,7 +9314,7 @@ var GlobalMessage = ({
 }) => {
   const { t } = useTranslation();
   const [isClosed, setClosed] = (0, import_react60.useState)(false);
-  return !isClosed ? /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(
+  return !isClosed ? /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(
     "div",
     {
       ...getBaseHTMLProps(
@@ -9085,17 +9329,17 @@ var GlobalMessage = ({
         rest
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(
           "div",
           {
             className: cn(GlobalMessage_default.content, closable && GlobalMessage_default["content--closable"]),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(Icon, { icon: icons[purpose], className: GlobalMessage_default.icon }),
-              children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime270.jsx)("span", { children: message })
+              /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(Icon, { icon: icons[purpose], className: GlobalMessage_default.icon }),
+              children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime272.jsx)("span", { children: message })
             ]
           }
         ),
-        closable && /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
+        closable && /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
           Button,
           {
             icon: CloseIcon,
@@ -9120,14 +9364,14 @@ var InlineButton_default = {
 };
 
 // src/components/InlineButton/InlineButton.tsx
-var import_jsx_runtime271 = require("react/jsx-runtime");
+var import_jsx_runtime273 = require("react/jsx-runtime");
 var InlineButton = ({
   className,
   color,
   icon,
   children,
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
   StylelessButton,
   {
     className: cn(
@@ -9138,7 +9382,7 @@ var InlineButton = ({
       getColorCn(color)
     ),
     ...rest,
-    children: icon ? /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Icon, { icon, iconSize: "inherit" }) : children
+    children: icon ? /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Icon, { icon, iconSize: "inherit" }) : children
   }
 );
 
@@ -9147,7 +9391,7 @@ var import_react63 = require("react");
 
 // src/components/InlineEdit/InlineEdit.context.tsx
 var import_react61 = require("react");
-var import_jsx_runtime272 = require("react/jsx-runtime");
+var import_jsx_runtime274 = require("react/jsx-runtime");
 var InlineEditContext = (0, import_react61.createContext)(
   {}
 );
@@ -9191,7 +9435,7 @@ var InlineEditContextProvider = (props) => {
   useOnKeyDown(["Enter"], () => onExitHandler());
   useOnKeyDown(["Escape"], () => onExitHandler());
   useOnClickOutside(inputRef == null ? void 0 : inputRef.current, () => onExitHandler());
-  return /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
     InlineEditContext,
     {
       value: {
@@ -9226,26 +9470,29 @@ var InlineEdit_default = {
 };
 
 // src/components/InlineEdit/InlineEdit.utils.tsx
-var import_jsx_runtime273 = require("react/jsx-runtime");
+var import_jsx_runtime275 = require("react/jsx-runtime");
 var inlineEditVisuallyHidden = (id, clearable) => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)(VisuallyHidden, { id, children: [
-    t(texts17.inlineEditInfo),
-    !clearable && t(texts17.notClearable)
+  return /* @__PURE__ */ (0, import_jsx_runtime275.jsxs)(VisuallyHidden, { id, children: [
+    t(texts19.inlineEditInfo),
+    " ",
+    !clearable && t(texts19.notClearable)
   ] });
 };
-var texts17 = 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) => [
@@ -9295,7 +9542,7 @@ function createClearChangeEvent(elementId) {
 }
 
 // src/components/InlineEdit/InlineField.tsx
-var import_jsx_runtime274 = require("react/jsx-runtime");
+var import_jsx_runtime276 = require("react/jsx-runtime");
 function InlineField(props) {
   const {
     elementType,
@@ -9341,7 +9588,7 @@ function InlineField(props) {
   const cnArgs = [hasErrorState, !isEditing && !hideIcon];
   const iconSize = "small";
   function makeIcon(icon, className2) {
-    return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
       Icon,
       {
         iconSize,
@@ -9356,7 +9603,7 @@ function InlineField(props) {
   const renderElement = () => {
     switch (elementType) {
       case "input":
-        return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
           "input",
           {
             ...rest,
@@ -9366,7 +9613,7 @@ function InlineField(props) {
           }
         );
       case "textarea":
-        return /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
           "textarea",
           {
             ...rest,
@@ -9376,8 +9623,8 @@ function InlineField(props) {
           }
         );
       case "select":
-        return /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)(import_jsx_runtime274.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime276.jsxs)(import_jsx_runtime276.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
             "select",
             {
               ...rest,
@@ -9386,7 +9633,7 @@ function InlineField(props) {
               className: cn(className, ...inlineSelectCns(...cnArgs, hasValue))
             }
           ),
-          hasValue && emptiable && /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(
+          hasValue && emptiable && /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
             ClearButton,
             {
               "aria-label": t(commonTexts.clearSelect),
@@ -9401,18 +9648,18 @@ function InlineField(props) {
         return null;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)(Box, { position: "relative", width, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)("div", { className: Input_default["input-group"], children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime276.jsxs)(Box, { position: "relative", width, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime276.jsxs)("div", { className: Input_default["input-group"], children: [
       !isEditing && !hideIcon && makeIcon(EditIcon, InlineEdit_default["edit-icon"]),
       renderElement()
     ] }),
     inlineEditVisuallyHidden(descId, emptiable),
-    renderInputMessage(void 0, void 0, errorMessage, errorMessageId)
+    renderInputMessage({ errorMessage, errorMessageId })
   ] });
 }
 
 // src/components/InlineEdit/InlineEditTextArea/InlineEditTextArea.tsx
-var import_jsx_runtime275 = require("react/jsx-runtime");
+var import_jsx_runtime277 = require("react/jsx-runtime");
 var InlineEditTextArea = ({
   onSetValue,
   emptiable,
@@ -9425,7 +9672,7 @@ var InlineEditTextArea = ({
 }) => {
   const textareaRef = (0, import_react63.useRef)(null);
   const combinedRef = useCombinedRef(ref, textareaRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
     InlineEditContextProvider,
     {
       onSetValue,
@@ -9435,14 +9682,14 @@ var InlineEditTextArea = ({
       onFocus,
       onChange,
       onBlur,
-      children: /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(InlineField, { elementType: "textarea", ...rest, ref: combinedRef })
+      children: /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(InlineField, { elementType: "textarea", ...rest, ref: combinedRef })
     }
   );
 };
 
 // src/components/InlineEdit/InlineEditInput/InlineEditInput.tsx
 var import_react64 = require("react");
-var import_jsx_runtime276 = require("react/jsx-runtime");
+var import_jsx_runtime278 = require("react/jsx-runtime");
 var InlineEditInput = ({
   onSetValue,
   emptiable,
@@ -9455,7 +9702,7 @@ var InlineEditInput = ({
 }) => {
   const inputRef = (0, import_react64.useRef)(null);
   const combinedRef = useCombinedRef(ref, inputRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(
     InlineEditContextProvider,
     {
       onSetValue,
@@ -9465,14 +9712,14 @@ var InlineEditInput = ({
       onFocus,
       onChange,
       onBlur,
-      children: /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(InlineField, { elementType: "input", ...rest, ref: combinedRef })
+      children: /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(InlineField, { elementType: "input", ...rest, ref: combinedRef })
     }
   );
 };
 
 // src/components/InlineEdit/InlineEditSelect/InlineEditSelect.tsx
 var import_react65 = require("react");
-var import_jsx_runtime277 = require("react/jsx-runtime");
+var import_jsx_runtime279 = require("react/jsx-runtime");
 var InlineEditSelect = ({
   onSetValue,
   emptiable,
@@ -9485,7 +9732,7 @@ var InlineEditSelect = ({
 }) => {
   const inputRef = (0, import_react65.useRef)(null);
   const combinedRef = useCombinedRef(ref, inputRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
     InlineEditContextProvider,
     {
       onSetValue,
@@ -9495,7 +9742,7 @@ var InlineEditSelect = ({
       onFocus,
       onChange,
       onBlur,
-      children: /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(InlineField, { elementType: "select", ...rest, ref: combinedRef })
+      children: /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(InlineField, { elementType: "select", ...rest, ref: combinedRef })
     }
   );
 };
@@ -9517,8 +9764,8 @@ var InternalHeader_default = {
 };
 
 // src/components/InternalHeader/NavigationItem.tsx
-var import_jsx_runtime278 = require("react/jsx-runtime");
-var NavigationItem = ({ isCurrent, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(
+var import_jsx_runtime280 = require("react/jsx-runtime");
+var NavigationItem = ({ isCurrent, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(
   "a",
   {
     ...rest,
@@ -9533,7 +9780,7 @@ var NavigationItem = ({ isCurrent, ...rest }) => /* @__PURE__ */ (0, import_jsx_
 );
 
 // src/components/InternalHeader/InternalHeader.tsx
-var import_jsx_runtime279 = require("react/jsx-runtime");
+var import_jsx_runtime281 = require("react/jsx-runtime");
 var import_react67 = require("react");
 var InternalHeader = (props) => {
   const {
@@ -9563,7 +9810,7 @@ var InternalHeader = (props) => {
   const hasContextMenuElements = !!contextMenuItems && contextMenuItems.length > 0;
   const hasSmallScreenBreakpoint = !!smallScreenBreakpoint;
   const hasNavInContextMenu = hasSmallScreenBreakpoint && hasNavigationElements;
-  const navigation = hasNavigationElements ? /* @__PURE__ */ (0, import_jsx_runtime279.jsx)("nav", { "aria-label": t(texts18.siteNavigation), children: /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
+  const navigation = hasNavigationElements ? /* @__PURE__ */ (0, import_jsx_runtime281.jsx)("nav", { "aria-label": t(texts20.siteNavigation), children: /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
     ShowHide,
     {
       as: StylelessList,
@@ -9572,7 +9819,7 @@ var InternalHeader = (props) => {
       children: navItems.map((item, i) => {
         const { href, ...rest2 } = item;
         const isCurrent = href === currentPage;
-        return /* @__PURE__ */ (0, import_jsx_runtime279.jsx)("li", { className: InternalHeader_default["nav-list__item"], children: /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime281.jsx)("li", { className: InternalHeader_default["nav-list__item"], children: /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
           NavigationItem,
           {
             href,
@@ -9586,7 +9833,7 @@ var InternalHeader = (props) => {
   ) }) : null;
   const hasContextMenu = hasContextMenuElements || !!user || hasNavInContextMenu;
   const hasContextMenuLargeScreen = hasContextMenuElements || !!user;
-  return /* @__PURE__ */ (0, import_jsx_runtime279.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime281.jsxs)(
     Box,
     {
       display: "flex",
@@ -9604,7 +9851,7 @@ var InternalHeader = (props) => {
         rest
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(Typography, { typographyType: "headingSmall", bold: true, as: "span", children: applicationHref ? /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(Typography, { typographyType: "headingSmall", bold: true, as: "span", children: applicationHref ? /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
           "a",
           {
             href: applicationHref,
@@ -9613,42 +9860,42 @@ var InternalHeader = (props) => {
             children: applicationName
           }
         ) : applicationName }),
-        /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(Typography, { typographyType: "bodyMedium", as: "span", children: applicationDesc }),
-        (hasContextMenu || navigation !== null) && /* @__PURE__ */ (0, import_jsx_runtime279.jsx)("div", { className: InternalHeader_default["bar-separator"] }),
+        /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(Typography, { typographyType: "bodyMedium", as: "span", children: applicationDesc }),
+        (hasContextMenu || navigation !== null) && /* @__PURE__ */ (0, import_jsx_runtime281.jsx)("div", { className: InternalHeader_default["bar-separator"] }),
         navigation,
-        hasContextMenu && /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
+        hasContextMenu && /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
           ShowHide,
           {
             showBelow: !hasContextMenuLargeScreen && hasSmallScreenBreakpoint ? smallScreenBreakpoint : void 0,
             className: cn(InternalHeader_default["context-menu-group"]),
-            children: /* @__PURE__ */ (0, import_jsx_runtime279.jsxs)(OverflowMenuGroup, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime281.jsxs)(OverflowMenuGroup, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
                 Button,
                 {
                   icon: hasNavInContextMenu ? MenuIcon : MoreVerticalIcon,
                   purpose: "tertiary",
-                  "aria-label": t(texts18.openMenu)
+                  "aria-label": t(texts20.openMenu)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime279.jsxs)(OverflowMenu, { className: InternalHeader_default["context-menu"], children: [
-                user && /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(OverflowMenuList, { children: user.href ? /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(OverflowMenuLink, { icon: PersonIcon, ...user }) : /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(OverflowMenuSpan, { icon: PersonIcon, ...user }) }),
-                hasNavInContextMenu && /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime281.jsxs)(OverflowMenu, { className: InternalHeader_default["context-menu"], children: [
+                user && /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(OverflowMenuList, { children: user.href ? /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(OverflowMenuLink, { icon: PersonIcon, ...user }) : /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(OverflowMenuSpan, { icon: PersonIcon, ...user }) }),
+                hasNavInContextMenu && /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
                   ShowHide,
                   {
                     as: "nav",
-                    "aria-label": t(texts18.siteNavigation),
+                    "aria-label": t(texts20.siteNavigation),
                     showBelow: smallScreenBreakpoint,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(OverflowMenuList, { children: navItems.map((item, i) => /* @__PURE__ */ (0, import_react67.createElement)(OverflowMenuLink, { ...item, key: `nav-${i}` })) })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(OverflowMenuList, { children: navItems.map((item, i) => /* @__PURE__ */ (0, import_react67.createElement)(OverflowMenuLink, { ...item, key: `nav-${i}` })) })
                   }
                 ),
-                hasNavInContextMenu && hasContextMenuElements && /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
+                hasNavInContextMenu && hasContextMenuElements && /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
                   ShowHide,
                   {
                     as: OverflowMenuDivider,
                     showBelow: smallScreenBreakpoint
                   }
                 ),
-                hasContextMenuElements && /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(OverflowMenuList, { children: contextMenuItems.map((item, i) => {
+                hasContextMenuElements && /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(OverflowMenuList, { children: contextMenuItems.map((item, i) => {
                   return item.href ? /* @__PURE__ */ (0, import_react67.createElement)(
                     OverflowMenuLink,
                     {
@@ -9672,18 +9919,20 @@ var InternalHeader = (props) => {
   );
 };
 InternalHeader.displayName = "InternalHeader";
-var texts18 = 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"
   }
 });
 
@@ -9697,7 +9946,7 @@ var List_default = {
 };
 
 // src/components/List/List.tsx
-var import_jsx_runtime280 = require("react/jsx-runtime");
+var import_jsx_runtime282 = require("react/jsx-runtime");
 var List = ({
   listType = "unordered",
   typographyType = "inherit",
@@ -9708,7 +9957,7 @@ var List = ({
   ...rest
 }) => {
   const List2 = listType === "ordered" ? "ol" : "ul";
-  return /* @__PURE__ */ (0, import_jsx_runtime280.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime282.jsx)(
     List2,
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -9724,8 +9973,8 @@ var List = ({
 List.displayName = "List";
 
 // src/components/List/ListItem.tsx
-var import_jsx_runtime281 = require("react/jsx-runtime");
-var ListItem = ({ className, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime281.jsx)("li", { ...rest, className: cn(className, List_default.li) });
+var import_jsx_runtime283 = require("react/jsx-runtime");
+var ListItem = ({ className, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime283.jsx)("li", { ...rest, className: cn(className, List_default.li) });
 ListItem.displayName = "ListItem";
 
 // src/components/LocalMessage/LocalMessage.tsx
@@ -9750,7 +9999,7 @@ var LocalMessage_default = {
 };
 
 // src/components/LocalMessage/LocalMessage.tsx
-var import_jsx_runtime282 = require("react/jsx-runtime");
+var import_jsx_runtime284 = require("react/jsx-runtime");
 var icons2 = {
   info: InfoIcon,
   danger: ErrorIcon,
@@ -9774,9 +10023,9 @@ var LocalMessage = ({
   const { t } = useTranslation();
   const [isClosed, setClosed] = (0, import_react68.useState)(false);
   if (isClosed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime282.jsx)(import_jsx_runtime282.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime284.jsx)(import_jsx_runtime284.Fragment, {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime282.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime284.jsxs)(
     Box,
     {
       ...getBaseHTMLProps(
@@ -9797,15 +10046,15 @@ var LocalMessage = ({
       padding: "x0.75 x0.75 x0.75 x0.5",
       gap: "x0.5",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime282.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime284.jsx)(
           Icon,
           {
             icon: icons2[purpose],
             className: cn(LocalMessage_default.icon, LocalMessage_default.container__icon)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime282.jsx)("div", { className: LocalMessage_default.container__text, children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime282.jsx)("span", { children: message }) }),
-        closable && /* @__PURE__ */ (0, import_jsx_runtime282.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime284.jsx)("div", { className: LocalMessage_default.container__text, children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime284.jsx)("span", { children: message }) }),
+        closable && /* @__PURE__ */ (0, import_jsx_runtime284.jsx)(
           Button,
           {
             icon: CloseIcon,
@@ -9840,7 +10089,7 @@ var Modal_default = {
 };
 
 // src/components/Modal/Modal.tsx
-var import_jsx_runtime283 = require("react/jsx-runtime");
+var import_jsx_runtime285 = require("react/jsx-runtime");
 var Modal = ({
   isOpen = false,
   parentElement,
@@ -9891,14 +10140,14 @@ var Modal = ({
   useOnKeyDown(["Escape", "Esc"], () => handleClose());
   const hasTransitionedIn = useMountTransition(isOpen, 200);
   return (isOpen || hasTransitionedIn) && portalTarget ? (0, import_react_dom4.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime283.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime285.jsx)(
       Backdrop,
       {
         zIndex: "modal",
         isMounted: isOpen && hasTransitionedIn,
         ref: backdropRef,
         onClick: onBackdropClick,
-        children: /* @__PURE__ */ (0, import_jsx_runtime283.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime285.jsxs)(
           Paper,
           {
             display: "flex",
@@ -9925,7 +10174,7 @@ var Modal = ({
             id: modalId,
             elevation: 4,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime283.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime285.jsxs)(
                 HStack,
                 {
                   paddingBlock: "0 x0.75",
@@ -9935,8 +10184,8 @@ var Modal = ({
                   width: "100%",
                   className: Modal_default["header-container"],
                   children: [
-                    !!header && /* @__PURE__ */ (0, import_jsx_runtime283.jsx)("div", { id: headerId, children: typeof header === "string" ? /* @__PURE__ */ (0, import_jsx_runtime283.jsx)(Heading, { level: 2, typographyType: "headingLarge", children: header }) : header }),
-                    onClose && /* @__PURE__ */ (0, import_jsx_runtime283.jsx)(
+                    !!header && /* @__PURE__ */ (0, import_jsx_runtime285.jsx)("div", { id: headerId, children: typeof header === "string" ? /* @__PURE__ */ (0, import_jsx_runtime285.jsx)(Heading, { level: 2, typographyType: "headingLarge", children: header }) : header }),
+                    onClose && /* @__PURE__ */ (0, import_jsx_runtime285.jsx)(
                       Button,
                       {
                         size: "small",
@@ -9950,7 +10199,7 @@ var Modal = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime283.jsx)(Box, { display: "grid", gap: "x1", children })
+              /* @__PURE__ */ (0, import_jsx_runtime285.jsx)(Box, { display: "grid", gap: "x1", children })
             ]
           }
         )
@@ -9962,7 +10211,7 @@ var Modal = ({
 Modal.displayName = "Modal";
 
 // src/components/Modal/ModalBody.tsx
-var import_jsx_runtime284 = require("react/jsx-runtime");
+var import_jsx_runtime286 = require("react/jsx-runtime");
 var ModalBody = ({
   children,
   id,
@@ -9972,7 +10221,7 @@ var ModalBody = ({
   height,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime284.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(
     "div",
     {
       ...getBaseHTMLProps(
@@ -9994,8 +10243,8 @@ var ModalBody = ({
 ModalBody.displayName = "ModalBody";
 
 // src/components/Modal/ModalActions.tsx
-var import_jsx_runtime285 = require("react/jsx-runtime");
-var ModalActions = (props) => /* @__PURE__ */ (0, import_jsx_runtime285.jsx)(Box, { display: "flex", flexWrap: "wrap", gap: "x1", ...props });
+var import_jsx_runtime287 = require("react/jsx-runtime");
+var ModalActions = (props) => /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(Box, { display: "flex", flexWrap: "wrap", gap: "x1", ...props });
 ModalActions.displayName = "ModalActions";
 
 // src/components/Pagination/Pagination.tsx
@@ -10108,7 +10357,7 @@ var control = {
       ...optionTypography.medium
     },
     hasIcon: {
-      paddingLeft: "calc(var(--dds-spacing-x0-75) + var(--dds-icon-size-medium) + var(--dds-spacing-x0-5))"
+      paddingLeft: "calc(var(--dds-spacing-x0-75) + var(--dds-icon-size-medium) + var(--dds-spacing-md-icon-text-gap))"
     }
   },
   small: {
@@ -10118,7 +10367,7 @@ var control = {
       ...optionTypography.small
     },
     hasIcon: {
-      paddingLeft: "calc(var(--dds-spacing-x0-75) + var(--dds-icon-size-medium) + var(--dds-spacing-x0-5))"
+      paddingLeft: "calc(var(--dds-spacing-x0-75) + var(--dds-icon-size-medium) + var(--dds-spacing-sm-icon-text-gap))"
     }
   },
   xsmall: {
@@ -10128,7 +10377,7 @@ var control = {
       ...optionTypography.xsmall
     },
     hasIcon: {
-      paddingLeft: "calc(var(--dds-spacing-x0-5) + var(--dds-icon-size-small) + var(--dds-spacing-x0-5))"
+      paddingLeft: "calc(var(--dds-spacing-x0-5) + var(--dds-icon-size-small) + var(--dds-spacing-xs-icon-text-gap))"
     }
   }
 };
@@ -10326,7 +10575,7 @@ var getCustomStyles = (size2, hasError, hasIcon, isReadOnly) => ({
 // src/components/Select/SelectComponents.tsx
 var import_react70 = __toESM(require("react"));
 var import_react_select = require("react-select");
-var import_jsx_runtime286 = require("react/jsx-runtime");
+var import_jsx_runtime288 = require("react/jsx-runtime");
 var {
   Option,
   NoOptionsMessage,
@@ -10349,30 +10598,30 @@ var getIndicatorIconSize = (componentSize) => {
 };
 var DDSOption = ({
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime286.jsxs)(Option, { ...props, children: [
-  props.isSelected && /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(Icon, { icon: CheckIcon, iconSize: "small" }),
+}) => /* @__PURE__ */ (0, import_jsx_runtime288.jsxs)(Option, { ...props, children: [
+  props.isSelected && /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(Icon, { icon: CheckIcon, iconSize: "small" }),
   props.children
 ] });
-var CustomOption = (props) => /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(Option, { ...props, children: import_react70.default.createElement(props.customElement, props) });
+var CustomOption = (props) => /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(Option, { ...props, children: import_react70.default.createElement(props.customElement, props) });
 var CustomSingleValue = ({
   id,
   Element,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(SingleValue, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime286.jsx)("div", { id, className: Select_default["inner-single-value"], children: Element ? /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(Element, { ...props }) : props.children }) });
-var DDSNoOptionsMessage = (props) => /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(NoOptionsMessage, { ...props, children: "Ingen treff" });
+}) => /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(SingleValue, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime288.jsx)("div", { id, className: Select_default["inner-single-value"], children: Element ? /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(Element, { ...props }) : props.children }) });
+var DDSNoOptionsMessage = (props) => /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(NoOptionsMessage, { ...props, children: "Ingen treff" });
 var DDSClearIndicator = ({
   size: size2,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(ClearIndicator, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(Icon, { icon: CloseSmallIcon, iconSize: getIndicatorIconSize(size2) }) });
-var DDSMultiValueRemove = (props) => /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(MultiValueRemove, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(Icon, { icon: CloseSmallIcon, iconSize: "small" }) });
+}) => /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(ClearIndicator, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(Icon, { icon: CloseSmallIcon, iconSize: getIndicatorIconSize(size2) }) });
+var DDSMultiValueRemove = (props) => /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(MultiValueRemove, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(Icon, { icon: CloseSmallIcon, iconSize: "small" }) });
 var DDSDropdownIndicator = (props) => {
   const { className, componentSize, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(
     DropdownIndicator,
     {
       ...rest,
       className: cn(className, Select_default["dropdown-indicator"]),
-      children: /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(
         Icon,
         {
           icon: ChevronDownIcon,
@@ -10386,7 +10635,7 @@ var DDSInput = ({
   ariaInvalid,
   ariaDescribedby,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(
   Input2,
   {
     ...props,
@@ -10405,7 +10654,7 @@ function DDSControl(props) {
     innerProps,
     ...rest
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime286.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime288.jsxs)(
     Control,
     {
       ...rest,
@@ -10420,13 +10669,13 @@ function DDSControl(props) {
         readOnly && Select_default["control--readonly"]
       ),
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(
+        icon && /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(
           Icon,
           {
             icon,
             iconSize: getFormInputIconSize(componentSize),
             className: cn(
-              Input_default["input-group__absolute-element"],
+              Input_default["input-group__absolute-el"],
               Select_default[`icon--${componentSize}`]
             )
           }
@@ -10438,7 +10687,7 @@ function DDSControl(props) {
 }
 
 // src/components/Select/Select.tsx
-var import_jsx_runtime287 = require("react/jsx-runtime");
+var import_jsx_runtime289 = require("react/jsx-runtime");
 function Select({
   id,
   label,
@@ -10488,7 +10737,7 @@ function Select({
     componentSize === "xsmall" && "var(--dds-input-default-width-xsmall)"
   );
   const customInput = (0, import_react71.useCallback)(
-    (props) => /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(
+    (props) => /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
       DDSInput,
       {
         ...props,
@@ -10506,7 +10755,7 @@ function Select({
     []
   );
   const customSingleValue = (0, import_react71.useCallback)(
-    (props) => /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(
+    (props) => /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
       CustomSingleValue,
       {
         ...props,
@@ -10517,15 +10766,15 @@ function Select({
     []
   );
   const customClearIndicator = (0, import_react71.useCallback)(
-    (props) => /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(DDSClearIndicator, { ...props, size: componentSize }),
+    (props) => /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(DDSClearIndicator, { ...props, size: componentSize }),
     [componentSize]
   );
   const customDropdownIndicator = (0, import_react71.useCallback)(
-    (props) => /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(DDSDropdownIndicator, { ...props, componentSize }),
+    (props) => /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(DDSDropdownIndicator, { ...props, componentSize }),
     [componentSize]
   );
   const customControl = (0, import_react71.useCallback)(
-    (props) => /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(
+    (props) => /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
       DDSControl,
       {
         ...props,
@@ -10540,9 +10789,9 @@ function Select({
   const customOptionComponent = (0, import_react71.useCallback)(
     (props) => {
       if (customOptionElement) {
-        return /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(CustomOption, { ...props, customElement: customOptionElement });
+        return /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(CustomOption, { ...props, customElement: customOptionElement });
       } else {
-        return /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(DDSOption, { ...props });
+        return /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(DDSOption, { ...props });
       }
     },
     [customOptionElement, componentSize]
@@ -10586,7 +10835,7 @@ function Select({
     openMenuOnClick: readOnly ? false : openMenuOnClick ? openMenuOnClick : void 0,
     ...rest
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime287.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime289.jsxs)(
     Box,
     {
       width: inputWidth,
@@ -10606,8 +10855,8 @@ function Select({
           readOnly,
           afterLabelContent
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(import_react_select2.default, { ...reactSelectProps, ref }),
-        renderInputMessage(tip, tipId, errorMessage, errorMessageId)
+        /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(import_react_select2.default, { ...reactSelectProps, ref }),
+        renderInputMessage({ tip, tipId, errorMessage, errorMessageId })
       ]
     }
   );
@@ -10633,7 +10882,7 @@ var NativeSelect_default = {
 };
 
 // src/components/Select/NativeSelect/NativeSelect.tsx
-var import_jsx_runtime288 = require("react/jsx-runtime");
+var import_jsx_runtime290 = require("react/jsx-runtime");
 var NativeSelect = ({
   ref,
   id,
@@ -10655,6 +10904,7 @@ var NativeSelect = ({
   clearable,
   afterLabelContent,
   onChange,
+  icon,
   ...rest
 }) => {
   const { t } = useTranslation();
@@ -10700,7 +10950,8 @@ var NativeSelect = ({
   };
   const iconSize = componentSize === "medium" ? "medium" : "small";
   const showClearButton = clearable && hasValue && !readOnly && !rest.disabled;
-  return /* @__PURE__ */ (0, import_jsx_runtime288.jsxs)("div", { className, style, children: [
+  const hasIcon = !!icon;
+  return /* @__PURE__ */ (0, import_jsx_runtime290.jsxs)("div", { className, style, children: [
     renderLabel({
       label,
       htmlFor: uniqueId,
@@ -10708,8 +10959,19 @@ var NativeSelect = ({
       readOnly,
       afterLabelContent
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime288.jsxs)(Box, { position: "relative", width: inputWidth, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime290.jsxs)(Box, { position: "relative", width: inputWidth, children: [
+      hasIcon && /* @__PURE__ */ (0, import_jsx_runtime290.jsx)(
+        Icon,
+        {
+          icon,
+          className: cn(
+            Input_default["input-group__absolute-el"],
+            Input_default[`input-group__absolute-el--${componentSize}`]
+          ),
+          iconSize: getFormInputIconSize(componentSize)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime290.jsx)(
         "select",
         {
           ref: useCombinedRef(ref, selectRef),
@@ -10720,6 +10982,7 @@ var NativeSelect = ({
             readOnly && NativeSelect_default["select--readonly"],
             Input_default.input,
             Input_default[`input--${componentSize}`],
+            hasIcon && Input_default[`input-with-icon--${componentSize}`],
             NativeSelect_default[`select--${componentSize}`],
             scrollbar,
             focusable,
@@ -10743,7 +11006,7 @@ var NativeSelect = ({
           children
         }
       ),
-      showClearButton && /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(
+      showClearButton && /* @__PURE__ */ (0, import_jsx_runtime290.jsx)(
         ClearButton,
         {
           "aria-label": t(commonTexts.clearSelect),
@@ -10752,7 +11015,7 @@ var NativeSelect = ({
           className: NativeSelect_default[`clear-button--${iconSize}`]
         }
       ),
-      !multiple && /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(
+      !multiple && /* @__PURE__ */ (0, import_jsx_runtime290.jsx)(
         Icon,
         {
           icon: ChevronDownIcon,
@@ -10761,21 +11024,21 @@ var NativeSelect = ({
         }
       )
     ] }),
-    renderInputMessage(tip, tipId, errorMessage, errorMessageId)
+    renderInputMessage({ tip, tipId, errorMessage, errorMessageId })
   ] });
 };
 var NativeSelectPlaceholder = ({
   children = "-- Velg fra listen --",
   value,
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime288.jsx)("option", { value: value != null ? value : "", selected: true, ...rest, children });
+}) => /* @__PURE__ */ (0, import_jsx_runtime290.jsx)("option", { value: value != null ? value : "", selected: true, ...rest, children });
 NativeSelectPlaceholder.displayName = "NativeSelectPlaceholder";
 
 // src/components/Select/utils.ts
 var createSelectOptions = (...args) => args.map((v) => ({ label: v, value: v }));
 
 // src/components/Pagination/Pagination.tsx
-var import_jsx_runtime289 = require("react/jsx-runtime");
+var import_jsx_runtime291 = require("react/jsx-runtime");
 var Pagination = ({
   itemsAmount,
   defaultItemsPerPage = 10,
@@ -10784,12 +11047,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,
@@ -10800,7 +11058,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.`
     );
@@ -10828,7 +11092,7 @@ var Pagination = ({
   };
   const listItems = items.length > 0 ? items.map((item, i) => {
     const isActive = item === activePage;
-    return /* @__PURE__ */ (0, import_jsx_runtime289.jsx)("li", { className: Pagination_default.list__item, children: item !== "truncator" && typeof item === "number" ? /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime291.jsx)("li", { className: Pagination_default.list__item, children: item !== "truncator" && typeof item === "number" ? /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
       Button,
       {
         purpose: isActive ? "primary" : "secondary",
@@ -10836,10 +11100,10 @@ var Pagination = ({
         onClick: (event) => {
           onPageChange(event, item);
         },
-        "aria-label": isActive ? t(texts19.currentPage(item)) : t(texts19.page(item)),
+        "aria-label": isActive ? t(texts21.currentPage(item)) : t(texts21.page(item)),
         children: item
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
       Icon,
       {
         icon: MoreHorizontalIcon,
@@ -10847,7 +11111,7 @@ var Pagination = ({
       }
     ) }, `pagination-item-${i}`);
   }) : void 0;
-  const previousPageButton = /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+  const previousPageButton = /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
     Button,
     {
       purpose: "secondary",
@@ -10856,10 +11120,10 @@ var Pagination = ({
       onClick: (event) => {
         onPageChange(event, activePage - 1);
       },
-      "aria-label": t(texts19.previousPage)
+      "aria-label": t(texts21.previousPage)
     }
   );
-  const nextPageButton = /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+  const nextPageButton = /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
     Button,
     {
       purpose: "secondary",
@@ -10868,31 +11132,31 @@ var Pagination = ({
       onClick: (event) => {
         onPageChange(event, activePage + 1);
       },
-      "aria-label": t(texts19.nextPage)
+      "aria-label": t(texts21.nextPage)
     }
   );
   const isOnFirstPage = activePage === 1;
   const isOnLastPage = activePage === pagesLength;
-  const navigation = withPagination ? /* @__PURE__ */ (0, import_jsx_runtime289.jsxs)(
+  const navigation = withPagination ? /* @__PURE__ */ (0, import_jsx_runtime291.jsxs)(
     Box,
     {
       as: "nav",
       ref,
-      "aria-label": t(texts19.pagination),
+      "aria-label": t(texts21.pagination),
       display: "flex",
       alignItems: "center",
       ...!withSelect && !withCounter && {
         ...getBaseHTMLProps(id, className, htmlProps, rest)
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime289.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime291.jsxs)(
           ShowHide,
           {
             as: "ol",
             hideBelow: smallScreenBreakpoint,
             className: Pagination_default.list,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
                 "li",
                 {
                   className: cn(
@@ -10904,7 +11168,7 @@ var Pagination = ({
                 }
               ),
               listItems,
-              /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
                 "li",
                 {
                   className: cn(
@@ -10918,14 +11182,14 @@ var Pagination = ({
             ]
           }
         ),
-        !!smallScreenBreakpoint && /* @__PURE__ */ (0, import_jsx_runtime289.jsxs)(
+        !!smallScreenBreakpoint && /* @__PURE__ */ (0, import_jsx_runtime291.jsxs)(
           ShowHide,
           {
             as: "ol",
             showBelow: smallScreenBreakpoint,
             className: Pagination_default.list,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
                 "li",
                 {
                   className: cn(
@@ -10933,7 +11197,7 @@ var Pagination = ({
                     isOnFirstPage && Pagination_default["list__item--hidden"]
                   ),
                   "aria-hidden": isOnFirstPage,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
                     Button,
                     {
                       purpose: "secondary",
@@ -10942,12 +11206,12 @@ var Pagination = ({
                       onClick: (event) => {
                         onPageChange(event, 1);
                       },
-                      "aria-label": t(texts19.firstPage)
+                      "aria-label": t(texts21.firstPage)
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
                 "li",
                 {
                   className: cn(
@@ -10958,7 +11222,7 @@ var Pagination = ({
                   children: previousPageButton
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime289.jsx)("li", { className: Pagination_default.list__item, children: /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime291.jsx)("li", { className: Pagination_default.list__item, children: /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
                 Button,
                 {
                   size: "small",
@@ -10968,7 +11232,7 @@ var Pagination = ({
                   children: activePage
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
                 "li",
                 {
                   className: cn(
@@ -10979,7 +11243,7 @@ var Pagination = ({
                   children: nextPageButton
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
                 "li",
                 {
                   className: cn(
@@ -10987,7 +11251,7 @@ var Pagination = ({
                     isOnLastPage && Pagination_default["list__item--hidden"]
                   ),
                   "aria-hidden": isOnLastPage,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
                     Button,
                     {
                       purpose: "secondary",
@@ -10996,7 +11260,7 @@ var Pagination = ({
                       onClick: (event) => {
                         onPageChange(event, pagesLength);
                       },
-                      "aria-label": t(texts19.lastPage)
+                      "aria-label": t(texts21.lastPage)
                     }
                   )
                 }
@@ -11009,7 +11273,7 @@ var Pagination = ({
   ) : null;
   const activePageFirstItem = activePage === 1 ? 1 : activePage * itemsPerPage - itemsPerPage + 1;
   const activePageLastItem = activePage === pagesLength ? itemsAmount : activePage * itemsPerPage;
-  return !withCounter && !withSelect ? navigation : /* @__PURE__ */ (0, import_jsx_runtime289.jsxs)(
+  return !withCounter && !withSelect ? navigation : /* @__PURE__ */ (0, import_jsx_runtime291.jsxs)(
     Box,
     {
       display: "flex",
@@ -11020,11 +11284,11 @@ var Pagination = ({
       alignItems: styleUpToBreakpoint("center", smallScreenBreakpoint),
       ...getBaseHTMLProps(id, className, htmlProps, rest),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime289.jsxs)("div", { className: Pagination_default.indicators, children: [
-          withSelect && /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime291.jsxs)("div", { className: Pagination_default.indicators, children: [
+          withSelect && /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
             Select,
             {
-              options: selectOptions,
+              options: tSelectOptions,
               isSearchable: false,
               width: "90px",
               defaultValue: {
@@ -11034,11 +11298,11 @@ var Pagination = ({
               isClearable: false,
               onChange: handleSelectChange,
               componentSize: "small",
-              "aria-label": t(texts19.itemsPerPage)
+              "aria-label": t(texts21.itemsPerPage)
             }
           ),
-          withCounter && /* @__PURE__ */ (0, import_jsx_runtime289.jsx)(Paragraph, { children: t(
-            texts19.showsAmountOfTotalItems(
+          withCounter && /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(Paragraph, { children: t(
+            texts21.showsAmountOfTotalItems(
               activePageFirstItem,
               activePageLastItem,
               itemsAmount
@@ -11051,61 +11315,77 @@ var Pagination = ({
   );
 };
 Pagination.displayName = "Pagination";
-var texts19 = 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
@@ -11509,7 +11789,7 @@ var PhoneInput_default = {
 };
 
 // src/components/PhoneInput/PhoneInput.tsx
-var import_jsx_runtime290 = require("react/jsx-runtime");
+var import_jsx_runtime292 = require("react/jsx-runtime");
 var prioritizedCountries = [
   COUNTRIES.NO,
   COUNTRIES.SE,
@@ -11556,21 +11836,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(texts20.countryCodeAndPhoneNumber);
-  const tSelectLabel = selectLabel != null ? selectLabel : t(texts20.countryCode);
+  const tGroupLabel = groupLabel != null ? groupLabel : t(texts22.countryCodeAndPhoneNumber);
+  const tSelectLabel = selectLabel != null ? selectLabel : t(texts22.countryCode);
   const generatedId = (0, import_react74.useId)();
   const uniqueId = (_a = props.id) != null ? _a : generatedId;
   const phoneInputId = `${uniqueId}-phone-input`;
@@ -11647,7 +11927,7 @@ var PhoneInput = ({
   const showRequiredStyling = !!(required || ariaRequired);
   const bp = props.smallScreenBreakpoint;
   const widthDefault = componentSize === "xsmall" && "var(--dds-input-default-width-xsmall)";
-  return /* @__PURE__ */ (0, import_jsx_runtime290.jsxs)("div", { className: cn(className, Input_default.container), style, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime292.jsxs)("div", { className: cn(className, Input_default.container), style, children: [
     renderLabel({
       label,
       htmlFor: phoneNumberId,
@@ -11655,7 +11935,7 @@ var PhoneInput = ({
       readOnly,
       afterLabelContent
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime290.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime292.jsxs)(
       Box,
       {
         display: "flex",
@@ -11668,8 +11948,8 @@ var PhoneInput = ({
         role: "group",
         "aria-label": tGroupLabel,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime290.jsx)("label", { className: utilStyles_default["visually-hidden"], htmlFor: selectId, children: tSelectLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime290.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime292.jsx)("label", { className: utilStyles_default["visually-hidden"], htmlFor: selectId, children: tSelectLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime292.jsx)(
             NativeSelect,
             {
               width: styleUpToBreakpoint(
@@ -11690,23 +11970,23 @@ var PhoneInput = ({
                 hasTip ? tipId : void 0,
                 ariaDescribedby
               ]),
-              children: countryOptions.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime290.jsx)("option", { value: item.countryCode, children: item.label }, index))
+              children: countryOptions.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime292.jsx)("option", { value: item.countryCode, children: item.label }, index))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime290.jsxs)(Box, { width: "100%", className: Input_default["input-group"], children: [
-            /* @__PURE__ */ (0, import_jsx_runtime290.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime292.jsxs)(Box, { width: "100%", className: Input_default["input-group"], children: [
+            /* @__PURE__ */ (0, import_jsx_runtime292.jsx)(
               "span",
               {
                 className: cn(
                   typographyStyles_default[`body-${componentSize}`],
-                  Input_default["input-group__absolute-element"],
+                  Input_default["input-group__absolute-el"],
                   PhoneInput_default["calling-code"]
                 ),
                 ref: callingCodeRef,
                 children: callingCode
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime290.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime292.jsx)(
               Box,
               {
                 as: StatefulInput,
@@ -11736,7 +12016,7 @@ var PhoneInput = ({
         ]
       }
     ),
-    hasMessage && renderInputMessage(tip, tipId, errorMessage, errorMessageId)
+    hasMessage && renderInputMessage({ tip, tipId, errorMessage, errorMessageId })
   ] });
 };
 PhoneInput.displayName = "PhoneInput";
@@ -11744,18 +12024,20 @@ var getCallingCode = (s) => {
   var _a;
   return (_a = s.substring(s.indexOf("+"), s.length)) != null ? _a : "";
 };
-var texts20 = 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"
   }
 });
 
@@ -11777,7 +12059,7 @@ var PopoverContext = (0, import_react75.createContext)({});
 var usePopoverContext = () => (0, import_react75.useContext)(PopoverContext);
 
 // src/components/Popover/Popover.tsx
-var import_jsx_runtime291 = require("react/jsx-runtime");
+var import_jsx_runtime293 = require("react/jsx-runtime");
 var Popover = ({
   id,
   header,
@@ -11865,7 +12147,7 @@ var Popover = ({
   });
   const hasTitle = !!header;
   const openCn = hasTransitionedIn && isOpen ? "open" : "closed";
-  const popover = /* @__PURE__ */ (0, import_jsx_runtime291.jsxs)(
+  const popover = /* @__PURE__ */ (0, import_jsx_runtime293.jsxs)(
     Paper,
     {
       ...getBaseHTMLProps(
@@ -11896,15 +12178,15 @@ var Popover = ({
       elevation: 3,
       border: "border-subtle",
       children: [
-        header && /* @__PURE__ */ (0, import_jsx_runtime291.jsx)("div", { className: Popover_default.header, children: typeof header === "string" ? /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(Heading, { level: 2, typographyType: "headingMedium", children: header }) : header }),
-        /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
+        header && /* @__PURE__ */ (0, import_jsx_runtime293.jsx)("div", { className: Popover_default.header, children: typeof header === "string" ? /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(Heading, { level: 2, typographyType: "headingMedium", children: header }) : header }),
+        /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(
           "div",
           {
             className: !hasTitle && withCloseButton ? Popover_default["content--closable--no-header"] : "",
             children
           }
         ),
-        withCloseButton && /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
+        withCloseButton && /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(
           Button,
           {
             icon: CloseIcon,
@@ -11924,7 +12206,7 @@ Popover.displayName = "Popover";
 
 // src/components/Popover/PopoverGroup.tsx
 var import_react77 = require("react");
-var import_jsx_runtime292 = require("react/jsx-runtime");
+var import_jsx_runtime294 = require("react/jsx-runtime");
 var PopoverGroup = ({
   isOpen: propIsOpen,
   setIsOpen: propSetIsOpen,
@@ -11985,7 +12267,7 @@ var PopoverGroup = ({
       ref: combinedAnchorRef
     }) : child);
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime292.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime294.jsx)(
     PopoverContext,
     {
       value: {
@@ -12036,7 +12318,7 @@ var ProgressTracker_default = {
 
 // src/components/ProgressTracker/ProgressTrackerItem.tsx
 var import_react79 = require("react");
-var import_jsx_runtime293 = require("react/jsx-runtime");
+var import_jsx_runtime295 = require("react/jsx-runtime");
 var toItemState = (active, completed, disabled) => {
   if (disabled) {
     return "disabled";
@@ -12080,10 +12362,10 @@ var ProgressTrackerItem = (props) => {
   };
   const stepNumberContent = (0, import_react79.useMemo)(() => {
     if (completed) {
-      return /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(Icon, { icon: CheckIcon, iconSize: "small" });
+      return /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(Icon, { icon: CheckIcon, iconSize: "small" });
     }
     if (icon !== void 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(Icon, { icon, iconSize: "small" });
+      return /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(Icon, { icon, iconSize: "small" });
     }
     return stepNumber;
   }, [completed, icon, index]);
@@ -12092,8 +12374,8 @@ var ProgressTrackerItem = (props) => {
     if (active) return "text-action-resting";
   }
   const isInactiveLink = disabled || active;
-  const stepContent = /* @__PURE__ */ (0, import_jsx_runtime293.jsxs)(import_jsx_runtime293.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(
+  const stepContent = /* @__PURE__ */ (0, import_jsx_runtime295.jsxs)(import_jsx_runtime295.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(
       Box,
       {
         display: "flex",
@@ -12108,7 +12390,7 @@ var ProgressTrackerItem = (props) => {
         children: stepNumberContent
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(
       Typography,
       {
         as: "div",
@@ -12122,15 +12404,15 @@ var ProgressTrackerItem = (props) => {
       }
     )
   ] });
-  const ariaLabel = props["aria-label"] ? props["aria-label"] : `${children}, ${stepNumber}. ${completed ? t(texts21.completed) : t(texts21.uncompleted)}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(
+  const ariaLabel = props["aria-label"] ? props["aria-label"] : `${children}, ${stepNumber}. ${completed ? t(texts23.completed) : t(texts23.uncompleted)}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(
     Box,
     {
       as: "li",
       display: direction === "row" ? "flex" : void 0,
       "aria-current": active ? "step" : void 0,
       className: cn(ProgressTracker_default["list-item"], ProgressTracker_default[`list-item--${direction}`]),
-      children: handleStepChange ? /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(
+      children: handleStepChange ? /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(
         Box,
         {
           as: StylelessButton,
@@ -12154,7 +12436,7 @@ var ProgressTrackerItem = (props) => {
           disabled,
           children: stepContent
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime293.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(
         "div",
         {
           ...getBaseHTMLProps(
@@ -12171,23 +12453,25 @@ var ProgressTrackerItem = (props) => {
   );
 };
 ProgressTrackerItem.displayName = "ProgressTracker.Item";
-var texts21 = createTexts({
+var texts23 = createTexts({
   uncompleted: {
     nb: "trinn ikke ferdig",
     no: "trinn ikke ferdig",
     nn: "trinn ikkje ferdig",
-    en: "step uncompleted"
+    en: "step uncompleted",
+    se: "ceahkki ii g\xE1rvvis"
   },
   completed: {
     nb: "trinn ferdig",
     no: "trinn ferdig",
     nn: "trinn ferdig",
-    en: "step completed"
+    en: "step completed",
+    se: "ceahkki g\xE1rv\xE1"
   }
 });
 
 // src/components/ProgressTracker/ProgressTracker.tsx
-var import_jsx_runtime294 = require("react/jsx-runtime");
+var import_jsx_runtime296 = require("react/jsx-runtime");
 var ProgressTracker = (() => {
   const Res = ({
     id,
@@ -12217,7 +12501,7 @@ var ProgressTracker = (() => {
     }, [children]);
     const isRow = direction === "row";
     const { "aria-label": ariaLabel } = htmlProps;
-    return /* @__PURE__ */ (0, import_jsx_runtime294.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime296.jsx)(
       ProgressTrackerContext,
       {
         value: {
@@ -12225,12 +12509,12 @@ var ProgressTracker = (() => {
           handleStepChange: handleChange,
           direction
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime294.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime296.jsx)(
           "nav",
           {
-            "aria-label": ariaLabel != null ? ariaLabel : t(texts22.stepProgression),
+            "aria-label": ariaLabel != null ? ariaLabel : t(texts24.stepProgression),
             ...getBaseHTMLProps(id, className, htmlProps, rest),
-            children: /* @__PURE__ */ (0, import_jsx_runtime294.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime296.jsx)(
               Box,
               {
                 as: StylelessOList,
@@ -12266,12 +12550,13 @@ function passIndexPropToProgressTrackerItem(children) {
     })
   );
 }
-var texts22 = createTexts({
+var texts24 = createTexts({
   stepProgression: {
     nb: "Trinnprogresjon",
     no: "Trinnprogresjon",
     nn: "Trinnprogresjon",
-    en: "Step progression"
+    en: "Step progression",
+    se: "Ceahkkeprogre\u0161uvdna"
   }
 });
 
@@ -12289,7 +12574,7 @@ var ProgressBar_default = {
 };
 
 // src/components/ProgressBar/ProgressBar.tsx
-var import_jsx_runtime295 = require("react/jsx-runtime");
+var import_jsx_runtime297 = require("react/jsx-runtime");
 var PROGRESS_BAR_SIZES = createSizes("small", "medium");
 var ProgressBar = ({
   label,
@@ -12315,9 +12600,9 @@ var ProgressBar = ({
   const errorMessageId = derivativeIdGenerator(uniqueId, "errorMessage");
   const fillPrecentage = hasValidValue && value / (max != null ? max : 1) * 100 + "%";
   const isIndeterminate = !hasValidValue && !hasErrorMessage;
-  return /* @__PURE__ */ (0, import_jsx_runtime295.jsxs)(Box, { width: "100%", className, style, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime297.jsxs)(Box, { width: "100%", className, style, children: [
     renderLabel({ label, htmlFor: uniqueId }),
-    /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime297.jsx)(
       "progress",
       {
         id: uniqueId,
@@ -12333,13 +12618,13 @@ var ProgressBar = ({
         children: fillPrecentage
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime297.jsx)(
       Box,
       {
         width: getInputWidth(width),
         height: size2 === "small" ? "x0.75" : "x1.5",
         className: cn(ProgressBar_default.progress),
-        children: /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime297.jsx)(
           Box,
           {
             height: "100%",
@@ -12354,7 +12639,7 @@ var ProgressBar = ({
         )
       }
     ),
-    renderInputMessage(tip, tipId, errorMessage, errorMessageId)
+    renderInputMessage({ tip, tipId, errorMessage, errorMessageId })
   ] });
 };
 ProgressBar.displayName = "ProgressBar";
@@ -12373,7 +12658,6 @@ var useAutocompleteSearch = () => {
 var Search_default = {
   "with-button-container": "Search_with-button-container",
   input: "Search_input",
-  "search-icon": "Search_search-icon",
   "clear-button": "Search_clear-button",
   suggestions: "Search_suggestions"
 };
@@ -12388,7 +12672,7 @@ var typographyTypes2 = {
 
 // src/components/Search/SearchSuggestionItem.tsx
 var import_react83 = require("react");
-var import_jsx_runtime296 = require("react/jsx-runtime");
+var import_jsx_runtime298 = require("react/jsx-runtime");
 var SearchSuggestionItem = ({
   focus,
   className,
@@ -12403,7 +12687,7 @@ var SearchSuggestionItem = ({
       (_a = itemRef.current) == null ? void 0 : _a.focus();
     }
   }, [focus]);
-  return /* @__PURE__ */ (0, import_jsx_runtime296.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime298.jsx)(
     StylelessButton,
     {
       ref: combinedRef,
@@ -12421,7 +12705,7 @@ var SearchSuggestionItem = ({
 SearchSuggestionItem.displayName = "SearchSuggestionItem";
 
 // src/components/Search/SearchSuggestions.tsx
-var import_jsx_runtime297 = require("react/jsx-runtime");
+var import_jsx_runtime299 = require("react/jsx-runtime");
 var SearchSuggestions = ({
   id,
   searchId,
@@ -12441,7 +12725,7 @@ var SearchSuggestions = ({
   const { t } = useTranslation();
   const [focus] = useRoveFocus(suggestions == null ? void 0 : suggestions.length, showSuggestions);
   const suggestionsToRender = maxSuggestions ? suggestions == null ? void 0 : suggestions.slice(maxSuggestions) : suggestions;
-  return /* @__PURE__ */ (0, import_jsx_runtime297.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime299.jsxs)(
     Paper,
     {
       ...getBaseHTMLProps(
@@ -12465,23 +12749,23 @@ var SearchSuggestions = ({
       overflowY: "scroll",
       marginBlock: "x0.25 0",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime297.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime299.jsx)(
           Box,
           {
             as: "h2",
             paddingInline: "0 x1",
             id: suggestionsHeaderId,
             className: typographyStyles_default["body-xsmall"],
-            children: "S\xF8keforslag"
+            children: t(texts25.searchSuggestions)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime297.jsx)(StylelessList, { role: "listbox", "aria-labelledby": suggestionsHeaderId, children: suggestionsToRender.map((suggestion, index) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime297.jsx)("li", { role: "option", children: /* @__PURE__ */ (0, import_jsx_runtime297.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime299.jsx)(StylelessList, { role: "listbox", "aria-labelledby": suggestionsHeaderId, children: suggestionsToRender.map((suggestion, index) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime299.jsx)("li", { role: "option", children: /* @__PURE__ */ (0, import_jsx_runtime299.jsx)(
             SearchSuggestionItem,
             {
               index,
               focus: focus === index && showSuggestions,
-              "aria-label": t(texts23.search(suggestion)),
+              "aria-label": t(texts25.search(suggestion)),
               onClick: onSuggestionClick,
               "aria-setsize": suggestionsToRender.length,
               "aria-posinset": index,
@@ -12495,45 +12779,34 @@ var SearchSuggestions = ({
   );
 };
 SearchSuggestions.displayName = "SearchSuggestions";
-var texts23 = createTexts({
+var texts25 = createTexts({
   search: (suggestion) => ({
     no: `${suggestion} s\xF8k`,
     nb: `${suggestion} s\xF8k`,
     nn: `${suggestion} s\xF8k`,
-    en: `${suggestion} search`
-  })
+    en: `${suggestion} search`,
+    se: `${suggestion} ohcan`
+  }),
+  searchSuggestions: {
+    no: "S\xF8keforslag",
+    nb: "S\xF8keforslag",
+    nn: "S\xF8keforslag",
+    en: "Search suggestions",
+    se: "Ozanf\xE1laldagat"
+  }
 });
 
 // src/components/Search/Search.tsx
-var import_jsx_runtime298 = require("react/jsx-runtime");
+var import_jsx_runtime300 = require("react/jsx-runtime");
 var getIconSize2 = (size2) => {
   switch (size2) {
     case "large":
       return "medium";
     case "medium":
-      return "medium";
     case "small":
-      return "small";
+      return getFormInputIconSize(size2);
   }
 };
-var getPadding = (size2, showIcon) => {
-  const paddingRight = (textSize) => `calc(
- var(--dds-spacing-x1) + ${textSize} * 1.5 + var(--dds-spacing-x0-5)
- )`;
-  const paddingLeft = (iconSize) => `calc(
- var(--dds-spacing-x0-75) + ${iconSize} + var(--dds-spacing-x0-5)
- )`;
-  const pRSmallButton = paddingRight("0.875rem");
-  const pRMediumButton = paddingRight("1rem");
-  const pLSmallIcon = paddingLeft("var(--dds-icon-size-small)");
-  const pLMediumIcon = paddingLeft("var(--dds-icon-size-medium)");
-  const paddingMap = {
-    large: `x1 ${pRMediumButton} x1 ${showIcon ? pLMediumIcon : "x0.75"}`,
-    medium: `x0.75 ${pRSmallButton} x0.75 ${showIcon ? pLMediumIcon : "x0.75"}`,
-    small: `x0.5 ${pRSmallButton} x0.5 ${showIcon ? pLSmallIcon : "x0.75"}`
-  };
-  return paddingMap[size2];
-};
 var Search = ({
   componentSize = "medium",
   buttonProps,
@@ -12581,25 +12854,25 @@ var Search = ({
   } = buttonProps != null ? buttonProps : {};
   const hasSuggestions = !!context.suggestions;
   const showSearchButton = !!buttonProps && !!onClick;
-  const inputGroup = /* @__PURE__ */ (0, import_jsx_runtime298.jsxs)(
+  const inputGroup = /* @__PURE__ */ (0, import_jsx_runtime300.jsxs)(
     HStack,
     {
       position: "relative",
       width: !showSearchButton ? width : void 0,
       className: !showSearchButton ? className : void 0,
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime298.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
           Icon,
           {
             icon: SearchIcon,
             iconSize: getIconSize2(componentSize),
             className: cn(
-              Input_default["input-group__absolute-element"],
-              Search_default["search-icon"]
+              Input_default["input-group__absolute-el"],
+              Input_default[`input-group__absolute-el--${componentSize}`]
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime298.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
           Box,
           {
             as: Input,
@@ -12621,15 +12894,17 @@ var Search = ({
             "aria-expanded": context.showSuggestions,
             role: hasSuggestions ? "combobox" : void 0,
             width: "100%",
-            padding: getPadding(componentSize, showIcon),
             className: cn(
               Search_default.input,
+              Input_default[`input--${componentSize}`],
+              showIcon && Input_default[`input-with-icon--${componentSize}`],
+              Input_default[`input-with-el-right--${componentSize}`],
               typographyStyles_default[getTypographyCn(typographyTypes2[componentSize])]
             )
           }
         ),
-        hasSuggestions && /* @__PURE__ */ (0, import_jsx_runtime298.jsxs)(import_jsx_runtime298.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime298.jsx)(
+        hasSuggestions && /* @__PURE__ */ (0, import_jsx_runtime300.jsxs)(import_jsx_runtime300.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
             SearchSuggestions,
             {
               id: suggestionsId,
@@ -12641,13 +12916,13 @@ var Search = ({
               componentSize
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime298.jsx)(VisuallyHidden, { id: suggestionsDescriptionId, children: t(texts24.useArrowKeys) })
+          /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(VisuallyHidden, { id: suggestionsDescriptionId, children: t(texts26.useArrowKeys) })
         ] }),
-        hasValue && /* @__PURE__ */ (0, import_jsx_runtime298.jsx)(
+        hasValue && /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
           ClearButton,
           {
             size: getIconSize2(componentSize),
-            "aria-label": t(texts24.clearSearch),
+            "aria-label": t(texts26.clearSearch),
             onClick: clearInput,
             className: Search_default["clear-button"]
           }
@@ -12655,10 +12930,10 @@ var Search = ({
       ]
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime298.jsxs)("div", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime300.jsxs)("div", { children: [
     renderLabel({ htmlFor: uniqueId, label }),
-    /* @__PURE__ */ (0, import_jsx_runtime298.jsxs)("div", { children: [
-      showSearchButton ? /* @__PURE__ */ (0, import_jsx_runtime298.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime300.jsxs)("div", { children: [
+      showSearchButton ? /* @__PURE__ */ (0, import_jsx_runtime300.jsxs)(
         Grid,
         {
           className,
@@ -12670,47 +12945,50 @@ var Search = ({
           style,
           children: [
             inputGroup,
-            /* @__PURE__ */ (0, import_jsx_runtime298.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
               Button,
               {
                 size: componentSize,
                 onClick,
                 ...otherButtonProps,
-                children: buttonLabel != null ? buttonLabel : t(texts24.search)
+                children: buttonLabel != null ? buttonLabel : t(texts26.search)
               }
             )
           ]
         }
       ) : inputGroup,
-      renderInputMessage(tip, tipId)
+      renderInputMessage({ tip, tipId })
     ] })
   ] });
 };
 Search.displayName = "Search";
-var texts24 = createTexts({
+var texts26 = createTexts({
   clearSearch: {
     nb: "T\xF8m s\xF8k",
     no: "T\xF8m s\xF8k",
     nn: "T\xF8m s\xF8k",
-    en: "Clear search"
+    en: "Clear search",
+    se: "Gurre ohcama"
   },
   search: {
     nb: "S\xF8k",
     no: "S\xF8k",
     nn: "S\xF8k",
-    en: "Search"
+    en: "Search",
+    se: "Ohcan"
   },
   useArrowKeys: {
     nb: "Bruk piltastene for \xE5 navigere i forslagene n\xE5r listen er utvidet",
     no: "Bruk piltastene for \xE5 navigere i forslagene n\xE5r listen er utvidet",
     nn: "Bruk piltastane for \xE5 navigere i forslaga n\xE5r lista er utvida",
-    en: "Use the arrow keys to navigate suggestions when the list is expanded"
+    en: "Use the arrow keys to navigate suggestions when the list is expanded",
+    se: "Deatte njuollaboalu ohccat \xE1rvalusaid listtus mii lea viiddiduvvon"
   }
 });
 
 // src/components/Search/SearchAutocompleteWrapper.tsx
 var import_react85 = require("react");
-var import_jsx_runtime299 = require("react/jsx-runtime");
+var import_jsx_runtime301 = require("react/jsx-runtime");
 var SearchAutocompleteWrapper = (props) => {
   const {
     value,
@@ -12786,7 +13064,7 @@ var SearchAutocompleteWrapper = (props) => {
     inputValue,
     onSugggestionClick: handleSuggestionClick
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime299.jsx)(AutocompleteSearchContext, { value: contextProps, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime301.jsx)(AutocompleteSearchContext, { value: contextProps, children });
 };
 SearchAutocompleteWrapper.displayName = "SearchAutocompleteWrapper";
 
@@ -12802,7 +13080,7 @@ var Skeleton_default = {
 };
 
 // src/components/Skeleton/Skeleton.tsx
-var import_jsx_runtime300 = require("react/jsx-runtime");
+var import_jsx_runtime302 = require("react/jsx-runtime");
 var Skeleton = ({
   width,
   height,
@@ -12812,7 +13090,7 @@ var Skeleton = ({
   ref,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime302.jsx)(
     Box,
     {
       width,
@@ -12832,7 +13110,7 @@ var SkipToContent_default = {
 };
 
 // src/components/SkipToContent/SkipToContent.tsx
-var import_jsx_runtime301 = require("react/jsx-runtime");
+var import_jsx_runtime303 = require("react/jsx-runtime");
 var SkipToContent = ({
   text = "Til hovedinnhold",
   top = 0,
@@ -12842,12 +13120,12 @@ var SkipToContent = ({
   ...rest
 }) => {
   const { className: htmlPropsClassName, style, ...restHtmlProps } = htmlProps;
-  return /* @__PURE__ */ (0, import_jsx_runtime301.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime303.jsx)(
     Contrast,
     {
       className: cn(className, htmlPropsClassName, SkipToContent_default.wrapper),
       style: { ...style, top },
-      children: /* @__PURE__ */ (0, import_jsx_runtime301.jsx)(Link, { ...getBaseHTMLProps(id, restHtmlProps, rest), children: text })
+      children: /* @__PURE__ */ (0, import_jsx_runtime303.jsx)(Link, { ...getBaseHTMLProps(id, restHtmlProps, rest), children: text })
     }
   );
 };
@@ -12865,7 +13143,7 @@ var SplitButton_default = {
 };
 
 // src/components/SplitButton/SplitButton.tsx
-var import_jsx_runtime302 = require("react/jsx-runtime");
+var import_jsx_runtime304 = require("react/jsx-runtime");
 var SplitButton = ({
   size: size2,
   primaryAction,
@@ -12880,8 +13158,8 @@ var SplitButton = ({
     purpose,
     size: size2
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime302.jsxs)("div", { className: cn(className, SplitButton_default.container), ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime302.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime304.jsxs)("div", { className: cn(className, SplitButton_default.container), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime304.jsx)(
       Button,
       {
         ...buttonStyleProps,
@@ -12890,13 +13168,13 @@ var SplitButton = ({
         className: SplitButton_default.main
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime302.jsxs)(OverflowMenuGroup, { isOpen, setIsOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime302.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime304.jsxs)(OverflowMenuGroup, { isOpen, setIsOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime304.jsx)(
         Button,
         {
           ...buttonStyleProps,
           icon: isOpen ? ChevronUpIcon : ChevronDownIcon,
-          "aria-label": t(texts25.moreActions),
+          "aria-label": t(texts27.moreActions),
           purpose,
           className: cn(
             SplitButton_default.option,
@@ -12905,17 +13183,18 @@ var SplitButton = ({
           type: "button"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime302.jsx)(OverflowMenu, { placement: "bottom-end", children: /* @__PURE__ */ (0, import_jsx_runtime302.jsx)(OverflowMenuList, { children: secondaryActions.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime302.jsx)(OverflowMenuButton, { ...item, children: item.children }, index)) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime304.jsx)(OverflowMenu, { placement: "bottom-end", children: /* @__PURE__ */ (0, import_jsx_runtime304.jsx)(OverflowMenuList, { children: secondaryActions.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime304.jsx)(OverflowMenuButton, { ...item, children: item.children }, index)) }) })
     ] })
   ] });
 };
 SplitButton.displayName = "SplitButton";
-var texts25 = createTexts({
+var texts27 = createTexts({
   moreActions: {
     nb: "Flere handlinger",
     no: "Flere handlinger",
     nn: "Fleire handlingar",
-    en: "More actions"
+    en: "More actions",
+    se: "Eanet doaimmat"
   }
 });
 
@@ -12931,14 +13210,14 @@ var CollapsibleTableContext = (0, import_react87.createContext)({
 var useCollapsibleTableContext = () => (0, import_react87.useContext)(CollapsibleTableContext);
 
 // src/components/Table/normal/Body.tsx
-var import_jsx_runtime303 = require("react/jsx-runtime");
-var Body = (props) => /* @__PURE__ */ (0, import_jsx_runtime303.jsx)("tbody", { ...props });
+var import_jsx_runtime305 = require("react/jsx-runtime");
+var Body = (props) => /* @__PURE__ */ (0, import_jsx_runtime305.jsx)("tbody", { ...props });
 Body.displayName = "Table.Body";
 
 // src/components/Table/normal/Head.tsx
 var import_react88 = require("react");
-var import_jsx_runtime304 = require("react/jsx-runtime");
-var Head = ({ children, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime304.jsx)("thead", { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime304.jsx)(HeadContext, { value: true, children }) });
+var import_jsx_runtime306 = require("react/jsx-runtime");
+var Head = ({ children, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime306.jsx)("thead", { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime306.jsx)(HeadContext, { value: true, children }) });
 var HeadContext = (0, import_react88.createContext)(false);
 function useIsInTableHead() {
   const isInTableHead = (0, import_react88.useContext)(HeadContext);
@@ -12971,7 +13250,7 @@ var Table_default = {
 };
 
 // src/components/Table/normal/Cell.tsx
-var import_jsx_runtime305 = require("react/jsx-runtime");
+var import_jsx_runtime307 = require("react/jsx-runtime");
 var Cell = ({
   children,
   type: _type,
@@ -12984,7 +13263,7 @@ var Cell = ({
   const type = _type != null ? _type : isInHead ? "head" : "data";
   const { isCollapsibleChild } = collapsibleProps != null ? collapsibleProps : {};
   const isComplexLayout = layout === "text and icon";
-  return isCollapsibleChild ? /* @__PURE__ */ (0, import_jsx_runtime305.jsx)(DescriptionListDesc, { children }) : type === "head" ? /* @__PURE__ */ (0, import_jsx_runtime305.jsx)(
+  return isCollapsibleChild ? /* @__PURE__ */ (0, import_jsx_runtime307.jsx)(DescriptionListDesc, { children }) : type === "head" ? /* @__PURE__ */ (0, import_jsx_runtime307.jsx)(
     "th",
     {
       ...rest,
@@ -12993,26 +13272,26 @@ var Cell = ({
         !isComplexLayout && Table_default[`cell--${layout}`],
         Table_default["cell--head"]
       ),
-      children: isComplexLayout ? /* @__PURE__ */ (0, import_jsx_runtime305.jsx)("div", { className: Table_default.cell__inner, children }) : children
+      children: isComplexLayout ? /* @__PURE__ */ (0, import_jsx_runtime307.jsx)("div", { className: Table_default.cell__inner, children }) : children
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime305.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime307.jsx)(
     "td",
     {
       ...rest,
       className: cn(className, !isComplexLayout && Table_default[`cell--${layout}`]),
-      children: isComplexLayout ? /* @__PURE__ */ (0, import_jsx_runtime305.jsx)("div", { className: Table_default.cell__inner, children }) : children
+      children: isComplexLayout ? /* @__PURE__ */ (0, import_jsx_runtime307.jsx)("div", { className: Table_default.cell__inner, children }) : children
     }
   );
 };
 Cell.displayName = "Table.Cell";
 
 // src/components/Table/normal/Foot.tsx
-var import_jsx_runtime306 = require("react/jsx-runtime");
-var Foot = (props) => /* @__PURE__ */ (0, import_jsx_runtime306.jsx)("tfoot", { ...props });
+var import_jsx_runtime308 = require("react/jsx-runtime");
+var Foot = (props) => /* @__PURE__ */ (0, import_jsx_runtime308.jsx)("tfoot", { ...props });
 Foot.displayName = "Table.Foot";
 
 // src/components/Table/normal/Row.tsx
-var import_jsx_runtime307 = require("react/jsx-runtime");
+var import_jsx_runtime309 = require("react/jsx-runtime");
 var Row = ({
   type: _type,
   mode = "normal",
@@ -13023,7 +13302,7 @@ var Row = ({
 }) => {
   const isInHeader = useIsInTableHead();
   const type = _type != null ? _type : isInHeader ? "head" : "body";
-  return /* @__PURE__ */ (0, import_jsx_runtime307.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime309.jsx)(
     "tr",
     {
       className: cn(
@@ -13043,12 +13322,12 @@ var Row = ({
 Row.displayName = "Table.Row";
 
 // src/components/Table/normal/SortCell.tsx
-var import_jsx_runtime308 = require("react/jsx-runtime");
+var import_jsx_runtime310 = require("react/jsx-runtime");
 var makeSortIcon = (isSorted, sortOrder) => {
   if (!isSorted || !sortOrder) {
-    return /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(Icon, { icon: UnfoldMoreIcon, iconSize: "inherit" });
+    return /* @__PURE__ */ (0, import_jsx_runtime310.jsx)(Icon, { icon: UnfoldMoreIcon, iconSize: "inherit" });
   }
-  return sortOrder === "ascending" ? /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(Icon, { icon: ChevronDownIcon, iconSize: "inherit" }) : /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(Icon, { icon: ChevronUpIcon, iconSize: "inherit" });
+  return sortOrder === "ascending" ? /* @__PURE__ */ (0, import_jsx_runtime310.jsx)(Icon, { icon: ChevronDownIcon, iconSize: "inherit" }) : /* @__PURE__ */ (0, import_jsx_runtime310.jsx)(Icon, { icon: ChevronUpIcon, iconSize: "inherit" });
 };
 var SortCell = ({
   isSorted,
@@ -13058,17 +13337,17 @@ var SortCell = ({
   ...rest
 }) => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime310.jsx)(
     Cell,
     {
       type: "head",
       "aria-sort": isSorted && sortOrder ? sortOrder : void 0,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime308.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime310.jsxs)(
         StylelessButton,
         {
           onClick,
-          "aria-description": t(texts26.changeSort),
+          "aria-description": t(texts28.changeSort),
           className: cn(Table_default["sort-button"], focusable),
           children: [
             children,
@@ -13081,17 +13360,18 @@ var SortCell = ({
   );
 };
 SortCell.displayName = "Table.SortCell";
-var texts26 = createTexts({
+var texts28 = createTexts({
   changeSort: {
     nb: "Aktiver for \xE5 endre sorteringsrekkef\xF8lge",
     no: "Aktiver for \xE5 endre sorteringsrekkef\xF8lge",
     nn: "Aktiver for \xE5 endre sorteringsrekkjef\xF8lgje",
-    en: "Activate to change sort order"
+    en: "Activate to change sort order",
+    se: "Aktivere rievdadit sorterenortnega"
   }
 });
 
 // src/components/Table/normal/Table.tsx
-var import_jsx_runtime309 = require("react/jsx-runtime");
+var import_jsx_runtime311 = require("react/jsx-runtime");
 var Table = ({
   size: size2 = "medium",
   stickyHeader,
@@ -13099,7 +13379,7 @@ var Table = ({
   className,
   children,
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime309.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(
   "table",
   {
     ...rest,
@@ -13118,7 +13398,7 @@ Table.displayName = "Table";
 
 // src/components/Table/normal/TableWrapper.tsx
 var import_react89 = require("react");
-var import_jsx_runtime310 = require("react/jsx-runtime");
+var import_jsx_runtime312 = require("react/jsx-runtime");
 var TableWrapper = ({ className, ...rest }) => {
   const themeContext = (0, import_react89.useContext)(ThemeContext);
   const container2 = themeContext == null ? void 0 : themeContext.el;
@@ -13143,7 +13423,7 @@ var TableWrapper = ({ className, ...rest }) => {
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime310.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime312.jsx)(
     "div",
     {
       ref: wrapperRef,
@@ -13170,7 +13450,7 @@ Table2.Row = Row;
 Table2.Foot = Foot;
 
 // src/components/Table/collapsible/CollapsibleRow.tsx
-var import_jsx_runtime311 = require("react/jsx-runtime");
+var import_jsx_runtime313 = require("react/jsx-runtime");
 var CollapsibleRow = ({
   type: _type,
   className,
@@ -13213,40 +13493,40 @@ var CollapsibleRow = ({
   const collapsedRenderedChildren = isCollapsed && collapsedHeaderValues.length > 0 ? collapsedChildren.map(function(child, index) {
     const id = derivativeIdGenerator(prefix2, index.toString());
     collapsibleIds.push(id);
-    return /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)(import_react90.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(DescriptionListTerm, { children: collapsedHeaderValues[index].content }),
+    return /* @__PURE__ */ (0, import_jsx_runtime313.jsxs)(import_react90.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(DescriptionListTerm, { children: collapsedHeaderValues[index].content }),
       (0, import_react90.isValidElement)(child) && (0, import_react90.cloneElement)(child, {
         collapsibleProps: { isCollapsibleChild: true }
       })
     ] }, `DL-${index}`);
   }) : null;
-  const collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(Row, { ...rowProps(), children: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(Cell, { colSpan: definingColumnIndex.length + 1, children: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(DescriptionList, { children: collapsedRenderedChildren }) }) }) : null;
+  const collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(Row, { ...rowProps(), children: /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(Cell, { colSpan: definingColumnIndex.length + 1, children: /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(DescriptionList, { children: collapsedRenderedChildren }) }) }) : null;
   const definingColumnCells = childrenArray.slice().filter((column, index) => definingColumnIndex.indexOf(index) > -1).sort((a, b) => {
     return definingColumnIndex.indexOf(childrenArray.indexOf(a)) - definingColumnIndex.indexOf(childrenArray.indexOf(b));
   });
   const headerRow = () => {
     if (type !== "head" || !isCollapsed) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(Row, { ref, ...rowProps(), children: /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)(import_jsx_runtime311.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(Row, { ref, ...rowProps(), children: /* @__PURE__ */ (0, import_jsx_runtime313.jsxs)(import_jsx_runtime313.Fragment, { children: [
       definingColumnCells,
-      /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)(Table2.Cell, { type: "head", layout: "center", children: [
-        t(texts27.expand),
-        /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(VisuallyHidden, { children: t(texts27.row) })
+      /* @__PURE__ */ (0, import_jsx_runtime313.jsxs)(Table2.Cell, { type: "head", layout: "center", children: [
+        t(texts29.expand),
+        /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(VisuallyHidden, { children: t(texts29.row) })
       ] })
     ] }) });
   };
   const idList = spaceSeparatedIdListGenerator(collapsibleIds);
   const rowWithChevron = () => {
     if (type !== "body" || !isCollapsed) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)(Row, { ref, ...rowProps(!childrenCollapsed && true), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime313.jsxs)(Row, { ref, ...rowProps(!childrenCollapsed && true), children: [
       definingColumnCells,
-      /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(Table2.Cell, { children: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(Table2.Cell, { children: /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(
         StylelessButton,
         {
           onClick: () => setChildrenCollapsed(!childrenCollapsed),
           "aria-expanded": !childrenCollapsed,
           "aria-controls": idList,
           className: cn(Table_default["collapse-button"], focusable),
-          children: /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(
             AnimatedChevronUpDown,
             {
               isUp: childrenCollapsed ? false : true,
@@ -13258,39 +13538,41 @@ var CollapsibleRow = ({
       ) })
     ] });
   };
-  return isCollapsed && collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)(import_jsx_runtime311.Fragment, { children: [
+  return isCollapsed && collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime313.jsxs)(import_jsx_runtime313.Fragment, { children: [
     headerRow(),
-    type === "body" && /* @__PURE__ */ (0, import_jsx_runtime311.jsxs)(import_jsx_runtime311.Fragment, { children: [
+    type === "body" && /* @__PURE__ */ (0, import_jsx_runtime313.jsxs)(import_jsx_runtime313.Fragment, { children: [
       rowWithChevron(),
       childrenCollapsed ? null : collapsedRows
     ] })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime311.jsx)(Row, { ref, ...rowProps(), children });
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(Row, { ref, ...rowProps(), children });
 };
 CollapsibleRow.displayName = "CollapsibleTable.Row";
-var texts27 = createTexts({
+var texts29 = createTexts({
   expand: {
     nb: "Utvid",
     no: "Utvid",
     nn: "Utvid",
-    en: "Expand"
+    en: "Expand",
+    se: "Viiddit"
   },
   row: {
     nb: "raden",
     no: "raden",
     nn: "rada",
-    en: "row"
+    en: "row",
+    se: "gurgadus"
   }
 });
 
 // src/components/Table/collapsible/CollapsibleTable.tsx
-var import_jsx_runtime312 = require("react/jsx-runtime");
+var import_jsx_runtime314 = require("react/jsx-runtime");
 var CollapsibleTable = ({
   isCollapsed,
   headerValues,
   definingColumnIndex = [0],
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime312.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime314.jsx)(
     CollapsibleTableContext,
     {
       value: {
@@ -13298,7 +13580,7 @@ var CollapsibleTable = ({
         headerValues,
         definingColumnIndex
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime312.jsx)(Table2, { ...rest })
+      children: /* @__PURE__ */ (0, import_jsx_runtime314.jsx)(Table2, { ...rest })
     }
   );
 };
@@ -13344,13 +13626,13 @@ var Tabs_default = {
 
 // src/components/Tabs/TabWidthContext.tsx
 var import_react92 = require("react");
-var import_jsx_runtime313 = require("react/jsx-runtime");
+var import_jsx_runtime315 = require("react/jsx-runtime");
 var TabContext = (0, import_react92.createContext)(null);
 function TabWidthContextProvider({
   children,
   onChangeWidths
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime315.jsx)(
     TabContext,
     {
       value: {
@@ -13382,7 +13664,7 @@ function useSetTabWidth(index, width) {
 }
 
 // src/components/Tabs/AddTabButton.tsx
-var import_jsx_runtime314 = require("react/jsx-runtime");
+var import_jsx_runtime316 = require("react/jsx-runtime");
 var AddTabButton = ({
   ref,
   children,
@@ -13395,7 +13677,7 @@ var AddTabButton = ({
   const buttonRef = (0, import_react93.useRef)(null);
   const combinedRef = useCombinedRef(ref, buttonRef);
   const { tabContentDirection, size: size2 } = useTabsContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime314.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime316.jsxs)(
     "button",
     {
       ...rest,
@@ -13408,8 +13690,8 @@ var AddTabButton = ({
         focus_default["focusable--inset"]
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime314.jsx)(Icon, { icon: PlusIcon, iconSize: "inherit" }),
-        /* @__PURE__ */ (0, import_jsx_runtime314.jsx)("span", { children })
+        /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(Icon, { icon: PlusIcon, iconSize: "inherit" }),
+        /* @__PURE__ */ (0, import_jsx_runtime316.jsx)("span", { children })
       ]
     }
   );
@@ -13418,7 +13700,7 @@ AddTabButton.displayName = "AddTabButton";
 
 // src/components/Tabs/Tabs.tsx
 var import_react94 = require("react");
-var import_jsx_runtime315 = require("react/jsx-runtime");
+var import_jsx_runtime317 = require("react/jsx-runtime");
 var TABS_SIZES = createSizes("small", "medium");
 var Tabs = ({
   id,
@@ -13448,7 +13730,7 @@ var Tabs = ({
       setActiveTab(activeTab);
     }
   }, [activeTab, thisActiveTab]);
-  return /* @__PURE__ */ (0, import_jsx_runtime315.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime317.jsx)(
     TabsContext,
     {
       value: {
@@ -13463,7 +13745,7 @@ var Tabs = ({
         tabContentDirection,
         addTabButtonProps
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime315.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime317.jsx)(
         Box,
         {
           ...getBaseHTMLProps(uniqueId, className, htmlProps, rest),
@@ -13478,7 +13760,7 @@ Tabs.displayName = "Tabs";
 
 // src/components/Tabs/Tab.tsx
 var import_react95 = require("react");
-var import_jsx_runtime316 = require("react/jsx-runtime");
+var import_jsx_runtime318 = require("react/jsx-runtime");
 var Tab = ({
   active = false,
   icon,
@@ -13520,7 +13802,7 @@ var Tab = ({
     handleSelect();
     onKeyDown == null ? void 0 : onKeyDown(e);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime316.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime318.jsxs)(
     "button",
     {
       ...getBaseHTMLProps(
@@ -13544,8 +13826,8 @@ var Tab = ({
       onKeyDown: handleOnKeyDown,
       tabIndex: focus ? 0 : -1,
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(Icon, { icon, iconSize: "inherit" }),
-        /* @__PURE__ */ (0, import_jsx_runtime316.jsx)("span", { children })
+        icon && /* @__PURE__ */ (0, import_jsx_runtime318.jsx)(Icon, { icon, iconSize: "inherit" }),
+        /* @__PURE__ */ (0, import_jsx_runtime318.jsx)("span", { children })
       ]
     }
   );
@@ -13554,7 +13836,7 @@ Tab.displayName = "Tab";
 
 // src/components/Tabs/TabList.tsx
 var import_react96 = require("react");
-var import_jsx_runtime317 = require("react/jsx-runtime");
+var import_jsx_runtime319 = require("react/jsx-runtime");
 var TabList = ({
   children,
   id,
@@ -13612,7 +13894,7 @@ var TabList = ({
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ["--dds-tab-widths"]: widths.join(" ")
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime317.jsx)(TabWidthContextProvider, { onChangeWidths: setWidths, children: /* @__PURE__ */ (0, import_jsx_runtime317.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(TabWidthContextProvider, { onChangeWidths: setWidths, children: /* @__PURE__ */ (0, import_jsx_runtime319.jsxs)(
     "div",
     {
       ...rest,
@@ -13632,7 +13914,7 @@ var TabList = ({
       style: { ...style, ...customWidths },
       children: [
         tabListChildren,
-        hasButton && /* @__PURE__ */ (0, import_jsx_runtime317.jsx)(
+        hasButton && /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(
           AddTabButton,
           {
             index: tabListChildren ? tabListChildren.length : 0,
@@ -13646,7 +13928,7 @@ var TabList = ({
 TabList.displayName = "TabList";
 
 // src/components/Tabs/TabPanel.tsx
-var import_jsx_runtime318 = require("react/jsx-runtime");
+var import_jsx_runtime320 = require("react/jsx-runtime");
 var TabPanel = ({
   active = false,
   children,
@@ -13655,7 +13937,7 @@ var TabPanel = ({
   htmlProps,
   padding = "x0.25",
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime318.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(
   Box,
   {
     padding,
@@ -13670,7 +13952,7 @@ TabPanel.displayName = "TabPanel";
 
 // src/components/Tabs/TabPanels.tsx
 var import_react97 = require("react");
-var import_jsx_runtime319 = require("react/jsx-runtime");
+var import_jsx_runtime321 = require("react/jsx-runtime");
 var TabPanels = ({ children, ref, ...rest }) => {
   const { activeTab, tabsId, tabPanelsRef } = useTabsContext();
   const combinedRef = useCombinedRef(ref, tabPanelsRef);
@@ -13685,7 +13967,7 @@ var TabPanels = ({ children, ref, ...rest }) => {
       }
     });
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(Box, { ref: combinedRef, ...rest, children: panelChildren });
+  return /* @__PURE__ */ (0, import_jsx_runtime321.jsx)(Box, { ref: combinedRef, ...rest, children: panelChildren });
 };
 TabPanels.displayName = "TabPanels";
 
@@ -13706,7 +13988,7 @@ var Tag_default = {
 };
 
 // src/components/Tag/Tag.tsx
-var import_jsx_runtime320 = require("react/jsx-runtime");
+var import_jsx_runtime322 = require("react/jsx-runtime");
 var icons3 = {
   info: InfoIcon,
   danger: ErrorIcon,
@@ -13726,7 +14008,7 @@ var Tag = ({
   ...rest
 }) => {
   const icon = icons3[purpose];
-  return /* @__PURE__ */ (0, import_jsx_runtime320.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime322.jsxs)(
     TextOverflowEllipsisWrapper,
     {
       ...getBaseHTMLProps(
@@ -13742,8 +14024,8 @@ var Tag = ({
         rest
       ),
       children: [
-        withIcon && icon && /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(Icon, { icon, iconSize: "small" }),
-        /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(TextOverflowEllipsisInner, { children: children != null ? children : text })
+        withIcon && icon && /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(Icon, { icon, iconSize: "small" }),
+        /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(TextOverflowEllipsisInner, { children: children != null ? children : text })
       ]
     }
   );
@@ -13758,10 +14040,6 @@ var TextInput_default = {
   container: "TextInput_container",
   "container--readonly": "TextInput_container--readonly",
   "container--disabled": "TextInput_container--disabled",
-  input: "TextInput_input",
-  "with-icon--medium": "TextInput_with-icon--medium",
-  "with-icon--small": "TextInput_with-icon--small",
-  "with-icon--xsmall": "TextInput_with-icon--xsmall",
   "input--extended": "TextInput_input--extended",
   "icon--medium": "TextInput_icon--medium",
   "icon--small": "TextInput_icon--small",
@@ -13773,7 +14051,7 @@ var TextInput_default = {
 };
 
 // src/components/TextInput/TextInput.tsx
-var import_jsx_runtime321 = require("react/jsx-runtime");
+var import_jsx_runtime323 = require("react/jsx-runtime");
 var TextInput = ({
   label,
   afterLabelContent,
@@ -13868,24 +14146,24 @@ var TextInput = ({
   const suffixPaddingInlineEnd = suffixLength ? `calc(var(--dds-spacing-x1) + ${suffixLength}px)` : void 0;
   let extendedInput = null;
   if (hasIcon) {
-    extendedInput = /* @__PURE__ */ (0, import_jsx_runtime321.jsxs)(Box, { className: Input_default["input-group"], width: inputWidth, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime321.jsx)(
+    extendedInput = /* @__PURE__ */ (0, import_jsx_runtime323.jsxs)(Box, { className: Input_default["input-group"], width: inputWidth, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime323.jsx)(
         Icon,
         {
           icon,
           iconSize: getFormInputIconSize(componentSize),
           className: cn(
-            Input_default["input-group__absolute-element"],
+            Input_default["input-group__absolute-el"],
+            Input_default[`input-group__absolute-el--${componentSize}`],
             TextInput_default[`icon--${componentSize}`]
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime321.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime323.jsx)(
         StatefulInput,
         {
           className: cn(
-            TextInput_default.input,
-            TextInput_default[`with-icon--${componentSize}`],
+            Input_default[`input-with-icon--${componentSize}`],
             TextInput_default["input--extended"]
           ),
           ...generalInputProps
@@ -13893,7 +14171,7 @@ var TextInput = ({
       )
     ] });
   } else if (hasAffix) {
-    extendedInput = /* @__PURE__ */ (0, import_jsx_runtime321.jsxs)(
+    extendedInput = /* @__PURE__ */ (0, import_jsx_runtime323.jsxs)(
       Box,
       {
         position: "relative",
@@ -13901,7 +14179,7 @@ var TextInput = ({
         alignItems: "center",
         width: inputWidth,
         children: [
-          prefix2 && /* @__PURE__ */ (0, import_jsx_runtime321.jsx)(
+          prefix2 && /* @__PURE__ */ (0, import_jsx_runtime323.jsx)(
             "span",
             {
               ref: prefixRef,
@@ -13914,7 +14192,7 @@ var TextInput = ({
               children: prefix2
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime321.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime323.jsx)(
             StatefulInput,
             {
               style: {
@@ -13925,7 +14203,7 @@ var TextInput = ({
               ...generalInputProps
             }
           ),
-          suffix && /* @__PURE__ */ (0, import_jsx_runtime321.jsx)(
+          suffix && /* @__PURE__ */ (0, import_jsx_runtime323.jsx)(
             "span",
             {
               ref: suffixRef,
@@ -13942,7 +14220,7 @@ var TextInput = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime321.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime323.jsxs)(
     "div",
     {
       className: cn(
@@ -13961,8 +14239,8 @@ var TextInput = ({
           readOnly,
           afterLabelContent
         }),
-        extendedInput ? extendedInput : /* @__PURE__ */ (0, import_jsx_runtime321.jsx)(Box, { as: StatefulInput, width: inputWidth, ...generalInputProps }),
-        hasBottomContainer && /* @__PURE__ */ (0, import_jsx_runtime321.jsxs)(
+        extendedInput ? extendedInput : /* @__PURE__ */ (0, import_jsx_runtime323.jsx)(Box, { as: StatefulInput, width: inputWidth, ...generalInputProps }),
+        hasBottomContainer && /* @__PURE__ */ (0, import_jsx_runtime323.jsxs)(
           Box,
           {
             display: "flex",
@@ -13970,7 +14248,7 @@ var TextInput = ({
             gap: "x0.5",
             width: withCharacterCounter ? inputWidth : void 0,
             children: [
-              renderInputMessage(tip, tipId, errorMessage, errorMessageId),
+              renderInputMessage({ tip, tipId, errorMessage, errorMessageId }),
               renderCharCounter(
                 characterCounterId,
                 withCharacterCounter,
@@ -14005,7 +14283,7 @@ var Toggle_default = {
 };
 
 // src/components/Toggle/Toggle.tsx
-var import_jsx_runtime322 = require("react/jsx-runtime");
+var import_jsx_runtime324 = require("react/jsx-runtime");
 var TOGGLE_SIZES = createSizes("medium", "large");
 var Toggle = ({
   id,
@@ -14030,7 +14308,7 @@ var Toggle = ({
     defaultValue: defaultChecked != null ? defaultChecked : false,
     onChange
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime322.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime324.jsxs)(
     "label",
     {
       htmlFor: uniqueId,
@@ -14042,7 +14320,7 @@ var Toggle = ({
         readOnly && Toggle_default["label--read-only"]
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime324.jsx)(
           HiddenInput,
           {
             ...getBaseHTMLProps(
@@ -14064,7 +14342,7 @@ var Toggle = ({
             onClick: readOnlyClickHandler(readOnly || isLoading, htmlProps.onClick)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime322.jsx)("span", { className: cn(Toggle_default.track, focus_default["focus-styled-sibling"]), children: /* @__PURE__ */ (0, import_jsx_runtime322.jsx)("span", { className: Toggle_default.thumb, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(Spinner, { size: `var(--dds-icon-size-${size2})` }) : /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime324.jsx)("span", { className: cn(Toggle_default.track, focus_default["focus-styled-sibling"]), children: /* @__PURE__ */ (0, import_jsx_runtime324.jsx)("span", { className: Toggle_default.thumb, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime324.jsx)(Spinner, { size: `var(--dds-icon-size-${size2})` }) : /* @__PURE__ */ (0, import_jsx_runtime324.jsx)(
           Icon,
           {
             className: Toggle_default.checkmark,
@@ -14072,8 +14350,8 @@ var Toggle = ({
             iconSize
           }
         ) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime322.jsxs)("span", { className: cn(readOnly && Toggle_default["labeltext--readonly"]), children: [
-          readOnly && /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime324.jsxs)("span", { className: cn(readOnly && Toggle_default["labeltext--readonly"]), children: [
+          readOnly && /* @__PURE__ */ (0, import_jsx_runtime324.jsx)(
             Icon,
             {
               icon: LockIcon,
@@ -14083,7 +14361,7 @@ var Toggle = ({
           ),
           children,
           " ",
-          isLoading && /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(VisuallyHidden, { children: t(commonTexts.loading) })
+          isLoading && /* @__PURE__ */ (0, import_jsx_runtime324.jsx)(VisuallyHidden, { children: t(commonTexts.loading) })
         ] })
       ]
     }
@@ -14117,7 +14395,7 @@ var ToggleBar_default = {
 };
 
 // src/components/ToggleBar/ToggleBar.tsx
-var import_jsx_runtime323 = require("react/jsx-runtime");
+var import_jsx_runtime325 = require("react/jsx-runtime");
 var ToggleBar = (props) => {
   const {
     children,
@@ -14140,7 +14418,7 @@ var ToggleBar = (props) => {
     (e) => onChange && onChange(e, e.target.value)
   );
   const labelId = label && `${uniqueId}-label`;
-  return /* @__PURE__ */ (0, import_jsx_runtime323.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime325.jsx)(
     ToggleBarContext,
     {
       value: {
@@ -14149,7 +14427,7 @@ var ToggleBar = (props) => {
         name,
         value: groupValue
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime323.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime325.jsxs)(
         VStack,
         {
           ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -14158,8 +14436,8 @@ var ToggleBar = (props) => {
           role: "radiogroup",
           "aria-labelledby": labelId != null ? labelId : htmlProps == null ? void 0 : htmlProps["aria-labelledby"],
           children: [
-            label && /* @__PURE__ */ (0, import_jsx_runtime323.jsx)(Typography, { id: labelId, as: "span", typographyType: "labelMedium", children: label }),
-            /* @__PURE__ */ (0, import_jsx_runtime323.jsx)("div", { className: ToggleBar_default.bar, children })
+            label && /* @__PURE__ */ (0, import_jsx_runtime325.jsx)(Typography, { id: labelId, as: "span", typographyType: "labelMedium", children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime325.jsx)("div", { className: ToggleBar_default.bar, children })
           ]
         }
       )
@@ -14170,7 +14448,7 @@ ToggleBar.displayName = "ToggleBar";
 
 // src/components/ToggleBar/ToggleRadio.tsx
 var import_react102 = require("react");
-var import_jsx_runtime324 = require("react/jsx-runtime");
+var import_jsx_runtime326 = require("react/jsx-runtime");
 var typographyTypes3 = {
   large: "bodyLarge",
   medium: "bodyMedium",
@@ -14210,8 +14488,8 @@ var ToggleRadio = ({
     (_a = group == null ? void 0 : group.onChange) == null ? void 0 : _a.call(group, event);
   };
   const contentTypeCn = label ? "with-text" : "just-icon";
-  return /* @__PURE__ */ (0, import_jsx_runtime324.jsxs)("label", { htmlFor: uniqueId, className: ToggleBar_default.label, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime324.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime326.jsxs)("label", { htmlFor: uniqueId, className: ToggleBar_default.label, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime326.jsx)(
       HiddenInput,
       {
         ...getBaseHTMLProps(
@@ -14229,7 +14507,7 @@ var ToggleRadio = ({
         "aria-labelledby": ariaLabelledBy
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime324.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime326.jsxs)(
       Typography,
       {
         as: "span",
@@ -14240,8 +14518,8 @@ var ToggleRadio = ({
           focus_default["focus-styled-sibling"]
         ),
         children: [
-          icon && /* @__PURE__ */ (0, import_jsx_runtime324.jsx)(Icon, { icon, iconSize: "inherit" }),
-          label && /* @__PURE__ */ (0, import_jsx_runtime324.jsx)("span", { children: label })
+          icon && /* @__PURE__ */ (0, import_jsx_runtime326.jsx)(Icon, { icon, iconSize: "inherit" }),
+          label && /* @__PURE__ */ (0, import_jsx_runtime326.jsx)("span", { children: label })
         ]
       }
     )
@@ -14261,7 +14539,7 @@ var ToggleButton_default = {
 };
 
 // src/components/ToggleButton/ToggleButton.tsx
-var import_jsx_runtime325 = require("react/jsx-runtime");
+var import_jsx_runtime327 = require("react/jsx-runtime");
 var ToggleButton = ({
   id,
   label,
@@ -14274,8 +14552,8 @@ var ToggleButton = ({
   const generatedId = (0, import_react103.useId)();
   const uniqueId = id != null ? id : `${generatedId}-toggleButton`;
   const hasIcon = !!icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime325.jsxs)(Box, { as: "label", htmlFor: uniqueId, width: "fit-content", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime325.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime327.jsxs)(Box, { as: "label", htmlFor: uniqueId, width: "fit-content", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime327.jsx)(
       HiddenInput,
       {
         ...getBaseHTMLProps(
@@ -14287,7 +14565,7 @@ var ToggleButton = ({
         type: "checkbox"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime325.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime327.jsxs)(
       "span",
       {
         className: cn(
@@ -14298,7 +14576,7 @@ var ToggleButton = ({
           focus_default["focus-styled-sibling"]
         ),
         children: [
-          hasIcon && /* @__PURE__ */ (0, import_jsx_runtime325.jsx)(Icon, { icon, iconSize: "inherit" }),
+          hasIcon && /* @__PURE__ */ (0, import_jsx_runtime327.jsx)(Icon, { icon, iconSize: "inherit" }),
           " ",
           label
         ]
@@ -14310,7 +14588,7 @@ ToggleButton.displayName = "ToggleButton";
 
 // src/components/ToggleButton/ToggleButtonGroup.tsx
 var import_react104 = require("react");
-var import_jsx_runtime326 = require("react/jsx-runtime");
+var import_jsx_runtime328 = require("react/jsx-runtime");
 var ToggleButtonGroup = (props) => {
   const {
     children,
@@ -14324,7 +14602,7 @@ var ToggleButtonGroup = (props) => {
   } = props;
   const generatedId = (0, import_react104.useId)();
   const uniqueLabelId = labelId != null ? labelId : `${generatedId}-ToggleButtonGroupLabel`;
-  return /* @__PURE__ */ (0, import_jsx_runtime326.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime328.jsxs)(
     "div",
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -14332,7 +14610,7 @@ var ToggleButtonGroup = (props) => {
       "aria-labelledby": label ? uniqueLabelId : void 0,
       children: [
         renderGroupLabel({ label, id: uniqueLabelId }),
-        /* @__PURE__ */ (0, import_jsx_runtime326.jsx)(Box, { display: "flex", flexWrap: "wrap", gap: "x0.75", flexDirection: direction, children })
+        /* @__PURE__ */ (0, import_jsx_runtime328.jsx)(Box, { display: "flex", flexWrap: "wrap", gap: "x0.75", flexDirection: direction, children })
       ]
     }
   );
@@ -14469,6 +14747,16 @@ ToggleButtonGroup.displayName = "ToggleButtonGroup";
   FooterLogo,
   FooterSocialsGroup,
   FooterSocialsList,
+  FormSummary,
+  FormSummaryEditButton,
+  FormSummaryEmptyValue,
+  FormSummaryError,
+  FormSummaryField,
+  FormSummaryFields,
+  FormSummaryHeader,
+  FormSummaryHeading,
+  FormSummaryLabel,
+  FormSummaryValue,
   FullscreenExitIcon,
   FullscreenIcon,
   GavelIcon,