@norges-domstoler/dds-components 21.16.0 → 21.17.1

package/dist/index.mjs

@@ -1646,6 +1646,7 @@ __export(icons_exports, {
   RedoIcon: () => RedoIcon,
   RefreshIcon: () => RefreshIcon,
   ReplayIcon: () => ReplayIcon,
+  ScaleIcon: () => ScaleIcon,
   SearchIcon: () => SearchIcon,
   SettingsIcon: () => SettingsIcon,
   SmsIcon: () => SmsIcon,
@@ -2601,209 +2602,215 @@ function ReplayIcon(props) {
   return /* @__PURE__ */ jsx141(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx141("path", { d: "M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z" }) });
 }
 
-// src/components/Icon/icons/search.tsx
+// src/components/Icon/icons/scale.tsx
 import { jsx as jsx142 } from "react/jsx-runtime";
+function ScaleIcon(props) {
+  return /* @__PURE__ */ jsx142(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx142("path", { d: "M13 7.83C13.85 7.53 14.53 6.85 14.83 6H18L15 13C15 14.66 16.57 16 18.5 16C20.43 16 22 14.66 22 13L19 6H21V4H14.83C14.42 2.83 13.31 2 12 2C10.69 2 9.58 2.83 9.17 4H3V6H5L2 13C2 14.66 3.57 16 5.5 16C7.43 16 9 14.66 9 13L6 6H9.17C9.47 6.85 10.15 7.53 11 7.83V19H2V21H22V19H13V7.83ZM20.37 13H16.63L18.5 8.64L20.37 13ZM7.37 13H3.63L5.5 8.64L7.37 13ZM12 6C11.45 6 11 5.55 11 5C11 4.45 11.45 4 12 4C12.55 4 13 4.45 13 5C13 5.55 12.55 6 12 6Z" }) });
+}
+
+// src/components/Icon/icons/search.tsx
+import { jsx as jsx143 } from "react/jsx-runtime";
 function SearchIcon(props) {
-  return /* @__PURE__ */ jsx142(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx142("path", { d: "M9 2C5.146 2 2 5.146 2 9s3.146 7 7 7a6.958 6.958 0 004.574-1.719l.426.426V16l6 6 2-2-6-6h-1.293l-.426-.426A6.958 6.958 0 0016 9c0-3.854-3.146-7-7-7zm0 2c2.773 0 5 2.227 5 5s-2.227 5-5 5-5-2.227-5-5 2.227-5 5-5z" }) });
+  return /* @__PURE__ */ jsx143(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx143("path", { d: "M9 2C5.146 2 2 5.146 2 9s3.146 7 7 7a6.958 6.958 0 004.574-1.719l.426.426V16l6 6 2-2-6-6h-1.293l-.426-.426A6.958 6.958 0 0016 9c0-3.854-3.146-7-7-7zm0 2c2.773 0 5 2.227 5 5s-2.227 5-5 5-5-2.227-5-5 2.227-5 5-5z" }) });
 }
 
 // src/components/Icon/icons/settings.tsx
-import { jsx as jsx143 } from "react/jsx-runtime";
+import { jsx as jsx144 } from "react/jsx-runtime";
 function SettingsIcon(props) {
-  return /* @__PURE__ */ jsx143(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx143("path", { d: "M9.666 2l-.451 2.477.014-.006.128-.041c-.05.012-.093.033-.142.047-.918.26-1.639.741-2.256 1.255l-.033.03h-.002l-2.389-.758-2.297 3.982 1.873 1.762.008-.045.01-.045C3.99 11.21 4 11.7 4 12c0 .3-.001.796.12 1.396l-.013-.064-1.882 1.66 2.328 4.035 2.39-.869.02.02.082.054c.643.429 1.388.856 2.162 1.188l.004.002L9.658 22h4.676l.451-2.477-.014.006-.128.041c.05-.012.093-.033.142-.047.918-.26 1.639-.741 2.256-1.255l.033-.03h.002l2.4.764 2.29-4.12-1.873-1.652-.012.067-.01.045C20.01 12.79 20 12.3 20 12c0-.3.01-.79-.129-1.342l.006.026 1.898-1.676-2.328-4.035-2.39.869-.02-.02-.082-.054a13.73 13.73 0 00-2.162-1.188l-.004-.002L14.342 2H9.666zm1.668 2h1.324l.352 2.021 1.02.407-.024-.008c.605.26 1.234.62 1.78.978l.757.76 2.01-.732.672 1.166-1.502 1.326.197 1.186.01.039c.062.247.07.557.07.857 0 .3-.008.61-.07.857l-.006.024-.217 1.088 1.527 1.35-.71 1.28-2-.636-.778.777c-.543.451-.983.738-1.588.889l-.066.017-1.076.43-.35 1.924h-1.324l-.352-2.021-1.02-.407.024.008c-.605-.26-1.234-.62-1.78-.978l-.757-.76-2.01.732-.672-1.166 1.518-1.34-.213-1.064C6 12.604 6 12.3 6 12c0-.3.008-.61.07-.857l.006-.024.213-1.066-1.527-1.44.703-1.217 2.012.641.777-.777c.543-.451.983-.738 1.588-.889l.066-.017 1.076-.43.35-1.924zM12 8c-1.25 0-2.315.505-2.998 1.273C8.319 10.043 8 11.028 8 12s.319 1.958 1.002 2.727C9.685 15.495 10.75 16 12 16c1.25 0 2.315-.505 2.998-1.273C15.681 13.957 16 12.972 16 12s-.319-1.958-1.002-2.727C14.315 8.505 13.25 8 12 8zm0 2c.75 0 1.185.245 1.502.602.317.356.498.87.498 1.398 0 .528-.181 1.042-.498 1.398-.317.357-.752.602-1.502.602s-1.185-.245-1.502-.602C10.181 13.042 10 12.528 10 12c0-.528.181-1.042.498-1.398.317-.357.752-.602 1.502-.602z" }) });
+  return /* @__PURE__ */ jsx144(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx144("path", { d: "M9.666 2l-.451 2.477.014-.006.128-.041c-.05.012-.093.033-.142.047-.918.26-1.639.741-2.256 1.255l-.033.03h-.002l-2.389-.758-2.297 3.982 1.873 1.762.008-.045.01-.045C3.99 11.21 4 11.7 4 12c0 .3-.001.796.12 1.396l-.013-.064-1.882 1.66 2.328 4.035 2.39-.869.02.02.082.054c.643.429 1.388.856 2.162 1.188l.004.002L9.658 22h4.676l.451-2.477-.014.006-.128.041c.05-.012.093-.033.142-.047.918-.26 1.639-.741 2.256-1.255l.033-.03h.002l2.4.764 2.29-4.12-1.873-1.652-.012.067-.01.045C20.01 12.79 20 12.3 20 12c0-.3.01-.79-.129-1.342l.006.026 1.898-1.676-2.328-4.035-2.39.869-.02-.02-.082-.054a13.73 13.73 0 00-2.162-1.188l-.004-.002L14.342 2H9.666zm1.668 2h1.324l.352 2.021 1.02.407-.024-.008c.605.26 1.234.62 1.78.978l.757.76 2.01-.732.672 1.166-1.502 1.326.197 1.186.01.039c.062.247.07.557.07.857 0 .3-.008.61-.07.857l-.006.024-.217 1.088 1.527 1.35-.71 1.28-2-.636-.778.777c-.543.451-.983.738-1.588.889l-.066.017-1.076.43-.35 1.924h-1.324l-.352-2.021-1.02-.407.024.008c-.605-.26-1.234-.62-1.78-.978l-.757-.76-2.01.732-.672-1.166 1.518-1.34-.213-1.064C6 12.604 6 12.3 6 12c0-.3.008-.61.07-.857l.006-.024.213-1.066-1.527-1.44.703-1.217 2.012.641.777-.777c.543-.451.983-.738 1.588-.889l.066-.017 1.076-.43.35-1.924zM12 8c-1.25 0-2.315.505-2.998 1.273C8.319 10.043 8 11.028 8 12s.319 1.958 1.002 2.727C9.685 15.495 10.75 16 12 16c1.25 0 2.315-.505 2.998-1.273C15.681 13.957 16 12.972 16 12s-.319-1.958-1.002-2.727C14.315 8.505 13.25 8 12 8zm0 2c.75 0 1.185.245 1.502.602.317.356.498.87.498 1.398 0 .528-.181 1.042-.498 1.398-.317.357-.752.602-1.502.602s-1.185-.245-1.502-.602C10.181 13.042 10 12.528 10 12c0-.528.181-1.042.498-1.398.317-.357.752-.602 1.502-.602z" }) });
 }
 
 // src/components/Icon/icons/sms.tsx
-import { jsx as jsx144 } from "react/jsx-runtime";
+import { jsx as jsx145 } from "react/jsx-runtime";
 function SmsIcon(props) {
-  return /* @__PURE__ */ jsx144(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx144("path", { d: "M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12zM7 9h2v2H7V9zm8 0h2v2h-2V9zm-4 0h2v2h-2V9z" }) });
+  return /* @__PURE__ */ jsx145(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx145("path", { d: "M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12zM7 9h2v2H7V9zm8 0h2v2h-2V9zm-4 0h2v2h-2V9z" }) });
 }
 
 // src/components/Icon/icons/star.tsx
-import { jsx as jsx145 } from "react/jsx-runtime";
+import { jsx as jsx146 } from "react/jsx-runtime";
 function StarIcon(props) {
-  return /* @__PURE__ */ jsx145(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx145("path", { d: "M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z" }) });
+  return /* @__PURE__ */ jsx146(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx146("path", { d: "M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z" }) });
 }
 
 // src/components/Icon/icons/starFilled.tsx
-import { jsx as jsx146 } from "react/jsx-runtime";
+import { jsx as jsx147 } from "react/jsx-runtime";
 function StarFilledIcon(props) {
-  return /* @__PURE__ */ jsx146(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx146("path", { d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z" }) });
+  return /* @__PURE__ */ jsx147(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx147("path", { d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z" }) });
 }
 
 // src/components/Icon/icons/starHalfFilled.tsx
-import { jsx as jsx147 } from "react/jsx-runtime";
+import { jsx as jsx148 } from "react/jsx-runtime";
 function StarHalfFilled(props) {
-  return /* @__PURE__ */ jsx147(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx147("path", { d: "m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z" }) });
+  return /* @__PURE__ */ jsx148(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx148("path", { d: "m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z" }) });
 }
 
 // src/components/Icon/icons/sync.tsx
-import { jsx as jsx148 } from "react/jsx-runtime";
+import { jsx as jsx149 } from "react/jsx-runtime";
 function SyncIcon(props) {
-  return /* @__PURE__ */ jsx148(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx148("path", { d: "M12 0L8 4l4 4V5c3.859 0 7 3.14 7 7 0 .88-.17 1.72-.469 2.496l1.516 1.514A8.931 8.931 0 0021 12c0-4.962-4.037-9-9-9V0zM3.953 7.99A8.931 8.931 0 003 12c0 4.962 4.037 9 9 9v3l4-4-4-4v3c-3.859 0-7-3.14-7-7 0-.88.17-1.72.469-2.496L3.953 7.99z" }) });
+  return /* @__PURE__ */ jsx149(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx149("path", { d: "M12 0L8 4l4 4V5c3.859 0 7 3.14 7 7 0 .88-.17 1.72-.469 2.496l1.516 1.514A8.931 8.931 0 0021 12c0-4.962-4.037-9-9-9V0zM3.953 7.99A8.931 8.931 0 003 12c0 4.962 4.037 9 9 9v3l4-4-4-4v3c-3.859 0-7-3.14-7-7 0-.88.17-1.72.469-2.496L3.953 7.99z" }) });
 }
 
 // src/components/Icon/icons/thumbdown.tsx
-import { jsx as jsx149 } from "react/jsx-runtime";
+import { jsx as jsx150 } from "react/jsx-runtime";
 function ThumbDownIcon(props) {
-  return /* @__PURE__ */ jsx149(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx149("path", { d: "m10.89 18.28.57-2.89c.12-.59-.04-1.2-.42-1.66-.38-.46-.94-.73-1.54-.73H4v-1.08L6.57 6h8.09c.18 0 .34.16.34.34v7.84l-4.11 4.1M10 22l6.41-6.41c.38-.38.59-.89.59-1.42V6.34C17 5.05 15.95 4 14.66 4h-8.1c-.71 0-1.36.37-1.72.97l-2.67 6.15c-.11.25-.17.52-.17.8V13c0 1.1.9 2 2 2h5.5l-.92 4.65c-.05.22-.02.46.08.66.23.45.52.86.88 1.22L10 22zm10-7h2V4h-2c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1z" }) });
+  return /* @__PURE__ */ jsx150(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx150("path", { d: "m10.89 18.28.57-2.89c.12-.59-.04-1.2-.42-1.66-.38-.46-.94-.73-1.54-.73H4v-1.08L6.57 6h8.09c.18 0 .34.16.34.34v7.84l-4.11 4.1M10 22l6.41-6.41c.38-.38.59-.89.59-1.42V6.34C17 5.05 15.95 4 14.66 4h-8.1c-.71 0-1.36.37-1.72.97l-2.67 6.15c-.11.25-.17.52-.17.8V13c0 1.1.9 2 2 2h5.5l-.92 4.65c-.05.22-.02.46.08.66.23.45.52.86.88 1.22L10 22zm10-7h2V4h-2c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1z" }) });
 }
 
 // src/components/Icon/icons/thumbdownFilled.tsx
-import { jsx as jsx150 } from "react/jsx-runtime";
+import { jsx as jsx151 } from "react/jsx-runtime";
 function ThumbDownFilledIcon(props) {
-  return /* @__PURE__ */ jsx150(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx150("path", { d: "M22 4h-2c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h2V4zM2.17 11.12c-.11.25-.17.52-.17.8V13c0 1.1.9 2 2 2h5.5l-.92 4.65c-.05.22-.02.46.08.66.23.45.52.86.88 1.22L10 22l6.41-6.41c.38-.38.59-.89.59-1.42V6.34C17 5.05 15.95 4 14.66 4h-8.1c-.71 0-1.36.37-1.72.97l-2.67 6.15z" }) });
+  return /* @__PURE__ */ jsx151(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx151("path", { d: "M22 4h-2c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h2V4zM2.17 11.12c-.11.25-.17.52-.17.8V13c0 1.1.9 2 2 2h5.5l-.92 4.65c-.05.22-.02.46.08.66.23.45.52.86.88 1.22L10 22l6.41-6.41c.38-.38.59-.89.59-1.42V6.34C17 5.05 15.95 4 14.66 4h-8.1c-.71 0-1.36.37-1.72.97l-2.67 6.15z" }) });
 }
 
 // src/components/Icon/icons/thumbup.tsx
-import { jsx as jsx151 } from "react/jsx-runtime";
+import { jsx as jsx152 } from "react/jsx-runtime";
 function ThumbUpIcon(props) {
-  return /* @__PURE__ */ jsx151(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx151("path", { d: "m13.11 5.72-.57 2.89c-.12.59.04 1.2.42 1.66.38.46.94.73 1.54.73H20v1.08L17.43 18H9.34c-.18 0-.34-.16-.34-.34V9.82l4.11-4.1M14 2 7.59 8.41C7.21 8.79 7 9.3 7 9.83v7.83C7 18.95 8.05 20 9.34 20h8.1c.71 0 1.36-.37 1.72-.97l2.67-6.15c.11-.25.17-.52.17-.8V11c0-1.1-.9-2-2-2h-5.5l.92-4.65c.05-.22.02-.46-.08-.66-.23-.45-.52-.86-.88-1.22L14 2zM4 9H2v11h2c.55 0 1-.45 1-1v-9c0-.55-.45-1-1-1z" }) });
+  return /* @__PURE__ */ jsx152(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx152("path", { d: "m13.11 5.72-.57 2.89c-.12.59.04 1.2.42 1.66.38.46.94.73 1.54.73H20v1.08L17.43 18H9.34c-.18 0-.34-.16-.34-.34V9.82l4.11-4.1M14 2 7.59 8.41C7.21 8.79 7 9.3 7 9.83v7.83C7 18.95 8.05 20 9.34 20h8.1c.71 0 1.36-.37 1.72-.97l2.67-6.15c.11-.25.17-.52.17-.8V11c0-1.1-.9-2-2-2h-5.5l.92-4.65c.05-.22.02-.46-.08-.66-.23-.45-.52-.86-.88-1.22L14 2zM4 9H2v11h2c.55 0 1-.45 1-1v-9c0-.55-.45-1-1-1z" }) });
 }
 
 // src/components/Icon/icons/thumbupFilled.tsx
-import { jsx as jsx152 } from "react/jsx-runtime";
+import { jsx as jsx153 } from "react/jsx-runtime";
 function ThumbUpFilledIcon(props) {
-  return /* @__PURE__ */ jsx152(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx152("path", { d: "M2 20h2c.55 0 1-.45 1-1v-9c0-.55-.45-1-1-1H2v11zm19.83-7.12c.11-.25.17-.52.17-.8V11c0-1.1-.9-2-2-2h-5.5l.92-4.65c.05-.22.02-.46-.08-.66-.23-.45-.52-.86-.88-1.22L14 2 7.59 8.41C7.21 8.79 7 9.3 7 9.83v7.84C7 18.95 8.05 20 9.34 20h8.11c.7 0 1.36-.37 1.72-.97l2.66-6.15z" }) });
+  return /* @__PURE__ */ jsx153(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx153("path", { d: "M2 20h2c.55 0 1-.45 1-1v-9c0-.55-.45-1-1-1H2v11zm19.83-7.12c.11-.25.17-.52.17-.8V11c0-1.1-.9-2-2-2h-5.5l.92-4.65c.05-.22.02-.46-.08-.66-.23-.45-.52-.86-.88-1.22L14 2 7.59 8.41C7.21 8.79 7 9.3 7 9.83v7.84C7 18.95 8.05 20 9.34 20h8.11c.7 0 1.36-.37 1.72-.97l2.66-6.15z" }) });
 }
 
 // src/components/Icon/icons/time.tsx
-import { jsx as jsx153 } from "react/jsx-runtime";
+import { jsx as jsx154 } from "react/jsx-runtime";
 function TimeIcon(props) {
-  return /* @__PURE__ */ jsx153(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx153("path", { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z" }) });
+  return /* @__PURE__ */ jsx154(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx154("path", { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z" }) });
 }
 
 // src/components/Icon/icons/tingrett.tsx
-import { jsx as jsx154 } from "react/jsx-runtime";
+import { jsx as jsx155 } from "react/jsx-runtime";
 function TingrettIcon(props) {
-  return /* @__PURE__ */ jsx154(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx154("path", { d: "M12 16.615c4.418 0 8-3.857 8-8.615H4c0 4.758 3.582 8.615 8 8.615z" }) });
+  return /* @__PURE__ */ jsx155(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx155("path", { d: "M12 16.615c4.418 0 8-3.857 8-8.615H4c0 4.758 3.582 8.615 8 8.615z" }) });
 }
 
 // src/components/Icon/icons/tip.tsx
-import { jsx as jsx155 } from "react/jsx-runtime";
+import { jsx as jsx156 } from "react/jsx-runtime";
 function TipIcon(props) {
-  return /* @__PURE__ */ jsx155(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx155("path", { d: "M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V16h-4v-2.3l-.85-.6A4.997 4.997 0 017 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z" }) });
+  return /* @__PURE__ */ jsx156(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx156("path", { d: "M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V16h-4v-2.3l-.85-.6A4.997 4.997 0 017 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z" }) });
 }
 
 // src/components/Icon/icons/trash.tsx
-import { jsx as jsx156 } from "react/jsx-runtime";
+import { jsx as jsx157 } from "react/jsx-runtime";
 function TrashIcon(props) {
-  return /* @__PURE__ */ jsx156(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx156("path", { d: "M16 9v10H8V9h8zm-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z" }) });
+  return /* @__PURE__ */ jsx157(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx157("path", { d: "M16 9v10H8V9h8zm-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z" }) });
 }
 
 // src/components/Icon/icons/undo.tsx
-import { jsx as jsx157 } from "react/jsx-runtime";
+import { jsx as jsx158 } from "react/jsx-runtime";
 function UndoIcon(props) {
-  return /* @__PURE__ */ jsx157(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx157("path", { d: "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z" }) });
+  return /* @__PURE__ */ jsx158(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx158("path", { d: "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z" }) });
 }
 
 // src/components/Icon/icons/unfoldLess.tsx
-import { jsx as jsx158 } from "react/jsx-runtime";
+import { jsx as jsx159 } from "react/jsx-runtime";
 function UnfoldLessIcon(props) {
-  return /* @__PURE__ */ jsx158(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx158("path", { d: "M7.41 18.59L8.83 20 12 16.83 15.17 20l1.41-1.41L12 14l-4.59 4.59zm9.18-13.18L15.17 4 12 7.17 8.83 4 7.41 5.41 12 10l4.59-4.59z" }) });
+  return /* @__PURE__ */ jsx159(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx159("path", { d: "M7.41 18.59L8.83 20 12 16.83 15.17 20l1.41-1.41L12 14l-4.59 4.59zm9.18-13.18L15.17 4 12 7.17 8.83 4 7.41 5.41 12 10l4.59-4.59z" }) });
 }
 
 // src/components/Icon/icons/unfoldMore.tsx
-import { jsx as jsx159 } from "react/jsx-runtime";
+import { jsx as jsx160 } from "react/jsx-runtime";
 function UnfoldMoreIcon(props) {
-  return /* @__PURE__ */ jsx159(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx159("path", { d: "M11.59 18.17L8.42 15l-1.41 1.41L11.59 21l4.59-4.59L14.76 15l-3.17 3.17zm0-12.34L14.76 9l1.41-1.41L11.59 3 7 7.59 8.42 9l3.17-3.17z" }) });
+  return /* @__PURE__ */ jsx160(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx160("path", { d: "M11.59 18.17L8.42 15l-1.41 1.41L11.59 21l4.59-4.59L14.76 15l-3.17 3.17zm0-12.34L14.76 9l1.41-1.41L11.59 3 7 7.59 8.42 9l3.17-3.17z" }) });
 }
 
 // src/components/Icon/icons/upload.tsx
-import { jsx as jsx160 } from "react/jsx-runtime";
+import { jsx as jsx161 } from "react/jsx-runtime";
 function UploadIcon(props) {
-  return /* @__PURE__ */ jsx160(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx160("path", { d: "M9 16h6v-6h4l-7-7-7 7h4v6zm2-2V8H9.828L12 5.828 14.172 8H13v6h-2zm-6 4h14v2H5v-2z" }) });
+  return /* @__PURE__ */ jsx161(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx161("path", { d: "M9 16h6v-6h4l-7-7-7 7h4v6zm2-2V8H9.828L12 5.828 14.172 8H13v6h-2zm-6 4h14v2H5v-2z" }) });
 }
 
 // src/components/Icon/icons/visibilityOff.tsx
-import { jsx as jsx161 } from "react/jsx-runtime";
+import { jsx as jsx162 } from "react/jsx-runtime";
 function VisibilityOffIcon(props) {
-  return /* @__PURE__ */ jsx161(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx161("path", { d: "M12 6a9.77 9.77 0 018.82 5.5 9.648 9.648 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68C3.04 7.841 1.766 9.55 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z" }) });
+  return /* @__PURE__ */ jsx162(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx162("path", { d: "M12 6a9.77 9.77 0 018.82 5.5 9.648 9.648 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68C3.04 7.841 1.766 9.55 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z" }) });
 }
 
 // src/components/Icon/icons/visibilityOn.tsx
-import { jsx as jsx162 } from "react/jsx-runtime";
+import { jsx as jsx163 } from "react/jsx-runtime";
 function VisibilityOnIcon(props) {
-  return /* @__PURE__ */ jsx162(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx162("path", { d: "M12 6a9.77 9.77 0 018.82 5.5A9.77 9.77 0 0112 17a9.77 9.77 0 01-8.82-5.5A9.77 9.77 0 0112 6zm0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z" }) });
+  return /* @__PURE__ */ jsx163(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx163("path", { d: "M12 6a9.77 9.77 0 018.82 5.5A9.77 9.77 0 0112 17a9.77 9.77 0 01-8.82-5.5A9.77 9.77 0 0112 6zm0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z" }) });
 }
 
 // src/components/Icon/icons/warning.tsx
-import { jsx as jsx163, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx164, jsxs as jsxs18 } from "react/jsx-runtime";
 function WarningIcon(props) {
   return /* @__PURE__ */ jsxs18(SvgWrapper, { ...props, children: [
-    /* @__PURE__ */ jsx163("path", { d: "M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27L15.73 3zM19 14.9L14.9 19H9.1L5 14.9V9.1L9.1 5h5.8L19 9.1v5.8z" }),
-    /* @__PURE__ */ jsx163("path", { d: "M12 17a1 1 0 100-2 1 1 0 000 2zM11 7h2v7h-2V7z" })
+    /* @__PURE__ */ jsx164("path", { d: "M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27L15.73 3zM19 14.9L14.9 19H9.1L5 14.9V9.1L9.1 5h5.8L19 9.1v5.8z" }),
+    /* @__PURE__ */ jsx164("path", { d: "M12 17a1 1 0 100-2 1 1 0 000 2zM11 7h2v7h-2V7z" })
   ] });
 }
 
 // src/components/Icon/icons/webex.tsx
-import { jsx as jsx164, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx165, jsxs as jsxs19 } from "react/jsx-runtime";
 function WebexIcon(props) {
   return /* @__PURE__ */ jsxs19(SvgWrapper, { ...props, children: [
-    /* @__PURE__ */ jsx164("path", { d: "M7.16445 3.02741C5.37251 3.2006 4.00929 4.54287 3.55167 5.19235C5.71934 5.89286 5.1413 9.08924 5.71934 10.6047C6.00836 9.73873 6.65866 7.71812 7.67024 7.71812C10.3525 7.71812 9.18761 21.2516 16.3409 20.9964C22.4104 20.7799 24 10.0274 24 8.00678C24 5.83103 21.8323 5.6975 21.8323 5.6975C21.8323 5.6975 23.2325 7.80594 22.5 9.73872C21.7039 11.8393 19.3034 11.615 18.9421 11.3985C18.5086 13.1305 17.5693 16.3057 16.3409 16.3057C14.5 16.3057 14.1251 8.65625 12.1501 5.6975C10.9458 3.89338 9.40437 2.81091 7.16445 3.02741Z" }),
-    /* @__PURE__ */ jsx164("path", { d: "M16.2687 3.0274C14.1732 3.18241 12.9449 4.20609 12.3669 4.83152C14 6.5 14.679 10.6047 14.679 10.6047C14.8958 9.30573 15.4714 7.64595 16.2687 7.64595C17.0659 7.64595 17.3525 8.00677 18.0028 9.73872C18.5644 11.2344 22.6151 11.0722 21.9046 7.79027C21.3265 5.12018 18.6531 2.851 16.2687 3.0274Z" }),
-    /* @__PURE__ */ jsx164("path", { d: "M8.03151 20.9243C9.91016 20.9243 11.4998 19.1923 11.4998 19.1923C9.98242 16.883 9.33212 13.6356 9.33212 13.6356C9.33212 13.6356 8.75685 16.3057 7.81475 16.3057C5.93611 16.3057 4.82819 10.4844 4.34648 7.35728C4.12972 6.41914 3.306 5.42327 1.74528 5.76966C0.184558 6.11605 -0.0611107 7.54972 0.0111449 8.22326C0.251997 10.6288 0.950471 15.0068 3.04588 18.2542C4.62908 20.7078 6.36963 20.9243 8.03151 20.9243Z" })
+    /* @__PURE__ */ jsx165("path", { d: "M7.16445 3.02741C5.37251 3.2006 4.00929 4.54287 3.55167 5.19235C5.71934 5.89286 5.1413 9.08924 5.71934 10.6047C6.00836 9.73873 6.65866 7.71812 7.67024 7.71812C10.3525 7.71812 9.18761 21.2516 16.3409 20.9964C22.4104 20.7799 24 10.0274 24 8.00678C24 5.83103 21.8323 5.6975 21.8323 5.6975C21.8323 5.6975 23.2325 7.80594 22.5 9.73872C21.7039 11.8393 19.3034 11.615 18.9421 11.3985C18.5086 13.1305 17.5693 16.3057 16.3409 16.3057C14.5 16.3057 14.1251 8.65625 12.1501 5.6975C10.9458 3.89338 9.40437 2.81091 7.16445 3.02741Z" }),
+    /* @__PURE__ */ jsx165("path", { d: "M16.2687 3.0274C14.1732 3.18241 12.9449 4.20609 12.3669 4.83152C14 6.5 14.679 10.6047 14.679 10.6047C14.8958 9.30573 15.4714 7.64595 16.2687 7.64595C17.0659 7.64595 17.3525 8.00677 18.0028 9.73872C18.5644 11.2344 22.6151 11.0722 21.9046 7.79027C21.3265 5.12018 18.6531 2.851 16.2687 3.0274Z" }),
+    /* @__PURE__ */ jsx165("path", { d: "M8.03151 20.9243C9.91016 20.9243 11.4998 19.1923 11.4998 19.1923C9.98242 16.883 9.33212 13.6356 9.33212 13.6356C9.33212 13.6356 8.75685 16.3057 7.81475 16.3057C5.93611 16.3057 4.82819 10.4844 4.34648 7.35728C4.12972 6.41914 3.306 5.42327 1.74528 5.76966C0.184558 6.11605 -0.0611107 7.54972 0.0111449 8.22326C0.251997 10.6288 0.950471 15.0068 3.04588 18.2542C4.62908 20.7078 6.36963 20.9243 8.03151 20.9243Z" })
   ] });
 }
 
 // src/components/Icon/icons/x.tsx
-import { jsx as jsx165 } from "react/jsx-runtime";
+import { jsx as jsx166 } from "react/jsx-runtime";
 function XIcon(props) {
-  return /* @__PURE__ */ jsx165(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx165("path", { d: "M17.7508 3H20.8175L14.1175 10.6583L22 21.0775H15.8283L10.995 14.7575L5.46333 21.0775H2.395L9.56167 12.8858L2 3.00083H8.32833L12.6975 8.7775L17.7508 3ZM16.675 19.2425H18.3742L7.405 4.73917H5.58167L16.675 19.2425Z" }) });
+  return /* @__PURE__ */ jsx166(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx166("path", { d: "M17.7508 3H20.8175L14.1175 10.6583L22 21.0775H15.8283L10.995 14.7575L5.46333 21.0775H2.395L9.56167 12.8858L2 3.00083H8.32833L12.6975 8.7775L17.7508 3ZM16.675 19.2425H18.3742L7.405 4.73917H5.58167L16.675 19.2425Z" }) });
 }
 
 // src/components/Icon/icons/zoomIn.tsx
-import { jsx as jsx166 } from "react/jsx-runtime";
+import { jsx as jsx167 } from "react/jsx-runtime";
 function ZoomInIcon(props) {
-  return /* @__PURE__ */ jsx166(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx166("path", { d: "M15.5 14h-.79l-.28-.27A6.47 6.47 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zm.5-7H9v2H7v1h2v2h1v-2h2V9h-2V7z" }) });
+  return /* @__PURE__ */ jsx167(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx167("path", { d: "M15.5 14h-.79l-.28-.27A6.47 6.47 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zm.5-7H9v2H7v1h2v2h1v-2h2V9h-2V7z" }) });
 }
 
 // src/components/Icon/icons/zoomOut.tsx
-import { jsx as jsx167 } from "react/jsx-runtime";
+import { jsx as jsx168 } from "react/jsx-runtime";
 function ZoomOutIcon(props) {
-  return /* @__PURE__ */ jsx167(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx167("path", { d: "M15.5 14h-.79l-.28-.27A6.47 6.47 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7V9z" }) });
+  return /* @__PURE__ */ jsx168(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx168("path", { d: "M15.5 14h-.79l-.28-.27A6.47 6.47 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7V9z" }) });
 }
 
 // src/components/Icon/icons/barChart.tsx
-import { jsx as jsx168 } from "react/jsx-runtime";
+import { jsx as jsx169 } from "react/jsx-runtime";
 function BarChartIcon(props) {
-  return /* @__PURE__ */ jsx168(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx168("path", { d: "M10 20h4V4h-4v16zm-6 0h4v-8H4v8zM16 9v11h4V9h-4z" }) });
+  return /* @__PURE__ */ jsx169(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx169("path", { d: "M10 20h4V4h-4v16zm-6 0h4v-8H4v8zM16 9v11h4V9h-4z" }) });
 }
 
 // src/components/Icon/icons/barChartBoxed.tsx
-import { jsx as jsx169 } from "react/jsx-runtime";
+import { jsx as jsx170 } from "react/jsx-runtime";
 function BarChartBoxedIcon(props) {
-  return /* @__PURE__ */ jsx169(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx169("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM7 10h2v7H7v-7zm4-3h2v10h-2V7zm4 6h2v4h-2v-4z" }) });
+  return /* @__PURE__ */ jsx170(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx170("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM7 10h2v7H7v-7zm4-3h2v10h-2V7zm4 6h2v4h-2v-4z" }) });
 }
 
 // src/components/Icon/icons/lineChart.tsx
-import { jsx as jsx170 } from "react/jsx-runtime";
+import { jsx as jsx171 } from "react/jsx-runtime";
 function LineChartIcon(props) {
-  return /* @__PURE__ */ jsx170(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx170("path", { d: "M3.5 18.49l6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99l1.5 1.5z" }) });
+  return /* @__PURE__ */ jsx171(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx171("path", { d: "M3.5 18.49l6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99l1.5 1.5z" }) });
 }
 
 // src/components/Icon/icons/trendingUp.tsx
-import { jsx as jsx171 } from "react/jsx-runtime";
+import { jsx as jsx172 } from "react/jsx-runtime";
 function TrendingUpIcon(props) {
-  return /* @__PURE__ */ jsx171(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx171("path", { d: "M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6h-6z" }) });
+  return /* @__PURE__ */ jsx172(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx172("path", { d: "M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6h-6z" }) });
 }
 
 // src/components/Icon/icons/trendingDown.tsx
-import { jsx as jsx172 } from "react/jsx-runtime";
+import { jsx as jsx173 } from "react/jsx-runtime";
 function TrendingDownIcon(props) {
-  return /* @__PURE__ */ jsx172(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx172("path", { d: "M16 18l2.29-2.29-4.88-4.88-4 4L2 7.41 3.41 6l6 6 4-4 6.3 6.29L22 12v6h-6z" }) });
+  return /* @__PURE__ */ jsx173(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx173("path", { d: "M16 18l2.29-2.29-4.88-4.88-4 4L2 7.41 3.41 6l6 6 4-4 6.3 6.29L22 12v6h-6z" }) });
 }
 
 // src/components/Icon/icons/libraryAdd.tsx
-import { jsx as jsx173 } from "react/jsx-runtime";
+import { jsx as jsx174 } from "react/jsx-runtime";
 function LibraryAddIcon(props) {
-  return /* @__PURE__ */ jsx173(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx173("path", { d: "M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H8V4h12v12zm-7-2h2v-3h3V9h-3V6h-2v3h-3v2h3v3z" }) });
+  return /* @__PURE__ */ jsx174(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx174("path", { d: "M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H8V4h12v12zm-7-2h2v-3h3V9h-3V6h-2v3h-3v2h3v3z" }) });
 }
 
 // src/components/Icon/icons/helpSimple.tsx
-import { jsx as jsx174 } from "react/jsx-runtime";
+import { jsx as jsx175 } from "react/jsx-runtime";
 function HelpSimpleIcon(props) {
-  return /* @__PURE__ */ jsx174(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx174("path", { d: "M13.25 21H10.75V18.5714H13.25V21ZM15.8375 11.5893L14.7125 12.7064C13.8125 13.5929 13.25 14.3214 13.25 16.1429H10.75V15.5357C10.75 14.2 11.3125 12.9857 12.2125 12.0993L13.7625 10.5693C14.225 10.1321 14.5 9.525 14.5 8.85714C14.5 7.52143 13.375 6.42857 12 6.42857C10.625 6.42857 9.5 7.52143 9.5 8.85714H7C7 6.17357 9.2375 4 12 4C14.7625 4 17 6.17357 17 8.85714C17 9.92571 16.55 10.8971 15.8375 11.5893Z" }) });
+  return /* @__PURE__ */ jsx175(SvgWrapper, { ...props, children: /* @__PURE__ */ jsx175("path", { d: "M13.25 21H10.75V18.5714H13.25V21ZM15.8375 11.5893L14.7125 12.7064C13.8125 13.5929 13.25 14.3214 13.25 16.1429H10.75V15.5357C10.75 14.2 11.3125 12.9857 12.2125 12.0993L13.7625 10.5693C14.225 10.1321 14.5 9.525 14.5 8.85714C14.5 7.52143 13.375 6.42857 12 6.42857C10.625 6.42857 9.5 7.52143 9.5 8.85714H7C7 6.17357 9.2375 4 12 4C14.7625 4 17 6.17357 17 8.85714C17 9.92571 16.55 10.8971 15.8375 11.5893Z" }) });
 }
 
 // src/components/ThemeProvider/ThemeProvider.tsx
@@ -2823,7 +2830,7 @@ var ThemeProvider_default = {
 };
 
 // src/components/ThemeProvider/ThemeProvider.tsx
-import { jsx as jsx175 } from "react/jsx-runtime";
+import { jsx as jsx176 } from "react/jsx-runtime";
 var defaultTheme = "core";
 var ThemeContext = createContext(
   void 0
@@ -2837,7 +2844,7 @@ function ThemeProvider({
   useEffect12(() => {
     setElement(themeRef.current);
   }, []);
-  return /* @__PURE__ */ jsx175(
+  return /* @__PURE__ */ jsx176(
     "div",
     {
       ref: themeRef,
@@ -2847,7 +2854,7 @@ function ThemeProvider({
         ThemeProvider_default["global-styles"],
         "dds-themed"
       ),
-      children: /* @__PURE__ */ jsx175(ThemeContext, { value: { theme, el: element }, children })
+      children: /* @__PURE__ */ jsx176(ThemeContext, { value: { theme, el: element }, children })
     }
   );
 }
@@ -2865,7 +2872,7 @@ function useTheme() {
 
 // src/i18n/LanguageProvider.tsx
 import { createContext as createContext2, useContext as useContext2 } from "react";
-import { jsx as jsx176 } from "react/jsx-runtime";
+import { jsx as jsx177 } from "react/jsx-runtime";
 var LanguageContext = createContext2(
   void 0
 );
@@ -2875,7 +2882,7 @@ function LanguageProvider({
   /**Selve applikasjonen. */
   children
 }) {
-  return /* @__PURE__ */ jsx176(LanguageContext, { value: { language }, children });
+  return /* @__PURE__ */ jsx177(LanguageContext, { value: { language }, children });
 }
 function useLanguage() {
   var _a;
@@ -2897,9 +2904,9 @@ function createTexts(texts27) {
 }
 
 // src/DdsProvider/DdsProvider.tsx
-import { jsx as jsx177 } from "react/jsx-runtime";
+import { jsx as jsx178 } from "react/jsx-runtime";
 function DdsProvider({ language, theme, children }) {
-  return /* @__PURE__ */ jsx177(LanguageProvider, { language, children: /* @__PURE__ */ jsx177(ThemeProvider, { theme, children }) });
+  return /* @__PURE__ */ jsx178(LanguageProvider, { language, children: /* @__PURE__ */ jsx178(ThemeProvider, { theme, children }) });
 }
 
 // src/components/Accordion/Accordion.module.css
@@ -3009,13 +3016,13 @@ import {
   createContext as createContext3,
   useContext as useContext3
 } from "react";
-import { jsx as jsx178 } from "react/jsx-runtime";
+import { jsx as jsx179 } from "react/jsx-runtime";
 var AccordionContext = createContext3({});
 var AccordionContextProvider = ({
   children,
   ...values
 }) => {
-  return /* @__PURE__ */ jsx178(AccordionContext, { value: values, children });
+  return /* @__PURE__ */ jsx179(AccordionContext, { value: values, children });
 };
 var useAccordionContext = () => {
   const context = useContext3(AccordionContext);
@@ -3028,7 +3035,7 @@ var useAccordionContext = () => {
 };
 
 // src/components/Accordion/Accordion.tsx
-import { jsx as jsx179 } from "react/jsx-runtime";
+import { jsx as jsx180 } from "react/jsx-runtime";
 var Accordion = ({
   isExpanded = false,
   onChange,
@@ -3046,7 +3053,7 @@ var Accordion = ({
     headerProps,
     bodyProps
   } = useAccordion({ initiallyExpanded: isExpanded, onChange, id });
-  return /* @__PURE__ */ jsx179(
+  return /* @__PURE__ */ jsx180(
     "div",
     {
       ...getBaseHTMLProps(
@@ -3055,7 +3062,7 @@ var Accordion = ({
         htmlProps,
         rest
       ),
-      children: /* @__PURE__ */ jsx179(
+      children: /* @__PURE__ */ jsx180(
         AccordionContextProvider,
         {
           headerProps,
@@ -3091,18 +3098,18 @@ var TextOverflowEllipsis_default = {
 };
 
 // src/components/Typography/Typography/TextOverflowEllipsis/TextOverflowEllipsis.tsx
-import { jsx as jsx180 } from "react/jsx-runtime";
+import { jsx as jsx181 } from "react/jsx-runtime";
 function TextOverflowEllipsisWrapper({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx180("span", { ...rest, className: cn(className, TextOverflowEllipsis_default.wrapper) });
+  return /* @__PURE__ */ jsx181("span", { ...rest, className: cn(className, TextOverflowEllipsis_default.wrapper) });
 }
 function TextOverflowEllipsisInner({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx180("span", { ...rest, className: cn(className, TextOverflowEllipsis_default.inner) });
+  return /* @__PURE__ */ jsx181("span", { ...rest, className: cn(className, TextOverflowEllipsis_default.inner) });
 }
 
 // src/components/Typography/Typography/Typography.module.css
@@ -3256,7 +3263,7 @@ function Icon(props) {
 Icon.displayName = "Icon";
 
 // src/components/Typography/Typography/Typography.tsx
-import { jsx as jsx181, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx182, jsxs as jsxs20 } from "react/jsx-runtime";
 var isAnchorProps = (props) => props.typographyType === "a";
 var Typography = (props) => {
   const {
@@ -3319,7 +3326,7 @@ var Typography = (props) => {
       target: targetProp,
       children: [
         children,
-        externalLinkProp && /* @__PURE__ */ jsx181(Icon, { icon: OpenExternalIcon, iconSize: "inherit" })
+        externalLinkProp && /* @__PURE__ */ jsx182(Icon, { icon: OpenExternalIcon, iconSize: "inherit" })
       ]
     }
   );
@@ -3327,7 +3334,7 @@ var Typography = (props) => {
 Typography.displayName = "Typography";
 
 // src/components/Typography/Caption/Caption.tsx
-import { jsx as jsx182 } from "react/jsx-runtime";
+import { jsx as jsx183 } from "react/jsx-runtime";
 var Caption = ({
   id,
   className,
@@ -3335,7 +3342,7 @@ var Caption = ({
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     Typography,
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -3348,7 +3355,7 @@ var Caption = ({
 Caption.displayName = "Caption";
 
 // src/components/Typography/Heading/Heading.tsx
-import { jsx as jsx183 } from "react/jsx-runtime";
+import { jsx as jsx184 } from "react/jsx-runtime";
 var getHeadingElement = (level) => `h${level}`;
 var getDefaultTypographyType = (h) => {
   switch (h) {
@@ -3379,7 +3386,7 @@ var Heading = ({
 }) => {
   const headingElement = getHeadingElement(level);
   const standardTypographyType = typographyType != null ? typographyType : getDefaultTypographyType(headingElement);
-  return /* @__PURE__ */ jsx183(
+  return /* @__PURE__ */ jsx184(
     Typography,
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -3398,7 +3405,7 @@ var Label_default = {
 };
 
 // src/components/Typography/Label/Label.tsx
-import { Fragment, jsx as jsx184, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx185, jsxs as jsxs21 } from "react/jsx-runtime";
 var Label = ({
   showRequiredStyling,
   readOnly,
@@ -3410,7 +3417,7 @@ var Label = ({
   ...rest
 }) => {
   const content = /* @__PURE__ */ jsxs21(Fragment, { children: [
-    readOnly && /* @__PURE__ */ jsx184(
+    readOnly && /* @__PURE__ */ jsx185(
       Icon,
       {
         icon: LockIcon,
@@ -3419,7 +3426,7 @@ var Label = ({
       }
     ),
     children,
-    showRequiredStyling && /* @__PURE__ */ jsx184(RequiredMarker, {})
+    showRequiredStyling && /* @__PURE__ */ jsx185(RequiredMarker, {})
   ] });
   const labelProps = {
     ...getBaseHTMLProps(
@@ -3436,7 +3443,7 @@ var Label = ({
       as: "div",
       withMargins: rest.withMargins,
       children: [
-        /* @__PURE__ */ jsx184(
+        /* @__PURE__ */ jsx185(
           Typography,
           {
             ...labelProps,
@@ -3448,13 +3455,13 @@ var Label = ({
         afterLabelContent
       ]
     }
-  ) : /* @__PURE__ */ jsx184(Typography, { ...labelProps, typographyType: "labelMedium", children: content });
+  ) : /* @__PURE__ */ jsx185(Typography, { ...labelProps, typographyType: "labelMedium", children: content });
   return render;
 };
 Label.displayName = "Label";
 
 // src/components/Typography/Legend/Legend.tsx
-import { jsx as jsx185 } from "react/jsx-runtime";
+import { jsx as jsx186 } from "react/jsx-runtime";
 var Legend = ({
   id,
   className,
@@ -3462,7 +3469,7 @@ var Legend = ({
   typographyType = "headingLarge",
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx185(
+  return /* @__PURE__ */ jsx186(
     Typography,
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -3474,7 +3481,7 @@ var Legend = ({
 Legend.displayName = "Legend";
 
 // src/components/Typography/Link/Link.tsx
-import { jsx as jsx186, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx187, jsxs as jsxs22 } from "react/jsx-runtime";
 var Link = ({
   id,
   className,
@@ -3519,7 +3526,7 @@ var Link = ({
       },
       children: [
         children,
-        external && /* @__PURE__ */ jsx186(Icon, { iconSize: "inherit", icon: OpenExternalIcon })
+        external && /* @__PURE__ */ jsx187(Icon, { iconSize: "inherit", icon: OpenExternalIcon })
       ]
     }
   );
@@ -3527,7 +3534,7 @@ var Link = ({
 Link.displayName = "Link";
 
 // src/components/Typography/Paragraph/Paragraph.tsx
-import { jsx as jsx187 } from "react/jsx-runtime";
+import { jsx as jsx188 } from "react/jsx-runtime";
 var Paragraph = ({
   id,
   className,
@@ -3536,7 +3543,7 @@ var Paragraph = ({
   typographyType = "bodyMedium",
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx187(
+  return /* @__PURE__ */ jsx188(
     Typography,
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -3548,7 +3555,7 @@ var Paragraph = ({
 Paragraph.displayName = "Paragraph";
 
 // src/components/Accordion/AccordionHeader.tsx
-import { jsx as jsx188, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx189, jsxs as jsxs23 } from "react/jsx-runtime";
 var AccordionHeader = ({
   children,
   className,
@@ -3578,13 +3585,13 @@ var AccordionHeader = ({
       ),
       ...restHeaderProps,
       children: [
-        /* @__PURE__ */ jsx188(
+        /* @__PURE__ */ jsx189(
           Box,
           {
             as: "span",
             marginInline: "x0 x0.5",
             className: AccordionBase_default.header__chevron,
-            children: /* @__PURE__ */ jsx188(
+            children: /* @__PURE__ */ jsx189(
               AnimatedChevronUpDown,
               {
                 width: "var(--dds-icon-size-medium)",
@@ -3594,7 +3601,7 @@ var AccordionHeader = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx188(
+        /* @__PURE__ */ jsx189(
           "div",
           {
             className: cn(
@@ -3612,7 +3619,7 @@ var AccordionHeader = ({
 AccordionHeader.displayName = "AccordionHeader";
 
 // src/components/Accordion/AccordionBody.tsx
-import { jsx as jsx189 } from "react/jsx-runtime";
+import { jsx as jsx190 } from "react/jsx-runtime";
 var AccordionBody = ({
   children,
   className,
@@ -3630,7 +3637,7 @@ var AccordionBody = ({
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ["--dds-card-accordion-body-height"]: height + "px"
   };
-  return /* @__PURE__ */ jsx189(
+  return /* @__PURE__ */ jsx190(
     "div",
     {
       ...getBaseHTMLProps(
@@ -3641,7 +3648,7 @@ var AccordionBody = ({
       ),
       ...restBodyProps,
       style: { ...htmlProps == null ? void 0 : htmlProps.style, ...styleVariables },
-      children: /* @__PURE__ */ jsx189(Box, { ref: bodyContentRef, padding: "x0.5 x1.5 x2 x1", children })
+      children: /* @__PURE__ */ jsx190(Box, { ref: bodyContentRef, padding: "x0.5 x1.5 x2 x1", children })
     }
   );
 };
@@ -3653,10 +3660,10 @@ var BackLink_default = {
 };
 
 // src/components/BackLink/BackLink.tsx
-import { jsx as jsx190, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx191, jsxs as jsxs24 } from "react/jsx-runtime";
 var BackLink = ({ label, ref, as = "a", ...rest }) => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsx190("nav", { ref, "aria-label": t(texts.goBack), children: /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsx191("nav", { ref, "aria-label": t(texts.goBack), children: /* @__PURE__ */ jsxs24(
     ElementAs,
     {
       as,
@@ -3664,7 +3671,7 @@ var BackLink = ({ label, ref, as = "a", ...rest }) => {
       rel: "noopener noreferer",
       ...rest,
       children: [
-        /* @__PURE__ */ jsx190(
+        /* @__PURE__ */ jsx191(
           Icon,
           {
             icon: ArrowLeftIcon,
@@ -3688,15 +3695,15 @@ var texts = createTexts({
 });
 
 // src/components/Breadcrumbs/Breadcrumb.tsx
-import { jsx as jsx191 } from "react/jsx-runtime";
+import { jsx as jsx192 } from "react/jsx-runtime";
 var isAnchorTypographyProps = (props) => {
   return props.href != void 0;
 };
 var Breadcrumb = ({ children, ref, ...rest }) => {
   if (isAnchorTypographyProps(rest)) {
-    return /* @__PURE__ */ jsx191(Link, { ref, htmlProps: rest, children });
+    return /* @__PURE__ */ jsx192(Link, { ref, htmlProps: rest, children });
   }
-  return /* @__PURE__ */ jsx191("span", { ref, ...rest, children });
+  return /* @__PURE__ */ jsx192("span", { ref, ...rest, children });
 };
 Breadcrumb.displayName = "Breadcrumb";
 
@@ -3743,9 +3750,9 @@ import { useId as useId2, useRef as useRef7 } from "react";
 // src/components/Spinner/Spinner.module.css
 var Spinner_default = {
   svg: "Spinner_svg",
-  rotate: "Spinner_rotate",
-  circle: "Spinner_circle",
-  dash: "Spinner_dash"
+  jordskifterett: "Spinner_jordskifterett",
+  lagmannsrett: "Spinner_lagmannsrett",
+  tingrett: "Spinner_tingrett"
 };
 
 // src/i18n/commonTexts.tsx
@@ -3777,7 +3784,7 @@ var commonTexts = createTexts({
 });
 
 // src/components/Spinner/Spinner.tsx
-import { jsx as jsx192, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx193, jsxs as jsxs25 } from "react/jsx-runtime";
 function Spinner(props) {
   const {
     size: size2 = "var(--dds-icon-size-medium)",
@@ -3790,38 +3797,57 @@ function Spinner(props) {
   } = props;
   const { t } = useTranslation();
   const mountTime = useRef7(Date.now());
-  const outerAnimationDelay = -(mountTime.current % 2e3);
-  const innerAnimationDelay = -(mountTime.current % 1500);
+  const animationDelay = -(mountTime.current % 1500);
+  const styleVariables = {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ["--dds-spinner-animation-delay"]: animationDelay
+  };
   const generatedId = useId2();
   const uniqueId = `${generatedId}-spinnerTitle`;
   return /* @__PURE__ */ jsxs25(
     "svg",
     {
-      viewBox: "0 0 50 50",
+      viewBox: "0 0 25 25",
       role: "progressbar",
       "aria-labelledby": uniqueId,
       ...getBaseHTMLProps(id, cn(className, Spinner_default.svg), htmlProps, rest),
       style: {
         ...htmlProps == null ? void 0 : htmlProps.style,
-        animationDelay: outerAnimationDelay + "ms",
         width: size2,
         height: size2
       },
       children: [
-        /* @__PURE__ */ jsx192("title", { id: uniqueId, children: tooltip != null ? tooltip : t(commonTexts.loading) }),
-        /* @__PURE__ */ jsx192(
+        /* @__PURE__ */ jsx193("title", { id: uniqueId, children: tooltip != null ? tooltip : t(commonTexts.loading) }),
+        /* @__PURE__ */ jsx193(
           "circle",
           {
-            className: cn(Spinner_default.circle),
-            style: {
-              animationDelay: innerAnimationDelay + "ms"
-            },
-            cx: "25",
-            cy: "25",
-            r: "20",
-            fill: "none",
-            stroke: getTextColor(color),
-            strokeWidth: "4"
+            cx: "12",
+            cy: "12.25",
+            r: "6",
+            fill: getTextColor(color),
+            className: Spinner_default.jordskifterett,
+            style: styleVariables
+          }
+        ),
+        /* @__PURE__ */ jsx193(
+          "rect",
+          {
+            x: "4",
+            y: "10.25",
+            width: "16",
+            height: "4",
+            fill: getTextColor(color),
+            className: Spinner_default.lagmannsrett,
+            style: styleVariables
+          }
+        ),
+        /* @__PURE__ */ jsx193(
+          "path",
+          {
+            d: "M12 16.6154C16.4183 16.6154 20 12.7581 20 8H4C4 12.7581 7.58172 16.6154 12 16.6154Z",
+            fill: getTextColor(color),
+            className: Spinner_default.tingrett,
+            style: styleVariables
           }
         )
       ]
@@ -3831,7 +3857,7 @@ function Spinner(props) {
 Spinner.displayName = "Spinner";
 
 // src/components/Button/Button.tsx
-import { Fragment as Fragment2, jsx as jsx193, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx194, jsxs as jsxs26 } from "react/jsx-runtime";
 var Button = ({
   children,
   purpose = "primary",
@@ -3873,7 +3899,7 @@ var Button = ({
     typographyStyles_default[`body-${size2}`],
     focusable
   );
-  const iconElement = hasIcon && /* @__PURE__ */ jsx193(
+  const iconElement = hasIcon && /* @__PURE__ */ jsx194(
     Icon,
     {
       icon,
@@ -3884,11 +3910,11 @@ var Button = ({
   const content = /* @__PURE__ */ jsxs26(Fragment2, { children: [
     hasLabel && /* @__PURE__ */ jsxs26(Fragment2, { children: [
       iconPosition === "left" && iconElement,
-      /* @__PURE__ */ jsx193("span", { "aria-hidden": loading, className: cn(loading && invisible), children }),
+      /* @__PURE__ */ jsx194("span", { "aria-hidden": loading, className: cn(loading && invisible), children }),
       iconPosition === "right" && iconElement
     ] }),
     isIconButton && iconElement,
-    loading && /* @__PURE__ */ jsx193("span", { className: cn(!noContent && Button_default["spinner-wrapper--absolute"]), children: /* @__PURE__ */ jsx193(
+    loading && /* @__PURE__ */ jsx194("span", { className: cn(!noContent && Button_default["spinner-wrapper--absolute"]), children: /* @__PURE__ */ jsx194(
       Spinner,
       {
         size: "1em",
@@ -3899,7 +3925,7 @@ var Button = ({
     ) })
   ] });
   if (!href)
-    return /* @__PURE__ */ jsx193(
+    return /* @__PURE__ */ jsx194(
       "button",
       {
         ref,
@@ -3912,7 +3938,7 @@ var Button = ({
       }
     );
   else if (href)
-    return /* @__PURE__ */ jsx193(
+    return /* @__PURE__ */ jsx194(
       "a",
       {
         ref,
@@ -3948,7 +3974,7 @@ import {
   useEffect as useEffect14,
   useState as useState8
 } from "react";
-import { jsx as jsx194 } from "react/jsx-runtime";
+import { jsx as jsx195 } from "react/jsx-runtime";
 var OverflowMenuContext = createContext5({
   isOpen: false,
   registerItem: () => null,
@@ -3966,7 +3992,7 @@ function OverflowMenuContextProvider({
     var _a, _b;
     (_b = (_a = items[focusIndex]) == null ? void 0 : _a.current) == null ? void 0 : _b.focus();
   }, [focusIndex]);
-  return /* @__PURE__ */ jsx194(
+  return /* @__PURE__ */ jsx195(
     OverflowMenuContext,
     {
       value: {
@@ -3996,7 +4022,7 @@ var OverflowMenu_default = {
 };
 
 // src/components/OverflowMenu/OverflowMenu.tsx
-import { jsx as jsx195 } from "react/jsx-runtime";
+import { jsx as jsx196 } from "react/jsx-runtime";
 var OverflowMenu = ({
   placement = "bottom-end",
   offset = 2,
@@ -4011,7 +4037,7 @@ var OverflowMenu = ({
   }, [placement, offset]);
   const { style = {}, ...restHTMLProps } = htmlProps;
   const openCn = isOpen ? "open" : "closed";
-  return /* @__PURE__ */ jsx195(
+  return /* @__PURE__ */ jsx196(
     Paper,
     {
       overflowY: "auto",
@@ -4042,7 +4068,7 @@ OverflowMenu.displayName = "OverflowMenu";
 
 // src/components/OverflowMenu/components/OverflowMenuButton.tsx
 import { useEffect as useEffect16, useRef as useRef8, useState as useState9 } from "react";
-import { jsx as jsx196, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx197, jsxs as jsxs27 } from "react/jsx-runtime";
 var OverflowMenuButton = ({
   id,
   icon,
@@ -4081,7 +4107,7 @@ var OverflowMenuButton = ({
       onClose == null ? void 0 : onClose();
     }
   };
-  return /* @__PURE__ */ jsx196("li", { children: /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsx197("li", { children: /* @__PURE__ */ jsxs27(
     "button",
     {
       ref: combinedRef,
@@ -4101,14 +4127,14 @@ var OverflowMenuButton = ({
       ...rest,
       tabIndex: focusedRef === itemRef ? 0 : -1,
       children: [
-        isLoading && /* @__PURE__ */ jsx196("span", { className: cn(utilStyles_default["center-absolute"]), children: /* @__PURE__ */ jsx196(
+        isLoading && /* @__PURE__ */ jsx197("span", { className: cn(utilStyles_default["center-absolute"]), children: /* @__PURE__ */ jsx197(
           Spinner,
           {
             size: "var(--dds-icon-size-medium)",
             tooltip: loadingTooltip
           }
         ) }),
-        icon && /* @__PURE__ */ jsx196(
+        icon && /* @__PURE__ */ jsx197(
           Icon,
           {
             className: cn(isLoading && invisible),
@@ -4116,7 +4142,7 @@ var OverflowMenuButton = ({
             icon
           }
         ),
-        /* @__PURE__ */ jsx196("span", { className: cn(isLoading && invisible), children })
+        /* @__PURE__ */ jsx197("span", { className: cn(isLoading && invisible), children })
       ]
     }
   ) });
@@ -4125,7 +4151,7 @@ OverflowMenuButton.displayName = "OverflowMenuButton";
 
 // src/components/OverflowMenu/components/OverflowMenuLink.tsx
 import { useEffect as useEffect17, useRef as useRef9 } from "react";
-import { jsx as jsx197, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx198, jsxs as jsxs28 } from "react/jsx-runtime";
 var OverflowMenuLink = ({
   id,
   href,
@@ -4144,7 +4170,7 @@ var OverflowMenuLink = ({
     registerItem(itemRef);
     return () => unregisterItem(itemRef);
   }, []);
-  return /* @__PURE__ */ jsx197("li", { children: /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsx198("li", { children: /* @__PURE__ */ jsxs28(
     "a",
     {
       ref: combinedRef,
@@ -4166,7 +4192,7 @@ var OverflowMenuLink = ({
       ...rest,
       tabIndex: focusedRef === itemRef ? 0 : -1,
       children: [
-        icon && /* @__PURE__ */ jsx197(Icon, { iconSize: "inherit", icon }),
+        icon && /* @__PURE__ */ jsx198(Icon, { iconSize: "inherit", icon }),
         children
       ]
     }
@@ -4183,7 +4209,7 @@ var Divider_default = {
 };
 
 // src/components/Divider/Divider.tsx
-import { jsx as jsx198 } from "react/jsx-runtime";
+import { jsx as jsx199 } from "react/jsx-runtime";
 var Divider = ({
   color = "default",
   id,
@@ -4191,7 +4217,7 @@ var Divider = ({
   htmlProps,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx198(
+  return /* @__PURE__ */ jsx199(
     "hr",
     {
       ...getBaseHTMLProps(
@@ -4205,14 +4231,14 @@ var Divider = ({
 };
 
 // src/components/OverflowMenu/components/OverflowMenuDivider.tsx
-import { jsx as jsx199 } from "react/jsx-runtime";
+import { jsx as jsx200 } from "react/jsx-runtime";
 var OverflowMenuDivider = ({
   id,
   className,
   htmlProps,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx199(
+  return /* @__PURE__ */ jsx200(
     Box,
     {
       as: Divider,
@@ -4226,18 +4252,18 @@ var OverflowMenuDivider = ({
 OverflowMenuDivider.displayName = "OverflowMenuDivider";
 
 // src/components/OverflowMenu/components/OverflowMenuList.tsx
-import { jsx as jsx200 } from "react/jsx-runtime";
-var OverflowMenuList = (props) => /* @__PURE__ */ jsx200(StylelessList, { ...props });
+import { jsx as jsx201 } from "react/jsx-runtime";
+var OverflowMenuList = (props) => /* @__PURE__ */ jsx201(StylelessList, { ...props });
 
 // src/components/OverflowMenu/components/OverflowMenuSpan.tsx
-import { jsx as jsx201, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx202, jsxs as jsxs29 } from "react/jsx-runtime";
 var OverflowMenuSpan = ({
   icon,
   children,
   className,
   purpose = "default",
   ...rest
-}) => /* @__PURE__ */ jsx201("li", { children: /* @__PURE__ */ jsxs29(
+}) => /* @__PURE__ */ jsx202("li", { children: /* @__PURE__ */ jsxs29(
   "span",
   {
     className: cn(
@@ -4248,7 +4274,7 @@ var OverflowMenuSpan = ({
     ),
     ...rest,
     children: [
-      icon && /* @__PURE__ */ jsx201(Icon, { iconSize: "inherit", icon }),
+      icon && /* @__PURE__ */ jsx202(Icon, { iconSize: "inherit", icon }),
       children
     ]
   }
@@ -4256,11 +4282,11 @@ var OverflowMenuSpan = ({
 OverflowMenuSpan.displayName = "OverflowMenuSpan";
 
 // src/components/OverflowMenu/components/OverflowMenuListHeader.tsx
-import { jsx as jsx202 } from "react/jsx-runtime";
+import { jsx as jsx203 } from "react/jsx-runtime";
 var OverflowMenuListHeader = ({
   className,
   ...rest
-}) => /* @__PURE__ */ jsx202(
+}) => /* @__PURE__ */ jsx203(
   Box,
   {
     as: "h2",
@@ -4281,7 +4307,7 @@ import {
   useRef as useRef10,
   useState as useState10
 } from "react";
-import { jsx as jsx203 } from "react/jsx-runtime";
+import { jsx as jsx204 } from "react/jsx-runtime";
 var OverflowMenuGroup = ({
   children,
   onClose,
@@ -4342,7 +4368,7 @@ var OverflowMenuGroup = ({
       ref: combinedAnchorRef
     }) : child);
   });
-  return /* @__PURE__ */ jsx203(
+  return /* @__PURE__ */ jsx204(
     OverflowMenuContextProvider,
     {
       isOpen,
@@ -4358,7 +4384,7 @@ var OverflowMenuGroup = ({
 OverflowMenuGroup.displayName = "OverflowMenuGroup";
 
 // src/components/Breadcrumbs/Breadcrumbs.tsx
-import { Fragment as Fragment3, jsx as jsx204, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx205, jsxs as jsxs30 } from "react/jsx-runtime";
 var Breadcrumbs = ({
   children,
   smallScreenBreakpoint,
@@ -4367,7 +4393,7 @@ var Breadcrumbs = ({
   htmlProps,
   ...rest
 }) => {
-  const chevronIcon = /* @__PURE__ */ jsx204(
+  const chevronIcon = /* @__PURE__ */ jsx205(
     Icon,
     {
       className: cn(Breadcrumbs_default.icon),
@@ -4400,17 +4426,17 @@ var Breadcrumbs = ({
   const bChildrenTruncated = childrenArray.length > 2 ? childrenArray.slice(1, childrenArray.length - 1).map((item, index) => {
     if (isValidElement2(item)) {
       if (isAnchorTypographyProps(item.props)) {
-        return /* @__PURE__ */ jsx204(OverflowMenuLink, { href: item.props.href, children: item.props.children }, index);
+        return /* @__PURE__ */ jsx205(OverflowMenuLink, { href: item.props.href, children: item.props.children }, index);
       } else
-        return /* @__PURE__ */ jsx204(OverflowMenuSpan, { children: item.props.children }, index);
+        return /* @__PURE__ */ jsx205(OverflowMenuSpan, { children: item.props.children }, index);
     }
   }) : [];
   const bChildrenSmallScreen = /* @__PURE__ */ jsxs30(Fragment3, { children: [
-    /* @__PURE__ */ jsx204(HStack, { ...responsiveLiProps, children: childrenArray[0] }),
+    /* @__PURE__ */ jsx205(HStack, { ...responsiveLiProps, children: childrenArray[0] }),
     bChildrenTruncated.length > 0 && /* @__PURE__ */ jsxs30(HStack, { ...responsiveLiProps, children: [
       chevronIcon,
       /* @__PURE__ */ jsxs30(OverflowMenuGroup, { children: [
-        /* @__PURE__ */ jsx204(
+        /* @__PURE__ */ jsx205(
           Button,
           {
             size: "xsmall",
@@ -4419,7 +4445,7 @@ var Breadcrumbs = ({
             "aria-label": bChildrenTruncated.length > 1 ? t(texts2.showHiddenTo(bChildren.length - 1)) : t(texts2.showHidden)
           }
         ),
-        /* @__PURE__ */ jsx204(OverflowMenu, { children: /* @__PURE__ */ jsx204(OverflowMenuList, { children: bChildrenTruncated }) })
+        /* @__PURE__ */ jsx205(OverflowMenu, { children: /* @__PURE__ */ jsx205(OverflowMenuList, { children: bChildrenTruncated }) })
       ] })
     ] }),
     /* @__PURE__ */ jsxs30(HStack, { ...responsiveLiProps, children: [
@@ -4440,7 +4466,7 @@ var Breadcrumbs = ({
       ...getBaseHTMLProps(id, className, htmlProps, rest),
       "aria-label": t(texts2.breadcrumbs),
       children: [
-        /* @__PURE__ */ jsx204(
+        /* @__PURE__ */ jsx205(
           HStack,
           {
             ...responsiveListProps,
@@ -4448,7 +4474,7 @@ var Breadcrumbs = ({
             children: bChildren
           }
         ),
-        hasSmallScreenBreakpoint && /* @__PURE__ */ jsx204(HStack, { ...responsiveListProps, showBelow: smallScreenBreakpoint, children: bChildrenSmallScreen })
+        hasSmallScreenBreakpoint && /* @__PURE__ */ jsx205(HStack, { ...responsiveListProps, showBelow: smallScreenBreakpoint, children: bChildrenSmallScreen })
       ]
     }
   );
@@ -4483,7 +4509,7 @@ var ButtonGroup_default = {
 };
 
 // src/components/ButtonGroup/ButtonGroup.tsx
-import { jsx as jsx205 } from "react/jsx-runtime";
+import { jsx as jsx206 } from "react/jsx-runtime";
 var ButtonGroup = ({
   children,
   id,
@@ -4493,7 +4519,7 @@ var ButtonGroup = ({
   buttonSize = "medium",
   role = "group",
   ...rest
-}) => /* @__PURE__ */ jsx205(ButtonGroupContext, { value: { size: buttonSize, purpose: "secondary" }, children: /* @__PURE__ */ jsx205(
+}) => /* @__PURE__ */ jsx206(ButtonGroupContext, { value: { size: buttonSize, purpose: "secondary" }, children: /* @__PURE__ */ jsx206(
   "div",
   {
     role,
@@ -4519,7 +4545,7 @@ var Card_default = {
 };
 
 // src/components/Card/Card.tsx
-import { jsx as jsx206 } from "react/jsx-runtime";
+import { jsx as jsx207 } from "react/jsx-runtime";
 var Card = (props) => {
   const {
     appearance = "filled",
@@ -4538,7 +4564,7 @@ var Card = (props) => {
   );
   if (cardType === "navigation") {
     const { href, target } = props;
-    return /* @__PURE__ */ jsx206(
+    return /* @__PURE__ */ jsx207(
       "a",
       {
         ...getBaseHTMLProps(
@@ -4553,7 +4579,7 @@ var Card = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx206("div", { ...getBaseHTMLProps(id, classNames, htmlProps, rest), ref: cardRef });
+  return /* @__PURE__ */ jsx207("div", { ...getBaseHTMLProps(id, classNames, htmlProps, rest), ref: cardRef });
 };
 Card.displayName = "Card";
 
@@ -4568,7 +4594,7 @@ var CardExpandable_default = {
 };
 
 // src/components/Card/CardExpandable/CardExpandable.tsx
-import { jsx as jsx207 } from "react/jsx-runtime";
+import { jsx as jsx208 } from "react/jsx-runtime";
 var CardExpandable = ({
   isExpanded = false,
   onChange,
@@ -4586,7 +4612,7 @@ var CardExpandable = ({
     headerProps,
     bodyProps
   } = useAccordion({ initiallyExpanded: isExpanded, onChange, id });
-  return /* @__PURE__ */ jsx207(
+  return /* @__PURE__ */ jsx208(
     "div",
     {
       ...getBaseHTMLProps(
@@ -4595,7 +4621,7 @@ var CardExpandable = ({
         htmlProps,
         rest
       ),
-      children: /* @__PURE__ */ jsx207(
+      children: /* @__PURE__ */ jsx208(
         AccordionContextProvider,
         {
           headerProps,
@@ -4612,7 +4638,7 @@ var CardExpandable = ({
 CardExpandable.displayName = "CardExpandable";
 
 // src/components/Card/CardExpandable/CardExpandableHeader.tsx
-import { jsx as jsx208, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx209, jsxs as jsxs31 } from "react/jsx-runtime";
 var CardExpandableHeader = ({
   children,
   className,
@@ -4628,7 +4654,7 @@ var CardExpandableHeader = ({
     ["--dds-card-accordion-header-container-padding"]: padding != null ? padding : "var(--dds-spacing-x1) var(--dds-spacing-x0-75) var(--dds-spacing-x1) var(--dds-spacing-x1-5)"
   };
   const { id, ...restHeaderProps } = headerProps != null ? headerProps : {};
-  return /* @__PURE__ */ jsx208(
+  return /* @__PURE__ */ jsx209(
     StylelessButton,
     {
       ...getBaseHTMLProps(
@@ -4655,15 +4681,15 @@ var CardExpandableHeader = ({
             bold && typographyStyles_default.bold
           ),
           children: [
-            /* @__PURE__ */ jsx208("div", { className: AccordionBase_default.header__content, children }),
-            /* @__PURE__ */ jsx208(
+            /* @__PURE__ */ jsx209("div", { className: AccordionBase_default.header__content, children }),
+            /* @__PURE__ */ jsx209(
               "span",
               {
                 className: cn(
                   AccordionBase_default.header__chevron,
                   CardExpandable_default["header-container__chevron"]
                 ),
-                children: /* @__PURE__ */ jsx208(
+                children: /* @__PURE__ */ jsx209(
                   AnimatedChevronUpDown,
                   {
                     width: "var(--dds-icon-size-medium)",
@@ -4682,7 +4708,7 @@ var CardExpandableHeader = ({
 CardExpandableHeader.displayName = "CardExpandableHeader";
 
 // src/components/Card/CardExpandable/CardExpandableBody.tsx
-import { jsx as jsx209 } from "react/jsx-runtime";
+import { jsx as jsx210 } from "react/jsx-runtime";
 var CardExpandableBody = ({
   children,
   className,
@@ -4705,7 +4731,7 @@ var CardExpandableBody = ({
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ["--dds-card-accordion-body-content-padding"]: padding != null ? padding : "var(--dds-spacing-x1) calc(var(--dds-spacing-x2) + var(--dds-spacing-x0-75)) var(--dds-spacing-x2) var(--dds-spacing-x1-5)"
   };
-  return /* @__PURE__ */ jsx209(
+  return /* @__PURE__ */ jsx210(
     "div",
     {
       ...getBaseHTMLProps(
@@ -4716,7 +4742,7 @@ var CardExpandableBody = ({
       ),
       ...restBodyProps,
       style: { ...htmlProps == null ? void 0 : htmlProps.style, ...styleVariables },
-      children: /* @__PURE__ */ jsx209(
+      children: /* @__PURE__ */ jsx210(
         "div",
         {
           ref: bodyContentRef,
@@ -4755,12 +4781,12 @@ var SelectionControl_default = {
 };
 
 // src/components/SelectionControl/SelectionControl.styles.tsx
-import { jsx as jsx210, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx211, jsxs as jsxs32 } from "react/jsx-runtime";
 var SelectionControl = ({
   controlType,
   className,
   ...rest
-}) => /* @__PURE__ */ jsx210(
+}) => /* @__PURE__ */ jsx211(
   "span",
   {
     className: cn(
@@ -4778,7 +4804,7 @@ var Label2 = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx210(
+  return /* @__PURE__ */ jsx211(
     Box,
     {
       as: "label",
@@ -4816,7 +4842,7 @@ var renderGroupLabel = ({
         className: readOnly ? Label_default["read-only"] : void 0,
         withMargins: true,
         children: [
-          readOnly && /* @__PURE__ */ jsx210(
+          readOnly && /* @__PURE__ */ jsx211(
             Icon,
             {
               icon: LockIcon,
@@ -4826,7 +4852,7 @@ var renderGroupLabel = ({
           ),
           label,
           " ",
-          showRequiredStyling && /* @__PURE__ */ jsx210(RequiredMarker, {})
+          showRequiredStyling && /* @__PURE__ */ jsx211(RequiredMarker, {})
         ]
       }
     );
@@ -4843,7 +4869,7 @@ var selectionControlTypographyProps = {
 };
 
 // src/components/SelectionControl/Checkbox/Checkbox.tsx
-import { jsx as jsx211, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx212, jsxs as jsxs33 } from "react/jsx-runtime";
 var Checkbox = ({
   id,
   name,
@@ -4877,7 +4903,7 @@ var Checkbox = ({
       className: cn(className, htmlPropsClassName),
       style,
       children: [
-        /* @__PURE__ */ jsx211(
+        /* @__PURE__ */ jsx212(
           HiddenInput,
           {
             ...getBaseHTMLProps(uniqueId, restHtmlProps, rest),
@@ -4903,14 +4929,14 @@ var Checkbox = ({
             onClick: readOnlyClickHandler(isReadOnly, htmlProps.onClick)
           }
         ),
-        /* @__PURE__ */ jsx211(
+        /* @__PURE__ */ jsx212(
           SelectionControl,
           {
             controlType: "checkbox",
             className: focus_default["focus-styled-sibling"]
           }
         ),
-        hasChildren ? children : hasLabel ? /* @__PURE__ */ jsx211(Typography, { ...selectionControlTypographyProps, children: label }) : null
+        hasChildren ? children : hasLabel ? /* @__PURE__ */ jsx212(Typography, { ...selectionControlTypographyProps, children: label }) : null
       ]
     }
   );
@@ -4939,7 +4965,7 @@ var InputMessage_default = {
 };
 
 // src/components/InputMessage/InputMessage.tsx
-import { Fragment as Fragment4, jsx as jsx212, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx213, jsxs as jsxs34 } from "react/jsx-runtime";
 var InputMessage = ({
   message,
   messageType,
@@ -4959,8 +4985,8 @@ var InputMessage = ({
         rest
       ),
       children: [
-        isError && /* @__PURE__ */ jsx212(Icon, { icon: ErrorIcon, iconSize: "small", className: InputMessage_default.icon }),
-        /* @__PURE__ */ jsx212(
+        isError && /* @__PURE__ */ jsx213(Icon, { icon: ErrorIcon, iconSize: "small", className: InputMessage_default.icon }),
+        /* @__PURE__ */ jsx213(
           Typography,
           {
             typographyType: isError ? "bodySmall" : "bodyXsmall",
@@ -4975,7 +5001,7 @@ var InputMessage = ({
 };
 InputMessage.displayName = "InputMessage";
 var renderInputMessage = (tip, tipId, errorMessage, errorMessageId) => /* @__PURE__ */ jsxs34(Fragment4, { children: [
-  errorMessage && errorMessageId && /* @__PURE__ */ jsx212(
+  errorMessage && errorMessageId && /* @__PURE__ */ jsx213(
     InputMessage,
     {
       message: errorMessage,
@@ -4983,11 +5009,11 @@ var renderInputMessage = (tip, tipId, errorMessage, errorMessageId) => /* @__PUR
       id: errorMessageId
     }
   ),
-  tip && tipId && !errorMessage && /* @__PURE__ */ jsx212(InputMessage, { message: tip, messageType: "tip", id: tipId })
+  tip && tipId && !errorMessage && /* @__PURE__ */ jsx213(InputMessage, { message: tip, messageType: "tip", id: tipId })
 ] });
 
 // src/components/SelectionControl/Checkbox/CheckboxGroup.tsx
-import { jsx as jsx213, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx214, jsxs as jsxs35 } from "react/jsx-runtime";
 var CheckboxGroup = (props) => {
   const {
     label,
@@ -5036,7 +5062,7 @@ var CheckboxGroup = (props) => {
           showRequiredStyling
         }),
         renderInputMessage(tip, tipId),
-        /* @__PURE__ */ jsx213(CheckboxGroupContext, { value: { ...contextProps }, children: /* @__PURE__ */ jsx213(
+        /* @__PURE__ */ jsx214(CheckboxGroupContext, { value: { ...contextProps }, children: /* @__PURE__ */ jsx214(
           "div",
           {
             role: "group",
@@ -5064,7 +5090,7 @@ var useRadioButtonGroup = () => {
 };
 
 // src/components/SelectionControl/RadioButton/RadioButton.tsx
-import { jsx as jsx214, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx215, jsxs as jsxs36 } from "react/jsx-runtime";
 var getIsChecked = ({
   value,
   groupValue,
@@ -5129,7 +5155,7 @@ var RadioButton = ({
       htmlFor: uniqueId,
       controlType: "radio",
       children: [
-        /* @__PURE__ */ jsx214(
+        /* @__PURE__ */ jsx215(
           HiddenInput,
           {
             ...getBaseHTMLProps(uniqueId, restHtmlProps, rest),
@@ -5152,14 +5178,14 @@ var RadioButton = ({
             onClick: readOnlyClickHandler(isReadOnly, htmlProps.onClick)
           }
         ),
-        /* @__PURE__ */ jsx214(
+        /* @__PURE__ */ jsx215(
           SelectionControl,
           {
             controlType: "radio",
             className: focus_default["focus-styled-sibling"]
           }
         ),
-        hasChildren ? children : hasLabel ? /* @__PURE__ */ jsx214(Typography, { ...selectionControlTypographyProps, children: label }) : null
+        hasChildren ? children : hasLabel ? /* @__PURE__ */ jsx215(Typography, { ...selectionControlTypographyProps, children: label }) : null
       ]
     }
   );
@@ -5168,7 +5194,7 @@ RadioButton.displayName = "RadioButton";
 
 // src/components/SelectionControl/RadioButton/RadioButtonGroup.tsx
 import { useId as useId7 } from "react";
-import { jsx as jsx215, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx216, jsxs as jsxs37 } from "react/jsx-runtime";
 var RadioButtonGroup = ({
   name,
   label,
@@ -5228,7 +5254,7 @@ var RadioButtonGroup = ({
           showRequiredStyling
         }),
         renderInputMessage(tip, tipId),
-        /* @__PURE__ */ jsx215(RadioButtonGroupContext, { value: { ...contextProps }, children: /* @__PURE__ */ jsx215(
+        /* @__PURE__ */ jsx216(RadioButtonGroupContext, { value: { ...contextProps }, children: /* @__PURE__ */ jsx216(
           "div",
           {
             role: "radiogroup",
@@ -5252,7 +5278,7 @@ var CardSelectableContext = createContext8({});
 var useCardSelectableContext = () => useContext8(CardSelectableContext);
 
 // src/components/Card/CardSelectionControl/CardSelectable.tsx
-import { jsx as jsx216 } from "react/jsx-runtime";
+import { jsx as jsx217 } from "react/jsx-runtime";
 var CardSelectable = (props) => {
   const {
     appearance = "filled",
@@ -5322,13 +5348,13 @@ Provide \`cardType\` either via a parent <CardSelectableGroup> or directly on th
     error,
     "aria-describedby": spaceSeparatedIdListGenerator([tipId, ariaDescribedby])
   };
-  return cardType === "radio" ? /* @__PURE__ */ jsx216(RadioButton, { ...sharedProps, ...radioContextProps }) : cardType === "checkbox" ? /* @__PURE__ */ jsx216(Checkbox, { ...sharedProps }) : null;
+  return cardType === "radio" ? /* @__PURE__ */ jsx217(RadioButton, { ...sharedProps, ...radioContextProps }) : cardType === "checkbox" ? /* @__PURE__ */ jsx217(Checkbox, { ...sharedProps }) : null;
 };
 CardSelectable.displayName = "CardSelectable";
 
 // src/components/Card/CardSelectionControl/CardSelectableGroup.tsx
 import { useId as useId8 } from "react";
-import { jsx as jsx217, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx218, jsxs as jsxs38 } from "react/jsx-runtime";
 var CardSelectableGroup = ({
   name,
   cardType,
@@ -5372,7 +5398,7 @@ var CardSelectableGroup = ({
     cardType,
     tipId
   };
-  const mainContent = /* @__PURE__ */ jsx217(
+  const mainContent = /* @__PURE__ */ jsx218(
     Box,
     {
       ...getBaseHTMLProps(
@@ -5384,7 +5410,7 @@ var CardSelectableGroup = ({
       role: cardType === "radio" ? "radiogroup" : "group",
       "aria-describedby": spaceSeparatedIdListGenerator([tipId, ariaDescribedby]),
       "aria-errormessage": errorMessageId,
-      children: /* @__PURE__ */ jsx217(CardSelectableContext, { value: generalContextProps, children: cardType === "radio" ? /* @__PURE__ */ jsx217(RadioButtonGroupContext, { value: contextProps, children }) : cardType === "checkbox" ? /* @__PURE__ */ jsx217(CheckboxGroupContext, { value: contextProps, children }) : null })
+      children: /* @__PURE__ */ jsx218(CardSelectableContext, { value: generalContextProps, children: cardType === "radio" ? /* @__PURE__ */ jsx218(RadioButtonGroupContext, { value: contextProps, children }) : cardType === "checkbox" ? /* @__PURE__ */ jsx218(CheckboxGroupContext, { value: contextProps, children }) : null })
     }
   );
   return hasErrorMessage ? /* @__PURE__ */ jsxs38("div", { children: [
@@ -5403,7 +5429,7 @@ var Chip_default = {
 };
 
 // src/components/Chip/Chip.tsx
-import { jsx as jsx218, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx219, jsxs as jsxs39 } from "react/jsx-runtime";
 var Chip = ({
   text,
   onClose,
@@ -5429,8 +5455,8 @@ var Chip = ({
         rest
       ),
       children: [
-        /* @__PURE__ */ jsx218(TextOverflowEllipsisInner, { className: cn(typographyStyles_default["body-small"]), children: text }),
-        /* @__PURE__ */ jsx218(
+        /* @__PURE__ */ jsx219(TextOverflowEllipsisInner, { className: cn(typographyStyles_default["body-small"]), children: text }),
+        /* @__PURE__ */ jsx219(
           Button,
           {
             size: "xsmall",
@@ -5456,10 +5482,10 @@ var texts3 = createTexts({
 
 // src/components/Chip/ChipGroup.tsx
 import { Children as Children2 } from "react";
-import { jsx as jsx219 } from "react/jsx-runtime";
+import { jsx as jsx220 } from "react/jsx-runtime";
 var ChipGroup = ({ children, ...rest }) => {
   const childrenArray = Children2.toArray(children);
-  return /* @__PURE__ */ jsx219(HStack, { as: StylelessList, ...rest, gap: "x0.75", children: childrenArray.map((item, index) => /* @__PURE__ */ jsx219("li", { children: item }, `chip-${index}`)) });
+  return /* @__PURE__ */ jsx220(HStack, { as: StylelessList, ...rest, gap: "x0.75", children: childrenArray.map((item, index) => /* @__PURE__ */ jsx220("li", { children: item }, `chip-${index}`)) });
 };
 ChipGroup.displayName = "ChipGroup";
 
@@ -5469,13 +5495,13 @@ var Contrast_default = {
 };
 
 // src/components/Contrast/Contrast.tsx
-import { jsx as jsx220 } from "react/jsx-runtime";
+import { jsx as jsx221 } from "react/jsx-runtime";
 var Contrast = ({
   className,
   as = "div",
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx220(
+  return /* @__PURE__ */ jsx221(
     ElementAs,
     {
       as,
@@ -5486,7 +5512,7 @@ var Contrast = ({
 };
 
 // src/components/CookieBanner/CookieBanner.tsx
-import { useState as useState12 } from "react";
+import { useId as useId9, useState as useState12 } from "react";
 
 // src/components/CookieBanner/CookieBanner.module.css
 var CookieBanner_default = {
@@ -5494,7 +5520,7 @@ var CookieBanner_default = {
 };
 
 // src/components/CookieBanner/CookieBannerCheckbox.tsx
-import { jsx as jsx221, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx222, jsxs as jsxs40 } from "react/jsx-runtime";
 function CookieBannerCheckbox({
   headerText,
   description,
@@ -5503,7 +5529,7 @@ function CookieBannerCheckbox({
   htmlProps,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx221(
+  return /* @__PURE__ */ jsx222(
     Checkbox,
     {
       ...getBaseHTMLProps(
@@ -5513,7 +5539,7 @@ function CookieBannerCheckbox({
         rest
       ),
       children: /* @__PURE__ */ jsxs40(VStack, { gap: "x0.5", children: [
-        /* @__PURE__ */ jsx221(Typography, { as: "span", typographyType: "headingSmall", children: headerText }),
+        /* @__PURE__ */ jsx222(Typography, { as: "span", typographyType: "headingSmall", children: headerText }),
         /* @__PURE__ */ jsxs40(Typography, { as: "span", children: [
           " ",
           description,
@@ -5526,7 +5552,7 @@ function CookieBannerCheckbox({
 CookieBannerCheckbox.displayName = "CookieBannerCheckbox";
 
 // src/components/CookieBanner/CookieBanner.tsx
-import { jsx as jsx222, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx223, jsxs as jsxs41 } from "react/jsx-runtime";
 import { createElement } from "react";
 function CookieBanner({
   headerText,
@@ -5536,7 +5562,6 @@ function CookieBanner({
   id,
   className,
   htmlProps,
-  "aria-label": ariaLabel,
   maxHeight = "calc(100vh - 100px)",
   width = "fit-content",
   children,
@@ -5544,11 +5569,12 @@ function CookieBanner({
   ...rest
 }) {
   const { t } = useTranslation();
-  const tAriaLabel = ariaLabel != null ? ariaLabel : t(texts4.consent);
   const hasBp = !!collapsedBreakpoint;
   const [isCollapsedOnBreakpoint, setIsCollapsedOnBreakpoint] = useState12(hasBp);
-  const heading = headerText ? /* @__PURE__ */ jsx222(Heading, { level: 2, typographyType: "headingMedium", children: headerText }) : "";
-  return /* @__PURE__ */ jsx222(
+  const generatedId = useId9();
+  const headingId = headerText && (id != null ? id : `cookie-banner-${generatedId}-heading`);
+  const heading = headerText ? /* @__PURE__ */ jsx223(Heading, { level: 2, typographyType: "headingMedium", id: headingId, children: headerText }) : "";
+  return /* @__PURE__ */ jsx223(
     Paper,
     {
       ...getBaseHTMLProps(
@@ -5558,7 +5584,7 @@ function CookieBanner({
         rest
       ),
       role: "region",
-      "aria-label": tAriaLabel,
+      "aria-labelledby": headingId,
       padding: styleUpToBreakpoint("x1", "sm", "x1.5"),
       width,
       maxHeight,
@@ -5567,7 +5593,7 @@ function CookieBanner({
       children: /* @__PURE__ */ jsxs41(VStack, { maxWidth: "70ch", gap: "x1", children: [
         hasBp && isCollapsedOnBreakpoint ? /* @__PURE__ */ jsxs41(HStack, { alignItems: "center", justifyContent: "space-between", gap: "x1", children: [
           heading,
-          /* @__PURE__ */ jsx222(
+          /* @__PURE__ */ jsx223(
             ShowHide,
             {
               as: Button,
@@ -5587,9 +5613,9 @@ function CookieBanner({
             hideBelow: isCollapsedOnBreakpoint ? collapsedBreakpoint : void 0,
             children: [
               children,
-              description && /* @__PURE__ */ jsx222("div", { children: description }),
-              checkboxes && /* @__PURE__ */ jsx222(VStack, { gap: "x1", children: checkboxes.map((props, index) => /* @__PURE__ */ createElement(CookieBannerCheckbox, { ...props, key: index })) }),
-              buttons && /* @__PURE__ */ jsx222(
+              description && /* @__PURE__ */ jsx223("div", { children: description }),
+              checkboxes && /* @__PURE__ */ jsx223(VStack, { gap: "x1", children: checkboxes.map((props, index) => /* @__PURE__ */ createElement(CookieBannerCheckbox, { ...props, key: index })) }),
+              buttons && /* @__PURE__ */ jsx223(
                 HStack,
                 {
                   gap: styleUpToBreakpoint("x1", "sm", "x1.5"),
@@ -5612,12 +5638,6 @@ var texts4 = createTexts({
     no: "Utvid samtykke for bruk av informasjonskapsler",
     nn: "Utvid samtykke for bruk av informasjonskapslar",
     en: "Expand consent for the use of cookies"
-  },
-  consent: {
-    nb: "Samtykke for bruk av informasjonskapsler",
-    no: "Samtykke for bruk av informasjonskapsler",
-    nn: "Samtykke for bruk av informasjonskapslar",
-    en: "Consent for the use of cookies"
   }
 });
 
@@ -5689,7 +5709,7 @@ var LOCALE = {
 var timezone = "Europe/Oslo";
 
 // src/components/date-inputs/DatePicker/Calendar/CalendarCell.tsx
-import { jsx as jsx223 } from "react/jsx-runtime";
+import { jsx as jsx224 } from "react/jsx-runtime";
 function CalendarCell({ date, state, onClose }) {
   const ref = useRef11(null);
   const {
@@ -5702,7 +5722,7 @@ function CalendarCell({ date, state, onClose }) {
     isUnavailable
   } = useCalendarCell({ date }, state, ref);
   if (isDisabled) {
-    return /* @__PURE__ */ jsx223("td", { ...cellProps });
+    return /* @__PURE__ */ jsx224("td", { ...cellProps });
   }
   const variant = isSelected ? "selected" : isUnavailable || isDisabled ? "unavailable" : "default";
   const closeOnKeyboardBlurForward = (event) => {
@@ -5710,7 +5730,7 @@ function CalendarCell({ date, state, onClose }) {
       onClose();
     }
   };
-  return /* @__PURE__ */ jsx223("td", { ...cellProps, children: /* @__PURE__ */ jsx223(
+  return /* @__PURE__ */ jsx224("td", { ...cellProps, children: /* @__PURE__ */ jsx224(
     "button",
     {
       ...buttonProps,
@@ -5733,7 +5753,7 @@ function CalendarCell({ date, state, onClose }) {
 CalendarCell.displayName = "CalendarCell";
 
 // src/components/VisuallyHidden/VisuallyHidden.tsx
-import { jsx as jsx224 } from "react/jsx-runtime";
+import { jsx as jsx225 } from "react/jsx-runtime";
 var VisuallyHidden = ({
   id,
   as: asProp,
@@ -5742,7 +5762,7 @@ var VisuallyHidden = ({
   ...rest
 }) => {
   const as = asProp != null ? asProp : "span";
-  return /* @__PURE__ */ jsx224(
+  return /* @__PURE__ */ jsx225(
     ElementAs,
     {
       as,
@@ -5804,7 +5824,7 @@ import {
   useRef as useRef12
 } from "react";
 import { createPortal } from "react-dom";
-import { Fragment as Fragment5, jsx as jsx225, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx226, jsxs as jsxs42 } from "react/jsx-runtime";
 var CalendarPopoverContext = createContext9({
   anchorRef: null,
   closeButtonRef: null,
@@ -5820,7 +5840,7 @@ var CalendarPopover = ({
   const anchorRef = useRef12(null);
   const closeButtonRef = useRef12(null);
   useOnKeyDown("Escape", onClose);
-  return /* @__PURE__ */ jsx225(
+  return /* @__PURE__ */ jsx226(
     CalendarPopoverContext,
     {
       value: { anchorRef, closeButtonRef, onClose, ...props },
@@ -5832,7 +5852,7 @@ var CalendarPopoverAnchor = ({
   children
 }) => {
   const { anchorRef } = useContext9(CalendarPopoverContext);
-  return /* @__PURE__ */ jsx225("div", { ref: anchorRef != null ? anchorRef : void 0, children });
+  return /* @__PURE__ */ jsx226("div", { ref: anchorRef != null ? anchorRef : void 0, children });
 };
 var CalendarPopoverContent = ({
   children,
@@ -5886,14 +5906,14 @@ var CalendarPopoverContent = ({
   };
   return /* @__PURE__ */ jsxs42(Fragment5, { children: [
     portalTarget && hasBreakpoint && createPortal(
-      /* @__PURE__ */ jsx225(ShowHide, { showBelow: smallScreenBreakpoint, children: /* @__PURE__ */ jsx225(Backdrop, { zIndex: "modal", isMounted, children: /* @__PURE__ */ jsxs42(
+      /* @__PURE__ */ jsx226(ShowHide, { showBelow: smallScreenBreakpoint, children: /* @__PURE__ */ jsx226(Backdrop, { zIndex: "modal", isMounted, children: /* @__PURE__ */ jsxs42(
         Paper,
         {
           ref: modalRef,
           className: cn(DateInput_default.popover, className),
           ...paperStyleProps,
           children: [
-            /* @__PURE__ */ jsx225("div", { className: DateInput_default["modal-close-button-wrapper"], children: /* @__PURE__ */ jsx225(
+            /* @__PURE__ */ jsx226("div", { className: DateInput_default["modal-close-button-wrapper"], children: /* @__PURE__ */ jsx226(
               Button,
               {
                 ref: closeButtonRef,
@@ -5911,7 +5931,7 @@ var CalendarPopoverContent = ({
       ) }) }),
       portalTarget
     ),
-    /* @__PURE__ */ jsx225(
+    /* @__PURE__ */ jsx226(
       Paper,
       {
         ref: combinedRef,
@@ -5926,7 +5946,7 @@ var CalendarPopoverContent = ({
 };
 
 // src/components/date-inputs/DatePicker/Calendar/CalendarGrid.tsx
-import { jsx as jsx226, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx227, jsxs as jsxs43 } from "react/jsx-runtime";
 function CalendarGrid({ state, ...props }) {
   const { t } = useTranslation();
   const { locale } = useLocale();
@@ -5961,28 +5981,28 @@ function CalendarGrid({ state, ...props }) {
       },
       cellPadding: "0",
       children: [
-        /* @__PURE__ */ jsx226("thead", { ...headerProps, children: /* @__PURE__ */ jsxs43("tr", { children: [
+        /* @__PURE__ */ jsx227("thead", { ...headerProps, children: /* @__PURE__ */ jsxs43("tr", { children: [
           showWeekNumbers && /* @__PURE__ */ jsxs43(
             "th",
             {
               className: cn(DateInput_default["calendar__grid-element"], ...typographyCn),
               children: [
-                /* @__PURE__ */ jsx226("span", { "aria-hidden": true, children: "#" }),
-                /* @__PURE__ */ jsx226(VisuallyHidden, { children: t(texts5.weekNumber) })
+                /* @__PURE__ */ jsx227("span", { "aria-hidden": true, children: "#" }),
+                /* @__PURE__ */ jsx227(VisuallyHidden, { children: t(texts5.weekNumber) })
               ]
             }
           ),
           weekDays.map((day, index) => /* @__PURE__ */ jsxs43("th", { className: cn(...typographyCn), children: [
-            /* @__PURE__ */ jsx226("span", { "aria-hidden": true, children: day.short }),
-            /* @__PURE__ */ jsx226(VisuallyHidden, { children: day.full })
+            /* @__PURE__ */ jsx227("span", { "aria-hidden": true, children: day.short }),
+            /* @__PURE__ */ jsx227(VisuallyHidden, { children: day.full })
           ] }, index))
         ] }) }),
-        /* @__PURE__ */ jsx226("tbody", { children: [...new Array(weeksInMonth).keys()].map((weekIndex) => {
+        /* @__PURE__ */ jsx227("tbody", { children: [...new Array(weeksInMonth).keys()].map((weekIndex) => {
           const datesInWeek = state.getDatesInWeek(weekIndex);
           const firstExistingDay = datesInWeek.find(Boolean);
           const weekNumber = firstExistingDay ? getWeekNumber(firstExistingDay) : "";
           return /* @__PURE__ */ jsxs43("tr", { children: [
-            showWeekNumbers && /* @__PURE__ */ jsx226(
+            showWeekNumbers && /* @__PURE__ */ jsx227(
               "td",
               {
                 className: cn(
@@ -5994,7 +6014,7 @@ function CalendarGrid({ state, ...props }) {
               }
             ),
             datesInWeek.map(
-              (date, i) => date ? /* @__PURE__ */ jsx226(
+              (date, i) => date ? /* @__PURE__ */ jsx227(
                 CalendarCell,
                 {
                   state,
@@ -6002,7 +6022,7 @@ function CalendarGrid({ state, ...props }) {
                   onClose
                 },
                 i
-              ) : /* @__PURE__ */ jsx226("td", {}, i)
+              ) : /* @__PURE__ */ jsx227("td", {}, i)
             )
           ] }, weekIndex);
         }) })
@@ -6105,7 +6125,7 @@ var texts5 = createTexts({
 });
 
 // src/components/date-inputs/DatePicker/Calendar/Calendar.tsx
-import { jsx as jsx227, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx228, jsxs as jsxs44 } from "react/jsx-runtime";
 function createCalendar(identifier) {
   switch (identifier) {
     case "gregory":
@@ -6139,7 +6159,7 @@ function Calendar(props) {
   };
   return /* @__PURE__ */ jsxs44("div", { ...calendarProps, className: DateInput_default.calendar, children: [
     /* @__PURE__ */ jsxs44(HStack, { justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ jsx227(
+      /* @__PURE__ */ jsx228(
         Button,
         {
           type: "button",
@@ -6152,7 +6172,7 @@ function Calendar(props) {
           className: DateInput_default["calendar__month-button"]
         }
       ),
-      /* @__PURE__ */ jsx227(
+      /* @__PURE__ */ jsx228(
         Heading,
         {
           level: 2,
@@ -6161,7 +6181,7 @@ function Calendar(props) {
           children: title
         }
       ),
-      /* @__PURE__ */ jsx227(
+      /* @__PURE__ */ jsx228(
         Button,
         {
           type: "button",
@@ -6174,7 +6194,7 @@ function Calendar(props) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx227(CalendarGrid, { state })
+    /* @__PURE__ */ jsx228(CalendarGrid, { state })
   ] });
 }
 Calendar.displayName = "Calendar";
@@ -6220,25 +6240,25 @@ var InlineIconButton_default = {
 };
 
 // src/components/helpers/InlineIconButton/InlineIconButton.tsx
-import { jsx as jsx228 } from "react/jsx-runtime";
+import { jsx as jsx229 } from "react/jsx-runtime";
 var InlineIconButton = ({
   className,
   size: size2,
   icon,
   color,
   ...rest
-}) => /* @__PURE__ */ jsx228(
+}) => /* @__PURE__ */ jsx229(
   StylelessButton,
   {
     className: cn(className, InlineIconButton_default.button, focusable),
     ...rest,
-    children: /* @__PURE__ */ jsx228(Icon, { icon, iconSize: size2, color })
+    children: /* @__PURE__ */ jsx229(Icon, { icon, iconSize: size2, color })
   }
 );
 InlineIconButton.displayName = "InlineIconButton";
 
 // src/components/date-inputs/DatePicker/DateField/CalendarButton.tsx
-import { jsx as jsx229 } from "react/jsx-runtime";
+import { jsx as jsx230 } from "react/jsx-runtime";
 function CalendarButton({
   componentSize = "medium",
   isReadOnly,
@@ -6246,7 +6266,7 @@ function CalendarButton({
 }) {
   const ref = useRef13(null);
   const { buttonProps } = useButton(props, ref);
-  return /* @__PURE__ */ jsx229(
+  return /* @__PURE__ */ jsx230(
     InlineIconButton,
     {
       ...buttonProps,
@@ -6300,7 +6320,7 @@ function formatDateFieldSegments(segments) {
 // src/components/date-inputs/DatePicker/DateField/DateSegment.tsx
 import { useDateSegment } from "@react-aria/datepicker";
 import { useRef as useRef14 } from "react";
-import { jsx as jsx230, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx231, jsxs as jsxs45 } from "react/jsx-runtime";
 var typographyTypes = {
   medium: "bodyMedium",
   small: "bodySmall",
@@ -6328,7 +6348,7 @@ function DateSegment({
         minWidth: segment.maxValue != null ? String(segment.maxValue).length + "ch" : void 0
       },
       children: [
-        /* @__PURE__ */ jsx230(
+        /* @__PURE__ */ jsx231(
           "span",
           {
             "aria-hidden": "true",
@@ -6348,12 +6368,12 @@ function DateSegment({
 DateSegment.displayName = "DateSegment";
 
 // src/components/helpers/ClearButton/ClearButton.tsx
-import { jsx as jsx231 } from "react/jsx-runtime";
+import { jsx as jsx232 } from "react/jsx-runtime";
 var ClearButton = ({
   className,
   absolute = true,
   ...rest
-}) => /* @__PURE__ */ jsx231(
+}) => /* @__PURE__ */ jsx232(
   InlineIconButton,
   {
     className: cn(className, absolute && utilStyles_default["center-absolute-y"]),
@@ -6385,18 +6405,18 @@ var Input_default = {
 };
 
 // src/components/helpers/Input/Input.tsx
-import { jsx as jsx232 } from "react/jsx-runtime";
+import { jsx as jsx233 } from "react/jsx-runtime";
 var Input = ({
   className,
   ...rest
-}) => /* @__PURE__ */ jsx232("input", { className: cn(className, Input_default.input, focusable), ...rest });
+}) => /* @__PURE__ */ jsx233("input", { className: cn(className, Input_default.input, focusable), ...rest });
 Input.displayName = "Input";
 var StatefulInput = ({
   className,
   componentSize = "medium",
   hasErrorMessage,
   ...rest
-}) => /* @__PURE__ */ jsx232(
+}) => /* @__PURE__ */ jsx233(
   Input,
   {
     className: cn(
@@ -6435,17 +6455,17 @@ function getInputWidth(width, defaultW) {
 }
 
 // src/components/Typography/Label/Label.utils.tsx
-import { jsx as jsx233 } from "react/jsx-runtime";
+import { jsx as jsx234 } from "react/jsx-runtime";
 function renderLabel(props) {
   const { label, ...rest } = props;
   const hasLabel = !!label;
   if (hasLabel)
-    return /* @__PURE__ */ jsx233(Label, { ...rest, withMargins: true, children: label });
+    return /* @__PURE__ */ jsx234(Label, { ...rest, withMargins: true, children: label });
   return null;
 }
 
 // src/components/date-inputs/common/DateInput.tsx
-import { jsx as jsx234, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx235, jsxs as jsxs46 } from "react/jsx-runtime";
 function DateInput({
   errorMessage,
   tip,
@@ -6511,7 +6531,7 @@ function DateInput({
             ),
             children: [
               button,
-              /* @__PURE__ */ jsx234(
+              /* @__PURE__ */ jsx235(
                 "div",
                 {
                   ...fieldProps,
@@ -6524,7 +6544,7 @@ function DateInput({
             ]
           }
         ),
-        hasMessage && /* @__PURE__ */ jsx234(
+        hasMessage && /* @__PURE__ */ jsx235(
           InputMessage,
           {
             messageType: hasErrorMessage ? "error" : "tip",
@@ -6538,7 +6558,7 @@ function DateInput({
 DateInput.displayName = "DateInput";
 
 // src/components/date-inputs/DatePicker/DateField/DateField.tsx
-import { jsx as jsx235 } from "react/jsx-runtime";
+import { jsx as jsx236 } from "react/jsx-runtime";
 function DateField({
   componentSize = "medium",
   buttonProps,
@@ -6567,7 +6587,7 @@ function DateField({
     state.setValue(null);
   };
   const formattedSegments = formatDateFieldSegments(state.segments);
-  return /* @__PURE__ */ jsx235(
+  return /* @__PURE__ */ jsx236(
     DateInput,
     {
       ...props,
@@ -6580,7 +6600,7 @@ function DateField({
       ref,
       internalRef,
       readOnly: props.isReadOnly,
-      prefix: /* @__PURE__ */ jsx235(
+      prefix: /* @__PURE__ */ jsx236(
         CalendarButton,
         {
           componentSize,
@@ -6589,7 +6609,7 @@ function DateField({
           isDisabled: disabled || props.isReadOnly
         }
       ),
-      suffix: showClearButton && /* @__PURE__ */ jsx235(
+      suffix: showClearButton && /* @__PURE__ */ jsx236(
         ClearButton,
         {
           absolute: false,
@@ -6605,7 +6625,7 @@ function DateField({
       ),
       labelProps,
       fieldProps,
-      children: formattedSegments.map((segment, i) => /* @__PURE__ */ jsx235(
+      children: formattedSegments.map((segment, i) => /* @__PURE__ */ jsx236(
         DateSegment,
         {
           "aria-readonly": props.isReadOnly,
@@ -6650,7 +6670,7 @@ function createDOMRef(ref) {
 }
 
 // src/components/date-inputs/DatePicker/DatePicker.tsx
-import { jsx as jsx236, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx237, jsxs as jsxs47 } from "react/jsx-runtime";
 var refIsFocusable = (ref) => {
   return typeof ref === "object" && ref !== null && "focus" in ref;
 };
@@ -6679,14 +6699,14 @@ function DatePicker({
     state,
     internalRef
   );
-  return /* @__PURE__ */ jsx236(I18nProvider, { locale: LOCALE[lang], children: /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsx237(I18nProvider, { locale: LOCALE[lang], children: /* @__PURE__ */ jsxs47(
     CalendarPopover,
     {
       isOpen: state.isOpen,
       onClose: state.close,
       showWeekNumbers,
       children: [
-        /* @__PURE__ */ jsx236(CalendarPopoverAnchor, { children: /* @__PURE__ */ jsx236(
+        /* @__PURE__ */ jsx237(CalendarPopoverAnchor, { children: /* @__PURE__ */ jsx237(
           DateField,
           {
             ...fieldProps,
@@ -6702,7 +6722,7 @@ function DatePicker({
             clearable
           }
         ) }),
-        /* @__PURE__ */ jsx236(CalendarPopoverContent, { smallScreenBreakpoint, children: /* @__PURE__ */ jsx236(Calendar, { ...calendarProps }) })
+        /* @__PURE__ */ jsx237(CalendarPopoverContent, { smallScreenBreakpoint, children: /* @__PURE__ */ jsx237(Calendar, { ...calendarProps }) })
       ]
     }
   ) });
@@ -6713,7 +6733,37 @@ DatePicker.displayName = "DatePicker";
 import { useTimeField } from "@react-aria/datepicker";
 import { useTimeFieldState } from "@react-stately/datepicker";
 import { useRef as useRef18 } from "react";
-import { jsx as jsx237 } from "react/jsx-runtime";
+
+// src/components/date-inputs/TimePicker/TimePicker.utils.ts
+function formatTimeSegments(segments) {
+  const hourSegment = segments.find((segment) => segment.type === "hour");
+  const minuteSegment = segments.find((segment) => segment.type === "minute");
+  const separatorSegment = segments.find(
+    (segment) => segment.type === "literal" && segment.isPlaceholder === void 0
+  );
+  if (!hourSegment || !minuteSegment || !separatorSegment) {
+    throw new Error("Invalid time segments");
+  }
+  const formattedHourSegment = {
+    ...hourSegment,
+    text: hourSegment.text.padStart(2, "0"),
+    placeholder: "\u2013\u2013"
+  };
+  const formattedMinuteSegment = {
+    ...minuteSegment,
+    text: minuteSegment.text.padStart(2, "0"),
+    placeholder: "\u2013\u2013"
+  };
+  const formattedSeparatorSegment = { ...separatorSegment, text: ":" };
+  return [
+    formattedHourSegment,
+    formattedSeparatorSegment,
+    formattedMinuteSegment
+  ];
+}
+
+// src/components/date-inputs/TimePicker/TimePicker.tsx
+import { jsx as jsx238 } from "react/jsx-runtime";
 function TimePicker({
   componentSize = "medium",
   width,
@@ -6722,7 +6772,7 @@ function TimePicker({
 }) {
   const lang = useLanguage();
   if (!lang) {
-    throw new Error("DatePicker must be used within a DdsProvider");
+    throw new Error("TimePicker must be used within a DdsProvider");
   }
   const internalRef = useRef18(null);
   const state = useTimeFieldState({
@@ -6736,7 +6786,8 @@ function TimePicker({
   );
   const iconSize = componentSize === "xsmall" ? "small" : "medium";
   const disabled = props.isDisabled || !!fieldProps["aria-disabled"];
-  return /* @__PURE__ */ jsx237(
+  const formattedSegments = formatTimeSegments(state.segments);
+  return /* @__PURE__ */ jsx238(
     DateInput,
     {
       ...props,
@@ -6749,7 +6800,7 @@ function TimePicker({
       readOnly: props.isReadOnly,
       labelProps,
       fieldProps,
-      prefix: /* @__PURE__ */ jsx237(
+      prefix: /* @__PURE__ */ jsx238(
         Icon,
         {
           icon: TimeIcon,
@@ -6761,7 +6812,7 @@ function TimePicker({
           )
         }
       ),
-      children: state.segments.map((segment, i) => /* @__PURE__ */ jsx237(
+      children: formattedSegments.map((segment, i) => /* @__PURE__ */ jsx238(
         DateSegment,
         {
           componentSize,
@@ -6820,7 +6871,7 @@ var DescriptionList_default = {
 };
 
 // src/components/DescriptionList/DescriptionList.tsx
-import { jsx as jsx238 } from "react/jsx-runtime";
+import { jsx as jsx239 } from "react/jsx-runtime";
 var DescriptionList = ({
   appearance = "default",
   direction = "column",
@@ -6829,7 +6880,7 @@ var DescriptionList = ({
   className,
   htmlProps,
   ...rest
-}) => /* @__PURE__ */ jsx238(
+}) => /* @__PURE__ */ jsx239(
   VStack,
   {
     as: "dl",
@@ -6854,14 +6905,14 @@ var DescriptionList = ({
 DescriptionList.displayName = "DescriptionList";
 
 // src/components/DescriptionList/DescriptionListTerm.tsx
-import { jsx as jsx239 } from "react/jsx-runtime";
+import { jsx as jsx240 } from "react/jsx-runtime";
 var DescriptionListTerm = (props) => {
-  return /* @__PURE__ */ jsx239("dt", { ...props });
+  return /* @__PURE__ */ jsx240("dt", { ...props });
 };
 DescriptionListTerm.displayName = "DescriptionListTerm";
 
 // src/components/DescriptionList/DescriptionListDesc.tsx
-import { jsx as jsx240, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx241, jsxs as jsxs48 } from "react/jsx-runtime";
 var DescriptionListDesc = ({
   children,
   icon,
@@ -6870,14 +6921,14 @@ var DescriptionListDesc = ({
   htmlProps,
   ...rest
 }) => /* @__PURE__ */ jsxs48("dd", { ...getBaseHTMLProps(id, cn(className, DescriptionList_default.desc), htmlProps, rest), children: [
-  icon && /* @__PURE__ */ jsx240(Icon, { icon }),
+  icon && /* @__PURE__ */ jsx241(Icon, { icon }),
   " ",
   children
 ] });
 DescriptionListDesc.displayName = "DescriptionListDesc";
 
 // src/components/DescriptionList/DescriptionListGroup.tsx
-import { jsx as jsx241 } from "react/jsx-runtime";
+import { jsx as jsx242 } from "react/jsx-runtime";
 var DescriptionListGroup = ({
   children,
   margin,
@@ -6887,7 +6938,7 @@ var DescriptionListGroup = ({
   className,
   htmlProps,
   ...rest
-}) => /* @__PURE__ */ jsx241(
+}) => /* @__PURE__ */ jsx242(
   "div",
   {
     ...getBaseHTMLProps(id, cn(className, DescriptionList_default.group), htmlProps, rest),
@@ -6918,7 +6969,7 @@ var DetailListContext = createContext10({});
 var useDetailListContext = () => useContext13(DetailListContext);
 
 // src/components/DetailList/DetailList.tsx
-import { jsx as jsx242 } from "react/jsx-runtime";
+import { jsx as jsx243 } from "react/jsx-runtime";
 var DetailList = ({
   id,
   className,
@@ -6928,7 +6979,7 @@ var DetailList = ({
   size: size2 = "medium",
   smallScreenBreakpoint,
   ...rest
-}) => /* @__PURE__ */ jsx242(DetailListContext, { value: { smallScreenBreakpoint }, children: /* @__PURE__ */ jsx242(
+}) => /* @__PURE__ */ jsx243(DetailListContext, { value: { smallScreenBreakpoint }, children: /* @__PURE__ */ jsx243(
   "dl",
   {
     ...getBaseHTMLProps(
@@ -6949,17 +7000,17 @@ var DetailList = ({
 DetailList.displayName = "DetailList";
 
 // src/components/DetailList/DetailListDesc.tsx
-import { jsx as jsx243 } from "react/jsx-runtime";
-var DetailListDesc = ({ className, ...rest }) => /* @__PURE__ */ jsx243("dd", { className: cn(className, DetailList_default.cell), ...rest });
+import { jsx as jsx244 } from "react/jsx-runtime";
+var DetailListDesc = ({ className, ...rest }) => /* @__PURE__ */ jsx244("dd", { className: cn(className, DetailList_default.cell), ...rest });
 DetailListDesc.displayName = "DetailListDesc";
 
 // src/components/DetailList/DetailListRow.tsx
-import { Fragment as Fragment6, jsx as jsx244, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx245, jsxs as jsxs49 } from "react/jsx-runtime";
 var DetailListRow = ({ className, ...rest }) => {
   const { smallScreenBreakpoint: bp } = useDetailListContext();
   const hasBp = !!bp;
   return /* @__PURE__ */ jsxs49(Fragment6, { children: [
-    /* @__PURE__ */ jsx244(
+    /* @__PURE__ */ jsx245(
       Box,
       {
         display: "table-row",
@@ -6968,7 +7019,7 @@ var DetailListRow = ({ className, ...rest }) => {
         ...rest
       }
     ),
-    hasBp && /* @__PURE__ */ jsx244(
+    hasBp && /* @__PURE__ */ jsx245(
       Box,
       {
         display: "flex",
@@ -6983,8 +7034,8 @@ var DetailListRow = ({ className, ...rest }) => {
 DetailListRow.displayName = "DetailListRow";
 
 // src/components/DetailList/DetailListTerm.tsx
-import { jsx as jsx245 } from "react/jsx-runtime";
-var DetailListTerm = ({ className, ...rest }) => /* @__PURE__ */ jsx245("dt", { className: cn(className, DetailList_default.cell, DetailList_default.term), ...rest });
+import { jsx as jsx246 } from "react/jsx-runtime";
+var DetailListTerm = ({ className, ...rest }) => /* @__PURE__ */ jsx246("dt", { className: cn(className, DetailList_default.cell, DetailList_default.term), ...rest });
 DetailListTerm.displayName = "DetailListTerm";
 
 // src/components/Drawer/Drawer.tsx
@@ -7015,7 +7066,7 @@ var DrawerContext = createContext11({});
 var useDrawerContext = () => useContext14(DrawerContext);
 
 // src/components/Drawer/Drawer.tsx
-import { jsx as jsx246, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx247, jsxs as jsxs50 } from "react/jsx-runtime";
 var DRAWER_SIZES = createSizes("small", "medium", "large");
 var Drawer = ({
   children,
@@ -7120,8 +7171,8 @@ var Drawer = ({
             paddingInline: "var(--dds-drawer-content-container-padding)",
             className: Drawer_default["drawer-header"],
             children: [
-              hasHeader && /* @__PURE__ */ jsx246("div", { id: headerId, children: typeof header === "string" ? /* @__PURE__ */ jsx246(Heading, { level: 2, typographyType: "headingLarge", children: header }) : header }),
-              /* @__PURE__ */ jsx246(
+              hasHeader && /* @__PURE__ */ jsx247("div", { id: headerId, children: typeof header === "string" ? /* @__PURE__ */ jsx247(Heading, { level: 2, typographyType: "headingLarge", children: header }) : header }),
+              /* @__PURE__ */ jsx247(
                 Button,
                 {
                   className: cn(Drawer_default["button--close"]),
@@ -7136,7 +7187,7 @@ var Drawer = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx246(
+        /* @__PURE__ */ jsx247(
           VStack,
           {
             gap: "x1",
@@ -7148,7 +7199,7 @@ var Drawer = ({
       ]
     }
   );
-  const component = withBackdrop ? /* @__PURE__ */ jsx246(
+  const component = withBackdrop ? /* @__PURE__ */ jsx247(
     Backdrop,
     {
       zIndex: "drawer",
@@ -7167,11 +7218,11 @@ import {
   Children as ReactChildren2,
   cloneElement as cloneElement2,
   isValidElement as isValidElement3,
-  useId as useId9,
+  useId as useId10,
   useRef as useRef20,
   useState as useState13
 } from "react";
-import { jsx as jsx247 } from "react/jsx-runtime";
+import { jsx as jsx248 } from "react/jsx-runtime";
 var DrawerGroup = ({
   children,
   isInitiallyOpen,
@@ -7186,7 +7237,7 @@ var DrawerGroup = ({
     propIsOpen != null ? propIsOpen : internalIsOpen,
     propSetIsOpen != null ? propSetIsOpen : internalSetIsOpen
   ];
-  const generatedId = useId9();
+  const generatedId = useId10();
   const uniqueDrawerId = drawerId != null ? drawerId : `${generatedId}-drawer`;
   const triggerRef = useRef20(null);
   const open = () => setIsOpen(true);
@@ -7215,7 +7266,7 @@ var DrawerGroup = ({
       onClick: handleOpen
     }) : child);
   });
-  return /* @__PURE__ */ jsx247(
+  return /* @__PURE__ */ jsx248(
     DrawerContext,
     {
       value: {
@@ -7231,14 +7282,14 @@ var DrawerGroup = ({
 DrawerGroup.displayName = "DrawerGroup";
 
 // src/components/EmptyContent/EmptyContent.tsx
-import { jsx as jsx248, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx249, jsxs as jsxs51 } from "react/jsx-runtime";
 function EmptyContent({
   headerText,
   message,
   headerHeadingLevel = 2,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx248(
+  return /* @__PURE__ */ jsx249(
     Paper,
     {
       display: "flex",
@@ -7252,8 +7303,8 @@ function EmptyContent({
       borderRadius: "surface",
       ...rest,
       children: /* @__PURE__ */ jsxs51(VStack, { maxWidth: "70ch", gap: "x1", textAlign: "center", children: [
-        headerText && /* @__PURE__ */ jsx248(Heading, { level: headerHeadingLevel, typographyType: "headingMedium", children: headerText }),
-        /* @__PURE__ */ jsx248(Paragraph, { color: "text-medium", children: message })
+        headerText && /* @__PURE__ */ jsx249(Heading, { level: headerHeadingLevel, typographyType: "headingMedium", children: headerText }),
+        /* @__PURE__ */ jsx249(Paragraph, { color: "text-medium", children: message })
       ] })
     }
   );
@@ -7261,7 +7312,7 @@ function EmptyContent({
 EmptyContent.displayName = "EmptyContent";
 
 // src/components/FavStar/FavStar.tsx
-import { useId as useId10 } from "react";
+import { useId as useId11 } from "react";
 
 // src/components/FavStar/FavStar.module.css
 var FavStar_default = {
@@ -7273,7 +7324,7 @@ var FavStar_default = {
 };
 
 // src/components/FavStar/FavStar.tsx
-import { jsx as jsx249, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx250, jsxs as jsxs52 } from "react/jsx-runtime";
 var FAVSTAR_SIZES = createSizes("medium", "large");
 var FavStar = ({
   id,
@@ -7293,7 +7344,7 @@ var FavStar = ({
     htmlProps,
     rest
   );
-  const generatedId = useId10();
+  const generatedId = useId11();
   const [checked, setChecked] = useControllableState({
     value: checkedProp,
     defaultValue: defaultChecked != null ? defaultChecked : false,
@@ -7311,7 +7362,7 @@ var FavStar = ({
       style,
       htmlFor: id != null ? id : generatedId,
       children: [
-        /* @__PURE__ */ jsx249(
+        /* @__PURE__ */ jsx250(
           HiddenInput,
           {
             ...props,
@@ -7322,8 +7373,8 @@ var FavStar = ({
             "aria-label": (_a = props["aria-label"]) != null ? _a : t(texts8.favourite)
           }
         ),
-        /* @__PURE__ */ jsx249(Icon, { iconSize: size2, icon: StarIcon, className: FavStar_default.icon }),
-        /* @__PURE__ */ jsx249(
+        /* @__PURE__ */ jsx250(Icon, { iconSize: size2, icon: StarIcon, className: FavStar_default.icon }),
+        /* @__PURE__ */ jsx250(
           Icon,
           {
             iconSize: size2,
@@ -7362,7 +7413,7 @@ var Feedback_default = {
 // src/components/TextArea/TextArea.tsx
 import {
   useEffect as useEffect20,
-  useId as useId12,
+  useId as useId13,
   useRef as useRef21,
   useState as useState14
 } from "react";
@@ -7373,7 +7424,7 @@ var TextArea_default = {
 };
 
 // src/components/helpers/CharCounter/CharCounter.tsx
-import { useId as useId11 } from "react";
+import { useId as useId12 } from "react";
 
 // src/components/helpers/CharCounter/CharCounter.module.css
 var CharCounter_default = {
@@ -7381,11 +7432,11 @@ var CharCounter_default = {
 };
 
 // src/components/helpers/CharCounter/CharCounter.tsx
-import { jsx as jsx250, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx251, jsxs as jsxs53 } from "react/jsx-runtime";
 function CharCounter(props) {
   const { t } = useTranslation();
   const { current, max, id } = props;
-  const generatedId = useId11();
+  const generatedId = useId12();
   const uniqueId = id != null ? id : `${generatedId}-characterCounter`;
   return /* @__PURE__ */ jsxs53(
     Typography,
@@ -7401,14 +7452,14 @@ function CharCounter(props) {
           "/",
           max
         ] }),
-        /* @__PURE__ */ jsx250(VisuallyHidden, { children: t(texts9.charsWritten(current, max, max - current)) })
+        /* @__PURE__ */ jsx251(VisuallyHidden, { children: t(texts9.charsWritten(current, max, max - current)) })
       ]
     }
   );
 }
 var renderCharCounter = (id, isShown, textLength, maxLength) => {
   if (!!maxLength && Number.isInteger(maxLength) && maxLength > 0 && isShown)
-    return /* @__PURE__ */ jsx250(CharCounter, { id, max: maxLength, current: textLength });
+    return /* @__PURE__ */ jsx251(CharCounter, { id, max: maxLength, current: textLength });
 };
 var texts9 = createTexts({
   charsWritten: (current, max, remain) => ({
@@ -7420,7 +7471,7 @@ var texts9 = createTexts({
 });
 
 // src/components/TextArea/TextArea.tsx
-import { jsx as jsx251, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx252, jsxs as jsxs54 } from "react/jsx-runtime";
 var TextArea = ({
   id,
   value,
@@ -7441,7 +7492,7 @@ var TextArea = ({
   ref,
   ...rest
 }) => {
-  const generatedId = useId12();
+  const generatedId = useId13();
   const uniqueId = id != null ? id : `${generatedId}-textArea`;
   const textAreaRef = useRef21(null);
   const multiRef = useCombinedRef(ref, textAreaRef);
@@ -7471,7 +7522,7 @@ var TextArea = ({
   const inputWidth = getInputWidth(width);
   return /* @__PURE__ */ jsxs54("div", { className: cn(className, Input_default.container), style: { ...style }, children: [
     renderLabel({ label, htmlFor: uniqueId, readOnly, showRequiredStyling }),
-    /* @__PURE__ */ jsx251(
+    /* @__PURE__ */ jsx252(
       Box,
       {
         as: "textarea",
@@ -7529,7 +7580,7 @@ TextArea.displayName = "TextArea";
 var getIconSize = (layout) => layout === "vertical" ? "large" : "medium";
 
 // src/components/Feedback/CommentComponent.tsx
-import { jsx as jsx252, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx253, jsxs as jsxs55 } from "react/jsx-runtime";
 var CommentComponent = ({
   layout,
   rating,
@@ -7545,7 +7596,7 @@ var CommentComponent = ({
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxs55(VStack, { gap: "x1", children: [
     /* @__PURE__ */ jsxs55("span", { className: Feedback_default["rating-submitted-title"], children: [
-      /* @__PURE__ */ jsx252(
+      /* @__PURE__ */ jsx253(
         Icon,
         {
           icon: rating === "positive" ? ThumbUpFilledIcon : ThumbDownFilledIcon,
@@ -7558,7 +7609,7 @@ var CommentComponent = ({
         " "
       ] })
     ] }),
-    /* @__PURE__ */ jsx252(
+    /* @__PURE__ */ jsx253(
       TextArea,
       {
         value: feedbackText,
@@ -7567,7 +7618,7 @@ var CommentComponent = ({
         tip: textAreaTip
       }
     ),
-    /* @__PURE__ */ jsx252(
+    /* @__PURE__ */ jsx253(
       Button,
       {
         purpose: "secondary",
@@ -7593,7 +7644,7 @@ import {
   Children as ReactChildren3,
   cloneElement as cloneElement3,
   useEffect as useEffect21,
-  useId as useId13,
+  useId as useId14,
   useRef as useRef22,
   useState as useState15
 } from "react";
@@ -7607,7 +7658,7 @@ var Tooltip_default = {
 };
 
 // src/components/Tooltip/Tooltip.tsx
-import { jsx as jsx253, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx254, jsxs as jsxs56 } from "react/jsx-runtime";
 var Tooltip = ({
   text,
   placement = "bottom",
@@ -7624,7 +7675,7 @@ var Tooltip = ({
   htmlProps,
   ...rest
 }) => {
-  const generatedId = useId13();
+  const generatedId = useId14();
   const uniqueTooltipId = tooltipId != null ? tooltipId : `${generatedId}-tooltip`;
   const [open, setOpen] = useState15(false);
   const [inView, setInView] = useState15(keepMounted ? false : true);
@@ -7730,15 +7781,15 @@ var Tooltip = ({
             ),
             children: [
               text,
-              /* @__PURE__ */ jsx253("div", { ref: setArrowElement, style: positionStyles.arrow, children: /* @__PURE__ */ jsxs56("svg", { width: "36", height: "9", children: [
-                /* @__PURE__ */ jsx253(
+              /* @__PURE__ */ jsx254("div", { ref: setArrowElement, style: positionStyles.arrow, children: /* @__PURE__ */ jsxs56("svg", { width: "36", height: "9", children: [
+                /* @__PURE__ */ jsx254(
                   "path",
                   {
                     d: "M16.586 6.586L10 0h16.154a.373.373 0 00-.263.11l-6.477 6.476a2 2 0 01-2.828 0z",
                     className: Tooltip_default["svg-arrow__background"]
                   }
                 ),
-                /* @__PURE__ */ jsx253(
+                /* @__PURE__ */ jsx254(
                   "path",
                   {
                     fillRule: "evenodd",
@@ -7758,7 +7809,7 @@ var Tooltip = ({
 Tooltip.displayName = "Tooltip";
 
 // src/components/Feedback/RatingComponent.tsx
-import { jsx as jsx254, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx255, jsxs as jsxs57 } from "react/jsx-runtime";
 var RatingComponent = ({
   layout,
   ratingLabel,
@@ -7768,7 +7819,7 @@ var RatingComponent = ({
   handleRatingChange
 }) => {
   const { t } = useTranslation();
-  const button = (rating, layout2, tooltip) => /* @__PURE__ */ jsx254(
+  const button = (rating, layout2, tooltip) => /* @__PURE__ */ jsx255(
     InlineIconButton,
     {
       "aria-label": tooltip,
@@ -7786,10 +7837,10 @@ var RatingComponent = ({
         Feedback_default[`rating-container--${layout}`]
       ),
       children: [
-        /* @__PURE__ */ jsx254("h2", { className: typographyStyles_default["label-medium"], children: ratingLabel }),
-        loading ? /* @__PURE__ */ jsx254(Spinner, { tooltip: t(texts11.uploadingFeedback) }) : /* @__PURE__ */ jsxs57(HStack, { gap: "x1", children: [
-          /* @__PURE__ */ jsx254(Tooltip, { text: thumbUpTooltip, children: button("positive", layout, thumbUpTooltip) }),
-          /* @__PURE__ */ jsx254(Tooltip, { text: thumbDownTooltip, children: /* @__PURE__ */ jsx254("div", { children: button("negative", layout, thumbDownTooltip) }) })
+        /* @__PURE__ */ jsx255("h2", { className: typographyStyles_default["label-medium"], children: ratingLabel }),
+        loading ? /* @__PURE__ */ jsx255(Spinner, { tooltip: t(texts11.uploadingFeedback) }) : /* @__PURE__ */ jsxs57(HStack, { gap: "x1", children: [
+          /* @__PURE__ */ jsx255(Tooltip, { text: thumbUpTooltip, children: button("positive", layout, thumbUpTooltip) }),
+          /* @__PURE__ */ jsx255(Tooltip, { text: thumbDownTooltip, children: /* @__PURE__ */ jsx255("div", { children: button("negative", layout, thumbDownTooltip) }) })
         ] })
       ]
     }
@@ -7805,7 +7856,7 @@ var texts11 = createTexts({
 });
 
 // src/components/Feedback/Feedback.tsx
-import { jsx as jsx255 } from "react/jsx-runtime";
+import { jsx as jsx256 } from "react/jsx-runtime";
 var Feedback = ({
   layout = "vertical",
   ratingLabel,
@@ -7860,7 +7911,7 @@ var Feedback = ({
     if (isSubmittedProp === void 0) setIsFeedbackSubmitted(true);
   };
   if (rating === null && !isFeedbackSubmitted) {
-    return /* @__PURE__ */ jsx255(
+    return /* @__PURE__ */ jsx256(
       RatingComponent,
       {
         layout,
@@ -7873,7 +7924,7 @@ var Feedback = ({
     );
   }
   if (!feedbackTextAreaExcluded && !isFeedbackSubmitted) {
-    return /* @__PURE__ */ jsx255(
+    return /* @__PURE__ */ jsx256(
       CommentComponent,
       {
         layout,
@@ -7889,7 +7940,7 @@ var Feedback = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx255(Paragraph, { children: tSubmittedTitle });
+  return /* @__PURE__ */ jsx256(Paragraph, { children: tSubmittedTitle });
 };
 var texts12 = createTexts({
   ratingQuestion: {
@@ -7934,13 +7985,13 @@ var texts12 = createTexts({
 var container = "Fieldset_container";
 
 // src/components/Fieldset/Fieldset.tsx
-import { jsx as jsx256 } from "react/jsx-runtime";
+import { jsx as jsx257 } from "react/jsx-runtime";
 var Fieldset = ({
   id,
   className,
   htmlProps,
   ...rest
-}) => /* @__PURE__ */ jsx256(
+}) => /* @__PURE__ */ jsx257(
   "fieldset",
   {
     ...getBaseHTMLProps(id, cn(className, container), htmlProps, rest)
@@ -7949,27 +8000,27 @@ var Fieldset = ({
 Fieldset.displayName = "Fieldset";
 
 // src/components/Fieldset/FieldsetGroup.tsx
-import { jsx as jsx257 } from "react/jsx-runtime";
+import { jsx as jsx258 } from "react/jsx-runtime";
 var FieldsetGroup = ({
   id,
   className,
   htmlProps,
   ...rest
-}) => /* @__PURE__ */ jsx257(VStack, { gap: "x1.5", ...getBaseHTMLProps(id, className, htmlProps, rest) });
+}) => /* @__PURE__ */ jsx258(VStack, { gap: "x1.5", ...getBaseHTMLProps(id, className, htmlProps, rest) });
 FieldsetGroup.displayName = "FieldsetGroup";
 
 // src/components/FileUploader/FileUploader.tsx
-import { useId as useId14 } from "react";
+import { useId as useId15 } from "react";
 
 // src/components/FileUploader/ErrorList.tsx
-import { jsx as jsx258 } from "react/jsx-runtime";
+import { jsx as jsx259 } from "react/jsx-runtime";
 var ErrorList = (props) => {
   const { errors } = props;
   if (errors.length < 1) {
     return null;
   }
   if (errors.length === 1) {
-    return /* @__PURE__ */ jsx258(
+    return /* @__PURE__ */ jsx259(
       InputMessage,
       {
         id: errors[0].id,
@@ -7978,8 +8029,8 @@ var ErrorList = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx258(StylelessList, { children: errors.map(({ id, message }) => {
-    return /* @__PURE__ */ jsx258("li", { children: /* @__PURE__ */ jsx258(
+  return /* @__PURE__ */ jsx259(StylelessList, { children: errors.map(({ id, message }) => {
+    return /* @__PURE__ */ jsx259("li", { children: /* @__PURE__ */ jsx259(
       InputMessage,
       {
         id,
@@ -8004,7 +8055,7 @@ var FileUploader_default = {
 };
 
 // src/components/FileUploader/File.tsx
-import { Fragment as Fragment7, jsx as jsx259, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx260, jsxs as jsxs58 } from "react/jsx-runtime";
 var File = (props) => {
   const { t } = useTranslation();
   const {
@@ -8035,7 +8086,7 @@ var File = (props) => {
         background: inactive ? "surface-field-disabled" : "surface-subtle",
         className: cn(!isValid && FileUploader_default["file--invalid"]),
         children: [
-          /* @__PURE__ */ jsx259(
+          /* @__PURE__ */ jsx260(
             Typography,
             {
               as: "span",
@@ -8045,14 +8096,14 @@ var File = (props) => {
             }
           ),
           !inactive && /* @__PURE__ */ jsxs58(Fragment7, { children: [
-            /* @__PURE__ */ jsx259(
+            /* @__PURE__ */ jsx260(
               Icon,
               {
                 icon: isValid ? CheckCircledIcon : ErrorIcon,
                 className: FileUploader_default[`file__icon--${isValid ? "valid" : "invalid"}`]
               }
             ),
-            /* @__PURE__ */ jsx259(
+            /* @__PURE__ */ jsx260(
               Button,
               {
                 size: "small",
@@ -8074,7 +8125,7 @@ var File = (props) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx259(ErrorList, { errors: errorsList })
+    /* @__PURE__ */ jsx260(ErrorList, { errors: errorsList })
   ] });
 };
 var texts13 = createTexts({
@@ -8401,7 +8452,7 @@ var texts14 = createTexts({
 });
 
 // src/components/FileUploader/FileUploader.tsx
-import { jsx as jsx260, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx261, jsxs as jsxs59 } from "react/jsx-runtime";
 var FileUploader = (props) => {
   const {
     id,
@@ -8428,7 +8479,7 @@ var FileUploader = (props) => {
   } = props;
   const { t } = useTranslation();
   const tDropAreaLabel = dropAreaLabel != null ? dropAreaLabel : t(texts15.dragAndDropOr);
-  const generatedId = useId14();
+  const generatedId = useId15();
   const uniqueId = id != null ? id : `${generatedId}-fileUploader`;
   const {
     state: { files: stateFiles, isDragActive, rootErrors },
@@ -8458,7 +8509,7 @@ var FileUploader = (props) => {
   const inputId = derivativeIdGenerator(uniqueId, "input");
   const fileListId = derivativeIdGenerator(uniqueId, "file-list");
   const fileListNameId = derivativeIdGenerator(uniqueId, "file-list-name");
-  const fileListElements = stateFiles.map((stateFile, index) => /* @__PURE__ */ jsx260(
+  const fileListElements = stateFiles.map((stateFile, index) => /* @__PURE__ */ jsx261(
     File,
     {
       parentId: uniqueId,
@@ -8475,7 +8526,7 @@ var FileUploader = (props) => {
     id: derivativeIdGenerator(uniqueId, `error-${index}`),
     message: e
   }));
-  const button = /* @__PURE__ */ jsx260(
+  const button = /* @__PURE__ */ jsx261(
     Button,
     {
       ...getButtonProps(),
@@ -8495,7 +8546,7 @@ var FileUploader = (props) => {
       children: btnLabel
     }
   );
-  const input = /* @__PURE__ */ jsx260(
+  const input = /* @__PURE__ */ jsx261(
     HiddenInput,
     {
       ...getInputProps(),
@@ -8521,7 +8572,7 @@ var FileUploader = (props) => {
           readOnly,
           afterLabelContent
         }),
-        hasTip && /* @__PURE__ */ jsx260(InputMessage, { id: tipId, message: tip, messageType: "tip" }),
+        hasTip && /* @__PURE__ */ jsx261(InputMessage, { id: tipId, message: tip, messageType: "tip" }),
         inactive ? input : withDragAndDrop ? /* @__PURE__ */ jsxs59(
           VStack,
           {
@@ -8536,7 +8587,7 @@ var FileUploader = (props) => {
             children: [
               input,
               tDropAreaLabel,
-              /* @__PURE__ */ jsx260(VisuallyHidden, { children: t(texts15.uploadFileWithButton) }),
+              /* @__PURE__ */ jsx261(VisuallyHidden, { children: t(texts15.uploadFileWithButton) }),
               button
             ]
           }
@@ -8544,7 +8595,7 @@ var FileUploader = (props) => {
           input,
           button
         ] }),
-        /* @__PURE__ */ jsx260(ErrorList, { errors: rootErrorsList }),
+        /* @__PURE__ */ jsx261(ErrorList, { errors: rootErrorsList }),
         !hideFileList && /* @__PURE__ */ jsxs59(
           "div",
           {
@@ -8554,8 +8605,8 @@ var FileUploader = (props) => {
               readOnly && FileUploader_default["readonly--file-list"]
             ),
             children: [
-              /* @__PURE__ */ jsx260(VisuallyHidden, { id: fileListNameId, children: t(texts15.uploadedFiles) }),
-              inactive && fileListElements.length === 0 ? /* @__PURE__ */ jsx260(
+              /* @__PURE__ */ jsx261(VisuallyHidden, { id: fileListNameId, children: t(texts15.uploadedFiles) }),
+              inactive && fileListElements.length === 0 ? /* @__PURE__ */ jsx261(
                 Typography,
                 {
                   italic: true,
@@ -8563,7 +8614,7 @@ var FileUploader = (props) => {
                   color: disabled ? "text-subtle" : "text-medium",
                   children: t(texts15.noFiles)
                 }
-              ) : /* @__PURE__ */ jsx260(StylelessList, { "aria-labelledby": fileListNameId, children: fileListElements })
+              ) : /* @__PURE__ */ jsx261(StylelessList, { "aria-labelledby": fileListNameId, children: fileListElements })
             ]
           }
         )
@@ -8610,25 +8661,25 @@ var Footer_default = {
 };
 
 // src/components/Footer/Footer.tsx
-import { jsx as jsx261 } from "react/jsx-runtime";
-var Footer = ({ className, ...rest }) => /* @__PURE__ */ jsx261(Contrast, { as: "footer", className: cn(className, Footer_default.container), ...rest });
+import { jsx as jsx262 } from "react/jsx-runtime";
+var Footer = ({ className, ...rest }) => /* @__PURE__ */ jsx262(Contrast, { as: "footer", className: cn(className, Footer_default.container), ...rest });
 
 // src/components/Footer/FooterListHeader.tsx
-import { jsx as jsx262 } from "react/jsx-runtime";
-var FooterListHeader = (props) => /* @__PURE__ */ jsx262(Heading, { level: 2, typographyType: "headingSmall", ...props });
+import { jsx as jsx263 } from "react/jsx-runtime";
+var FooterListHeader = (props) => /* @__PURE__ */ jsx263(Heading, { level: 2, typographyType: "headingSmall", ...props });
 
 // src/components/Footer/norges_domstoler_logo.svg
 var norges_domstoler_logo_default = 'data:image/svg+xml,<svg width="151" height="80" viewBox="0 0 151 80" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<g id="Logo" clip-path="url(%23clip0_18254_1882)">%0A<path id="Vector" d="M0 19.5721V0.38501H3.50998L9.51314 13.2128C10.169 14.6541 10.6734 16.1596 11.0182 17.7051H11.1848C10.9502 16.2655 10.8311 14.8093 10.8287 13.3507V0.38501H13.0174V19.5721H9.51314L3.50998 6.77306C2.84978 5.3389 2.34334 3.83883 1.99914 2.29798H1.83829C2.07013 3.73991 2.18921 5.19772 2.19446 6.65817V19.5721H0Z" fill="white"/>%0A<path id="Vector_2" d="M19.2848 17.4063C17.9942 15.7059 17.3489 13.2299 17.3489 9.97846C17.3489 6.72699 17.9942 4.25104 19.2848 2.55062C20.5716 0.850208 22.4118 0 24.8054 0C27.199 0 29.0488 0.844463 30.3548 2.53339C31.6416 4.25679 32.2907 6.70401 32.2907 10.0014C32.2907 13.2989 31.6416 15.7461 30.3548 17.4695C29.068 19.1929 27.2182 20.0029 24.8054 20.0029C22.3927 20.0029 20.5716 19.101 19.2848 17.4063ZM21.3357 4.05572C20.6003 5.31955 20.2308 7.29379 20.2269 9.97846C20.2231 12.6631 20.5927 14.6355 21.3357 15.8954C21.6776 16.4998 22.1813 16.9969 22.7902 17.3307C23.3991 17.6646 24.089 17.8221 24.7825 17.7854C25.4832 17.8288 26.182 17.6747 26.7994 17.3406C27.4169 17.0064 27.9282 16.5058 28.2752 15.8954C29.0143 14.6355 29.3858 12.6631 29.3897 9.97846C29.3935 7.29379 29.0297 5.31955 28.2982 4.05572C27.9502 3.44633 27.4387 2.9464 26.8215 2.61242C26.2042 2.27844 25.5059 2.12372 24.8054 2.16573C24.1083 2.12541 23.4138 2.28107 22.8006 2.6151C22.1874 2.94912 21.6799 3.44817 21.3357 4.05572Z" fill="white"/>%0A<path id="Vector_3" d="M48.594 15.5968C48.8111 16.9446 49.1318 18.2737 49.5534 19.5721H46.5317C46.4288 19.2619 46.3463 18.9453 46.2847 18.6243C46.21 18.2681 46.1238 17.7856 46.0376 17.1709C45.9515 16.5562 45.8825 16.1254 45.8423 15.8668C45.5513 13.9903 45.1415 12.7207 44.613 12.0581C44.0845 11.3956 43.2151 11.0681 42.0049 11.0758H39.1326V19.5721H36.4556V0.38501H43.0045C44.7968 0.38501 46.1813 0.815859 47.1693 1.6833C47.6677 2.13766 48.0592 2.69689 48.3154 3.32072C48.5717 3.94454 48.6865 4.61743 48.6515 5.29094C48.6898 5.93617 48.5867 6.58197 48.3496 7.18326C48.1125 7.78455 47.7469 8.32682 47.2785 8.7722C46.2192 9.64565 44.8691 10.0868 43.4985 10.0073H42.7287V10.1681L43.5272 10.1969C44.1017 10.2313 44.4866 10.2658 44.7566 10.2945C45.102 10.3329 45.4427 10.4061 45.7734 10.5128C46.1234 10.601 46.4442 10.7792 46.704 11.0298C46.968 11.3147 47.2064 11.6223 47.4164 11.949C47.7076 12.4082 47.9301 12.9075 48.077 13.4311C48.2551 14.0343 48.4332 14.7581 48.594 15.5968ZM39.167 9.09964H42.43C42.8862 9.13106 43.3441 9.06822 43.775 8.91503C44.2059 8.76184 44.6006 8.52159 44.9347 8.20922C45.241 7.86617 45.4755 7.4653 45.6245 7.03021C45.7734 6.59512 45.8338 6.13462 45.8021 5.67583C45.8021 3.48138 44.6781 2.38415 42.43 2.38415H39.167V9.09964Z" fill="white"/>%0A<path id="Vector_4" d="M63.8634 6.27892C63.8374 5.16647 63.448 4.0931 62.7547 3.22277C62.4351 2.8708 62.0419 2.59361 61.6031 2.41091C61.1642 2.22821 60.6904 2.14451 60.2155 2.16575C59.518 2.12433 58.8231 2.28288 58.2125 2.62276C57.6019 2.96264 57.1011 3.46974 56.7688 4.08447C56.0334 5.36744 55.6658 7.33211 55.6658 9.97848C55.6658 12.6248 56.0315 14.5933 56.763 15.884C57.0847 16.4915 57.5726 16.995 58.1697 17.3358C58.7668 17.6765 59.4484 17.8404 60.1351 17.8084C62.8581 17.8084 64.2196 15.974 64.2196 12.3051V11.6214H59.9168V9.64529H66.7415V19.572H64.5757V17.6246C64.5824 16.3521 64.6552 15.0808 64.794 13.8159H64.6274C64.4283 15.9338 63.9132 17.4867 63.0821 18.4748C62.2491 19.4629 61.0198 19.9512 59.3941 19.9512C58.4312 19.9882 57.4753 19.7741 56.6202 19.3299C55.7651 18.8857 55.0403 18.2268 54.5169 17.4178C53.3679 15.7289 52.7935 13.2759 52.7935 10.0589C52.7935 6.77296 53.4292 4.28361 54.7007 2.59086C55.9722 0.898101 57.8009 0.0344883 60.1868 2.04411e-05C61.7689 -0.0690547 63.3242 0.425623 64.5757 1.39597C65.1677 1.92295 65.6473 2.56392 65.9859 3.28052C66.3244 3.99712 66.515 4.77464 66.5461 5.56659L63.8634 6.27892Z" fill="white"/>%0A<path id="Vector_5" d="M74.824 17.5673H82.8034V19.5721H72.1125V0.38501H82.6368V2.38415H74.824V8.66305H82.0048V10.6622H74.824V17.5673Z" fill="white"/>%0A<path id="Vector_6" d="M93.0633 19.9512C90.9953 19.9512 89.3695 19.4342 88.1804 18.3887C87.5786 17.8382 87.1032 17.164 86.7869 16.4123C86.4705 15.6606 86.3207 14.8493 86.3478 14.0342L89.0421 13.2645C89.1876 16.3283 90.5491 17.8602 93.1265 17.8602C94.0518 17.9146 94.9669 17.6422 95.7116 17.0904C96.0388 16.8086 96.2951 16.4538 96.4598 16.0546C96.6245 15.6554 96.6929 15.2231 96.6595 14.7925C96.6595 13.3334 95.838 12.284 94.195 11.6445L91.0699 10.3806C88.4159 9.32362 87.0908 7.55236 87.0947 5.06684C87.054 4.35555 87.1815 3.64468 87.467 2.99192C87.7524 2.33915 88.1878 1.76287 88.7376 1.30984C90.0484 0.449859 91.5818 -0.00830078 93.1495 -0.00830078C94.7172 -0.00830078 96.2507 0.449859 97.5614 1.30984C98.139 1.77201 98.6034 2.36008 98.919 3.02914C99.2346 3.6982 99.3931 4.43055 99.3825 5.17024L96.7801 5.9113C96.6155 3.36451 95.4014 2.09302 93.138 2.09685C92.2848 2.02806 91.4347 2.26195 90.7368 2.75749C90.4435 3.00371 90.2126 3.31574 90.0629 3.66814C89.9131 4.02055 89.8488 4.40335 89.8751 4.78535C89.835 5.48253 90.0539 6.16994 90.4897 6.71555C91.0398 7.27423 91.7096 7.70051 92.4487 7.96214L95.3612 9.15703C98.042 10.2294 99.3825 12.0006 99.3825 14.4708C99.4281 15.2308 99.2996 15.9911 99.0069 16.694C98.7143 17.3968 98.2651 18.0236 97.6935 18.5266C96.602 19.4802 95.051 19.9512 93.0633 19.9512Z" fill="white"/>%0A<path id="Vector_7" d="M5.2104 35.4617C7.95251 35.4617 9.98037 36.308 11.294 38.0008C12.6076 39.6936 13.2644 42.045 13.2644 45.0552C13.2644 48.0884 12.6076 50.4456 11.294 52.1269C9.98037 53.8082 7.95251 54.6488 5.2104 54.6488H0V35.4617H5.2104ZM4.96338 52.6497C6.97401 52.6497 8.3757 52.0063 9.17995 50.7195C9.9842 49.4327 10.3863 47.5427 10.3863 45.0552C10.3863 42.5678 9.9842 40.6836 9.17995 39.3968C8.3757 38.11 6.97401 37.4666 4.96338 37.4666H2.71148V52.6497H4.96338Z" fill="white"/>%0A<path id="Vector_8" d="M18.5954 52.4831C17.3047 50.7903 16.6594 48.3144 16.6594 45.0552C16.6594 41.7961 17.3047 39.3202 18.5954 37.6274C19.8898 35.9308 21.732 35.0825 24.1217 35.0825C26.5115 35.0825 28.3613 35.927 29.6711 37.6159C30.954 39.3048 31.5955 41.7846 31.5955 45.0552C31.5955 48.3259 30.9521 50.8152 29.6653 52.5233C28.3823 54.1969 26.5364 55.0337 24.1275 55.0337C21.7185 55.0337 19.8745 54.1835 18.5954 52.4831ZM20.6807 39.1382C19.9147 40.3944 19.5317 42.3667 19.5317 45.0552C19.5317 47.7437 19.9147 49.718 20.6807 50.978C21.0254 51.5787 21.5302 52.0719 22.1388 52.4025C22.7474 52.7332 23.4359 52.8884 24.1275 52.8507C24.8279 52.8921 25.5259 52.7371 26.143 52.4031C26.7601 52.0692 27.2717 51.5697 27.6202 50.9607C28.3555 49.7084 28.7232 47.7399 28.7232 45.0552C28.7232 42.3706 28.3536 40.3982 27.6145 39.1382C27.2674 38.5293 26.7569 38.0296 26.1407 37.6956C25.5245 37.3616 24.8271 37.2067 24.1275 37.2483C23.434 37.2116 22.7441 37.3691 22.1352 37.703C21.5264 38.0368 21.0226 38.5339 20.6807 39.1382Z" fill="white"/>%0A<path id="Vector_9" d="M35.7661 54.6488V35.4617H39.7414L42.8148 46.1237C43.5024 48.2936 43.9079 50.5429 44.0212 52.8163H44.2337C44.2993 50.5424 44.6861 48.2893 45.3827 46.1237L48.5939 35.4617H52.2762V54.6488H49.6911V43.7684C49.6911 41.5223 49.7773 39.414 49.9382 37.4493H49.7486C49.4555 39.2625 49.0527 41.0562 48.5422 42.8206L45.0954 54.6603H42.6827L39.121 42.5965C38.6304 40.9144 38.2467 39.2029 37.9721 37.4723H37.7767C37.9261 39.2417 38.0008 41.2638 38.0008 43.5272V54.6488H35.7661Z" fill="white"/>%0A<path id="Vector_10" d="M63.2314 55.0338C61.171 55.0338 59.5452 54.513 58.3542 53.4713C57.7505 52.9221 57.2734 52.2482 56.9559 51.4963C56.6385 50.7444 56.4884 49.9325 56.5159 49.1168L59.1699 48.3471C59.3155 51.4109 60.6769 52.9428 63.2544 52.9428C64.1809 52.9928 65.0963 52.7208 65.8452 52.173C66.1703 51.8898 66.4248 51.5346 66.5883 51.1356C66.7519 50.7367 66.82 50.3051 66.7873 49.8751C66.7873 48.416 65.9659 47.3647 64.3229 46.7213L61.1978 45.4632C58.5476 44.3986 57.2225 42.6254 57.2225 40.1437C57.1827 39.4334 57.3107 38.7236 57.5962 38.0719C57.8816 37.4202 58.3164 36.8449 58.8655 36.3924C60.1497 35.4549 61.7185 34.9902 63.3061 35.0769C64.8757 35.0068 66.4227 35.4705 67.695 36.3924C68.2714 36.8566 68.7344 37.4461 69.0489 38.116C69.3635 38.7859 69.5213 39.5186 69.5103 40.2586L66.9022 40.9997C66.7414 38.4605 65.5273 37.1909 63.2601 37.1909C62.4071 37.1241 61.5576 37.3578 60.8589 37.8516C60.5656 38.0978 60.3347 38.4098 60.185 38.7622C60.0352 39.1146 59.9709 39.4974 59.9972 39.8794C59.9571 40.5766 60.176 41.264 60.6118 41.8096C61.1632 42.3762 61.8346 42.812 62.5765 43.085L65.535 44.2339C68.2158 45.3139 69.5563 47.0871 69.5563 49.5534C69.6008 50.3128 69.4725 51.0723 69.181 51.7748C68.8894 52.4773 68.4422 53.1045 67.8731 53.6092C66.7529 54.5743 65.2076 55.0338 63.2314 55.0338Z" fill="white"/>%0A<path id="Vector_11" d="M85.8997 35.4617V37.6274H80.6376V54.6488H77.9491V37.6274H72.687V35.4617H85.8997Z" fill="white"/>%0A<path id="Vector_12" d="M90.4092 52.4831C89.1148 50.7903 88.4675 48.3144 88.4675 45.0552C88.4675 41.7961 89.1128 39.3202 90.4035 37.6274C91.6903 35.9308 93.5305 35.0825 95.9241 35.0825C98.3177 35.0825 100.167 35.927 101.473 37.6159C102.76 39.3048 103.404 41.7942 103.404 45.084C103.404 48.3737 102.76 50.8631 101.473 52.552C100.19 54.2065 98.3445 55.0337 95.9356 55.0337C93.5267 55.0337 91.6845 54.1835 90.4092 52.4831ZM92.4888 39.1382C91.7228 40.3944 91.3399 42.3667 91.3399 45.0552C91.3399 47.7437 91.7228 49.718 92.4888 50.978C92.866 51.5576 93.382 52.034 93.9899 52.3637C94.5978 52.6934 95.2785 52.8661 95.97 52.8661C96.6616 52.8661 97.3423 52.6934 97.9502 52.3637C98.5581 52.034 99.0741 51.5576 99.4513 50.978C100.171 49.7141 100.531 47.7399 100.531 45.0552C100.531 42.3706 100.162 40.3982 99.4226 39.1382C99.0454 38.5586 98.5294 38.0823 97.9215 37.7525C97.3136 37.4228 96.6329 37.2501 95.9413 37.2501C95.2497 37.2501 94.5691 37.4228 93.9612 37.7525C93.3532 38.0823 92.8373 38.5586 92.4601 39.1382H92.4888Z" fill="white"/>%0A<path id="Vector_13" d="M107.58 35.4617H110.297V52.4831H117.915V54.6488H107.574L107.58 35.4617Z" fill="white"/>%0A<path id="Vector_14" d="M124.544 52.6497H132.518V54.6488H121.833V35.4617H132.357V37.4666H124.544V43.7397H131.725V45.7446H124.544V52.6497Z" fill="white"/>%0A<path id="Vector_15" d="M149.321 50.6735C149.534 52.022 149.855 53.3513 150.28 54.6488H147.264C147.163 54.3399 147.081 54.0253 147.017 53.7067C146.942 53.3505 146.862 52.8622 146.77 52.2533C146.678 51.6444 146.615 51.2078 146.581 50.9493C146.289 49.0688 145.878 47.7993 145.345 47.1405C144.817 46.4857 143.949 46.1525 142.743 46.1525H139.871V54.6488H137.154V35.4617H143.731C145.52 35.4617 146.908 35.8963 147.896 36.7657C148.392 37.2209 148.781 37.7807 149.034 38.4047C149.288 39.0286 149.399 39.701 149.361 40.3733C149.394 41.0129 149.289 41.6521 149.052 42.247C148.815 42.8419 148.452 43.3786 147.988 43.8201C146.93 44.6951 145.579 45.1365 144.208 45.0552H143.438V45.2218H144.231C144.805 45.2563 145.19 45.285 145.466 45.3137C145.811 45.3579 146.151 45.4309 146.483 45.532C146.833 45.6236 147.153 45.8036 147.413 46.0548C147.676 46.3411 147.914 46.6485 148.126 46.9739C148.422 47.451 148.645 47.97 148.786 48.5135C148.982 49.1167 149.154 49.8348 149.321 50.6735ZM139.894 44.1821H143.151C143.608 44.2136 144.067 44.1508 144.499 43.9976C144.931 43.8445 145.326 43.6042 145.661 43.2916C146.273 42.5923 146.583 41.6795 146.523 40.7525C146.523 38.5638 145.403 37.4666 143.151 37.4666H139.894V44.1821Z" fill="white"/>%0A<path id="Vector_16" d="M150.389 75.0137H0V80H150.389V75.0137Z" fill="white"/>%0A</g>%0A<defs>%0A<clipPath id="clip0_18254_1882">%0A<rect width="150.389" height="80" fill="white"/>%0A</clipPath>%0A</defs>%0A</svg>%0A';
 
 // src/components/Footer/FooterLogo.tsx
-import { jsx as jsx263 } from "react/jsx-runtime";
+import { jsx as jsx264 } from "react/jsx-runtime";
 var FooterLogo = ({ hideBreakpoint, ...rest }) => {
-  return /* @__PURE__ */ jsx263(
+  return /* @__PURE__ */ jsx264(
     Box,
     {
       hideBelow: hideBreakpoint ? hideBreakpoint : void 0,
       width: "fit-content",
-      children: /* @__PURE__ */ jsx263(
+      children: /* @__PURE__ */ jsx264(
         "img",
         {
           height: 80,
@@ -8643,33 +8694,33 @@ var FooterLogo = ({ hideBreakpoint, ...rest }) => {
 };
 
 // src/components/Footer/FooterList.tsx
-import { jsx as jsx264 } from "react/jsx-runtime";
-var FooterList = ({ className, ...rest }) => /* @__PURE__ */ jsx264(StylelessList, { className: cn(className, Footer_default.list), ...rest });
+import { jsx as jsx265 } from "react/jsx-runtime";
+var FooterList = ({ className, ...rest }) => /* @__PURE__ */ jsx265(StylelessList, { className: cn(className, Footer_default.list), ...rest });
 
 // src/components/Footer/FooterSocialsList.tsx
-import { jsx as jsx265 } from "react/jsx-runtime";
+import { jsx as jsx266 } from "react/jsx-runtime";
 var FooterSocialsList = ({
   className,
   ...rest
-}) => /* @__PURE__ */ jsx265(StylelessList, { className: cn(className, Footer_default["socials-list"]), ...rest });
+}) => /* @__PURE__ */ jsx266(StylelessList, { className: cn(className, Footer_default["socials-list"]), ...rest });
 
 // src/components/Footer/FooterSocialsGroup.tsx
-import { jsx as jsx266 } from "react/jsx-runtime";
+import { jsx as jsx267 } from "react/jsx-runtime";
 var FooterSocialsGroup = ({
   className,
   ...rest
-}) => /* @__PURE__ */ jsx266("div", { className: cn(className, Footer_default["socials-group"]), ...rest });
+}) => /* @__PURE__ */ jsx267("div", { className: cn(className, Footer_default["socials-group"]), ...rest });
 
 // src/components/Footer/FooterListGroup.tsx
-import { jsx as jsx267 } from "react/jsx-runtime";
+import { jsx as jsx268 } from "react/jsx-runtime";
 var FooterListGroup = ({
   className,
   ...rest
-}) => /* @__PURE__ */ jsx267("div", { className: cn(className, Footer_default["list-group"]), ...rest });
+}) => /* @__PURE__ */ jsx268("div", { className: cn(className, Footer_default["list-group"]), ...rest });
 
 // src/components/Footer/FooterLeft.tsx
-import { jsx as jsx268 } from "react/jsx-runtime";
-var FooterLeft = ({ className, ...rest }) => /* @__PURE__ */ jsx268("div", { className: cn(className, Footer_default["left"]), ...rest });
+import { jsx as jsx269 } from "react/jsx-runtime";
+var FooterLeft = ({ className, ...rest }) => /* @__PURE__ */ jsx269("div", { className: cn(className, Footer_default["left"]), ...rest });
 
 // src/components/GlobalMessage/GlobalMessage.tsx
 import { useState as useState17 } from "react";
@@ -8686,7 +8737,7 @@ var GlobalMessage_default = {
 };
 
 // src/components/GlobalMessage/GlobalMessage.tsx
-import { jsx as jsx269, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx270, jsxs as jsxs60 } from "react/jsx-runtime";
 var icons = {
   info: InfoIcon,
   danger: ErrorIcon,
@@ -8725,12 +8776,12 @@ var GlobalMessage = ({
           {
             className: cn(GlobalMessage_default.content, closable && GlobalMessage_default["content--closable"]),
             children: [
-              /* @__PURE__ */ jsx269(Icon, { icon: icons[purpose], className: GlobalMessage_default.icon }),
-              children != null ? children : /* @__PURE__ */ jsx269("span", { children: message })
+              /* @__PURE__ */ jsx270(Icon, { icon: icons[purpose], className: GlobalMessage_default.icon }),
+              children != null ? children : /* @__PURE__ */ jsx270("span", { children: message })
             ]
           }
         ),
-        closable && /* @__PURE__ */ jsx269(
+        closable && /* @__PURE__ */ jsx270(
           Button,
           {
             icon: CloseIcon,
@@ -8755,14 +8806,14 @@ var InlineButton_default = {
 };
 
 // src/components/InlineButton/InlineButton.tsx
-import { jsx as jsx270 } from "react/jsx-runtime";
+import { jsx as jsx271 } from "react/jsx-runtime";
 var InlineButton = ({
   className,
   color,
   icon,
   children,
   ...rest
-}) => /* @__PURE__ */ jsx270(
+}) => /* @__PURE__ */ jsx271(
   StylelessButton,
   {
     className: cn(
@@ -8773,7 +8824,7 @@ var InlineButton = ({
       getColorCn(color)
     ),
     ...rest,
-    children: icon ? /* @__PURE__ */ jsx270(Icon, { icon, iconSize: "inherit" }) : children
+    children: icon ? /* @__PURE__ */ jsx271(Icon, { icon, iconSize: "inherit" }) : children
   }
 );
 
@@ -8786,7 +8837,7 @@ import {
   useContext as useContext16,
   useState as useState18
 } from "react";
-import { jsx as jsx271 } from "react/jsx-runtime";
+import { jsx as jsx272 } from "react/jsx-runtime";
 var InlineEditContext = createContext12(
   {}
 );
@@ -8830,7 +8881,7 @@ var InlineEditContextProvider = (props) => {
   useOnKeyDown(["Enter"], () => onExitHandler());
   useOnKeyDown(["Escape"], () => onExitHandler());
   useOnClickOutside(inputRef == null ? void 0 : inputRef.current, () => onExitHandler());
-  return /* @__PURE__ */ jsx271(
+  return /* @__PURE__ */ jsx272(
     InlineEditContext,
     {
       value: {
@@ -8848,7 +8899,7 @@ var InlineEditContextProvider = (props) => {
 InlineEditContextProvider.displayName = "InlineEditContextProvider";
 
 // src/components/InlineEdit/InlineField.tsx
-import { useId as useId15, useRef as useRef24 } from "react";
+import { useId as useId16, useRef as useRef24 } from "react";
 
 // src/components/InlineEdit/InlineEdit.module.css
 var InlineEdit_default = {
@@ -8934,7 +8985,7 @@ function createClearChangeEvent(elementId) {
 }
 
 // src/components/InlineEdit/InlineField.tsx
-import { Fragment as Fragment8, jsx as jsx272, jsxs as jsxs62 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx273, jsxs as jsxs62 } from "react/jsx-runtime";
 function InlineField(props) {
   const {
     elementType,
@@ -8950,7 +9001,7 @@ function InlineField(props) {
   } = props;
   const { onBlur, onChange, onFocus, isEditing, value, emptiable } = useInlineEditContext();
   const { t } = useTranslation();
-  const generatedId = useId15();
+  const generatedId = useId16();
   const uniqueId = id != null ? id : `${generatedId}-InlineEdit`;
   const hasErrorMessage = !!errorMessage;
   const hasErrorState = !!error || hasErrorMessage;
@@ -8980,7 +9031,7 @@ function InlineField(props) {
   const cnArgs = [hasErrorState, !isEditing && !hideIcon];
   const iconSize = "small";
   function makeIcon(icon, className2) {
-    return /* @__PURE__ */ jsx272(
+    return /* @__PURE__ */ jsx273(
       Icon,
       {
         iconSize,
@@ -8995,7 +9046,7 @@ function InlineField(props) {
   const renderElement = () => {
     switch (elementType) {
       case "input":
-        return /* @__PURE__ */ jsx272(
+        return /* @__PURE__ */ jsx273(
           "input",
           {
             ...rest,
@@ -9005,7 +9056,7 @@ function InlineField(props) {
           }
         );
       case "textarea":
-        return /* @__PURE__ */ jsx272(
+        return /* @__PURE__ */ jsx273(
           "textarea",
           {
             ...rest,
@@ -9016,7 +9067,7 @@ function InlineField(props) {
         );
       case "select":
         return /* @__PURE__ */ jsxs62(Fragment8, { children: [
-          /* @__PURE__ */ jsx272(
+          /* @__PURE__ */ jsx273(
             "select",
             {
               ...rest,
@@ -9025,7 +9076,7 @@ function InlineField(props) {
               className: cn(className, ...inlineSelectCns(...cnArgs, hasValue))
             }
           ),
-          hasValue && emptiable && /* @__PURE__ */ jsx272(
+          hasValue && emptiable && /* @__PURE__ */ jsx273(
             ClearButton,
             {
               "aria-label": t(commonTexts.clearSelect),
@@ -9051,7 +9102,7 @@ function InlineField(props) {
 }
 
 // src/components/InlineEdit/InlineEditTextArea/InlineEditTextArea.tsx
-import { jsx as jsx273 } from "react/jsx-runtime";
+import { jsx as jsx274 } from "react/jsx-runtime";
 var InlineEditTextArea = ({
   onSetValue,
   emptiable,
@@ -9064,7 +9115,7 @@ var InlineEditTextArea = ({
 }) => {
   const textareaRef = useRef25(null);
   const combinedRef = useCombinedRef(ref, textareaRef);
-  return /* @__PURE__ */ jsx273(
+  return /* @__PURE__ */ jsx274(
     InlineEditContextProvider,
     {
       onSetValue,
@@ -9074,14 +9125,14 @@ var InlineEditTextArea = ({
       onFocus,
       onChange,
       onBlur,
-      children: /* @__PURE__ */ jsx273(InlineField, { elementType: "textarea", ...rest, ref: combinedRef })
+      children: /* @__PURE__ */ jsx274(InlineField, { elementType: "textarea", ...rest, ref: combinedRef })
     }
   );
 };
 
 // src/components/InlineEdit/InlineEditInput/InlineEditInput.tsx
 import { useRef as useRef26 } from "react";
-import { jsx as jsx274 } from "react/jsx-runtime";
+import { jsx as jsx275 } from "react/jsx-runtime";
 var InlineEditInput = ({
   onSetValue,
   emptiable,
@@ -9094,7 +9145,7 @@ var InlineEditInput = ({
 }) => {
   const inputRef = useRef26(null);
   const combinedRef = useCombinedRef(ref, inputRef);
-  return /* @__PURE__ */ jsx274(
+  return /* @__PURE__ */ jsx275(
     InlineEditContextProvider,
     {
       onSetValue,
@@ -9104,14 +9155,14 @@ var InlineEditInput = ({
       onFocus,
       onChange,
       onBlur,
-      children: /* @__PURE__ */ jsx274(InlineField, { elementType: "input", ...rest, ref: combinedRef })
+      children: /* @__PURE__ */ jsx275(InlineField, { elementType: "input", ...rest, ref: combinedRef })
     }
   );
 };
 
 // src/components/InlineEdit/InlineEditSelect/InlineEditSelect.tsx
 import { useRef as useRef27 } from "react";
-import { jsx as jsx275 } from "react/jsx-runtime";
+import { jsx as jsx276 } from "react/jsx-runtime";
 var InlineEditSelect = ({
   onSetValue,
   emptiable,
@@ -9124,7 +9175,7 @@ var InlineEditSelect = ({
 }) => {
   const inputRef = useRef27(null);
   const combinedRef = useCombinedRef(ref, inputRef);
-  return /* @__PURE__ */ jsx275(
+  return /* @__PURE__ */ jsx276(
     InlineEditContextProvider,
     {
       onSetValue,
@@ -9134,7 +9185,7 @@ var InlineEditSelect = ({
       onFocus,
       onChange,
       onBlur,
-      children: /* @__PURE__ */ jsx275(InlineField, { elementType: "select", ...rest, ref: combinedRef })
+      children: /* @__PURE__ */ jsx276(InlineField, { elementType: "select", ...rest, ref: combinedRef })
     }
   );
 };
@@ -9156,8 +9207,8 @@ var InternalHeader_default = {
 };
 
 // src/components/InternalHeader/NavigationItem.tsx
-import { jsx as jsx276 } from "react/jsx-runtime";
-var NavigationItem = ({ isCurrent, ...rest }) => /* @__PURE__ */ jsx276(
+import { jsx as jsx277 } from "react/jsx-runtime";
+var NavigationItem = ({ isCurrent, ...rest }) => /* @__PURE__ */ jsx277(
   "a",
   {
     ...rest,
@@ -9172,7 +9223,7 @@ var NavigationItem = ({ isCurrent, ...rest }) => /* @__PURE__ */ jsx276(
 );
 
 // src/components/InternalHeader/InternalHeader.tsx
-import { jsx as jsx277, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx278, jsxs as jsxs63 } from "react/jsx-runtime";
 import { createElement as createElement2 } from "react";
 var InternalHeader = (props) => {
   const {
@@ -9202,7 +9253,7 @@ var InternalHeader = (props) => {
   const hasContextMenuElements = !!contextMenuItems && contextMenuItems.length > 0;
   const hasSmallScreenBreakpoint = !!smallScreenBreakpoint;
   const hasNavInContextMenu = hasSmallScreenBreakpoint && hasNavigationElements;
-  const navigation = hasNavigationElements ? /* @__PURE__ */ jsx277("nav", { "aria-label": t(texts17.siteNavigation), children: /* @__PURE__ */ jsx277(
+  const navigation = hasNavigationElements ? /* @__PURE__ */ jsx278("nav", { "aria-label": t(texts17.siteNavigation), children: /* @__PURE__ */ jsx278(
     ShowHide,
     {
       as: StylelessList,
@@ -9211,7 +9262,7 @@ var InternalHeader = (props) => {
       children: navItems.map((item, i) => {
         const { href, ...rest2 } = item;
         const isCurrent = href === currentPage;
-        return /* @__PURE__ */ jsx277("li", { className: InternalHeader_default["nav-list__item"], children: /* @__PURE__ */ jsx277(
+        return /* @__PURE__ */ jsx278("li", { className: InternalHeader_default["nav-list__item"], children: /* @__PURE__ */ jsx278(
           NavigationItem,
           {
             href,
@@ -9243,7 +9294,7 @@ var InternalHeader = (props) => {
         rest
       ),
       children: [
-        /* @__PURE__ */ jsx277(Typography, { typographyType: "headingSmall", bold: true, as: "span", children: applicationHref ? /* @__PURE__ */ jsx277(
+        /* @__PURE__ */ jsx278(Typography, { typographyType: "headingSmall", bold: true, as: "span", children: applicationHref ? /* @__PURE__ */ jsx278(
           "a",
           {
             href: applicationHref,
@@ -9252,16 +9303,16 @@ var InternalHeader = (props) => {
             children: applicationName
           }
         ) : applicationName }),
-        /* @__PURE__ */ jsx277(Typography, { typographyType: "bodyMedium", as: "span", children: applicationDesc }),
-        (hasContextMenu || navigation !== null) && /* @__PURE__ */ jsx277("div", { className: InternalHeader_default["bar-separator"] }),
+        /* @__PURE__ */ jsx278(Typography, { typographyType: "bodyMedium", as: "span", children: applicationDesc }),
+        (hasContextMenu || navigation !== null) && /* @__PURE__ */ jsx278("div", { className: InternalHeader_default["bar-separator"] }),
         navigation,
-        hasContextMenu && /* @__PURE__ */ jsx277(
+        hasContextMenu && /* @__PURE__ */ jsx278(
           ShowHide,
           {
             showBelow: !hasContextMenuLargeScreen && hasSmallScreenBreakpoint ? smallScreenBreakpoint : void 0,
             className: cn(InternalHeader_default["context-menu-group"]),
             children: /* @__PURE__ */ jsxs63(OverflowMenuGroup, { children: [
-              /* @__PURE__ */ jsx277(
+              /* @__PURE__ */ jsx278(
                 Button,
                 {
                   icon: hasNavInContextMenu ? MenuIcon : MoreVerticalIcon,
@@ -9270,24 +9321,24 @@ var InternalHeader = (props) => {
                 }
               ),
               /* @__PURE__ */ jsxs63(OverflowMenu, { className: InternalHeader_default["context-menu"], children: [
-                user && /* @__PURE__ */ jsx277(OverflowMenuList, { children: user.href ? /* @__PURE__ */ jsx277(OverflowMenuLink, { icon: PersonIcon, ...user }) : /* @__PURE__ */ jsx277(OverflowMenuSpan, { icon: PersonIcon, ...user }) }),
-                hasNavInContextMenu && /* @__PURE__ */ jsx277(
+                user && /* @__PURE__ */ jsx278(OverflowMenuList, { children: user.href ? /* @__PURE__ */ jsx278(OverflowMenuLink, { icon: PersonIcon, ...user }) : /* @__PURE__ */ jsx278(OverflowMenuSpan, { icon: PersonIcon, ...user }) }),
+                hasNavInContextMenu && /* @__PURE__ */ jsx278(
                   ShowHide,
                   {
                     as: "nav",
                     "aria-label": t(texts17.siteNavigation),
                     showBelow: smallScreenBreakpoint,
-                    children: /* @__PURE__ */ jsx277(OverflowMenuList, { children: navItems.map((item, i) => /* @__PURE__ */ createElement2(OverflowMenuLink, { ...item, key: `nav-${i}` })) })
+                    children: /* @__PURE__ */ jsx278(OverflowMenuList, { children: navItems.map((item, i) => /* @__PURE__ */ createElement2(OverflowMenuLink, { ...item, key: `nav-${i}` })) })
                   }
                 ),
-                hasNavInContextMenu && hasContextMenuElements && /* @__PURE__ */ jsx277(
+                hasNavInContextMenu && hasContextMenuElements && /* @__PURE__ */ jsx278(
                   ShowHide,
                   {
                     as: OverflowMenuDivider,
                     showBelow: smallScreenBreakpoint
                   }
                 ),
-                hasContextMenuElements && /* @__PURE__ */ jsx277(OverflowMenuList, { children: contextMenuItems.map((item, i) => {
+                hasContextMenuElements && /* @__PURE__ */ jsx278(OverflowMenuList, { children: contextMenuItems.map((item, i) => {
                   return item.href ? /* @__PURE__ */ createElement2(
                     OverflowMenuLink,
                     {
@@ -9336,7 +9387,7 @@ var List_default = {
 };
 
 // src/components/List/List.tsx
-import { jsx as jsx278 } from "react/jsx-runtime";
+import { jsx as jsx279 } from "react/jsx-runtime";
 var List = ({
   listType = "unordered",
   typographyType = "inherit",
@@ -9347,7 +9398,7 @@ var List = ({
   ...rest
 }) => {
   const List2 = listType === "ordered" ? "ol" : "ul";
-  return /* @__PURE__ */ jsx278(
+  return /* @__PURE__ */ jsx279(
     List2,
     {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
@@ -9363,8 +9414,8 @@ var List = ({
 List.displayName = "List";
 
 // src/components/List/ListItem.tsx
-import { jsx as jsx279 } from "react/jsx-runtime";
-var ListItem = ({ className, ...rest }) => /* @__PURE__ */ jsx279("li", { ...rest, className: cn(className, List_default.li) });
+import { jsx as jsx280 } from "react/jsx-runtime";
+var ListItem = ({ className, ...rest }) => /* @__PURE__ */ jsx280("li", { ...rest, className: cn(className, List_default.li) });
 ListItem.displayName = "ListItem";
 
 // src/components/LocalMessage/LocalMessage.tsx
@@ -9389,7 +9440,7 @@ var LocalMessage_default = {
 };
 
 // src/components/LocalMessage/LocalMessage.tsx
-import { Fragment as Fragment9, jsx as jsx280, jsxs as jsxs64 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx281, jsxs as jsxs64 } from "react/jsx-runtime";
 var icons2 = {
   info: InfoIcon,
   danger: ErrorIcon,
@@ -9413,7 +9464,7 @@ var LocalMessage = ({
   const { t } = useTranslation();
   const [isClosed, setClosed] = useState20(false);
   if (isClosed) {
-    return /* @__PURE__ */ jsx280(Fragment9, {});
+    return /* @__PURE__ */ jsx281(Fragment9, {});
   }
   return /* @__PURE__ */ jsxs64(
     Box,
@@ -9436,15 +9487,15 @@ var LocalMessage = ({
       padding: "x0.75 x0.75 x0.75 x0.5",
       gap: "x0.5",
       children: [
-        /* @__PURE__ */ jsx280(
+        /* @__PURE__ */ jsx281(
           Icon,
           {
             icon: icons2[purpose],
             className: cn(LocalMessage_default.icon, LocalMessage_default.container__icon)
           }
         ),
-        /* @__PURE__ */ jsx280("div", { className: LocalMessage_default.container__text, children: children != null ? children : /* @__PURE__ */ jsx280("span", { children: message }) }),
-        closable && /* @__PURE__ */ jsx280(
+        /* @__PURE__ */ jsx281("div", { className: LocalMessage_default.container__text, children: children != null ? children : /* @__PURE__ */ jsx281("span", { children: message }) }),
+        closable && /* @__PURE__ */ jsx281(
           Button,
           {
             icon: CloseIcon,
@@ -9468,7 +9519,7 @@ LocalMessage.displayName = "LocalMessage";
 import {
   useContext as useContext17,
   useEffect as useEffect24,
-  useId as useId16,
+  useId as useId17,
   useRef as useRef28
 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
@@ -9484,7 +9535,7 @@ var Modal_default = {
 };
 
 // src/components/Modal/Modal.tsx
-import { jsx as jsx281, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx282, jsxs as jsxs65 } from "react/jsx-runtime";
 var Modal = ({
   isOpen = false,
   parentElement,
@@ -9500,7 +9551,7 @@ var Modal = ({
   ref,
   ...rest
 }) => {
-  const generatedId = useId16();
+  const generatedId = useId17();
   const modalId = id != null ? id : `${generatedId}-modal`;
   const headerId = `${modalId}-header`;
   const modalRef = useFocusTrap(isOpen, initialFocusRef);
@@ -9535,7 +9586,7 @@ var Modal = ({
   useOnKeyDown(["Escape", "Esc"], () => handleClose());
   const hasTransitionedIn = useMountTransition(isOpen, 200);
   return (isOpen || hasTransitionedIn) && portalTarget ? createPortal3(
-    /* @__PURE__ */ jsx281(
+    /* @__PURE__ */ jsx282(
       Backdrop,
       {
         zIndex: "modal",
@@ -9579,8 +9630,8 @@ var Modal = ({
                   width: "100%",
                   className: Modal_default["header-container"],
                   children: [
-                    !!header && /* @__PURE__ */ jsx281("div", { id: headerId, children: typeof header === "string" ? /* @__PURE__ */ jsx281(Heading, { level: 2, typographyType: "headingLarge", children: header }) : header }),
-                    onClose && /* @__PURE__ */ jsx281(
+                    !!header && /* @__PURE__ */ jsx282("div", { id: headerId, children: typeof header === "string" ? /* @__PURE__ */ jsx282(Heading, { level: 2, typographyType: "headingLarge", children: header }) : header }),
+                    onClose && /* @__PURE__ */ jsx282(
                       Button,
                       {
                         size: "small",
@@ -9594,7 +9645,7 @@ var Modal = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx281(Box, { display: "grid", gap: "x1", children })
+              /* @__PURE__ */ jsx282(Box, { display: "grid", gap: "x1", children })
             ]
           }
         )
@@ -9606,7 +9657,7 @@ var Modal = ({
 Modal.displayName = "Modal";
 
 // src/components/Modal/ModalBody.tsx
-import { jsx as jsx282 } from "react/jsx-runtime";
+import { jsx as jsx283 } from "react/jsx-runtime";
 var ModalBody = ({
   children,
   id,
@@ -9616,7 +9667,7 @@ var ModalBody = ({
   height,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx282(
+  return /* @__PURE__ */ jsx283(
     "div",
     {
       ...getBaseHTMLProps(
@@ -9638,8 +9689,8 @@ var ModalBody = ({
 ModalBody.displayName = "ModalBody";
 
 // src/components/Modal/ModalActions.tsx
-import { jsx as jsx283 } from "react/jsx-runtime";
-var ModalActions = (props) => /* @__PURE__ */ jsx283(Box, { display: "flex", flexWrap: "wrap", gap: "x1", ...props });
+import { jsx as jsx284 } from "react/jsx-runtime";
+var ModalActions = (props) => /* @__PURE__ */ jsx284(Box, { display: "flex", flexWrap: "wrap", gap: "x1", ...props });
 ModalActions.displayName = "ModalActions";
 
 // src/components/Pagination/Pagination.tsx
@@ -9691,7 +9742,7 @@ function PaginationGenerator(pagesAmount, activePage) {
 import {
   useCallback as useCallback7,
   useContext as useContext18,
-  useId as useId17
+  useId as useId18
 } from "react";
 import {
   default as ReactSelect
@@ -9978,7 +10029,7 @@ import React from "react";
 import {
   components
 } from "react-select";
-import { jsx as jsx284, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx285, jsxs as jsxs66 } from "react/jsx-runtime";
 var {
   Option,
   NoOptionsMessage,
@@ -10002,29 +10053,29 @@ var getIndicatorIconSize = (componentSize) => {
 var DDSOption = ({
   ...props
 }) => /* @__PURE__ */ jsxs66(Option, { ...props, children: [
-  props.isSelected && /* @__PURE__ */ jsx284(Icon, { icon: CheckIcon, iconSize: "small" }),
+  props.isSelected && /* @__PURE__ */ jsx285(Icon, { icon: CheckIcon, iconSize: "small" }),
   props.children
 ] });
-var CustomOption = (props) => /* @__PURE__ */ jsx284(Option, { ...props, children: React.createElement(props.customElement, props) });
+var CustomOption = (props) => /* @__PURE__ */ jsx285(Option, { ...props, children: React.createElement(props.customElement, props) });
 var CustomSingleValue = ({
   id,
   Element,
   ...props
-}) => /* @__PURE__ */ jsx284(SingleValue, { ...props, children: /* @__PURE__ */ jsx284("div", { id, className: Select_default["inner-single-value"], children: Element ? /* @__PURE__ */ jsx284(Element, { ...props }) : props.children }) });
-var DDSNoOptionsMessage = (props) => /* @__PURE__ */ jsx284(NoOptionsMessage, { ...props, children: "Ingen treff" });
+}) => /* @__PURE__ */ jsx285(SingleValue, { ...props, children: /* @__PURE__ */ jsx285("div", { id, className: Select_default["inner-single-value"], children: Element ? /* @__PURE__ */ jsx285(Element, { ...props }) : props.children }) });
+var DDSNoOptionsMessage = (props) => /* @__PURE__ */ jsx285(NoOptionsMessage, { ...props, children: "Ingen treff" });
 var DDSClearIndicator = ({
   size: size2,
   ...props
-}) => /* @__PURE__ */ jsx284(ClearIndicator, { ...props, children: /* @__PURE__ */ jsx284(Icon, { icon: CloseSmallIcon, iconSize: getIndicatorIconSize(size2) }) });
-var DDSMultiValueRemove = (props) => /* @__PURE__ */ jsx284(MultiValueRemove, { ...props, children: /* @__PURE__ */ jsx284(Icon, { icon: CloseSmallIcon, iconSize: "small" }) });
+}) => /* @__PURE__ */ jsx285(ClearIndicator, { ...props, children: /* @__PURE__ */ jsx285(Icon, { icon: CloseSmallIcon, iconSize: getIndicatorIconSize(size2) }) });
+var DDSMultiValueRemove = (props) => /* @__PURE__ */ jsx285(MultiValueRemove, { ...props, children: /* @__PURE__ */ jsx285(Icon, { icon: CloseSmallIcon, iconSize: "small" }) });
 var DDSDropdownIndicator = (props) => {
   const { className, componentSize, ...rest } = props;
-  return /* @__PURE__ */ jsx284(
+  return /* @__PURE__ */ jsx285(
     DropdownIndicator,
     {
       ...rest,
       className: cn(className, Select_default["dropdown-indicator"]),
-      children: /* @__PURE__ */ jsx284(
+      children: /* @__PURE__ */ jsx285(
         Icon,
         {
           icon: ChevronDownIcon,
@@ -10038,7 +10089,7 @@ var DDSInput = ({
   ariaInvalid,
   ariaDescribedby,
   ...props
-}) => /* @__PURE__ */ jsx284(
+}) => /* @__PURE__ */ jsx285(
   Input2,
   {
     ...props,
@@ -10072,7 +10123,7 @@ function DDSControl(props) {
         readOnly && Select_default["control--readonly"]
       ),
       children: [
-        icon && /* @__PURE__ */ jsx284(
+        icon && /* @__PURE__ */ jsx285(
           Icon,
           {
             icon,
@@ -10090,7 +10141,7 @@ function DDSControl(props) {
 }
 
 // src/components/Select/Select.tsx
-import { jsx as jsx285, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx286, jsxs as jsxs67 } from "react/jsx-runtime";
 function Select({
   id,
   label,
@@ -10127,7 +10178,7 @@ function Select({
     throw new Error("Select must be used within a ThemeProvider");
   }
   const portalTarget = menuPortalTarget != null ? menuPortalTarget : themeContext == null ? void 0 : themeContext.el;
-  const generatedId = useId17();
+  const generatedId = useId18();
   const uniqueId = id != null ? id : `${generatedId}-select`;
   const singleValueId = !isMulti ? `${uniqueId}-singleValue` : void 0;
   const hasErrorMessage = !!errorMessage;
@@ -10140,7 +10191,7 @@ function Select({
     componentSize === "xsmall" && "var(--dds-input-default-width-xsmall)"
   );
   const customInput = useCallback7(
-    (props) => /* @__PURE__ */ jsx285(
+    (props) => /* @__PURE__ */ jsx286(
       DDSInput,
       {
         ...props,
@@ -10158,7 +10209,7 @@ function Select({
     []
   );
   const customSingleValue = useCallback7(
-    (props) => /* @__PURE__ */ jsx285(
+    (props) => /* @__PURE__ */ jsx286(
       CustomSingleValue,
       {
         ...props,
@@ -10169,15 +10220,15 @@ function Select({
     []
   );
   const customClearIndicator = useCallback7(
-    (props) => /* @__PURE__ */ jsx285(DDSClearIndicator, { ...props, size: componentSize }),
+    (props) => /* @__PURE__ */ jsx286(DDSClearIndicator, { ...props, size: componentSize }),
     [componentSize]
   );
   const customDropdownIndicator = useCallback7(
-    (props) => /* @__PURE__ */ jsx285(DDSDropdownIndicator, { ...props, componentSize }),
+    (props) => /* @__PURE__ */ jsx286(DDSDropdownIndicator, { ...props, componentSize }),
     [componentSize]
   );
   const customControl = useCallback7(
-    (props) => /* @__PURE__ */ jsx285(
+    (props) => /* @__PURE__ */ jsx286(
       DDSControl,
       {
         ...props,
@@ -10192,9 +10243,9 @@ function Select({
   const customOptionComponent = useCallback7(
     (props) => {
       if (customOptionElement) {
-        return /* @__PURE__ */ jsx285(CustomOption, { ...props, customElement: customOptionElement });
+        return /* @__PURE__ */ jsx286(CustomOption, { ...props, customElement: customOptionElement });
       } else {
-        return /* @__PURE__ */ jsx285(DDSOption, { ...props });
+        return /* @__PURE__ */ jsx286(DDSOption, { ...props });
       }
     },
     [customOptionElement, componentSize]
@@ -10208,7 +10259,7 @@ function Select({
     placeholder: placeholder ? placeholder : "",
     closeMenuOnSelect: closeMenuOnSelect ? closeMenuOnSelect : isMulti ? false : true,
     isMulti,
-    instanceId: instanceId != null ? instanceId : useId17(),
+    instanceId: instanceId != null ? instanceId : useId18(),
     inputId: uniqueId,
     name: uniqueId,
     menuPortalTarget: portalTarget,
@@ -10258,7 +10309,7 @@ function Select({
           readOnly,
           afterLabelContent
         }),
-        /* @__PURE__ */ jsx285(ReactSelect, { ...reactSelectProps, ref }),
+        /* @__PURE__ */ jsx286(ReactSelect, { ...reactSelectProps, ref }),
         renderInputMessage(tip, tipId, errorMessage, errorMessageId)
       ]
     }
@@ -10267,7 +10318,7 @@ function Select({
 Select.displayName = "Select";
 
 // src/components/Select/NativeSelect/NativeSelect.tsx
-import { useEffect as useEffect25, useId as useId18, useRef as useRef29, useState as useState21 } from "react";
+import { useEffect as useEffect25, useId as useId19, useRef as useRef29, useState as useState21 } from "react";
 
 // src/components/Select/NativeSelect/NativeSelect.module.css
 var NativeSelect_default = {
@@ -10285,7 +10336,7 @@ var NativeSelect_default = {
 };
 
 // src/components/Select/NativeSelect/NativeSelect.tsx
-import { jsx as jsx286, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx287, jsxs as jsxs68 } from "react/jsx-runtime";
 var NativeSelect = ({
   ref,
   id,
@@ -10330,7 +10381,7 @@ var NativeSelect = ({
       }
     }
   }, [clearable]);
-  const generatedId = useId18();
+  const generatedId = useId19();
   const uniqueId = id != null ? id : `${generatedId}-native-select`;
   const hasErrorMessage = !!errorMessage;
   const hasTip = !!tip;
@@ -10361,7 +10412,7 @@ var NativeSelect = ({
       afterLabelContent
     }),
     /* @__PURE__ */ jsxs68(Box, { position: "relative", width: inputWidth, children: [
-      /* @__PURE__ */ jsx286(
+      /* @__PURE__ */ jsx287(
         "select",
         {
           ref: useCombinedRef(ref, selectRef),
@@ -10395,7 +10446,7 @@ var NativeSelect = ({
           children
         }
       ),
-      showClearButton && /* @__PURE__ */ jsx286(
+      showClearButton && /* @__PURE__ */ jsx287(
         ClearButton,
         {
           "aria-label": t(commonTexts.clearSelect),
@@ -10404,7 +10455,7 @@ var NativeSelect = ({
           className: NativeSelect_default[`clear-button--${iconSize}`]
         }
       ),
-      !multiple && /* @__PURE__ */ jsx286(
+      !multiple && /* @__PURE__ */ jsx287(
         Icon,
         {
           icon: ChevronDownIcon,
@@ -10420,14 +10471,14 @@ var NativeSelectPlaceholder = ({
   children = "-- Velg fra listen --",
   value,
   ...rest
-}) => /* @__PURE__ */ jsx286("option", { value: value != null ? value : "", selected: true, ...rest, children });
+}) => /* @__PURE__ */ jsx287("option", { value: value != null ? value : "", selected: true, ...rest, children });
 NativeSelectPlaceholder.displayName = "NativeSelectPlaceholder";
 
 // src/components/Select/utils.ts
 var createSelectOptions = (...args) => args.map((v) => ({ label: v, value: v }));
 
 // src/components/Pagination/Pagination.tsx
-import { jsx as jsx287, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx288, jsxs as jsxs69 } from "react/jsx-runtime";
 var Pagination = ({
   itemsAmount,
   defaultItemsPerPage = 10,
@@ -10480,7 +10531,7 @@ var Pagination = ({
   };
   const listItems = items.length > 0 ? items.map((item, i) => {
     const isActive = item === activePage;
-    return /* @__PURE__ */ jsx287("li", { className: Pagination_default.list__item, children: item !== "truncator" && typeof item === "number" ? /* @__PURE__ */ jsx287(
+    return /* @__PURE__ */ jsx288("li", { className: Pagination_default.list__item, children: item !== "truncator" && typeof item === "number" ? /* @__PURE__ */ jsx288(
       Button,
       {
         purpose: isActive ? "primary" : "secondary",
@@ -10491,7 +10542,7 @@ var Pagination = ({
         "aria-label": isActive ? t(texts18.currentPage(item)) : t(texts18.page(item)),
         children: item
       }
-    ) : /* @__PURE__ */ jsx287(
+    ) : /* @__PURE__ */ jsx288(
       Icon,
       {
         icon: MoreHorizontalIcon,
@@ -10499,7 +10550,7 @@ var Pagination = ({
       }
     ) }, `pagination-item-${i}`);
   }) : void 0;
-  const previousPageButton = /* @__PURE__ */ jsx287(
+  const previousPageButton = /* @__PURE__ */ jsx288(
     Button,
     {
       purpose: "secondary",
@@ -10511,7 +10562,7 @@ var Pagination = ({
       "aria-label": t(texts18.previousPage)
     }
   );
-  const nextPageButton = /* @__PURE__ */ jsx287(
+  const nextPageButton = /* @__PURE__ */ jsx288(
     Button,
     {
       purpose: "secondary",
@@ -10544,7 +10595,7 @@ var Pagination = ({
             hideBelow: smallScreenBreakpoint,
             className: Pagination_default.list,
             children: [
-              /* @__PURE__ */ jsx287(
+              /* @__PURE__ */ jsx288(
                 "li",
                 {
                   className: cn(
@@ -10556,7 +10607,7 @@ var Pagination = ({
                 }
               ),
               listItems,
-              /* @__PURE__ */ jsx287(
+              /* @__PURE__ */ jsx288(
                 "li",
                 {
                   className: cn(
@@ -10577,7 +10628,7 @@ var Pagination = ({
             showBelow: smallScreenBreakpoint,
             className: Pagination_default.list,
             children: [
-              /* @__PURE__ */ jsx287(
+              /* @__PURE__ */ jsx288(
                 "li",
                 {
                   className: cn(
@@ -10585,7 +10636,7 @@ var Pagination = ({
                     isOnFirstPage && Pagination_default["list__item--hidden"]
                   ),
                   "aria-hidden": isOnFirstPage,
-                  children: /* @__PURE__ */ jsx287(
+                  children: /* @__PURE__ */ jsx288(
                     Button,
                     {
                       purpose: "secondary",
@@ -10599,7 +10650,7 @@ var Pagination = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx287(
+              /* @__PURE__ */ jsx288(
                 "li",
                 {
                   className: cn(
@@ -10610,7 +10661,7 @@ var Pagination = ({
                   children: previousPageButton
                 }
               ),
-              /* @__PURE__ */ jsx287("li", { className: Pagination_default.list__item, children: /* @__PURE__ */ jsx287(
+              /* @__PURE__ */ jsx288("li", { className: Pagination_default.list__item, children: /* @__PURE__ */ jsx288(
                 Button,
                 {
                   size: "small",
@@ -10620,7 +10671,7 @@ var Pagination = ({
                   children: activePage
                 }
               ) }),
-              /* @__PURE__ */ jsx287(
+              /* @__PURE__ */ jsx288(
                 "li",
                 {
                   className: cn(
@@ -10631,7 +10682,7 @@ var Pagination = ({
                   children: nextPageButton
                 }
               ),
-              /* @__PURE__ */ jsx287(
+              /* @__PURE__ */ jsx288(
                 "li",
                 {
                   className: cn(
@@ -10639,7 +10690,7 @@ var Pagination = ({
                     isOnLastPage && Pagination_default["list__item--hidden"]
                   ),
                   "aria-hidden": isOnLastPage,
-                  children: /* @__PURE__ */ jsx287(
+                  children: /* @__PURE__ */ jsx288(
                     Button,
                     {
                       purpose: "secondary",
@@ -10673,7 +10724,7 @@ var Pagination = ({
       ...getBaseHTMLProps(id, className, htmlProps, rest),
       children: [
         /* @__PURE__ */ jsxs69("div", { className: Pagination_default.indicators, children: [
-          withSelect && /* @__PURE__ */ jsx287(
+          withSelect && /* @__PURE__ */ jsx288(
             Select,
             {
               options: selectOptions,
@@ -10689,7 +10740,7 @@ var Pagination = ({
               "aria-label": t(texts18.itemsPerPage)
             }
           ),
-          withCounter && /* @__PURE__ */ jsx287(Paragraph, { children: t(
+          withCounter && /* @__PURE__ */ jsx288(Paragraph, { children: t(
             texts18.showsAmountOfTotalItems(
               activePageFirstItem,
               activePageLastItem,
@@ -10763,7 +10814,7 @@ var texts18 = createTexts({
 // src/components/PhoneInput/PhoneInput.tsx
 import {
   useEffect as useEffect26,
-  useId as useId19,
+  useId as useId20,
   useLayoutEffect as useLayoutEffect2,
   useRef as useRef30,
   useState as useState23
@@ -11167,7 +11218,7 @@ var PhoneInput_default = {
 };
 
 // src/components/PhoneInput/PhoneInput.tsx
-import { jsx as jsx288, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx289, jsxs as jsxs70 } from "react/jsx-runtime";
 var prioritizedCountries = [
   COUNTRIES.NO,
   COUNTRIES.SE,
@@ -11229,7 +11280,7 @@ var PhoneInput = ({
   const { t } = useTranslation();
   const tGroupLabel = groupLabel != null ? groupLabel : t(texts19.countryCodeAndPhoneNumber);
   const tSelectLabel = selectLabel != null ? selectLabel : t(texts19.countryCode);
-  const generatedId = useId19();
+  const generatedId = useId20();
   const uniqueId = (_a = props.id) != null ? _a : generatedId;
   const phoneInputId = `${uniqueId}-phone-input`;
   const phoneNumberId = `${uniqueId}-phone-number`;
@@ -11326,8 +11377,8 @@ var PhoneInput = ({
         role: "group",
         "aria-label": tGroupLabel,
         children: [
-          /* @__PURE__ */ jsx288("label", { className: utilStyles_default["visually-hidden"], htmlFor: selectId, children: tSelectLabel }),
-          /* @__PURE__ */ jsx288(
+          /* @__PURE__ */ jsx289("label", { className: utilStyles_default["visually-hidden"], htmlFor: selectId, children: tSelectLabel }),
+          /* @__PURE__ */ jsx289(
             NativeSelect,
             {
               width: styleUpToBreakpoint(
@@ -11348,11 +11399,11 @@ var PhoneInput = ({
                 hasTip ? tipId : void 0,
                 ariaDescribedby
               ]),
-              children: countryOptions.map((item, index) => /* @__PURE__ */ jsx288("option", { value: item.countryCode, children: item.label }, index))
+              children: countryOptions.map((item, index) => /* @__PURE__ */ jsx289("option", { value: item.countryCode, children: item.label }, index))
             }
           ),
           /* @__PURE__ */ jsxs70(Box, { width: "100%", className: Input_default["input-group"], children: [
-            /* @__PURE__ */ jsx288(
+            /* @__PURE__ */ jsx289(
               "span",
               {
                 className: cn(
@@ -11364,7 +11415,7 @@ var PhoneInput = ({
                 children: callingCode
               }
             ),
-            /* @__PURE__ */ jsx288(
+            /* @__PURE__ */ jsx289(
               Box,
               {
                 as: StatefulInput,
@@ -11421,7 +11472,7 @@ var texts19 = createTexts({
 import {
   useContext as useContext20,
   useEffect as useEffect27,
-  useId as useId20
+  useId as useId21
 } from "react";
 import { createPortal as createPortal4 } from "react-dom";
 
@@ -11442,7 +11493,7 @@ var PopoverContext = createContext13({});
 var usePopoverContext = () => useContext19(PopoverContext);
 
 // src/components/Popover/Popover.tsx
-import { jsx as jsx289, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx290, jsxs as jsxs71 } from "react/jsx-runtime";
 var Popover = ({
   id,
   header,
@@ -11482,7 +11533,7 @@ var Popover = ({
   } = context;
   const { t } = useTranslation();
   const hasContext = !isEmpty(context);
-  const generatedId = useId20();
+  const generatedId = useId21();
   const uniquePopoverId = id != null ? id : `${generatedId}-popover`;
   const [
     popoverId,
@@ -11561,15 +11612,15 @@ var Popover = ({
       elevation: 3,
       border: "border-subtle",
       children: [
-        header && /* @__PURE__ */ jsx289("div", { className: Popover_default.header, children: typeof header === "string" ? /* @__PURE__ */ jsx289(Heading, { level: 2, typographyType: "headingMedium", children: header }) : header }),
-        /* @__PURE__ */ jsx289(
+        header && /* @__PURE__ */ jsx290("div", { className: Popover_default.header, children: typeof header === "string" ? /* @__PURE__ */ jsx290(Heading, { level: 2, typographyType: "headingMedium", children: header }) : header }),
+        /* @__PURE__ */ jsx290(
           "div",
           {
             className: !hasTitle && withCloseButton ? Popover_default["content--closable--no-header"] : "",
             children
           }
         ),
-        withCloseButton && /* @__PURE__ */ jsx289(
+        withCloseButton && /* @__PURE__ */ jsx290(
           Button,
           {
             icon: CloseIcon,
@@ -11592,11 +11643,11 @@ import {
   Children as ReactChildren4,
   cloneElement as cloneElement4,
   isValidElement as isValidElement4,
-  useId as useId21,
+  useId as useId22,
   useRef as useRef31,
   useState as useState24
 } from "react";
-import { jsx as jsx290 } from "react/jsx-runtime";
+import { jsx as jsx291 } from "react/jsx-runtime";
 var PopoverGroup = ({
   isOpen: propIsOpen,
   setIsOpen: propSetIsOpen,
@@ -11610,7 +11661,7 @@ var PopoverGroup = ({
   const [internalIsOpen, internalSetIsOpen] = useState24(isInitiallyOpen);
   const open = propIsOpen != null ? propIsOpen : internalIsOpen;
   const setOpen = propSetIsOpen != null ? propSetIsOpen : internalSetIsOpen;
-  const generatedId = useId21();
+  const generatedId = useId22();
   const uniquePopoverId = popoverId != null ? popoverId : `${generatedId}-popover`;
   const [floatOptions, setFloatOptions] = useState24();
   const { refs, styles: positionStyles } = useFloatPosition(null, floatOptions);
@@ -11657,7 +11708,7 @@ var PopoverGroup = ({
       ref: combinedAnchorRef
     }) : child);
   });
-  return /* @__PURE__ */ jsx290(
+  return /* @__PURE__ */ jsx291(
     PopoverContext,
     {
       value: {
@@ -11715,7 +11766,7 @@ var ProgressTracker_default = {
 
 // src/components/ProgressTracker/ProgressTrackerItem.tsx
 import { useMemo as useMemo2 } from "react";
-import { Fragment as Fragment10, jsx as jsx291, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx292, jsxs as jsxs72 } from "react/jsx-runtime";
 var toItemState = (active, completed, disabled) => {
   if (disabled) {
     return "disabled";
@@ -11759,10 +11810,10 @@ var ProgressTrackerItem = (props) => {
   };
   const stepNumberContent = useMemo2(() => {
     if (completed) {
-      return /* @__PURE__ */ jsx291(Icon, { icon: CheckIcon, iconSize: "small" });
+      return /* @__PURE__ */ jsx292(Icon, { icon: CheckIcon, iconSize: "small" });
     }
     if (icon !== void 0) {
-      return /* @__PURE__ */ jsx291(Icon, { icon, iconSize: "small" });
+      return /* @__PURE__ */ jsx292(Icon, { icon, iconSize: "small" });
     }
     return stepNumber;
   }, [completed, icon, index]);
@@ -11772,7 +11823,7 @@ var ProgressTrackerItem = (props) => {
   }
   const isInactiveLink = disabled || active;
   const stepContent = /* @__PURE__ */ jsxs72(Fragment10, { children: [
-    /* @__PURE__ */ jsx291(
+    /* @__PURE__ */ jsx292(
       Box,
       {
         display: "flex",
@@ -11787,7 +11838,7 @@ var ProgressTrackerItem = (props) => {
         children: stepNumberContent
       }
     ),
-    /* @__PURE__ */ jsx291(
+    /* @__PURE__ */ jsx292(
       Typography,
       {
         as: "div",
@@ -11802,14 +11853,14 @@ var ProgressTrackerItem = (props) => {
     )
   ] });
   const ariaLabel = props["aria-label"] ? props["aria-label"] : `${children}, ${stepNumber}. ${completed ? t(texts20.completed) : t(texts20.uncompleted)}`;
-  return /* @__PURE__ */ jsx291(
+  return /* @__PURE__ */ jsx292(
     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__ */ jsx291(
+      children: handleStepChange ? /* @__PURE__ */ jsx292(
         Box,
         {
           as: StylelessButton,
@@ -11833,7 +11884,7 @@ var ProgressTrackerItem = (props) => {
           disabled,
           children: stepContent
         }
-      ) : /* @__PURE__ */ jsx291(
+      ) : /* @__PURE__ */ jsx292(
         "div",
         {
           ...getBaseHTMLProps(
@@ -11866,7 +11917,7 @@ var texts20 = createTexts({
 });
 
 // src/components/ProgressTracker/ProgressTracker.tsx
-import { jsx as jsx292 } from "react/jsx-runtime";
+import { jsx as jsx293 } from "react/jsx-runtime";
 var ProgressTracker = (() => {
   const Res = ({
     id,
@@ -11896,7 +11947,7 @@ var ProgressTracker = (() => {
     }, [children]);
     const isRow = direction === "row";
     const { "aria-label": ariaLabel } = htmlProps;
-    return /* @__PURE__ */ jsx292(
+    return /* @__PURE__ */ jsx293(
       ProgressTrackerContext,
       {
         value: {
@@ -11904,12 +11955,12 @@ var ProgressTracker = (() => {
           handleStepChange: handleChange,
           direction
         },
-        children: /* @__PURE__ */ jsx292(
+        children: /* @__PURE__ */ jsx293(
           "nav",
           {
             "aria-label": ariaLabel != null ? ariaLabel : t(texts21.stepProgression),
             ...getBaseHTMLProps(id, className, htmlProps, rest),
-            children: /* @__PURE__ */ jsx292(
+            children: /* @__PURE__ */ jsx293(
               Box,
               {
                 as: StylelessOList,
@@ -11955,7 +12006,7 @@ var texts21 = createTexts({
 });
 
 // src/components/ProgressBar/ProgressBar.tsx
-import { useId as useId22 } from "react";
+import { useId as useId23 } from "react";
 
 // src/components/ProgressBar/ProgressBar.module.css
 var ProgressBar_default = {
@@ -11968,7 +12019,7 @@ var ProgressBar_default = {
 };
 
 // src/components/ProgressBar/ProgressBar.tsx
-import { jsx as jsx293, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx294, jsxs as jsxs73 } from "react/jsx-runtime";
 var PROGRESS_BAR_SIZES = createSizes("small", "medium");
 var ProgressBar = ({
   label,
@@ -11984,7 +12035,7 @@ var ProgressBar = ({
   style,
   ...rest
 }) => {
-  const generatedId = useId22();
+  const generatedId = useId23();
   const uniqueId = id != null ? id : `${generatedId}-searchInput`;
   const hasErrorMessage = !!errorMessage;
   const hasTip = !!tip;
@@ -11996,7 +12047,7 @@ var ProgressBar = ({
   const isIndeterminate = !hasValidValue && !hasErrorMessage;
   return /* @__PURE__ */ jsxs73(Box, { width: "100%", className, style, children: [
     renderLabel({ label, htmlFor: uniqueId }),
-    /* @__PURE__ */ jsx293(
+    /* @__PURE__ */ jsx294(
       "progress",
       {
         id: uniqueId,
@@ -12012,13 +12063,13 @@ var ProgressBar = ({
         children: fillPrecentage
       }
     ),
-    /* @__PURE__ */ jsx293(
+    /* @__PURE__ */ jsx294(
       Box,
       {
         width: getInputWidth(width),
         height: size2 === "small" ? "x0.75" : "x1.5",
         className: cn(ProgressBar_default.progress),
-        children: /* @__PURE__ */ jsx293(
+        children: /* @__PURE__ */ jsx294(
           Box,
           {
             height: "100%",
@@ -12040,7 +12091,7 @@ ProgressBar.displayName = "ProgressBar";
 
 // src/components/Search/Search.tsx
 import {
-  useId as useId23,
+  useId as useId24,
   useState as useState26
 } from "react";
 
@@ -12073,7 +12124,7 @@ var typographyTypes2 = {
 
 // src/components/Search/SearchSuggestionItem.tsx
 import { useEffect as useEffect29, useRef as useRef32 } from "react";
-import { jsx as jsx294 } from "react/jsx-runtime";
+import { jsx as jsx295 } from "react/jsx-runtime";
 var SearchSuggestionItem = ({
   focus,
   className,
@@ -12088,7 +12139,7 @@ var SearchSuggestionItem = ({
       (_a = itemRef.current) == null ? void 0 : _a.focus();
     }
   }, [focus]);
-  return /* @__PURE__ */ jsx294(
+  return /* @__PURE__ */ jsx295(
     StylelessButton,
     {
       ref: combinedRef,
@@ -12106,7 +12157,7 @@ var SearchSuggestionItem = ({
 SearchSuggestionItem.displayName = "SearchSuggestionItem";
 
 // src/components/Search/SearchSuggestions.tsx
-import { jsx as jsx295, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx296, jsxs as jsxs74 } from "react/jsx-runtime";
 var SearchSuggestions = ({
   id,
   searchId,
@@ -12150,7 +12201,7 @@ var SearchSuggestions = ({
       overflowY: "scroll",
       marginBlock: "x0.25 0",
       children: [
-        /* @__PURE__ */ jsx295(
+        /* @__PURE__ */ jsx296(
           Box,
           {
             as: "h2",
@@ -12160,8 +12211,8 @@ var SearchSuggestions = ({
             children: "S\xF8keforslag"
           }
         ),
-        /* @__PURE__ */ jsx295(StylelessList, { role: "listbox", "aria-labelledby": suggestionsHeaderId, children: suggestionsToRender.map((suggestion, index) => {
-          return /* @__PURE__ */ jsx295("li", { role: "option", children: /* @__PURE__ */ jsx295(
+        /* @__PURE__ */ jsx296(StylelessList, { role: "listbox", "aria-labelledby": suggestionsHeaderId, children: suggestionsToRender.map((suggestion, index) => {
+          return /* @__PURE__ */ jsx296("li", { role: "option", children: /* @__PURE__ */ jsx296(
             SearchSuggestionItem,
             {
               index,
@@ -12190,7 +12241,7 @@ var texts22 = createTexts({
 });
 
 // src/components/Search/Search.tsx
-import { Fragment as Fragment11, jsx as jsx296, jsxs as jsxs75 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx297, jsxs as jsxs75 } from "react/jsx-runtime";
 var getIconSize2 = (size2) => {
   switch (size2) {
     case "large":
@@ -12237,7 +12288,7 @@ var Search = ({
   ...rest
 }) => {
   var _a;
-  const generatedId = useId23();
+  const generatedId = useId24();
   const uniqueId = id != null ? id : `${generatedId}-searchInput`;
   const tipId = derivativeIdGenerator(uniqueId, "tip");
   const suggestionsId = derivativeIdGenerator(uniqueId, "suggestions");
@@ -12273,7 +12324,7 @@ var Search = ({
       width: !showSearchButton ? width : void 0,
       className: !showSearchButton ? className : void 0,
       children: [
-        showIcon && /* @__PURE__ */ jsx296(
+        showIcon && /* @__PURE__ */ jsx297(
           Icon,
           {
             icon: SearchIcon,
@@ -12284,7 +12335,7 @@ var Search = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx296(
+        /* @__PURE__ */ jsx297(
           Box,
           {
             as: Input,
@@ -12314,7 +12365,7 @@ var Search = ({
           }
         ),
         hasSuggestions && /* @__PURE__ */ jsxs75(Fragment11, { children: [
-          /* @__PURE__ */ jsx296(
+          /* @__PURE__ */ jsx297(
             SearchSuggestions,
             {
               id: suggestionsId,
@@ -12326,9 +12377,9 @@ var Search = ({
               componentSize
             }
           ),
-          /* @__PURE__ */ jsx296(VisuallyHidden, { id: suggestionsDescriptionId, children: t(texts23.useArrowKeys) })
+          /* @__PURE__ */ jsx297(VisuallyHidden, { id: suggestionsDescriptionId, children: t(texts23.useArrowKeys) })
         ] }),
-        hasValue && /* @__PURE__ */ jsx296(
+        hasValue && /* @__PURE__ */ jsx297(
           ClearButton,
           {
             size: getIconSize2(componentSize),
@@ -12355,7 +12406,7 @@ var Search = ({
           style,
           children: [
             inputGroup,
-            /* @__PURE__ */ jsx296(
+            /* @__PURE__ */ jsx297(
               Button,
               {
                 size: componentSize,
@@ -12399,7 +12450,7 @@ import {
   useRef as useRef33,
   useState as useState27
 } from "react";
-import { jsx as jsx297 } from "react/jsx-runtime";
+import { jsx as jsx298 } from "react/jsx-runtime";
 var SearchAutocompleteWrapper = (props) => {
   const {
     value,
@@ -12475,7 +12526,7 @@ var SearchAutocompleteWrapper = (props) => {
     inputValue,
     onSugggestionClick: handleSuggestionClick
   };
-  return /* @__PURE__ */ jsx297(AutocompleteSearchContext, { value: contextProps, children });
+  return /* @__PURE__ */ jsx298(AutocompleteSearchContext, { value: contextProps, children });
 };
 SearchAutocompleteWrapper.displayName = "SearchAutocompleteWrapper";
 
@@ -12491,7 +12542,7 @@ var Skeleton_default = {
 };
 
 // src/components/Skeleton/Skeleton.tsx
-import { jsx as jsx298 } from "react/jsx-runtime";
+import { jsx as jsx299 } from "react/jsx-runtime";
 var Skeleton = ({
   width,
   height,
@@ -12501,7 +12552,7 @@ var Skeleton = ({
   ref,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx298(
+  return /* @__PURE__ */ jsx299(
     Box,
     {
       width,
@@ -12521,7 +12572,7 @@ var SkipToContent_default = {
 };
 
 // src/components/SkipToContent/SkipToContent.tsx
-import { jsx as jsx299 } from "react/jsx-runtime";
+import { jsx as jsx300 } from "react/jsx-runtime";
 var SkipToContent = ({
   text = "Til hovedinnhold",
   top = 0,
@@ -12531,12 +12582,12 @@ var SkipToContent = ({
   ...rest
 }) => {
   const { className: htmlPropsClassName, style, ...restHtmlProps } = htmlProps;
-  return /* @__PURE__ */ jsx299(
+  return /* @__PURE__ */ jsx300(
     Contrast,
     {
       className: cn(className, htmlPropsClassName, SkipToContent_default.wrapper),
       style: { ...style, top },
-      children: /* @__PURE__ */ jsx299(Link, { ...getBaseHTMLProps(id, restHtmlProps, rest), children: text })
+      children: /* @__PURE__ */ jsx300(Link, { ...getBaseHTMLProps(id, restHtmlProps, rest), children: text })
     }
   );
 };
@@ -12554,7 +12605,7 @@ var SplitButton_default = {
 };
 
 // src/components/SplitButton/SplitButton.tsx
-import { jsx as jsx300, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx301, jsxs as jsxs76 } from "react/jsx-runtime";
 var SplitButton = ({
   size: size2,
   primaryAction,
@@ -12570,7 +12621,7 @@ var SplitButton = ({
     size: size2
   };
   return /* @__PURE__ */ jsxs76("div", { className: cn(className, SplitButton_default.container), ...rest, children: [
-    /* @__PURE__ */ jsx300(
+    /* @__PURE__ */ jsx301(
       Button,
       {
         ...buttonStyleProps,
@@ -12580,7 +12631,7 @@ var SplitButton = ({
       }
     ),
     /* @__PURE__ */ jsxs76(OverflowMenuGroup, { isOpen, setIsOpen, children: [
-      /* @__PURE__ */ jsx300(
+      /* @__PURE__ */ jsx301(
         Button,
         {
           ...buttonStyleProps,
@@ -12594,7 +12645,7 @@ var SplitButton = ({
           type: "button"
         }
       ),
-      /* @__PURE__ */ jsx300(OverflowMenu, { placement: "bottom-end", children: /* @__PURE__ */ jsx300(OverflowMenuList, { children: secondaryActions.map((item, index) => /* @__PURE__ */ jsx300(OverflowMenuButton, { ...item, children: item.children }, index)) }) })
+      /* @__PURE__ */ jsx301(OverflowMenu, { placement: "bottom-end", children: /* @__PURE__ */ jsx301(OverflowMenuList, { children: secondaryActions.map((item, index) => /* @__PURE__ */ jsx301(OverflowMenuButton, { ...item, children: item.children }, index)) }) })
     ] })
   ] });
 };
@@ -12627,14 +12678,14 @@ var CollapsibleTableContext = createContext16({
 var useCollapsibleTableContext = () => useContext23(CollapsibleTableContext);
 
 // src/components/Table/normal/Body.tsx
-import { jsx as jsx301 } from "react/jsx-runtime";
-var Body = (props) => /* @__PURE__ */ jsx301("tbody", { ...props });
+import { jsx as jsx302 } from "react/jsx-runtime";
+var Body = (props) => /* @__PURE__ */ jsx302("tbody", { ...props });
 Body.displayName = "Table.Body";
 
 // src/components/Table/normal/Head.tsx
 import { createContext as createContext17, useContext as useContext24 } from "react";
-import { jsx as jsx302 } from "react/jsx-runtime";
-var Head = ({ children, ...rest }) => /* @__PURE__ */ jsx302("thead", { ...rest, children: /* @__PURE__ */ jsx302(HeadContext, { value: true, children }) });
+import { jsx as jsx303 } from "react/jsx-runtime";
+var Head = ({ children, ...rest }) => /* @__PURE__ */ jsx303("thead", { ...rest, children: /* @__PURE__ */ jsx303(HeadContext, { value: true, children }) });
 var HeadContext = createContext17(false);
 function useIsInTableHead() {
   const isInTableHead = useContext24(HeadContext);
@@ -12667,7 +12718,7 @@ var Table_default = {
 };
 
 // src/components/Table/normal/Cell.tsx
-import { jsx as jsx303 } from "react/jsx-runtime";
+import { jsx as jsx304 } from "react/jsx-runtime";
 var Cell = ({
   children,
   type: _type,
@@ -12680,7 +12731,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__ */ jsx303(DescriptionListDesc, { children }) : type === "head" ? /* @__PURE__ */ jsx303(
+  return isCollapsibleChild ? /* @__PURE__ */ jsx304(DescriptionListDesc, { children }) : type === "head" ? /* @__PURE__ */ jsx304(
     "th",
     {
       ...rest,
@@ -12689,26 +12740,26 @@ var Cell = ({
         !isComplexLayout && Table_default[`cell--${layout}`],
         Table_default["cell--head"]
       ),
-      children: isComplexLayout ? /* @__PURE__ */ jsx303("div", { className: Table_default.cell__inner, children }) : children
+      children: isComplexLayout ? /* @__PURE__ */ jsx304("div", { className: Table_default.cell__inner, children }) : children
     }
-  ) : /* @__PURE__ */ jsx303(
+  ) : /* @__PURE__ */ jsx304(
     "td",
     {
       ...rest,
       className: cn(className, !isComplexLayout && Table_default[`cell--${layout}`]),
-      children: isComplexLayout ? /* @__PURE__ */ jsx303("div", { className: Table_default.cell__inner, children }) : children
+      children: isComplexLayout ? /* @__PURE__ */ jsx304("div", { className: Table_default.cell__inner, children }) : children
     }
   );
 };
 Cell.displayName = "Table.Cell";
 
 // src/components/Table/normal/Foot.tsx
-import { jsx as jsx304 } from "react/jsx-runtime";
-var Foot = (props) => /* @__PURE__ */ jsx304("tfoot", { ...props });
+import { jsx as jsx305 } from "react/jsx-runtime";
+var Foot = (props) => /* @__PURE__ */ jsx305("tfoot", { ...props });
 Foot.displayName = "Table.Foot";
 
 // src/components/Table/normal/Row.tsx
-import { jsx as jsx305 } from "react/jsx-runtime";
+import { jsx as jsx306 } from "react/jsx-runtime";
 var Row = ({
   type: _type,
   mode = "normal",
@@ -12719,7 +12770,7 @@ var Row = ({
 }) => {
   const isInHeader = useIsInTableHead();
   const type = _type != null ? _type : isInHeader ? "head" : "body";
-  return /* @__PURE__ */ jsx305(
+  return /* @__PURE__ */ jsx306(
     "tr",
     {
       className: cn(
@@ -12739,12 +12790,12 @@ var Row = ({
 Row.displayName = "Table.Row";
 
 // src/components/Table/normal/SortCell.tsx
-import { jsx as jsx306, jsxs as jsxs77 } from "react/jsx-runtime";
+import { jsx as jsx307, jsxs as jsxs77 } from "react/jsx-runtime";
 var makeSortIcon = (isSorted, sortOrder) => {
   if (!isSorted || !sortOrder) {
-    return /* @__PURE__ */ jsx306(Icon, { icon: UnfoldMoreIcon, iconSize: "inherit" });
+    return /* @__PURE__ */ jsx307(Icon, { icon: UnfoldMoreIcon, iconSize: "inherit" });
   }
-  return sortOrder === "ascending" ? /* @__PURE__ */ jsx306(Icon, { icon: ChevronDownIcon, iconSize: "inherit" }) : /* @__PURE__ */ jsx306(Icon, { icon: ChevronUpIcon, iconSize: "inherit" });
+  return sortOrder === "ascending" ? /* @__PURE__ */ jsx307(Icon, { icon: ChevronDownIcon, iconSize: "inherit" }) : /* @__PURE__ */ jsx307(Icon, { icon: ChevronUpIcon, iconSize: "inherit" });
 };
 var SortCell = ({
   isSorted,
@@ -12754,7 +12805,7 @@ var SortCell = ({
   ...rest
 }) => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsx306(
+  return /* @__PURE__ */ jsx307(
     Cell,
     {
       type: "head",
@@ -12787,7 +12838,7 @@ var texts25 = createTexts({
 });
 
 // src/components/Table/normal/Table.tsx
-import { jsx as jsx307 } from "react/jsx-runtime";
+import { jsx as jsx308 } from "react/jsx-runtime";
 var Table = ({
   size: size2 = "medium",
   stickyHeader,
@@ -12795,7 +12846,7 @@ var Table = ({
   className,
   children,
   ...rest
-}) => /* @__PURE__ */ jsx307(
+}) => /* @__PURE__ */ jsx308(
   "table",
   {
     ...rest,
@@ -12819,7 +12870,7 @@ import {
   useRef as useRef34,
   useState as useState29
 } from "react";
-import { jsx as jsx308 } from "react/jsx-runtime";
+import { jsx as jsx309 } from "react/jsx-runtime";
 var TableWrapper = ({ className, ...rest }) => {
   const themeContext = useContext25(ThemeContext);
   const container2 = themeContext == null ? void 0 : themeContext.el;
@@ -12844,7 +12895,7 @@ var TableWrapper = ({ className, ...rest }) => {
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   });
-  return /* @__PURE__ */ jsx308(
+  return /* @__PURE__ */ jsx309(
     "div",
     {
       ref: wrapperRef,
@@ -12871,7 +12922,7 @@ Table2.Row = Row;
 Table2.Foot = Foot;
 
 // src/components/Table/collapsible/CollapsibleRow.tsx
-import { Fragment as Fragment13, jsx as jsx309, jsxs as jsxs78 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx310, jsxs as jsxs78 } from "react/jsx-runtime";
 var CollapsibleRow = ({
   type: _type,
   className,
@@ -12915,23 +12966,23 @@ var CollapsibleRow = ({
     const id = derivativeIdGenerator(prefix2, index.toString());
     collapsibleIds.push(id);
     return /* @__PURE__ */ jsxs78(Fragment12, { children: [
-      /* @__PURE__ */ jsx309(DescriptionListTerm, { children: collapsedHeaderValues[index].content }),
+      /* @__PURE__ */ jsx310(DescriptionListTerm, { children: collapsedHeaderValues[index].content }),
       isValidElement6(child) && cloneElement6(child, {
         collapsibleProps: { isCollapsibleChild: true }
       })
     ] }, `DL-${index}`);
   }) : null;
-  const collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ jsx309(Row, { ...rowProps(), children: /* @__PURE__ */ jsx309(Cell, { colSpan: definingColumnIndex.length + 1, children: /* @__PURE__ */ jsx309(DescriptionList, { children: collapsedRenderedChildren }) }) }) : null;
+  const collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? /* @__PURE__ */ jsx310(Row, { ...rowProps(), children: /* @__PURE__ */ jsx310(Cell, { colSpan: definingColumnIndex.length + 1, children: /* @__PURE__ */ jsx310(DescriptionList, { children: collapsedRenderedChildren }) }) }) : null;
   const 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__ */ jsx309(Row, { ref, ...rowProps(), children: /* @__PURE__ */ jsxs78(Fragment13, { children: [
+    return /* @__PURE__ */ jsx310(Row, { ref, ...rowProps(), children: /* @__PURE__ */ jsxs78(Fragment13, { children: [
       definingColumnCells,
       /* @__PURE__ */ jsxs78(Table2.Cell, { type: "head", layout: "center", children: [
         t(texts26.expand),
-        /* @__PURE__ */ jsx309(VisuallyHidden, { children: t(texts26.row) })
+        /* @__PURE__ */ jsx310(VisuallyHidden, { children: t(texts26.row) })
       ] })
     ] }) });
   };
@@ -12940,14 +12991,14 @@ var CollapsibleRow = ({
     if (type !== "body" || !isCollapsed) return null;
     return /* @__PURE__ */ jsxs78(Row, { ref, ...rowProps(!childrenCollapsed && true), children: [
       definingColumnCells,
-      /* @__PURE__ */ jsx309(Table2.Cell, { children: /* @__PURE__ */ jsx309(
+      /* @__PURE__ */ jsx310(Table2.Cell, { children: /* @__PURE__ */ jsx310(
         StylelessButton,
         {
           onClick: () => setChildrenCollapsed(!childrenCollapsed),
           "aria-expanded": !childrenCollapsed,
           "aria-controls": idList,
           className: cn(Table_default["collapse-button"], focusable),
-          children: /* @__PURE__ */ jsx309(
+          children: /* @__PURE__ */ jsx310(
             AnimatedChevronUpDown,
             {
               isUp: childrenCollapsed ? false : true,
@@ -12965,7 +13016,7 @@ var CollapsibleRow = ({
       rowWithChevron(),
       childrenCollapsed ? null : collapsedRows
     ] })
-  ] }) : /* @__PURE__ */ jsx309(Row, { ref, ...rowProps(), children });
+  ] }) : /* @__PURE__ */ jsx310(Row, { ref, ...rowProps(), children });
 };
 CollapsibleRow.displayName = "CollapsibleTable.Row";
 var texts26 = createTexts({
@@ -12984,14 +13035,14 @@ var texts26 = createTexts({
 });
 
 // src/components/Table/collapsible/CollapsibleTable.tsx
-import { jsx as jsx310 } from "react/jsx-runtime";
+import { jsx as jsx311 } from "react/jsx-runtime";
 var CollapsibleTable = ({
   isCollapsed,
   headerValues,
   definingColumnIndex = [0],
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx310(
+  return /* @__PURE__ */ jsx311(
     CollapsibleTableContext,
     {
       value: {
@@ -12999,7 +13050,7 @@ var CollapsibleTable = ({
         headerValues,
         definingColumnIndex
       },
-      children: /* @__PURE__ */ jsx310(Table2, { ...rest })
+      children: /* @__PURE__ */ jsx311(Table2, { ...rest })
     }
   );
 };
@@ -13049,13 +13100,13 @@ import {
   useContext as useContext27,
   useLayoutEffect as useLayoutEffect3
 } from "react";
-import { jsx as jsx311 } from "react/jsx-runtime";
+import { jsx as jsx312 } from "react/jsx-runtime";
 var TabContext = createContext19(null);
 function TabWidthContextProvider({
   children,
   onChangeWidths
 }) {
-  return /* @__PURE__ */ jsx311(
+  return /* @__PURE__ */ jsx312(
     TabContext,
     {
       value: {
@@ -13087,7 +13138,7 @@ function useSetTabWidth(index, width) {
 }
 
 // src/components/Tabs/AddTabButton.tsx
-import { jsx as jsx312, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx313, jsxs as jsxs79 } from "react/jsx-runtime";
 var AddTabButton = ({
   ref,
   children,
@@ -13113,8 +13164,8 @@ var AddTabButton = ({
         focus_default["focusable--inset"]
       ),
       children: [
-        /* @__PURE__ */ jsx312(Icon, { icon: PlusIcon, iconSize: "inherit" }),
-        /* @__PURE__ */ jsx312("span", { children })
+        /* @__PURE__ */ jsx313(Icon, { icon: PlusIcon, iconSize: "inherit" }),
+        /* @__PURE__ */ jsx313("span", { children })
       ]
     }
   );
@@ -13122,8 +13173,8 @@ var AddTabButton = ({
 AddTabButton.displayName = "AddTabButton";
 
 // src/components/Tabs/Tabs.tsx
-import { useEffect as useEffect33, useId as useId24, useRef as useRef36, useState as useState31 } from "react";
-import { jsx as jsx313 } from "react/jsx-runtime";
+import { useEffect as useEffect33, useId as useId25, useRef as useRef36, useState as useState31 } from "react";
+import { jsx as jsx314 } from "react/jsx-runtime";
 var TABS_SIZES = createSizes("small", "medium");
 var Tabs = ({
   id,
@@ -13138,7 +13189,7 @@ var Tabs = ({
   htmlProps,
   ...rest
 }) => {
-  const generatedId = useId24();
+  const generatedId = useId25();
   const uniqueId = id != null ? id : `${generatedId}-tabs`;
   const [thisActiveTab, setActiveTab] = useState31(activeTab != null ? activeTab : 0);
   const [hasTabFocus, setHasTabFocus] = useState31(false);
@@ -13153,7 +13204,7 @@ var Tabs = ({
       setActiveTab(activeTab);
     }
   }, [activeTab, thisActiveTab]);
-  return /* @__PURE__ */ jsx313(
+  return /* @__PURE__ */ jsx314(
     TabsContext,
     {
       value: {
@@ -13168,7 +13219,7 @@ var Tabs = ({
         tabContentDirection,
         addTabButtonProps
       },
-      children: /* @__PURE__ */ jsx313(
+      children: /* @__PURE__ */ jsx314(
         Box,
         {
           ...getBaseHTMLProps(uniqueId, className, htmlProps, rest),
@@ -13187,7 +13238,7 @@ import {
   useEffect as useEffect34,
   useRef as useRef37
 } from "react";
-import { jsx as jsx314, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx315, jsxs as jsxs80 } from "react/jsx-runtime";
 var Tab = ({
   active = false,
   icon,
@@ -13253,8 +13304,8 @@ var Tab = ({
       onKeyDown: handleOnKeyDown,
       tabIndex: focus ? 0 : -1,
       children: [
-        icon && /* @__PURE__ */ jsx314(Icon, { icon, iconSize: "inherit" }),
-        /* @__PURE__ */ jsx314("span", { children })
+        icon && /* @__PURE__ */ jsx315(Icon, { icon, iconSize: "inherit" }),
+        /* @__PURE__ */ jsx315("span", { children })
       ]
     }
   );
@@ -13268,7 +13319,7 @@ import {
   isValidElement as isValidElement7,
   useState as useState32
 } from "react";
-import { jsx as jsx315, jsxs as jsxs81 } from "react/jsx-runtime";
+import { jsx as jsx316, jsxs as jsxs81 } from "react/jsx-runtime";
 var TabList = ({
   children,
   id,
@@ -13326,7 +13377,7 @@ var TabList = ({
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ["--dds-tab-widths"]: widths.join(" ")
   };
-  return /* @__PURE__ */ jsx315(TabWidthContextProvider, { onChangeWidths: setWidths, children: /* @__PURE__ */ jsxs81(
+  return /* @__PURE__ */ jsx316(TabWidthContextProvider, { onChangeWidths: setWidths, children: /* @__PURE__ */ jsxs81(
     "div",
     {
       ...rest,
@@ -13346,7 +13397,7 @@ var TabList = ({
       style: { ...style, ...customWidths },
       children: [
         tabListChildren,
-        hasButton && /* @__PURE__ */ jsx315(
+        hasButton && /* @__PURE__ */ jsx316(
           AddTabButton,
           {
             index: tabListChildren ? tabListChildren.length : 0,
@@ -13360,7 +13411,7 @@ var TabList = ({
 TabList.displayName = "TabList";
 
 // src/components/Tabs/TabPanel.tsx
-import { jsx as jsx316 } from "react/jsx-runtime";
+import { jsx as jsx317 } from "react/jsx-runtime";
 var TabPanel = ({
   active = false,
   children,
@@ -13369,7 +13420,7 @@ var TabPanel = ({
   htmlProps,
   padding = "x0.25",
   ...rest
-}) => /* @__PURE__ */ jsx316(
+}) => /* @__PURE__ */ jsx317(
   Box,
   {
     padding,
@@ -13388,7 +13439,7 @@ import {
   cloneElement as cloneElement8,
   isValidElement as isValidElement8
 } from "react";
-import { jsx as jsx317 } from "react/jsx-runtime";
+import { jsx as jsx318 } from "react/jsx-runtime";
 var TabPanels = ({ children, ref, ...rest }) => {
   const { activeTab, tabsId, tabPanelsRef } = useTabsContext();
   const combinedRef = useCombinedRef(ref, tabPanelsRef);
@@ -13403,7 +13454,7 @@ var TabPanels = ({ children, ref, ...rest }) => {
       }
     });
   });
-  return /* @__PURE__ */ jsx317(Box, { ref: combinedRef, ...rest, children: panelChildren });
+  return /* @__PURE__ */ jsx318(Box, { ref: combinedRef, ...rest, children: panelChildren });
 };
 TabPanels.displayName = "TabPanels";
 
@@ -13424,7 +13475,7 @@ var Tag_default = {
 };
 
 // src/components/Tag/Tag.tsx
-import { jsx as jsx318, jsxs as jsxs82 } from "react/jsx-runtime";
+import { jsx as jsx319, jsxs as jsxs82 } from "react/jsx-runtime";
 var icons3 = {
   info: InfoIcon,
   danger: ErrorIcon,
@@ -13460,8 +13511,8 @@ var Tag = ({
         rest
       ),
       children: [
-        withIcon && icon && /* @__PURE__ */ jsx318(Icon, { icon, iconSize: "small" }),
-        /* @__PURE__ */ jsx318(TextOverflowEllipsisInner, { children: children != null ? children : text })
+        withIcon && icon && /* @__PURE__ */ jsx319(Icon, { icon, iconSize: "small" }),
+        /* @__PURE__ */ jsx319(TextOverflowEllipsisInner, { children: children != null ? children : text })
       ]
     }
   );
@@ -13469,7 +13520,7 @@ var Tag = ({
 Tag.displayName = "Tag";
 
 // src/components/TextInput/TextInput.tsx
-import { useId as useId25, useLayoutEffect as useLayoutEffect4, useRef as useRef38, useState as useState33 } from "react";
+import { useId as useId26, useLayoutEffect as useLayoutEffect4, useRef as useRef38, useState as useState33 } from "react";
 
 // src/components/TextInput/TextInput.module.css
 var TextInput_default = {
@@ -13491,7 +13542,7 @@ var TextInput_default = {
 };
 
 // src/components/TextInput/TextInput.tsx
-import { jsx as jsx319, jsxs as jsxs83 } from "react/jsx-runtime";
+import { jsx as jsx320, jsxs as jsxs83 } from "react/jsx-runtime";
 var TextInput = ({
   label,
   afterLabelContent,
@@ -13540,7 +13591,7 @@ var TextInput = ({
       onChange(event);
     }
   };
-  const generatedId = useId25();
+  const generatedId = useId26();
   const uniqueId = id != null ? id : `${generatedId}-textInput`;
   const hasErrorMessage = !!errorMessage;
   const hasTip = !!tip;
@@ -13587,7 +13638,7 @@ var TextInput = ({
   let extendedInput = null;
   if (hasIcon) {
     extendedInput = /* @__PURE__ */ jsxs83(Box, { className: Input_default["input-group"], width: inputWidth, children: [
-      /* @__PURE__ */ jsx319(
+      /* @__PURE__ */ jsx320(
         Icon,
         {
           icon,
@@ -13598,7 +13649,7 @@ var TextInput = ({
           )
         }
       ),
-      /* @__PURE__ */ jsx319(
+      /* @__PURE__ */ jsx320(
         StatefulInput,
         {
           className: cn(
@@ -13619,7 +13670,7 @@ var TextInput = ({
         alignItems: "center",
         width: inputWidth,
         children: [
-          prefix2 && /* @__PURE__ */ jsx319(
+          prefix2 && /* @__PURE__ */ jsx320(
             "span",
             {
               ref: prefixRef,
@@ -13632,7 +13683,7 @@ var TextInput = ({
               children: prefix2
             }
           ),
-          /* @__PURE__ */ jsx319(
+          /* @__PURE__ */ jsx320(
             StatefulInput,
             {
               style: {
@@ -13643,7 +13694,7 @@ var TextInput = ({
               ...generalInputProps
             }
           ),
-          suffix && /* @__PURE__ */ jsx319(
+          suffix && /* @__PURE__ */ jsx320(
             "span",
             {
               ref: suffixRef,
@@ -13679,7 +13730,7 @@ var TextInput = ({
           readOnly,
           afterLabelContent
         }),
-        extendedInput ? extendedInput : /* @__PURE__ */ jsx319(Box, { as: StatefulInput, width: inputWidth, ...generalInputProps }),
+        extendedInput ? extendedInput : /* @__PURE__ */ jsx320(Box, { as: StatefulInput, width: inputWidth, ...generalInputProps }),
         hasBottomContainer && /* @__PURE__ */ jsxs83(
           Box,
           {
@@ -13705,7 +13756,7 @@ var TextInput = ({
 TextInput.displayName = "TextInput";
 
 // src/components/Toggle/Toggle.tsx
-import { useId as useId26 } from "react";
+import { useId as useId27 } from "react";
 
 // src/components/Toggle/Toggle.module.css
 var Toggle_default = {
@@ -13723,7 +13774,7 @@ var Toggle_default = {
 };
 
 // src/components/Toggle/Toggle.tsx
-import { jsx as jsx320, jsxs as jsxs84 } from "react/jsx-runtime";
+import { jsx as jsx321, jsxs as jsxs84 } from "react/jsx-runtime";
 var TOGGLE_SIZES = createSizes("medium", "large");
 var Toggle = ({
   id,
@@ -13740,7 +13791,7 @@ var Toggle = ({
   ...rest
 }) => {
   const { t } = useTranslation();
-  const generatedId = useId26();
+  const generatedId = useId27();
   const uniqueId = id != null ? id : `${generatedId}-toggle`;
   const iconSize = size2 === "large" ? "medium" : "small";
   const [checked, setChecked] = useControllableState({
@@ -13760,7 +13811,7 @@ var Toggle = ({
         readOnly && Toggle_default["label--read-only"]
       ),
       children: [
-        /* @__PURE__ */ jsx320(
+        /* @__PURE__ */ jsx321(
           HiddenInput,
           {
             ...getBaseHTMLProps(
@@ -13782,7 +13833,7 @@ var Toggle = ({
             onClick: readOnlyClickHandler(readOnly || isLoading, htmlProps.onClick)
           }
         ),
-        /* @__PURE__ */ jsx320("span", { className: cn(Toggle_default.track, focus_default["focus-styled-sibling"]), children: /* @__PURE__ */ jsx320("span", { className: Toggle_default.thumb, children: isLoading ? /* @__PURE__ */ jsx320(Spinner, { size: `var(--dds-icon-size-${size2})` }) : /* @__PURE__ */ jsx320(
+        /* @__PURE__ */ jsx321("span", { className: cn(Toggle_default.track, focus_default["focus-styled-sibling"]), children: /* @__PURE__ */ jsx321("span", { className: Toggle_default.thumb, children: isLoading ? /* @__PURE__ */ jsx321(Spinner, { size: `var(--dds-icon-size-${size2})` }) : /* @__PURE__ */ jsx321(
           Icon,
           {
             className: Toggle_default.checkmark,
@@ -13791,7 +13842,7 @@ var Toggle = ({
           }
         ) }) }),
         /* @__PURE__ */ jsxs84("span", { className: cn(readOnly && Toggle_default["labeltext--readonly"]), children: [
-          readOnly && /* @__PURE__ */ jsx320(
+          readOnly && /* @__PURE__ */ jsx321(
             Icon,
             {
               icon: LockIcon,
@@ -13801,7 +13852,7 @@ var Toggle = ({
           ),
           children,
           " ",
-          isLoading && /* @__PURE__ */ jsx320(VisuallyHidden, { children: t(commonTexts.loading) })
+          isLoading && /* @__PURE__ */ jsx321(VisuallyHidden, { children: t(commonTexts.loading) })
         ] })
       ]
     }
@@ -13810,7 +13861,7 @@ var Toggle = ({
 Toggle.displayName = "Toggle";
 
 // src/components/ToggleBar/ToggleBar.tsx
-import { useId as useId27, useState as useState34 } from "react";
+import { useId as useId28, useState as useState34 } from "react";
 
 // src/components/ToggleBar/ToggleBar.context.tsx
 import { createContext as createContext20, useContext as useContext28 } from "react";
@@ -13835,7 +13886,7 @@ var ToggleBar_default = {
 };
 
 // src/components/ToggleBar/ToggleBar.tsx
-import { jsx as jsx321, jsxs as jsxs85 } from "react/jsx-runtime";
+import { jsx as jsx322, jsxs as jsxs85 } from "react/jsx-runtime";
 var ToggleBar = (props) => {
   const {
     children,
@@ -13850,7 +13901,7 @@ var ToggleBar = (props) => {
     id,
     ...rest
   } = props;
-  const generatedId = useId27();
+  const generatedId = useId28();
   const uniqueId = id != null ? id : `${generatedId}-ToggleBar`;
   const [groupValue, setGroupValue] = useState34(value);
   const handleChange = combineHandlers(
@@ -13858,7 +13909,7 @@ var ToggleBar = (props) => {
     (e) => onChange && onChange(e, e.target.value)
   );
   const labelId = label && `${uniqueId}-label`;
-  return /* @__PURE__ */ jsx321(
+  return /* @__PURE__ */ jsx322(
     ToggleBarContext,
     {
       value: {
@@ -13876,8 +13927,8 @@ var ToggleBar = (props) => {
           role: "radiogroup",
           "aria-labelledby": labelId != null ? labelId : htmlProps == null ? void 0 : htmlProps["aria-labelledby"],
           children: [
-            label && /* @__PURE__ */ jsx321(Typography, { id: labelId, as: "span", typographyType: "labelMedium", children: label }),
-            /* @__PURE__ */ jsx321("div", { className: ToggleBar_default.bar, children })
+            label && /* @__PURE__ */ jsx322(Typography, { id: labelId, as: "span", typographyType: "labelMedium", children: label }),
+            /* @__PURE__ */ jsx322("div", { className: ToggleBar_default.bar, children })
           ]
         }
       )
@@ -13887,8 +13938,8 @@ var ToggleBar = (props) => {
 ToggleBar.displayName = "ToggleBar";
 
 // src/components/ToggleBar/ToggleRadio.tsx
-import { useId as useId28 } from "react";
-import { jsx as jsx322, jsxs as jsxs86 } from "react/jsx-runtime";
+import { useId as useId29 } from "react";
+import { jsx as jsx323, jsxs as jsxs86 } from "react/jsx-runtime";
 var typographyTypes3 = {
   large: "bodyLarge",
   medium: "bodyMedium",
@@ -13919,7 +13970,7 @@ var ToggleRadio = ({
   id,
   ...rest
 }) => {
-  const generatedId = useId28();
+  const generatedId = useId29();
   const uniqueId = id != null ? id : `${generatedId}-ToggleRadio`;
   const group = useToggleBarContext();
   const handleChange = (event) => {
@@ -13929,7 +13980,7 @@ var ToggleRadio = ({
   };
   const contentTypeCn = label ? "with-text" : "just-icon";
   return /* @__PURE__ */ jsxs86("label", { htmlFor: uniqueId, className: ToggleBar_default.label, children: [
-    /* @__PURE__ */ jsx322(
+    /* @__PURE__ */ jsx323(
       HiddenInput,
       {
         ...getBaseHTMLProps(
@@ -13958,8 +14009,8 @@ var ToggleRadio = ({
           focus_default["focus-styled-sibling"]
         ),
         children: [
-          icon && /* @__PURE__ */ jsx322(Icon, { icon, iconSize: "inherit" }),
-          label && /* @__PURE__ */ jsx322("span", { children: label })
+          icon && /* @__PURE__ */ jsx323(Icon, { icon, iconSize: "inherit" }),
+          label && /* @__PURE__ */ jsx323("span", { children: label })
         ]
       }
     )
@@ -13968,7 +14019,7 @@ var ToggleRadio = ({
 ToggleRadio.displayName = "ToggleRadio";
 
 // src/components/ToggleButton/ToggleButton.tsx
-import { useId as useId29 } from "react";
+import { useId as useId30 } from "react";
 
 // src/components/ToggleButton/ToggleButton.module.css
 var ToggleButton_default = {
@@ -13979,7 +14030,7 @@ var ToggleButton_default = {
 };
 
 // src/components/ToggleButton/ToggleButton.tsx
-import { jsx as jsx323, jsxs as jsxs87 } from "react/jsx-runtime";
+import { jsx as jsx324, jsxs as jsxs87 } from "react/jsx-runtime";
 var ToggleButton = ({
   id,
   label,
@@ -13989,11 +14040,11 @@ var ToggleButton = ({
   htmlProps,
   ...rest
 }) => {
-  const generatedId = useId29();
+  const generatedId = useId30();
   const uniqueId = id != null ? id : `${generatedId}-toggleButton`;
   const hasIcon = !!icon;
   return /* @__PURE__ */ jsxs87(Box, { as: "label", htmlFor: uniqueId, width: "fit-content", children: [
-    /* @__PURE__ */ jsx323(
+    /* @__PURE__ */ jsx324(
       HiddenInput,
       {
         ...getBaseHTMLProps(
@@ -14016,7 +14067,7 @@ var ToggleButton = ({
           focus_default["focus-styled-sibling"]
         ),
         children: [
-          hasIcon && /* @__PURE__ */ jsx323(Icon, { icon, iconSize: "inherit" }),
+          hasIcon && /* @__PURE__ */ jsx324(Icon, { icon, iconSize: "inherit" }),
           " ",
           label
         ]
@@ -14027,8 +14078,8 @@ var ToggleButton = ({
 ToggleButton.displayName = "ToggleButton";
 
 // src/components/ToggleButton/ToggleButtonGroup.tsx
-import { useId as useId30 } from "react";
-import { jsx as jsx324, jsxs as jsxs88 } from "react/jsx-runtime";
+import { useId as useId31 } from "react";
+import { jsx as jsx325, jsxs as jsxs88 } from "react/jsx-runtime";
 var ToggleButtonGroup = (props) => {
   const {
     children,
@@ -14040,7 +14091,7 @@ var ToggleButtonGroup = (props) => {
     htmlProps,
     ...rest
   } = props;
-  const generatedId = useId30();
+  const generatedId = useId31();
   const uniqueLabelId = labelId != null ? labelId : `${generatedId}-ToggleButtonGroupLabel`;
   return /* @__PURE__ */ jsxs88(
     "div",
@@ -14050,7 +14101,7 @@ var ToggleButtonGroup = (props) => {
       "aria-labelledby": label ? uniqueLabelId : void 0,
       children: [
         renderGroupLabel({ label, id: uniqueLabelId }),
-        /* @__PURE__ */ jsx324(Box, { display: "flex", flexWrap: "wrap", gap: "x0.75", flexDirection: direction, children })
+        /* @__PURE__ */ jsx325(Box, { display: "flex", flexWrap: "wrap", gap: "x0.75", flexDirection: direction, children })
       ]
     }
   );
@@ -14291,6 +14342,7 @@ export {
   RedoIcon,
   RefreshIcon,
   ReplayIcon,
+  ScaleIcon,
   ScreenSize,
   Search2 as Search,
   SearchAutocompleteWrapper,