@norges-domstoler/dds-components 14.0.0 → 14.2.0

package/dist/index.mjs

@@ -3160,8 +3160,7 @@ import {
 import { jsx as jsx168 } from "react/jsx-runtime";
 var AppShellContext = createContext({
   isOpen: false,
-  setOpen: () => {
-  }
+  setOpen: () => null
 });
 var AppShellContextProvider = ({
   children
@@ -6987,13 +6986,10 @@ function createEmptyChangeEvent(inputElementId) {
     defaultPrevented: false,
     eventPhase: 0,
     isTrusted: false,
-    preventDefault: () => {
-    },
-    stopPropagation: () => {
-    },
+    preventDefault: () => null,
+    stopPropagation: () => null,
     nativeEvent: new Event("input"),
-    persist: () => {
-    },
+    persist: () => null,
     type: "change",
     timeStamp: Date.now(),
     isDefaultPrevented: () => false,
@@ -9540,8 +9536,7 @@ var Tooltip = forwardRef45(
       }
       return () => {
         if (tooltipRef.current) {
-          window.removeEventListener("scroll", () => {
-          });
+          window.removeEventListener("scroll", () => null);
         }
       };
     }, []);
@@ -10720,6 +10715,7 @@ var DateInput = forwardRef50(
         InputDiv,
         {
           ...fieldProps,
+          style,
           disabled,
           componentSize,
           ref: internalRef,
@@ -10808,8 +10804,7 @@ var { popover: popoverTokens } = calendarTokens;
 var CalendarPopoverContext = createContext5({
   anchorRef: null,
   isOpen: false,
-  onClose: () => {
-  }
+  onClose: () => null
 });
 var CalendarPopover = ({
   children,
@@ -10929,9 +10924,7 @@ DatePicker.displayName = "DatePicker";
 
 // src/components/date-inputs/TimePicker/TimePicker.tsx
 import { forwardRef as forwardRef53, useRef as useRef22 } from "react";
-import {
-  useTimeField
-} from "@react-aria/datepicker";
+import { useTimeField } from "@react-aria/datepicker";
 import { useTimeFieldState } from "@react-stately/datepicker";
 import styled72 from "styled-components";
 import { jsx as jsx236 } from "react/jsx-runtime";
@@ -10940,7 +10933,7 @@ var TimePickerIcon = styled72(Icon)`
   width: ${({ $componentSize }) => datePickerTokens.calendarButton[$componentSize].size};
   margin-left: -1px; // To align with TextInputs icons
 `;
-function _TimePicker({ componentSize = "medium", style, ...props }, forwardedRef) {
+function _TimePicker({ componentSize = "medium", ...props }, forwardedRef) {
   const ref = useRef22(null);
   const state = useTimeFieldState({
     ...props,
@@ -10988,13 +10981,37 @@ var TimePicker = forwardRef53(_TimePicker);
 TimePicker.displayName = "TimePicker";
 
 // src/components/date-inputs/utils/transform.ts
-import { fromDate } from "@internationalized/date";
+import {
+  CalendarDate as CalendarDate3,
+  Time,
+  fromDate
+} from "@internationalized/date";
 function nativeDateToDateValue(date, timeZone = "Europe/Oslo") {
   return fromDate(date, timeZone);
 }
 function dateValueToNativeDate(date, timeZone = "Europe/Oslo") {
   return date.toDate(timeZone);
 }
+function nativeDateToCalendarDate(date) {
+  return new CalendarDate3(
+    date.getFullYear(),
+    date.getMonth() + 1,
+    date.getDate()
+  );
+}
+function nativeDateToTime(date) {
+  return new Time(date.getHours(), date.getMinutes(), date.getSeconds());
+}
+function calendarDateToNativeDate(date, time = new Time(12, 0, 0, 0)) {
+  return new Date(
+    date.year,
+    date.month - 1,
+    date.day,
+    time.hour,
+    time.minute,
+    time.second
+  );
+}
 
 // src/components/Popover/Popover.tsx
 import { ddsBaseTokens as ddsBaseTokens45 } from "@norges-domstoler/dds-design-tokens";
@@ -11498,8 +11515,51 @@ var tabsTokens = {
   panel
 };
 
+// src/components/Tabs/TabWidthContext.tsx
+import {
+  createContext as createContext7,
+  useContext as useContext9,
+  useLayoutEffect as useLayoutEffect3
+} from "react";
+import { jsx as jsx242 } from "react/jsx-runtime";
+var TabContext = createContext7(null);
+function TabWidthContextProvider({
+  children,
+  onChangeWidths
+}) {
+  return /* @__PURE__ */ jsx242(
+    TabContext.Provider,
+    {
+      value: {
+        updateWidth: (index, newWidth) => {
+          onChangeWidths((prev) => {
+            const newValue = [...prev];
+            newValue[index] = newWidth;
+            return newValue;
+          });
+        },
+        removeTab: (index) => {
+          onChangeWidths((prev) => {
+            const newValue = [...prev];
+            newValue.splice(index, 1);
+            return newValue;
+          });
+        }
+      },
+      children
+    }
+  );
+}
+function useSetTabWidth(index, width) {
+  const context = useContext9(TabContext);
+  useLayoutEffect3(() => {
+    context == null ? void 0 : context.updateWidth(index, width);
+    return () => context == null ? void 0 : context.removeTab(index);
+  }, [index, width]);
+}
+
 // src/components/Tabs/Tab.tsx
-import { jsx as jsx242, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx243, jsxs as jsxs59 } from "react/jsx-runtime";
 var { tab: tab2 } = tabsTokens;
 var Button2 = styled77.button`
   ${normalizeButton}
@@ -11557,8 +11617,10 @@ var Tab = forwardRef57((props, ref) => {
     id,
     className,
     htmlProps,
+    width = "1fr",
     ...rest
   } = props;
+  useSetTabWidth(index, width);
   const itemRef = useRef25(null);
   const combinedRef = useCombinedRef(ref, itemRef);
   const { tabPanelsRef, setHasTabFocus, tabContentDirection } = useTabsContext();
@@ -11600,8 +11662,8 @@ var Tab = forwardRef57((props, ref) => {
       onKeyDown: handleOnKeyDown,
       tabIndex: focus ? 0 : -1,
       children: [
-        icon12 && /* @__PURE__ */ jsx242(Icon, { icon: icon12, iconSize: "inherit" }),
-        /* @__PURE__ */ jsx242("span", { children })
+        icon12 && /* @__PURE__ */ jsx243(Icon, { icon: icon12, iconSize: "inherit" }),
+        /* @__PURE__ */ jsx243("span", { children })
       ]
     }
   );
@@ -11613,16 +11675,23 @@ import {
   forwardRef as forwardRef58,
   Children as Children4,
   isValidElement as isValidElement6,
-  cloneElement as cloneElement6
+  cloneElement as cloneElement6,
+  useState as useState24
 } from "react";
-import styled78 from "styled-components";
-import { jsx as jsx243 } from "react/jsx-runtime";
+import styled78, { css as css39 } from "styled-components";
+import { jsx as jsx244 } from "react/jsx-runtime";
 var { tabList: tabList2 } = tabsTokens;
+var autoFlow = css39`
+  grid-auto-flow: column;
+  grid-auto-columns: 1fr;
+`;
+var templateColumns = (templateColumns2) => css39`
+  grid-template-columns: ${templateColumns2};
+`;
 var TabRow = styled78.div`
   border-bottom: ${tabList2.borderBottom};
   display: grid;
-  grid-auto-flow: column;
-  grid-auto-columns: 1fr;
+  ${({ $gridTemplateColumns }) => $gridTemplateColumns === "" ? autoFlow : templateColumns($gridTemplateColumns)}
   overflow-x: auto;
   ${scrollbarStyling.webkit}
   ${scrollbarStyling.firefox}
@@ -11664,6 +11733,7 @@ var TabList = forwardRef58(
         onClick: () => handleTabChange(index)
       });
     });
+    const [widths, setWidths] = useState24([]);
     useOnKeyDown("Tab", () => {
       var _a;
       setHasTabFocus(false);
@@ -11685,15 +11755,15 @@ var TabList = forwardRef58(
       tabIndex: 0,
       onFocus: handleOnFocus
     };
-    return /* @__PURE__ */ jsx243(TabRow, { ...tabListProps, children: tabListChildren });
+    return /* @__PURE__ */ jsx244(TabWidthContextProvider, { onChangeWidths: setWidths, children: /* @__PURE__ */ jsx244(TabRow, { ...tabListProps, $gridTemplateColumns: widths.join(" "), children: tabListChildren }) });
   }
 );
 TabList.displayName = "TabList";
 
 // src/components/Tabs/TabPanel.tsx
 import { forwardRef as forwardRef59 } from "react";
-import styled79, { css as css39 } from "styled-components";
-import { jsx as jsx244 } from "react/jsx-runtime";
+import styled79, { css as css40 } from "styled-components";
+import { jsx as jsx245 } from "react/jsx-runtime";
 var { panel: panel2 } = tabsTokens;
 var Panel = styled79.div`
   padding: ${panel2.padding};
@@ -11701,7 +11771,7 @@ var Panel = styled79.div`
     transition: ${focusVisibleTransitionValue};
   }
 
-  ${({ $active }) => !$active && css39`
+  ${({ $active }) => !$active && css40`
       display: none;
     `}
   &:focus-visible {
@@ -11710,7 +11780,7 @@ var Panel = styled79.div`
 `;
 var TabPanel = forwardRef59(
   ({ active = false, children, id, className, htmlProps, ...rest }, ref) => {
-    return /* @__PURE__ */ jsx244(
+    return /* @__PURE__ */ jsx245(
       Panel,
       {
         ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -11732,7 +11802,7 @@ import {
   cloneElement as cloneElement7,
   isValidElement as isValidElement7
 } from "react";
-import { jsx as jsx245 } from "react/jsx-runtime";
+import { jsx as jsx246 } from "react/jsx-runtime";
 var TabPanels = forwardRef60(
   ({ children, ...rest }, ref) => {
     const { activeTab, tabsId, tabPanelsRef } = useTabsContext();
@@ -11746,14 +11816,14 @@ var TabPanels = forwardRef60(
         "aria-expanded": active
       });
     });
-    return /* @__PURE__ */ jsx245("div", { ref: combinedRef, ...rest, children: panelChildren });
+    return /* @__PURE__ */ jsx246("div", { ref: combinedRef, ...rest, children: panelChildren });
   }
 );
 TabPanels.displayName = "TabPanels";
 
 // src/components/Tag/Tag.tsx
 import { forwardRef as forwardRef61 } from "react";
-import styled80, { css as css40 } from "styled-components";
+import styled80, { css as css41 } from "styled-components";
 
 // src/components/Tag/Tag.tokens.tsx
 import { ddsBaseTokens as ddsBaseTokens48 } from "@norges-domstoler/dds-design-tokens";
@@ -11779,7 +11849,7 @@ var tagTokens = {
 };
 
 // src/components/Tag/Tag.tsx
-import { jsx as jsx246 } from "react/jsx-runtime";
+import { jsx as jsx247 } from "react/jsx-runtime";
 var { wrapper: wrapper8 } = tagTokens;
 var Wrapper7 = styled80(TextOverflowEllipsisWrapper)`
   display: inline-flex;
@@ -11788,7 +11858,7 @@ var Wrapper7 = styled80(TextOverflowEllipsisWrapper)`
   border-radius: ${wrapper8.borderRadius};
   padding: ${wrapper8.padding};
   ${getFontStyling(typographyType5)}
-  ${({ $purpose }) => css40`
+  ${({ $purpose }) => css41`
     background-color: ${wrapper8.purpose[$purpose].backgroundColor};
     border-color: ${wrapper8.purpose[$purpose].borderColor};
   `}
@@ -11802,20 +11872,20 @@ var Tag = forwardRef61((props, ref) => {
     htmlProps,
     ...rest
   } = props;
-  return /* @__PURE__ */ jsx246(
+  return /* @__PURE__ */ jsx247(
     Wrapper7,
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
       ref,
       $purpose: purpose,
-      children: /* @__PURE__ */ jsx246(TextOverflowEllipsisInner, { children: text })
+      children: /* @__PURE__ */ jsx247(TextOverflowEllipsisInner, { children: text })
     }
   );
 });
 Tag.displayName = "Tag";
 
 // src/components/Chip/Chip.tsx
-import { forwardRef as forwardRef62, useState as useState24 } from "react";
+import { forwardRef as forwardRef62, useState as useState25 } from "react";
 import styled81 from "styled-components";
 
 // src/components/Chip/Chip.tokens.tsx
@@ -11838,7 +11908,7 @@ var chipTokens = {
 };
 
 // src/components/Chip/Chip.tsx
-import { jsx as jsx247, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx248, jsxs as jsxs60 } from "react/jsx-runtime";
 var { container: container17 } = chipTokens;
 var Container15 = styled81(TextOverflowEllipsisWrapper)`
   display: flex;
@@ -11854,7 +11924,7 @@ var Container15 = styled81(TextOverflowEllipsisWrapper)`
 var Chip = forwardRef62((props, ref) => {
   const { text, onClose, id, className, htmlProps = {}, ...rest } = props;
   const { "aria-label": ariaLabel, ...restHTMLprops } = htmlProps;
-  const [isOpen, setIsOpen] = useState24(true);
+  const [isOpen, setIsOpen] = useState25(true);
   const onClick = () => {
     setIsOpen(false);
     onClose && onClose();
@@ -11866,8 +11936,8 @@ var Chip = forwardRef62((props, ref) => {
       ref,
       as: "div",
       children: [
-        /* @__PURE__ */ jsx247(TextOverflowEllipsisInner, { children: text }),
-        /* @__PURE__ */ jsx247(
+        /* @__PURE__ */ jsx248(TextOverflowEllipsisInner, { children: text }),
+        /* @__PURE__ */ jsx248(
           Button,
           {
             size: "tiny",
@@ -11887,7 +11957,7 @@ Chip.displayName = "Chip";
 // src/components/Chip/ChipGroup.tsx
 import { forwardRef as forwardRef63, Children as Children6 } from "react";
 import styled82 from "styled-components";
-import { jsx as jsx248 } from "react/jsx-runtime";
+import { jsx as jsx249 } from "react/jsx-runtime";
 var Group2 = styled82.ul`
   ${removeListStyling}
   display: flex;
@@ -11896,22 +11966,22 @@ var Group2 = styled82.ul`
 var ChipGroup = forwardRef63(
   ({ children, ...rest }, ref) => {
     const childrenArray = Children6.toArray(children);
-    const groupChildren = childrenArray.map((item, index) => /* @__PURE__ */ jsx248("li", { children: item }, `chip-${index}`));
-    return /* @__PURE__ */ jsx248(Group2, { ...rest, ref, children: groupChildren });
+    const groupChildren = childrenArray.map((item, index) => /* @__PURE__ */ jsx249("li", { children: item }, `chip-${index}`));
+    return /* @__PURE__ */ jsx249(Group2, { ...rest, ref, children: groupChildren });
   }
 );
 ChipGroup.displayName = "ChipGroup";
 
 // src/components/ToggleBar/ToggleBar.tsx
-import { useState as useState25, useId as useId21 } from "react";
-import styled83, { css as css41 } from "styled-components";
+import { useState as useState26, useId as useId21 } from "react";
+import styled83, { css as css42 } from "styled-components";
 
 // src/components/ToggleBar/ToggleBar.context.tsx
-import { createContext as createContext7, useContext as useContext9 } from "react";
-var ToggleBarContext = createContext7({
+import { createContext as createContext8, useContext as useContext10 } from "react";
+var ToggleBarContext = createContext8({
   size: "medium"
 });
-var useToggleBarContext = () => useContext9(ToggleBarContext);
+var useToggleBarContext = () => useContext10(ToggleBarContext);
 
 // src/components/ToggleBar/ToggleBar.tokens.tsx
 import { ddsBaseTokens as ddsBaseTokens50 } from "@norges-domstoler/dds-design-tokens";
@@ -12020,7 +12090,7 @@ var toggleBarTokens = {
 };
 
 // src/components/ToggleBar/ToggleBar.tsx
-import { jsx as jsx249, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx250, jsxs as jsxs61 } from "react/jsx-runtime";
 var OuterContainer4 = styled83.div`
   display: flex;
   flex-direction: column;
@@ -12029,7 +12099,7 @@ var OuterContainer4 = styled83.div`
   *::selection {
     ${selection}
   }
-  ${({ $width }) => $width && css41`
+  ${({ $width }) => $width && css42`
       width: ${$width};
     `}
 `;
@@ -12054,13 +12124,13 @@ var ToggleBar = (props) => {
   } = props;
   const generatedId = useId21();
   const uniqueId = id != null ? id : `${generatedId}-ToggleBar`;
-  const [groupValue, setGroupValue] = useState25(value);
+  const [groupValue, setGroupValue] = useState26(value);
   const handleChange = combineHandlers(
     (e) => setGroupValue(e.target.value),
     (e) => onChange && onChange(e, e.target.value)
   );
   const labelId = label3 && `${uniqueId}-label`;
-  return /* @__PURE__ */ jsx249(
+  return /* @__PURE__ */ jsx250(
     ToggleBarContext.Provider,
     {
       value: {
@@ -12077,8 +12147,8 @@ var ToggleBar = (props) => {
           "aria-labelledby": labelId != null ? labelId : htmlProps == null ? void 0 : htmlProps["aria-labelledby"],
           $width: width,
           children: [
-            label3 && /* @__PURE__ */ jsx249(Typography, { typographyType: "supportingStyleLabel01", id: labelId, children: label3 }),
-            /* @__PURE__ */ jsx249(Bar2, { children })
+            label3 && /* @__PURE__ */ jsx250(Typography, { typographyType: "supportingStyleLabel01", id: labelId, children: label3 }),
+            /* @__PURE__ */ jsx250(Bar2, { children })
           ]
         }
       )
@@ -12091,7 +12161,7 @@ ToggleBar.displayName = "ToggleBar";
 import { forwardRef as forwardRef64, useId as useId22 } from "react";
 
 // src/components/ToggleBar/ToggleRadio.styles.tsx
-import styled84, { css as css42 } from "styled-components";
+import styled84, { css as css43 } from "styled-components";
 var { content: content6, label: label2 } = toggleBarTokens;
 var Content3 = styled84.span`
   display: flex;
@@ -12111,11 +12181,11 @@ var Content3 = styled84.span`
   }
   background-color: ${content6.base.backgroundColor};
 
-  ${({ $size, $justIcon }) => css42`
-    ${$justIcon ? css42`
+  ${({ $size, $justIcon }) => css43`
+    ${$justIcon ? css43`
           font-size: ${content6.size[$size].justIcon.fontSize};
           padding: ${content6.size[$size].justIcon.padding};
-        ` : css42`
+        ` : css43`
           gap: ${content6.size[$size].withText.gap};
           padding: ${content6.size[$size].withText.padding};
           ${getFontStyling(typographyTypes6[$size])}
@@ -12160,7 +12230,7 @@ var Label3 = styled84.label`
 `;
 
 // src/components/ToggleBar/ToggleRadio.tsx
-import { jsx as jsx250, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx251, jsxs as jsxs62 } from "react/jsx-runtime";
 var calculateChecked = (value, group4, checked) => {
   if (typeof checked !== "undefined")
     return checked;
@@ -12194,7 +12264,7 @@ var ToggleRadio = forwardRef64(
       (group4 == null ? void 0 : group4.onChange) && group4.onChange(event);
     };
     return /* @__PURE__ */ jsxs62(Label3, { size: group4.size, htmlFor: uniqueId, children: [
-      /* @__PURE__ */ jsx250(
+      /* @__PURE__ */ jsx251(
         HiddenInput,
         {
           ...getBaseHTMLProps(uniqueId, className, htmlProps, rest),
@@ -12207,8 +12277,8 @@ var ToggleRadio = forwardRef64(
         }
       ),
       /* @__PURE__ */ jsxs62(Content3, { $size: group4.size, $justIcon: !!icon12 && !label3, children: [
-        icon12 && /* @__PURE__ */ jsx250(Icon, { icon: icon12, iconSize: "inherit" }),
-        label3 && /* @__PURE__ */ jsx250("span", { children: label3 })
+        icon12 && /* @__PURE__ */ jsx251(Icon, { icon: icon12, iconSize: "inherit" }),
+        label3 && /* @__PURE__ */ jsx251("span", { children: label3 })
       ] })
     ] });
   }
@@ -12216,7 +12286,7 @@ var ToggleRadio = forwardRef64(
 ToggleRadio.displayName = "ToggleRadio";
 
 // src/components/Grid/Grid.tsx
-import styled85, { css as css43 } from "styled-components";
+import styled85, { css as css44 } from "styled-components";
 
 // src/components/Grid/Grid.tokens.tsx
 import { ddsBaseTokens as ddsBaseTokens51 } from "@norges-domstoler/dds-design-tokens";
@@ -12313,16 +12383,16 @@ var gridTokens2 = {
 };
 
 // src/components/Grid/Grid.context.tsx
-import { useContext as useContext10, createContext as createContext8 } from "react";
-var GridContext = createContext8({
+import { useContext as useContext11, createContext as createContext9 } from "react";
+var GridContext = createContext9({
   screenSize: 3 /* Large */
 });
 var useGridContext = () => {
-  return useContext10(GridContext);
+  return useContext11(GridContext);
 };
 
 // src/components/Grid/Grid.tsx
-import { jsx as jsx251 } from "react/jsx-runtime";
+import { jsx as jsx252 } from "react/jsx-runtime";
 var getHooksGridStyling = (screenSize, maxWidth, rowGap) => {
   const tokens3 = gridTokens2[screenSize].grid;
   return {
@@ -12345,7 +12415,7 @@ var StyledGrid = styled85.div.withConfig({
   }
 })`
   display: grid;
-  ${({ maxWidth }) => css43`
+  ${({ maxWidth }) => css44`
     max-width: ${maxWidth};
   `}
   ${({ screenSize, maxWidth, rowGap }) => getHooksGridStyling(screenSize, maxWidth, rowGap)}
@@ -12353,14 +12423,14 @@ var StyledGrid = styled85.div.withConfig({
 var Grid = (props) => {
   const { id, className, children, htmlProps, as, ...rest } = props;
   const screenSize = useScreenSize();
-  return /* @__PURE__ */ jsx251(GridContext.Provider, { value: { screenSize }, children: as === "div" ? /* @__PURE__ */ jsx251(
+  return /* @__PURE__ */ jsx252(GridContext.Provider, { value: { screenSize }, children: as === "div" ? /* @__PURE__ */ jsx252(
     StyledGrid,
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
       screenSize,
       children
     }
-  ) : /* @__PURE__ */ jsx251(
+  ) : /* @__PURE__ */ jsx252(
     StyledGrid,
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -12374,7 +12444,7 @@ Grid.displayName = "Grid";
 
 // src/components/Grid/GridChild.tsx
 import styled86 from "styled-components";
-import { jsx as jsx252 } from "react/jsx-runtime";
+import { jsx as jsx253 } from "react/jsx-runtime";
 var isRelativeGridColumn = (type) => {
   return type === "all" || type === "firstHalf" || type === "secondHalf";
 };
@@ -12400,7 +12470,7 @@ var StyledGridChild = styled86.div.withConfig({
 var GridChild = (props) => {
   const { id, className, htmlProps, children, ...rest } = props;
   const { screenSize } = useGridContext();
-  return /* @__PURE__ */ jsx252(
+  return /* @__PURE__ */ jsx253(
     StyledGridChild,
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -12419,19 +12489,19 @@ import {
   Fragment as Fragment11,
   isValidElement as isValidElement8,
   useEffect as useEffect24,
-  useState as useState26,
+  useState as useState27,
   useMemo as useMemo2
 } from "react";
 import styled88 from "styled-components";
 
 // src/components/ProgressTracker/ProgressTracker.context.tsx
-import { createContext as createContext9, useContext as useContext11 } from "react";
-var ProgressTrackerContext = createContext9(
+import { createContext as createContext10, useContext as useContext12 } from "react";
+var ProgressTrackerContext = createContext10(
   {
     activeStep: 0
   }
 );
-var useProgressTrackerContext = () => useContext11(ProgressTrackerContext);
+var useProgressTrackerContext = () => useContext12(ProgressTrackerContext);
 
 // src/components/ProgressTracker/ProgressTracker.tokens.tsx
 import { ddsBaseTokens as ddsBaseTokens52 } from "@norges-domstoler/dds-design-tokens";
@@ -12514,8 +12584,8 @@ var progressTrackerTokens = {
 
 // src/components/ProgressTracker/ProgressTrackerItem.tsx
 import { useMemo } from "react";
-import styled87, { css as css44 } from "styled-components";
-import { jsx as jsx253, jsxs as jsxs63 } from "react/jsx-runtime";
+import styled87, { css as css45 } from "styled-components";
+import { jsx as jsx254, jsxs as jsxs63 } from "react/jsx-runtime";
 var toItemState = (active, completed, disabled) => {
   if (disabled) {
     return "disabled";
@@ -12552,31 +12622,31 @@ var ItemNumber = styled87.div`
   ${({ $state: state }) => {
   switch (state) {
     case "activeIncomplete":
-      return css44`
+      return css45`
           border-color: ${itemNumber2.active.borderColor};
           color: ${itemNumber2.active.color};
           background-color: ${itemNumber2.active.backgroundColor};
         `;
     case "activeCompleted":
-      return css44`
+      return css45`
           border-color: ${itemNumber2.completed.borderColor};
           color: ${itemNumber2.completed.color};
           background-color: ${itemNumber2.completed.backgroundColor};
         `;
     case "inactiveCompleted":
-      return css44`
+      return css45`
           border-color: ${itemNumber2.completed.borderColor};
           color: ${itemNumber2.completed.color};
           background-color: ${itemNumber2.completed.backgroundColor};
         `;
     case "inactiveIncomplete":
-      return css44`
+      return css45`
           border-color: ${itemNumber2.inactive.borderColor};
           color: ${itemNumber2.inactive.color};
           background-color: ${itemNumber2.inactive.backgroundColor};
         `;
     case "disabled":
-      return css44`
+      return css45`
           border-color: ${itemNumber2.disabled.borderColor};
           color: ${itemNumber2.disabled.color};
           background-color: ${itemNumber2.disabled.backgroundColor};
@@ -12594,18 +12664,18 @@ var ItemText = styled87.div`
   switch (state) {
     case "activeCompleted":
     case "activeIncomplete":
-      return css44`
+      return css45`
           color: ${itemText2.active.color};
           text-decoration-color: ${itemText2.active.textDecorationColor};
         `;
     case "inactiveCompleted":
     case "inactiveIncomplete":
-      return css44`
+      return css45`
           color: ${itemText2.inactive.color};
           text-decoration-color: ${itemText2.inactive.textDecorationColor};
         `;
     case "disabled":
-      return css44`
+      return css45`
           color: ${itemText2.disabled.color};
           text-decoration: ${itemText2.disabled.textDecoration};
         `;
@@ -12629,7 +12699,7 @@ var ItemContentWrapper = styled87.button`
     ${focusVisible}
   }
 
-  ${({ $state: state }) => state !== "disabled" && css44`
+  ${({ $state: state }) => state !== "disabled" && css45`
       cursor: pointer;
     `}
 `;
@@ -12649,14 +12719,14 @@ var ProgressTrackerItem = (props) => {
   };
   const stepNumberContent = useMemo(() => {
     if (completed) {
-      return /* @__PURE__ */ jsx253(Icon, { icon: CheckIcon, iconSize: itemNumber2.iconSize });
+      return /* @__PURE__ */ jsx254(Icon, { icon: CheckIcon, iconSize: itemNumber2.iconSize });
     }
     if (icon12 !== void 0) {
-      return /* @__PURE__ */ jsx253(Icon, { icon: icon12, iconSize: itemNumber2.iconSize });
+      return /* @__PURE__ */ jsx254(Icon, { icon: icon12, iconSize: itemNumber2.iconSize });
     }
     return index + 1;
   }, [completed, icon12, index]);
-  return /* @__PURE__ */ jsx253(ItemWrapper, { "aria-current": active ? "step" : void 0, children: /* @__PURE__ */ jsxs63(
+  return /* @__PURE__ */ jsx254(ItemWrapper, { "aria-current": active ? "step" : void 0, children: /* @__PURE__ */ jsxs63(
     ItemContentWrapper,
     {
       ...styleProps,
@@ -12664,9 +12734,9 @@ var ProgressTrackerItem = (props) => {
       onClick: !disabled && handleStepChange ? () => handleStepChange(index) : void 0,
       disabled,
       children: [
-        /* @__PURE__ */ jsx253(ItemNumber, { ...styleProps, "aria-hidden": true, children: stepNumberContent }),
+        /* @__PURE__ */ jsx254(ItemNumber, { ...styleProps, "aria-hidden": true, children: stepNumberContent }),
         /* @__PURE__ */ jsxs63(ItemText, { ...styleProps, children: [
-          /* @__PURE__ */ jsx253(VisuallyHidden, { as: "span", children: getVisuallyHiddenText(active, completed, index) }),
+          /* @__PURE__ */ jsx254(VisuallyHidden, { as: "span", children: getVisuallyHiddenText(active, completed, index) }),
           children
         ] })
       ]
@@ -12676,7 +12746,7 @@ var ProgressTrackerItem = (props) => {
 ProgressTrackerItem.displayName = "ProgressTracker.Item";
 
 // src/components/ProgressTracker/ProgressTracker.tsx
-import { jsx as jsx254, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx255, jsxs as jsxs64 } from "react/jsx-runtime";
 var ItemsWrapper = styled88.ol`
   display: flex;
   flex-direction: column;
@@ -12705,7 +12775,7 @@ var ProgressTracker = (() => {
       htmlProps,
       ...rest
     } = props;
-    const [thisActiveStep, setActiveStep] = useState26(activeStep);
+    const [thisActiveStep, setActiveStep] = useState27(activeStep);
     const handleChange = (step) => {
       setActiveStep(step);
       onStepChange && onStepChange(step);
@@ -12725,14 +12795,14 @@ var ProgressTracker = (() => {
       const itemsWithConnectorsBetween = intersperseItemsWithConnector(itemsWithIndex);
       return itemsWithConnectorsBetween;
     }, [children]);
-    return /* @__PURE__ */ jsx254(
+    return /* @__PURE__ */ jsx255(
       ProgressTrackerContext.Provider,
       {
         value: {
           activeStep: thisActiveStep,
           handleStepChange: handleChange
         },
-        children: /* @__PURE__ */ jsx254("div", { role: "group", "aria-label": "progress", ...containerProps, children: /* @__PURE__ */ jsx254(ItemsWrapper, { children: steps }) })
+        children: /* @__PURE__ */ jsx255("div", { role: "group", "aria-label": "progress", ...containerProps, children: /* @__PURE__ */ jsx255(ItemsWrapper, { children: steps }) })
       }
     );
   });
@@ -12757,7 +12827,7 @@ var intersperseItemsWithConnector = (children) => Children7.map(children, (child
     return child;
   }
   return /* @__PURE__ */ jsxs64(Fragment11, { children: [
-    /* @__PURE__ */ jsx254(ProgressTrackerConnector, { "aria-hidden": true }),
+    /* @__PURE__ */ jsx255(ProgressTrackerConnector, { "aria-hidden": true }),
     child
   ] }, index);
 });
@@ -12767,12 +12837,12 @@ import { forwardRef as forwardRef67, useRef as useRef27 } from "react";
 
 // src/components/InlineEdit/InlineEdit.tsx
 import {
-  useState as useState27,
+  useState as useState28,
   Children as Children8,
   cloneElement as cloneElement9,
   isValidElement as isValidElement9
 } from "react";
-import { Fragment as Fragment12, jsx as jsx255 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx256 } from "react/jsx-runtime";
 var InlineEdit = (props) => {
   const {
     emptiable,
@@ -12784,8 +12854,8 @@ var InlineEdit = (props) => {
     inputRef,
     children
   } = props;
-  const [editingValue, setEditingValue] = useState27(value != null ? value : "");
-  const [isEditing, setIsEditing] = useState27(false);
+  const [editingValue, setEditingValue] = useState28(value != null ? value : "");
+  const [isEditing, setIsEditing] = useState28(false);
   const onChangeHandler = (e) => {
     setEditingValue(e.target.value);
     onChange && onChange();
@@ -12822,7 +12892,7 @@ var InlineEdit = (props) => {
       emptiable
     })
   );
-  return /* @__PURE__ */ jsx255(Fragment12, { children: inputChild });
+  return /* @__PURE__ */ jsx256(Fragment12, { children: inputChild });
 };
 InlineEdit.displayName = "InlineEdit";
 
@@ -12830,7 +12900,7 @@ InlineEdit.displayName = "InlineEdit";
 import { forwardRef as forwardRef66, useId as useId23, useRef as useRef26 } from "react";
 
 // src/components/InlineEdit/InlineEdit.styles.tsx
-import styled89, { css as css45 } from "styled-components";
+import styled89, { css as css46 } from "styled-components";
 
 // src/components/InlineEdit/InlineEdit.tokens.ts
 import { ddsBaseTokens as ddsBaseTokens53 } from "@norges-domstoler/dds-design-tokens";
@@ -12868,7 +12938,7 @@ var StyledInlineInput = styled89(StatefulInput).withConfig({
   background-color: ${inlineEdit2.backgroundColor};
   padding: ${inlineEdit2.padding};
   ${inlineEdit2.font};
-  ${({ isEditing, hideIcon }) => !isEditing && !hideIcon && css45`
+  ${({ isEditing, hideIcon }) => !isEditing && !hideIcon && css46`
       padding-left: ${inlineEdit2.withIcon.paddingLeft};
     `}
 
@@ -12907,7 +12977,7 @@ var inlineEditVisuallyHidden = (id, emptiable) => /* @__PURE__ */ jsxs65(Visuall
 ] });
 
 // src/components/InlineEdit/InlineTextArea.tsx
-import { jsx as jsx256, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx257, jsxs as jsxs66 } from "react/jsx-runtime";
 var InlineTextArea = forwardRef66((props, ref) => {
   const {
     id,
@@ -12929,17 +12999,17 @@ var InlineTextArea = forwardRef66((props, ref) => {
   const combinedRef = useCombinedRef(ref, inputRef);
   return /* @__PURE__ */ jsxs66(OuterInputContainer, { width, children: [
     /* @__PURE__ */ jsxs66(InputContainer, { children: [
-      !isEditing && !hideIcon && /* @__PURE__ */ jsx256(
+      !isEditing && !hideIcon && /* @__PURE__ */ jsx257(
         IconWrapper2,
         {
           onClick: () => {
             var _a;
             (_a = inputRef.current) == null ? void 0 : _a.focus();
           },
-          children: /* @__PURE__ */ jsx256(Icon, { icon: EditIcon, iconSize: "small" })
+          children: /* @__PURE__ */ jsx257(Icon, { icon: EditIcon, iconSize: "small" })
         }
       ),
-      /* @__PURE__ */ jsx256(
+      /* @__PURE__ */ jsx257(
         StyledInlineTextArea,
         {
           ...rest,
@@ -12963,12 +13033,12 @@ var InlineTextArea = forwardRef66((props, ref) => {
 InlineTextArea.displayName = "InlineTextArea";
 
 // src/components/InlineEdit/InlineEditTextArea.tsx
-import { jsx as jsx257 } from "react/jsx-runtime";
+import { jsx as jsx258 } from "react/jsx-runtime";
 var InlineEditTextArea = forwardRef67((props, ref) => {
   const { onSetValue, emptiable, value, onFocus, onChange, onBlur, ...rest } = props;
   const textareaRef = useRef27(null);
   const combinedRef = useCombinedRef(ref, textareaRef);
-  return /* @__PURE__ */ jsx257(
+  return /* @__PURE__ */ jsx258(
     InlineEdit,
     {
       onSetValue,
@@ -12978,7 +13048,7 @@ var InlineEditTextArea = forwardRef67((props, ref) => {
       onFocus,
       onChange,
       onBlur,
-      children: /* @__PURE__ */ jsx257(InlineTextArea, { ref: combinedRef, ...rest })
+      children: /* @__PURE__ */ jsx258(InlineTextArea, { ref: combinedRef, ...rest })
     }
   );
 });
@@ -12988,7 +13058,7 @@ import { forwardRef as forwardRef69, useRef as useRef29 } from "react";
 
 // src/components/InlineEdit/InlineInput.tsx
 import { forwardRef as forwardRef68, useId as useId24, useRef as useRef28 } from "react";
-import { jsx as jsx258, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx259, jsxs as jsxs67 } from "react/jsx-runtime";
 var InlineInput = forwardRef68(
   (props, ref) => {
     const {
@@ -13013,17 +13083,17 @@ var InlineInput = forwardRef68(
     const combinedRef = useCombinedRef(ref, inputRef);
     return /* @__PURE__ */ jsxs67(OuterInputContainer, { width, children: [
       /* @__PURE__ */ jsxs67(InputContainer, { children: [
-        !isEditing && !hideIcon && /* @__PURE__ */ jsx258(
+        !isEditing && !hideIcon && /* @__PURE__ */ jsx259(
           IconWrapper2,
           {
             onClick: () => {
               var _a;
               (_a = inputRef.current) == null ? void 0 : _a.focus();
             },
-            children: /* @__PURE__ */ jsx258(Icon, { icon: EditIcon, iconSize: "small" })
+            children: /* @__PURE__ */ jsx259(Icon, { icon: EditIcon, iconSize: "small" })
           }
         ),
-        /* @__PURE__ */ jsx258(
+        /* @__PURE__ */ jsx259(
           StyledInlineInput,
           {
             ...rest,
@@ -13049,12 +13119,12 @@ var InlineInput = forwardRef68(
 InlineInput.displayName = "InlineInput";
 
 // src/components/InlineEdit/InlineEditInput.tsx
-import { jsx as jsx259 } from "react/jsx-runtime";
+import { jsx as jsx260 } from "react/jsx-runtime";
 var InlineEditInput = forwardRef69((props, ref) => {
   const { onSetValue, emptiable, value, onFocus, onChange, onBlur, ...rest } = props;
   const inputRef = useRef29(null);
   const combinedRef = useCombinedRef(ref, inputRef);
-  return /* @__PURE__ */ jsx259(
+  return /* @__PURE__ */ jsx260(
     InlineEdit,
     {
       onSetValue,
@@ -13064,13 +13134,13 @@ var InlineEditInput = forwardRef69((props, ref) => {
       onFocus,
       onChange,
       onBlur,
-      children: /* @__PURE__ */ jsx259(InlineInput, { ...rest, ref: combinedRef })
+      children: /* @__PURE__ */ jsx260(InlineInput, { ...rest, ref: combinedRef })
     }
   );
 });
 
 // src/components/TextArea/TextArea.tsx
-import { forwardRef as forwardRef70, useEffect as useEffect25, useId as useId25, useRef as useRef30, useState as useState28 } from "react";
+import { forwardRef as forwardRef70, useEffect as useEffect25, useId as useId25, useRef as useRef30, useState as useState29 } from "react";
 import styled90 from "styled-components";
 
 // src/components/TextArea/TextArea.tokens.tsx
@@ -13084,7 +13154,7 @@ var textAreaTokens = {
 };
 
 // src/components/TextArea/TextArea.tsx
-import { jsx as jsx260, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx261, jsxs as jsxs68 } from "react/jsx-runtime";
 var defaultWidth5 = "320px";
 var { textarea: textarea2 } = textAreaTokens;
 var StyledTextArea = styled90(StatefulInput)`
@@ -13119,7 +13189,7 @@ var TextArea = forwardRef70(
     const uniqueId = id != null ? id : `${generatedId}-textArea`;
     const textAreaRef = useRef30(null);
     const multiRef = useCombinedRef(ref, textAreaRef);
-    const [text, setText] = useState28(
+    const [text, setText] = useState29(
       getDefaultText(value, defaultValue)
     );
     useEffect25(() => {
@@ -13162,8 +13232,8 @@ var TextArea = forwardRef70(
       ...rest
     };
     return /* @__PURE__ */ jsxs68(OuterInputContainer, { ...containerProps, children: [
-      hasLabel && /* @__PURE__ */ jsx260(Label, { showRequiredStyling, htmlFor: uniqueId, children: label3 }),
-      /* @__PURE__ */ jsx260(StyledTextArea, { ...textAreaProps, as: "textarea" }),
+      hasLabel && /* @__PURE__ */ jsx261(Label, { showRequiredStyling, htmlFor: uniqueId, children: label3 }),
+      /* @__PURE__ */ jsx261(StyledTextArea, { ...textAreaProps, as: "textarea" }),
       renderInputMessage(tip, tipId, errorMessage, errorMessageId)
     ] });
   }
@@ -13171,7 +13241,7 @@ var TextArea = forwardRef70(
 TextArea.displayName = "TextArea";
 
 // src/components/SplitButton/SplitButton.tsx
-import { forwardRef as forwardRef71, useState as useState29 } from "react";
+import { forwardRef as forwardRef71, useState as useState30 } from "react";
 import styled91 from "styled-components";
 
 // src/components/SplitButton/SplitButton.tokens.ts
@@ -13186,7 +13256,7 @@ var tokens2 = {
 };
 
 // src/components/SplitButton/SplitButton.tsx
-import { jsx as jsx261, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx262, jsxs as jsxs69 } from "react/jsx-runtime";
 var Container16 = styled91.div`
   display: flex;
 `;
@@ -13225,14 +13295,14 @@ var SplitButton = forwardRef71(
       secondaryActions,
       purpose = "primary"
     } = props;
-    const [isOpen, setIsOpen] = useState29(false);
+    const [isOpen, setIsOpen] = useState30(false);
     const buttonStyleProps = {
       appearance: "filled",
       purpose,
       size: size2
     };
     return /* @__PURE__ */ jsxs69(Container16, { ref, children: [
-      /* @__PURE__ */ jsx261(
+      /* @__PURE__ */ jsx262(
         MainButton,
         {
           ...buttonStyleProps,
@@ -13241,7 +13311,7 @@ var SplitButton = forwardRef71(
         }
       ),
       /* @__PURE__ */ jsxs69(OverflowMenuGroup, { onToggle: () => setIsOpen(!isOpen), children: [
-        /* @__PURE__ */ jsx261(
+        /* @__PURE__ */ jsx262(
           OptionButton,
           {
             ...buttonStyleProps,
@@ -13250,7 +13320,7 @@ var SplitButton = forwardRef71(
             purpose
           }
         ),
-        /* @__PURE__ */ jsx261(OverflowMenu, { items: secondaryActions, placement: "bottom-end" })
+        /* @__PURE__ */ jsx262(OverflowMenu, { items: secondaryActions, placement: "bottom-end" })
       ] })
     ] });
   }
@@ -13259,7 +13329,7 @@ SplitButton.displayName = "SplitButton";
 
 // src/components/Stack/Stack.tsx
 import { forwardRef as forwardRef72 } from "react";
-import styled92, { css as css46 } from "styled-components";
+import styled92, { css as css47 } from "styled-components";
 
 // src/components/Stack/Stack.tokens.tsx
 import { ddsBaseTokens as ddsBaseTokens56 } from "@norges-domstoler/dds-design-tokens";
@@ -13283,7 +13353,7 @@ var stackTokens = {
 };
 
 // src/components/Stack/Stack.tsx
-import { jsx as jsx262 } from "react/jsx-runtime";
+import { jsx as jsx263 } from "react/jsx-runtime";
 var Stack = styled92.div.withConfig({
   shouldForwardProp: (prop) => {
     const styleOnlyProps = [
@@ -13301,11 +13371,11 @@ var Stack = styled92.div.withConfig({
   align-items: ${(props) => props.align};
   justify-content: ${(props) => props.justify};
 
-  ${({ gap }) => gap !== void 0 && css46`
+  ${({ gap }) => gap !== void 0 && css47`
       gap: ${gap === 0 ? "0" : stackTokens.spacing[gap]};
     `}
 
-  ${({ padding }) => padding !== void 0 && css46`
+  ${({ padding }) => padding !== void 0 && css47`
       padding: ${padding === 0 ? "0" : stackTokens.spacing[padding]};
     `}
 `;
@@ -13314,7 +13384,7 @@ Stack.defaultProps = {
   justify: "flex-start"
 };
 var HStack = forwardRef72(
-  ({ id, className, htmlProps, ...rest }, ref) => /* @__PURE__ */ jsx262(
+  ({ id, className, htmlProps, ...rest }, ref) => /* @__PURE__ */ jsx263(
     Stack,
     {
       direction: "horizontal",
@@ -13325,7 +13395,7 @@ var HStack = forwardRef72(
 );
 HStack.displayName = "HStack";
 var VStack = forwardRef72(
-  ({ id, className, htmlProps, ...rest }, ref) => /* @__PURE__ */ jsx262(
+  ({ id, className, htmlProps, ...rest }, ref) => /* @__PURE__ */ jsx263(
     Stack,
     {
       direction: "vertical",
@@ -13373,7 +13443,7 @@ var errorsTokens = {
 };
 
 // src/components/FileUploader/ErrorList.tsx
-import { jsx as jsx263 } from "react/jsx-runtime";
+import { jsx as jsx264 } from "react/jsx-runtime";
 var MessageContainer2 = styled93.div`
   display: flex;
   flex-direction: column;
@@ -13384,8 +13454,8 @@ var ErrorList = (props) => {
   if (errors.length < 1) {
     return null;
   }
-  return /* @__PURE__ */ jsx263(MessageContainer2, { children: errors.map(({ id, message: message2 }) => {
-    return /* @__PURE__ */ jsx263(
+  return /* @__PURE__ */ jsx264(MessageContainer2, { children: errors.map(({ id, message: message2 }) => {
+    return /* @__PURE__ */ jsx264(
       InputMessage,
       {
         id,
@@ -13399,7 +13469,7 @@ var ErrorList = (props) => {
 
 // src/components/FileUploader/File.tsx
 import styled94 from "styled-components";
-import { jsx as jsx264, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx265, jsxs as jsxs70 } from "react/jsx-runtime";
 var FileWrapper = styled94.li``;
 var FileNameWrapper = styled94.span`
   word-break: break-all;
@@ -13427,8 +13497,8 @@ var File = (props) => {
   }));
   return /* @__PURE__ */ jsxs70(FileWrapper, { children: [
     /* @__PURE__ */ jsxs70(FileElement, { ...props, children: [
-      /* @__PURE__ */ jsx264(FileNameWrapper, { children: stateFile.file.name }),
-      /* @__PURE__ */ jsx264(
+      /* @__PURE__ */ jsx265(FileNameWrapper, { children: stateFile.file.name }),
+      /* @__PURE__ */ jsx265(
         RemoveFileButton,
         {
           size: "small",
@@ -13448,7 +13518,7 @@ var File = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx264(ErrorList, { errors: errorsList })
+    /* @__PURE__ */ jsx265(ErrorList, { errors: errorsList })
   ] }, stateFile.file.name);
 };
 
@@ -13727,7 +13797,7 @@ var useFileUploader = (props) => {
 };
 
 // src/components/FileUploader/FileUploader.tsx
-import { jsx as jsx265, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx266, jsxs as jsxs71 } from "react/jsx-runtime";
 var defaultWidth6 = "320px";
 var Wrapper8 = styled95.div`
   width: ${({ width }) => width ? width : defaultWidth6};
@@ -13787,7 +13857,7 @@ var FileUploader = (props) => {
   const hasRootErrors = rootErrors.length > 0;
   const showRequiredMarker = required;
   const tipId = derivativeIdGenerator(uniqueId, "tip");
-  const fileListElements = stateFiles.map((stateFile, index) => /* @__PURE__ */ jsx265(
+  const fileListElements = stateFiles.map((stateFile, index) => /* @__PURE__ */ jsx266(
     File,
     {
       parentId: uniqueId,
@@ -13803,8 +13873,8 @@ var FileUploader = (props) => {
     message: e
   }));
   return /* @__PURE__ */ jsxs71(Wrapper8, { width, children: [
-    hasLabel && /* @__PURE__ */ jsx265(Label, { showRequiredStyling: showRequiredMarker, htmlFor: uniqueId, children: label3 }),
-    hasTip && /* @__PURE__ */ jsx265(InputMessage, { id: tipId, message: tip, messageType: "tip" }),
+    hasLabel && /* @__PURE__ */ jsx266(Label, { showRequiredStyling: showRequiredMarker, htmlFor: uniqueId, children: label3 }),
+    hasTip && /* @__PURE__ */ jsx266(InputMessage, { id: tipId, message: tip, messageType: "tip" }),
     /* @__PURE__ */ jsxs71(
       Root,
       {
@@ -13812,11 +13882,11 @@ var FileUploader = (props) => {
         $isDragActive: isDragActive,
         $hasRootErrors: hasRootErrors,
         children: [
-          /* @__PURE__ */ jsx265(FileUploaderInput, { ...getInputProps() }),
+          /* @__PURE__ */ jsx266(FileUploaderInput, { ...getInputProps() }),
           "Dra og slipp filer her eller",
           " ",
-          /* @__PURE__ */ jsx265(VisuallyHidden, { as: "span", children: "velg fil med p\xE5f\xF8lgende knapp" }),
-          /* @__PURE__ */ jsx265(
+          /* @__PURE__ */ jsx266(VisuallyHidden, { as: "span", children: "velg fil med p\xE5f\xF8lgende knapp" }),
+          /* @__PURE__ */ jsx266(
             Button,
             {
               ...getButtonProps(),
@@ -13839,8 +13909,8 @@ var FileUploader = (props) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx265(ErrorList, { errors: rootErrorsList }),
-    /* @__PURE__ */ jsx265(FileListElement, { children: fileListElements })
+    /* @__PURE__ */ jsx266(ErrorList, { errors: rootErrorsList }),
+    /* @__PURE__ */ jsx266(FileListElement, { children: fileListElements })
   ] });
 };
 FileUploader.displayName = "FileUploader";
@@ -13848,7 +13918,7 @@ FileUploader.displayName = "FileUploader";
 // src/components/EmptyContent/EmptyContent.tsx
 import { ddsBaseTokens as ddsBaseTokens58 } from "@norges-domstoler/dds-design-tokens";
 import styled96 from "styled-components";
-import { jsx as jsx266, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx267, jsxs as jsxs72 } from "react/jsx-runtime";
 var { colors: colors35, spacing: spacing39 } = ddsBaseTokens58;
 var StyledEmptyContent = styled96.div`
   display: flex;
@@ -13868,9 +13938,9 @@ var StyledEmptyContentText = styled96.div`
   gap: ${spacing39.SizesDdsSpacingX1};
 `;
 function EmptyContent({ title: title3, message: message2, ...rest }) {
-  return /* @__PURE__ */ jsx266(StyledEmptyContent, { ...rest, children: /* @__PURE__ */ jsxs72(StyledEmptyContentText, { children: [
-    title3 && /* @__PURE__ */ jsx266(Typography, { typographyType: "headingSans02", children: title3 }),
-    /* @__PURE__ */ jsx266(Typography, { typographyType: "bodySans02", children: message2 })
+  return /* @__PURE__ */ jsx267(StyledEmptyContent, { ...rest, children: /* @__PURE__ */ jsxs72(StyledEmptyContentText, { children: [
+    title3 && /* @__PURE__ */ jsx267(Typography, { typographyType: "headingSans02", children: title3 }),
+    /* @__PURE__ */ jsx267(Typography, { typographyType: "bodySans02", children: message2 })
   ] }) });
 }
 EmptyContent.displayName = "EmptyContent";
@@ -13894,7 +13964,7 @@ var backLinkTokens = {
 };
 
 // src/components/BackLink/BackLink.tsx
-import { jsx as jsx267, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx268, jsxs as jsxs73 } from "react/jsx-runtime";
 var Nav2 = styled97("nav")`
   align-items: center;
   display: flex;
@@ -13905,23 +13975,23 @@ var StyledIcon4 = styled97(Icon)`
 `;
 var BackLink = forwardRef73((props, ref) => {
   return /* @__PURE__ */ jsxs73(Nav2, { ref, children: [
-    /* @__PURE__ */ jsx267(StyledIcon4, { icon: icons_exports.ArrowLeftIcon, iconSize: "small" }),
-    /* @__PURE__ */ jsx267(Typography, { typographyType: "a", href: props.href, children: props.label })
+    /* @__PURE__ */ jsx268(StyledIcon4, { icon: icons_exports.ArrowLeftIcon, iconSize: "small" }),
+    /* @__PURE__ */ jsx268(Typography, { typographyType: "a", href: props.href, children: props.label })
   ] });
 });
 BackLink.displayName = "BackLink";
 
 // src/components/Feedback/Feedback.tsx
-import { useEffect as useEffect27, useState as useState30 } from "react";
+import { useEffect as useEffect27, useState as useState31 } from "react";
 
 // src/components/Feedback/RatingComponent.tsx
-import styled98, { css as css47 } from "styled-components";
+import styled98, { css as css48 } from "styled-components";
 import { ddsBaseTokens as ddsBaseTokens60 } from "@norges-domstoler/dds-design-tokens";
-import { jsx as jsx268, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx269, jsxs as jsxs74 } from "react/jsx-runtime";
 var RatingContainer = styled98.div`
   display: flex;
   gap: ${ddsBaseTokens60.spacing.SizesDdsSpacingX1};
-  ${({ $layout }) => css47`
+  ${({ $layout }) => css48`
     flex-direction: ${$layout === "horizontal" ? "row" : "column"};
     align-items: ${$layout === "horizontal" ? "center" : "start"};
   `}
@@ -13939,9 +14009,9 @@ var RatingComponent = ({
   handleRatingChange
 }) => {
   return /* @__PURE__ */ jsxs74(RatingContainer, { $layout: layout, children: [
-    /* @__PURE__ */ jsx268(Label, { children: ratingLabel }),
-    loading ? /* @__PURE__ */ jsx268(Spinner, { tooltip: "Laster opp tilbakemelding ..." }) : /* @__PURE__ */ jsxs74(HStack, { gap: "x1", children: [
-      /* @__PURE__ */ jsx268(Tooltip, { text: thumbUpTooltip, children: /* @__PURE__ */ jsx268(
+    /* @__PURE__ */ jsx269(Label, { children: ratingLabel }),
+    loading ? /* @__PURE__ */ jsx269(Spinner, { tooltip: "Laster opp tilbakemelding ..." }) : /* @__PURE__ */ jsxs74(HStack, { gap: "x1", children: [
+      /* @__PURE__ */ jsx269(Tooltip, { text: thumbUpTooltip, children: /* @__PURE__ */ jsx269(
         RatingButton,
         {
           htmlProps: { "aria-label": thumbUpTooltip },
@@ -13951,7 +14021,7 @@ var RatingComponent = ({
           size: "large"
         }
       ) }),
-      /* @__PURE__ */ jsx268(Tooltip, { text: thumbDownTooltip, children: /* @__PURE__ */ jsx268("div", { children: /* @__PURE__ */ jsx268(
+      /* @__PURE__ */ jsx269(Tooltip, { text: thumbDownTooltip, children: /* @__PURE__ */ jsx269("div", { children: /* @__PURE__ */ jsx269(
         RatingButton,
         {
           htmlProps: { "aria-label": thumbDownTooltip },
@@ -13968,7 +14038,7 @@ var RatingComponent = ({
 // src/components/Feedback/CommentComponent.tsx
 import styled99 from "styled-components";
 import { ddsBaseTokens as ddsBaseTokens61 } from "@norges-domstoler/dds-design-tokens";
-import { jsx as jsx269, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx270, jsxs as jsxs75 } from "react/jsx-runtime";
 var IconLabelSpan = styled99.span`
   display: inline-flex;
   align-items: center;
@@ -13986,7 +14056,7 @@ var CommentComponent = ({
 }) => {
   return /* @__PURE__ */ jsxs75(VStack, { gap: "x1", align: "flex-start", children: [
     /* @__PURE__ */ jsxs75(IconLabelSpan, { children: [
-      /* @__PURE__ */ jsx269(
+      /* @__PURE__ */ jsx270(
         Icon,
         {
           icon: rating === "positive" ? ThumbupFilled : ThumbdownFilled,
@@ -13998,7 +14068,7 @@ var CommentComponent = ({
         " "
       ] })
     ] }),
-    /* @__PURE__ */ jsx269(
+    /* @__PURE__ */ jsx270(
       TextArea,
       {
         value: feedbackText,
@@ -14007,7 +14077,7 @@ var CommentComponent = ({
         tip: "Ikke send inn personopplysninger eller annen sensitiv informasjon"
       }
     ),
-    /* @__PURE__ */ jsx269(
+    /* @__PURE__ */ jsx270(
       Button,
       {
         purpose: "secondary",
@@ -14021,7 +14091,7 @@ var CommentComponent = ({
 };
 
 // src/components/Feedback/Feedback.tsx
-import { jsx as jsx270 } from "react/jsx-runtime";
+import { jsx as jsx271 } from "react/jsx-runtime";
 var Feedback = ({
   layout = "vertical",
   ratingLabel = "Hva syns du om tjenesten?",
@@ -14040,9 +14110,9 @@ var Feedback = ({
   onFeedbackTextChange,
   onSubmit
 }) => {
-  const [rating, setRating] = useState30(null);
-  const [feedbackText, setFeedbackText] = useState30();
-  const [isFeedbackSubmitted, setIsFeedbackSubmitted] = useState30(false);
+  const [rating, setRating] = useState31(null);
+  const [feedbackText, setFeedbackText] = useState31();
+  const [isFeedbackSubmitted, setIsFeedbackSubmitted] = useState31(false);
   useEffect27(() => {
     ratingProp !== void 0 && setRating(ratingProp);
   }, [ratingProp]);
@@ -14066,7 +14136,7 @@ var Feedback = ({
     isSubmittedProp === void 0 && setIsFeedbackSubmitted(true);
   };
   if (rating === null && !isFeedbackSubmitted) {
-    return /* @__PURE__ */ jsx270(
+    return /* @__PURE__ */ jsx271(
       RatingComponent,
       {
         layout,
@@ -14079,7 +14149,7 @@ var Feedback = ({
     );
   }
   if (!feedbackTextAreaExcluded && !isFeedbackSubmitted) {
-    return /* @__PURE__ */ jsx270(
+    return /* @__PURE__ */ jsx271(
       CommentComponent,
       {
         rating,
@@ -14093,7 +14163,7 @@ var Feedback = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx270(Paragraph, { children: submittedTitle });
+  return /* @__PURE__ */ jsx271(Paragraph, { children: submittedTitle });
 };
 export {
   AddressShieldedIcon,
@@ -14346,6 +14416,7 @@ export {
   WarningIcon,
   ZoomInIcon,
   ZoomOutIcon,
+  calendarDateToNativeDate,
   cn,
   createSelectOptions,
   dangerInputfield,
@@ -14383,7 +14454,9 @@ export {
   isInlineElement,
   isKeyboardEvent,
   isRelativeGridColumn,
+  nativeDateToCalendarDate,
   nativeDateToDateValue,
+  nativeDateToTime,
   normalizeButton,
   outlineOffset,
   removeButtonStyling,