fds-vue-core 8.2.4 → 8.3.1

package/dist/fds-vue-core.cjs.js

@@ -88,6 +88,8 @@ const en = {
   "FdsPhonenumber.invalidPhone": "Enter a valid phone number",
   "FdsPhonenumber.noCountryResults": "No country matches your search",
   "FdsPhonenumber.phoneNumber": "Phone number",
+  "FdsSsn.invalidSsn": "Enter a valid personal identity number",
+  "FdsSsn.label": "Personal identity number",
   "FdsSearchSelectPro.loadingMore": "Loading more...",
   "FdsSearchSelectPro.showMore": "Show more",
   "FdsSearchSelectPro.unspecified": "Unspecified",
@@ -161,6 +163,8 @@ const sv = {
   "FdsPhonenumber.invalidPhone": "Ange ett giltigt telefonnummer",
   "FdsPhonenumber.noCountryResults": "Inget land matchar sökningen",
   "FdsPhonenumber.phoneNumber": "Telefonnummer",
+  "FdsSsn.invalidSsn": "Ange ett giltigt personnummer",
+  "FdsSsn.label": "Personnummer",
   "FdsSearchSelectPro.loadingMore": "Hämtar fler...",
   "FdsSearchSelectPro.showMore": "Visa fler",
   "FdsSearchSelectPro.unspecified": "Ospecificerat",
@@ -750,8 +754,8 @@ const icons = {
       </defs>
     </svg>`
 };
-const _hoisted_1$A = ["innerHTML"];
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$B = ["innerHTML"];
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsIcon",
   props: {
     name: {},
@@ -784,11 +788,11 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
         class: "flex items-center justify-center align-middle",
         style: { width: pixelSize.value, height: pixelSize.value }
-      }, rootAttrs.value, { innerHTML: svgHtml.value }), null, 16, _hoisted_1$A);
+      }, rootAttrs.value, { innerHTML: svgHtml.value }), null, 16, _hoisted_1$B);
     };
   }
 });
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsButtonIcon",
   props: {
     icon: {},
@@ -832,12 +836,12 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
         class: buttonClasses.value,
         onClick
       }), [
-        !__props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
+        !__props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$N, {
           key: 0,
           size: iconSize.value,
           name: __props.icon,
           "aria-hidden": "true"
-        }, null, 8, ["size", "name"])) : (vue.openBlock(), vue.createBlock(_sfc_main$M, {
+        }, null, 8, ["size", "name"])) : (vue.openBlock(), vue.createBlock(_sfc_main$N, {
           key: 1,
           size: iconSize.value,
           name: "spinner",
@@ -848,7 +852,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$z = { class: "flex items-start gap-2" };
+const _hoisted_1$A = { class: "flex items-start gap-2" };
 const _hoisted_2$q = { class: "h-7 flex items-center" };
 const _hoisted_3$l = { class: "leading-7" };
 const _hoisted_4$j = { class: "relative h-7" };
@@ -856,7 +860,7 @@ const _hoisted_5$h = {
   key: 1,
   class: "fds-block-alert-slot mb-0-last-child"
 };
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockAlert",
   props: {
     visible: { type: Boolean, default: true },
@@ -912,9 +916,9 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
               key: 0,
               class: vue.normalizeClass(["font-bold w-full justify-between items-start flex gap-2", { "mb-2": (isExpanded.value || !__props.collapsable) && vue.unref(hasSlot) }])
             }, [
-              vue.createElementVNode("div", _hoisted_1$z, [
+              vue.createElementVNode("div", _hoisted_1$A, [
                 vue.createElementVNode("div", _hoisted_2$q, [
-                  vue.createVNode(_sfc_main$M, {
+                  vue.createVNode(_sfc_main$N, {
                     name: "alert",
                     size: 24,
                     class: "fill-yellow-700"
@@ -923,13 +927,13 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("span", _hoisted_3$l, vue.toDisplayString(__props.heading), 1)
               ]),
               vue.createElementVNode("div", _hoisted_4$j, [
-                __props.closeable ? (vue.openBlock(), vue.createBlock(_sfc_main$L, vue.mergeProps({
+                __props.closeable ? (vue.openBlock(), vue.createBlock(_sfc_main$M, vue.mergeProps({
                   key: 0,
                   icon: "cross",
                   size: 28,
                   onClick: handleClose
                 }, { "aria-label": closeLabel.value }, { class: ["fill-gray-900! hover:bg-gray-100 active:bg-gray-200"] }), null, 16)) : vue.createCommentVNode("", true),
-                __props.collapsable ? (vue.openBlock(), vue.createBlock(_sfc_main$L, vue.mergeProps({
+                __props.collapsable ? (vue.openBlock(), vue.createBlock(_sfc_main$M, vue.mergeProps({
                   key: 1,
                   icon: "arrowDown",
                   size: 28,
@@ -952,7 +956,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$y = ["id"];
+const _hoisted_1$z = ["id"];
 const _hoisted_2$p = {
   key: 0,
   class: "flex items-start justify-between gap-4 mb-4"
@@ -960,7 +964,7 @@ const _hoisted_2$p = {
 const _hoisted_3$k = { class: "flex items-center gap-3" };
 const _hoisted_4$i = { class: "flex items-start gap-3 leading-8" };
 const _hoisted_5$g = { class: "mb-0-last-child" };
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockContent",
   props: {
     heading: { default: void 0 },
@@ -1017,11 +1021,11 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", _hoisted_5$g, [
           vue.renderSlot(_ctx.$slots, "default")
         ])
-      ], 16, _hoisted_1$y);
+      ], 16, _hoisted_1$z);
     };
   }
 });
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsSticker",
   props: {
     variant: { default: "blue" },
@@ -1069,7 +1073,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$x = { class: "leading-6 w-full flex justify-between gap-4" };
+const _hoisted_1$y = { class: "leading-6 w-full flex justify-between gap-4" };
 const _hoisted_2$o = {
   key: 0,
   class: "flex items-center mr-4"
@@ -1081,7 +1085,7 @@ const _hoisted_5$f = {
   class: "w-full flex mt-2"
 };
 const _hoisted_6$b = ["aria-hidden"];
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1153,12 +1157,12 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("span", {
             class: vue.normalizeClass(buttonRowClasses.value)
           }, [
-            vue.createElementVNode("span", _hoisted_1$x, [
+            vue.createElementVNode("span", _hoisted_1$y, [
               vue.createElementVNode("span", {
                 class: vue.normalizeClass(["flex items-center", { "inline-flex items-start": __props.icon }])
               }, [
                 __props.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$o, [
-                  vue.createVNode(_sfc_main$M, {
+                  vue.createVNode(_sfc_main$N, {
                     name: __props.icon,
                     size: 24,
                     class: vue.normalizeClass(["fill-blue-500", [{ "fill-gray-500": __props.disabled }, __props.iconClass]])
@@ -1171,7 +1175,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
                 ])
               ], 2),
               vue.createElementVNode("span", _hoisted_4$h, [
-                __props.stickerText && __props.stickerColor ? (vue.openBlock(), vue.createBlock(_sfc_main$I, {
+                __props.stickerText && __props.stickerColor ? (vue.openBlock(), vue.createBlock(_sfc_main$J, {
                   key: 0,
                   variant: __props.stickerColor
                 }, {
@@ -1180,7 +1184,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   _: 1
                 }, 8, ["variant"])) : vue.createCommentVNode("", true),
-                vue.createVNode(_sfc_main$M, {
+                vue.createVNode(_sfc_main$N, {
                   name: "arrowDown",
                   size: 24,
                   class: vue.normalizeClass(["transition-transform duration-200 fill-blue-500 min-w-6 min-h-6", { "rotate-180": isOpen.value, "fill-gray-500": __props.disabled }])
@@ -1204,7 +1208,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$w = ["id"];
+const _hoisted_1$x = ["id"];
 const _hoisted_2$n = {
   key: 0,
   class: "flex items-start gap-4"
@@ -1229,7 +1233,7 @@ const _hoisted_13$2 = { class: "flex items-start gap-3" };
 const _hoisted_14$2 = { class: "mb-0-last-child" };
 const smallIconSize = 24;
 const largeIconSize = 48;
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockInfo",
   props: {
     heading: { default: void 0 },
@@ -1262,7 +1266,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
         class: contentClasses.value
       }, rootAttrs.value), [
         __props.iconSize === "large" && __props.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$n, [
-          vue.createVNode(_sfc_main$M, {
+          vue.createVNode(_sfc_main$N, {
             name: __props.icon,
             size: largeIconSize,
             class: "fill-blue-500"
@@ -1287,7 +1291,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createElementVNode("header", _hoisted_10$4, [
               vue.createElementVNode("div", _hoisted_11$4, [
-                __props.icon && __props.iconSize === "small" ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
+                __props.icon && __props.iconSize === "small" ? (vue.openBlock(), vue.createBlock(_sfc_main$N, {
                   key: 0,
                   name: __props.icon,
                   size: smallIconSize,
@@ -1304,16 +1308,16 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
             vue.renderSlot(_ctx.$slots, "default")
           ])
         ]))
-      ], 16, _hoisted_1$w);
+      ], 16, _hoisted_1$x);
     };
   }
 });
-const _hoisted_1$v = { class: "mb-0-last-child" };
+const _hoisted_1$w = { class: "mb-0-last-child" };
 const _hoisted_2$m = {
   key: 0,
   class: "flex items-end"
 };
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1426,7 +1430,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["flex w-full flex-1", contentClasses.value])
           }, [
-            __props.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
+            __props.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$N, {
               key: 0,
               name: __props.icon,
               size: 24,
@@ -1445,7 +1449,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(slotWrapperClasses.value)
               }, [
-                vue.createElementVNode("div", _hoisted_1$v, [
+                vue.createElementVNode("div", _hoisted_1$w, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ]),
                 vue.unref(hasStickerSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$m, [
@@ -1454,7 +1458,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
               ], 2)
             ], 2)
           ], 2),
-          __props.variant === "link" ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
+          __props.variant === "link" ? (vue.openBlock(), vue.createBlock(_sfc_main$N, {
             key: 0,
             name: "arrowRight",
             size: 24,
@@ -1466,8 +1470,8 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$u = ["aria-label"];
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$v = ["aria-label"];
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsSpinner",
   props: {
     size: { default: "48px" },
@@ -1547,13 +1551,13 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           class: vue.normalizeClass(__props.labelPosition === "bottom" ? "font-bold" : "")
         }, vue.toDisplayString(__props.label), 3)) : vue.createCommentVNode("", true)
-      ], 16, _hoisted_1$u);
+      ], 16, _hoisted_1$v);
     };
   }
 });
-const _hoisted_1$t = ["aria-disabled"];
+const _hoisted_1$u = ["aria-disabled"];
 const elBase$2 = "box-border appearance-none inline-flex items-center justify-center w-fit min-h-0 shadow-none p-0.5 text-base select-none m-0 rounded-md text-left align-middle no-underline transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1638,7 +1642,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
           onClick
         }), {
           default: vue.withCtx(() => [
-            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
               key: 0,
               class: "mr-2",
               size: "24px",
@@ -1648,7 +1652,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
-              vue.createVNode(_sfc_main$M, {
+              vue.createVNode(_sfc_main$N, {
                 class: vue.normalizeClass(iconFillClass2.value),
                 name: __props.icon,
                 size: __props.iconSize
@@ -1658,15 +1662,15 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 1
         }, 16, ["type", "disabled", "data-testid", "class"]))
-      ], 10, _hoisted_1$t);
+      ], 10, _hoisted_1$u);
     };
   }
 });
-const _hoisted_1$s = {
+const _hoisted_1$t = {
   key: 0,
   class: "flex items-center gap-2 h-7"
 };
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsButtonCopy",
   props: {
     value: { default: "" },
@@ -1728,10 +1732,10 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return isCopied.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
-        vue.createVNode(_sfc_main$M, { name: "bigSuccess" }),
+      return isCopied.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
+        vue.createVNode(_sfc_main$N, { name: "bigSuccess" }),
         vue.createElementVNode("span", null, vue.toDisplayString(props.copiedText), 1)
-      ])) : (vue.openBlock(), vue.createBlock(_sfc_main$D, {
+      ])) : (vue.openBlock(), vue.createBlock(_sfc_main$E, {
         key: 1,
         type: "button",
         disabled: props.disabled,
@@ -5022,8 +5026,8 @@ function useDownload() {
     isDownloading
   };
 }
-const _hoisted_1$r = ["disabled", "aria-disabled"];
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$s = ["disabled", "aria-disabled"];
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsButtonDownload",
   props: {
     loading: { type: Boolean, default: false },
@@ -5124,23 +5128,23 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(iconOrderClasses.value),
           "aria-hidden": "true"
         }, [
-          vue.createVNode(_sfc_main$M, {
+          vue.createVNode(_sfc_main$N, {
             class: vue.normalizeClass(iconFillClass2.value),
             name: "download",
             size: 24
           }, null, 8, ["class"])
         ], 2),
         vue.createTextVNode(" " + vue.toDisplayString(__props.text), 1)
-      ], 16, _hoisted_1$r);
+      ], 16, _hoisted_1$s);
     };
   }
 });
-const _hoisted_1$q = ["aria-disabled"];
+const _hoisted_1$r = ["aria-disabled"];
 const _hoisted_2$l = { key: 2 };
 const elBase$1 = "fds-button-primary box-border appearance-none inline-flex items-center justify-center select-none w-full min-h-0 min-w-12 m-0 rounded-lg text-center align-middle whitespace-nowrap no-underline shadow-[0_2px_4px_rgba(12,72,153,0.12)] transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
 const variantClasses$1 = "bg-blue-600 border border-blue-600 text-white hover:bg-blue-700";
 const iconFillClass$1 = "fill-white";
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -5223,7 +5227,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
           onClick
         }), {
           default: vue.withCtx(() => [
-            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
               key: 0,
               size: __props.size === "sm" ? "18px" : "24px",
               color: "inherit"
@@ -5232,7 +5236,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
-              vue.createVNode(_sfc_main$M, {
+              vue.createVNode(_sfc_main$N, {
                 class: vue.normalizeClass(iconFillClass$1),
                 name: __props.icon,
                 size: __props.iconSize
@@ -5242,16 +5246,16 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 1
         }, 16, ["type", "disabled", "data-testid", "class"]))
-      ], 10, _hoisted_1$q);
+      ], 10, _hoisted_1$r);
     };
   }
 });
-const _hoisted_1$p = ["aria-disabled"];
+const _hoisted_1$q = ["aria-disabled"];
 const _hoisted_2$k = { key: 2 };
 const elBase = "fds-button-secondary box-border appearance-none inline-flex items-center justify-center select-none w-full min-h-0 min-w-12 m-0 rounded-lg text-center align-middle whitespace-nowrap no-underline shadow-[0_2px_4px_rgba(12,72,153,0.12)] transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
 const variantClasses = "bg-white border-2 border-blue-500 text-blue-600 hover:bg-blue_t-100 hover:border-blue-500 hover:text-blue-600 active:bg-blue_t-200 active:border-blue-500 active:text-blue-600";
 const iconFillClass = "fill-blue-500";
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -5335,7 +5339,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
           onClick
         }), {
           default: vue.withCtx(() => [
-            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
               key: 0,
               size: __props.size === "sm" ? "18px" : "24px",
               color: "inherit"
@@ -5344,7 +5348,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
-              vue.createVNode(_sfc_main$M, {
+              vue.createVNode(_sfc_main$N, {
                 class: vue.normalizeClass(iconFillClass),
                 name: __props.icon,
                 size: __props.iconSize
@@ -5354,7 +5358,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 1
         }, 16, ["type", "disabled", "data-testid", "class"]))
-      ], 10, _hoisted_1$p);
+      ], 10, _hoisted_1$q);
     };
   }
 });
@@ -5676,8 +5680,8 @@ function useViewportBreakpoint() {
     breakpoints
   };
 }
-const _hoisted_1$o = ["title"];
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$p = ["title"];
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBreakpointIndicator",
   props: {
     popoverClass: {}
@@ -5716,7 +5720,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
           class: "px-2 py-1 rounded text-xs bg-white bg-opacity-20 text-black hover:bg-opacity-30 cursor-pointer",
           title: `${vue.unref(windowWidth)}px`,
           onClick: toggleBreakpointList
-        }, vue.toDisplayString(vue.unref(currentBreakpoint)), 9, _hoisted_1$o),
+        }, vue.toDisplayString(vue.unref(currentBreakpoint)), 9, _hoisted_1$p),
         showBreakpointList.value ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: vue.normalizeClass(["absolute bottom-full left-0 mb-2 rounded-lg shadow-lg p-2 text-xs font-mono whitespace-nowrap z-10", __props.popoverClass])
@@ -5796,9 +5800,9 @@ function useDevModePoEditor() {
     setI18nKeysVisibility
   };
 }
-const _hoisted_1$n = ["for"];
+const _hoisted_1$o = ["for"];
 const _hoisted_2$j = ["value", "disabled", "required"];
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -5828,10 +5832,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     onKeydown: {},
     onKeyup: {}
   }, {
-    "modelValue": { type: [Boolean, Array], ...{
-      default: void 0,
-      required: false
-    } },
+    "modelValue": { type: [Boolean, Array] },
     "modelModifiers": {}
   }),
   emits: /* @__PURE__ */ vue.mergeModels(["change", "input", "update:checked"], ["update:modelValue"]),
@@ -5965,18 +5966,18 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
             key: 0,
             class: vue.normalizeClass(["relative inline-block leading-6 pl-1 select-none", { "cursor-not-allowed": props.disabled }])
           }, [
-            vue.unref(hasLabelSlot) ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : props.label ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+            vue.unref(hasLabelSlot) ? vue.renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : props.label ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createTextVNode(vue.toDisplayString(props.label), 1)
             ], 64)) : vue.createCommentVNode("", true)
           ], 2)) : vue.createCommentVNode("", true)
-        ], 16, _hoisted_1$n)
+        ], 16, _hoisted_1$o)
       ], 2);
     };
   }
 });
-const _hoisted_1$m = ["for"];
+const _hoisted_1$n = ["for"];
 const _hoisted_2$i = ["value", "checked", "disabled", "required"];
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -6005,7 +6006,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     onKeydown: {},
     onKeyup: {}
   }, {
-    "modelValue": { type: [String, Number, Boolean, null], ...{ default: void 0, required: false } },
+    "modelValue": { type: [String, Number, Boolean, null] },
     "modelModifiers": {}
   }),
   emits: /* @__PURE__ */ vue.mergeModels(["update:modelValue", "update:checked", "change", "input"], ["update:modelValue"]),
@@ -6103,11 +6104,11 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
             key: 0,
             class: vue.normalizeClass(["relative inline-block leading-6 pl-1 select-none", { "cursor-not-allowed": props.disabled }])
           }, [
-            vue.unref(hasLabelSlot) ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : props.label ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+            vue.unref(hasLabelSlot) ? vue.renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : props.label ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createTextVNode(vue.toDisplayString(props.label), 1)
             ], 64)) : vue.createCommentVNode("", true)
           ], 2)) : vue.createCommentVNode("", true)
-        ], 16, _hoisted_1$m)
+        ], 16, _hoisted_1$n)
       ], 2);
     };
   }
@@ -6124,7 +6125,7 @@ function classValueToString(value) {
   }
   return String(value);
 }
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -6155,7 +6156,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$l = {
+const _hoisted_1$m = {
   key: 0,
   class: "absolute bottom-full right-0 mb-3 z-60 flex min-w-54 flex-col font-normal"
 };
@@ -6171,7 +6172,7 @@ const _hoisted_5$d = {
 };
 const _hoisted_6$9 = { key: 2 };
 const OVERLAY_OPEN_KEY = "devModeOverlayOpen";
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsDevModeOverlay",
   props: {
     environment: { default: null },
@@ -6238,11 +6239,11 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
       () => checkToggles.value.length > 0 || radioToggles.value.length > 0 || buttonToggles.value.length > 0 || canToggleI18nKeys.value || showLocaleSwitcher.value
     );
     return (_ctx, _cache) => {
-      return hasContent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
+      return hasContent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
         isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$h, [
           vue.createElementVNode("div", _hoisted_3$h, [
             vue.createElementVNode("div", null, [
-              vue.unref(canToggleI18nKeys) ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+              vue.unref(canToggleI18nKeys) ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
                 key: 0,
                 checked: vue.unref(showingTranslationKeys),
                 onChange: vue.unref(setI18nKeysVisibility),
@@ -6254,7 +6255,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
                 _: 1
               }, 8, ["checked", "onChange"])) : vue.createCommentVNode("", true),
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(checkToggles.value, (toggle) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$x, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$y, {
                   key: `${toggle.key}-${toggle.checked}`,
                   checked: toggle.checked,
                   class: "mb-0!",
@@ -6269,7 +6270,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
             ]),
             radioToggles.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$f, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(radioToggles.value, (toggle) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$w, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$x, {
                   key: `${toggle.key}-${toggle.checked}`,
                   name: toggle.group,
                   value: toggle.value,
@@ -6286,7 +6287,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true),
             buttonToggles.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$d, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(buttonToggles.value, (toggle) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$D, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$E, {
                   key: toggle.key,
                   size: "sm",
                   block: "",
@@ -6297,7 +6298,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true),
             showLocaleSwitcher.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$9, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(localeOptions.value, (localeCode) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$w, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$x, {
                   key: localeCode,
                   name: "fds-dev-mode-locale",
                   value: localeCode,
@@ -6321,13 +6322,13 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
             onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value),
             class: "flex w-full cursor-pointer justify-between gap-2 px-3 py-2 active:bg-gray-100"
           }, [
-            vue.createVNode(_sfc_main$v, { class: "mb-0!" }, {
+            vue.createVNode(_sfc_main$w, { class: "mb-0!" }, {
               default: vue.withCtx(() => [
                 vue.createTextVNode(vue.toDisplayString(vue.unref(t)("FdsDevMode.overlay.quickSettings")), 1)
               ]),
               _: 1
             }),
-            vue.createVNode(_sfc_main$M, {
+            vue.createVNode(_sfc_main$N, {
               name: isOpen.value ? "arrowUp" : "arrowDown",
               size: 20,
               class: "fill-gray-700"
@@ -6338,10 +6339,10 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$k = { class: "flex justify-between mb-4" };
+const _hoisted_1$l = { class: "flex justify-between mb-4" };
 const _hoisted_2$g = { class: "flex items-center gap-2" };
 const _hoisted_3$g = { class: "mb-0-last-child" };
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsModal",
   props: {
     open: { type: Boolean, default: false },
@@ -6570,9 +6571,9 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", {
               class: vue.normalizeClass(__props.resizable ? "overflow-auto flex-1 min-h-0" : "")
             }, [
-              vue.createElementVNode("div", _hoisted_1$k, [
+              vue.createElementVNode("div", _hoisted_1$l, [
                 vue.createElementVNode("div", _hoisted_2$g, [
-                  iconName.value ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
+                  iconName.value ? (vue.openBlock(), vue.createBlock(_sfc_main$N, {
                     key: 0,
                     name: iconName.value,
                     size: 24,
@@ -6583,7 +6584,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                     class: vue.normalizeClass(headerTitleClasses.value)
                   }, vue.toDisplayString(__props.heading), 3)
                 ]),
-                !__props.strict ? (vue.openBlock(), vue.createBlock(_sfc_main$L, vue.mergeProps({
+                !__props.strict ? (vue.openBlock(), vue.createBlock(_sfc_main$M, vue.mergeProps({
                   key: 0,
                   icon: "cross",
                   size: 28,
@@ -9845,7 +9846,7 @@ try {
   globalThis.IMask = IMask;
 } catch {
 }
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -9876,7 +9877,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$j = ["for", "id"];
+const _hoisted_1$k = ["for", "id"];
 const _hoisted_2$f = { class: "relative" };
 const _hoisted_3$f = ["type", "required", "disabled", "tabindex", "aria-invalid", "aria-label", "aria-labelledby", "aria-describedby", "autocomplete", "placeholder", "pattern", "searchIcon"];
 const _hoisted_4$e = {
@@ -9884,7 +9885,7 @@ const _hoisted_4$e = {
   class: "text-red-700 font-bold mt-1"
 };
 const inputPaddingClasses = "px-3 py-[calc(0.75rem-1px)]";
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -9931,7 +9932,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     onKeydown: {},
     onKeyup: {}
   }, {
-    "modelValue": { default: void 0, required: false },
+    "modelValue": { default: "" },
     "modelModifiers": {}
   }),
   emits: /* @__PURE__ */ vue.mergeModels(["input", "autocomplete", "clearInput", "update:value", "keyup", "keyup.enter", "blur"], ["update:modelValue"]),
@@ -10184,8 +10185,8 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
               for: inputId.value,
               id: labelId.value,
               class: ["block font-bold text-gray-900 cursor-pointer", { "mb-0": props.meta, "mb-1": !props.meta }]
-            }, labelAttrs.value), vue.toDisplayString(props.label), 17, _hoisted_1$j)) : vue.createCommentVNode("", true),
-            props.meta ? (vue.openBlock(), vue.createBlock(_sfc_main$s, {
+            }, labelAttrs.value), vue.toDisplayString(props.label), 17, _hoisted_1$k)) : vue.createCommentVNode("", true),
+            props.meta ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
               key: 1,
               id: metaId.value,
               class: vue.normalizeClass({ "mb-1": !props.labelLeft })
@@ -10230,7 +10231,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(rightIconsContainerClasses.value)
               }, [
-                showDateIcon.value ? (vue.openBlock(), vue.createBlock(_sfc_main$L, {
+                showDateIcon.value ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
                   key: 0,
                   "aria-label": dateButtonLabel.value,
                   onClick: onDateIconClick,
@@ -10238,29 +10239,29 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                   size: 28,
                   class: "fill-blue-500"
                 }, null, 8, ["aria-label"])) : vue.createCommentVNode("", true),
-                isInvalid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
+                isInvalid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$N, {
                   key: 1,
                   name: "alert",
                   class: "fill-red-700"
                 })) : vue.createCommentVNode("", true),
-                isValid2.value ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
+                isValid2.value ? (vue.openBlock(), vue.createBlock(_sfc_main$N, {
                   key: 2,
                   name: "bigSuccess"
                 })) : vue.createCommentVNode("", true),
-                props.searchIcon ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
+                props.searchIcon ? (vue.openBlock(), vue.createBlock(_sfc_main$N, {
                   key: 3,
                   name: "search",
                   size: 24,
                   class: "fill-blue-500"
                 })) : vue.createCommentVNode("", true),
-                showClearButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$L, vue.mergeProps({
+                showClearButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$M, vue.mergeProps({
                   key: 4,
                   icon: "cross"
                 }, { "aria-label": clearButtonLabel.value }, {
                   onClick: onClear,
                   size: 30
                 }), null, 16)) : vue.createCommentVNode("", true),
-                showPasswordToggle.value ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
+                showPasswordToggle.value ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
                   key: 5,
                   icon: showPassword.value ? "viewOff" : "viewOn",
                   text: showPassword.value ? passwordButtonHideLabel.value : passwordButtonShowLabel.value,
@@ -10280,7 +10281,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTabs",
   props: {
     block: { type: Boolean, default: false },
@@ -10313,7 +10314,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -10428,7 +10429,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$i = { class: "space-y-6" };
+const _hoisted_1$j = { class: "space-y-6" };
 const _hoisted_2$e = {
   key: 0,
   class: "text-sm text-gray-600"
@@ -10527,7 +10528,7 @@ const _hoisted_59 = {
   class: "mt-2"
 };
 const _hoisted_60 = { class: "mt-4 flex justify-end gap-3" };
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsDevModeStorage",
   props: {
     open: { type: Boolean, default: false },
@@ -10700,7 +10701,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
       loadStorageEntries();
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$t, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$u, {
         open: isOpen.value,
         heading: "DevTools",
         size: "xl",
@@ -10710,31 +10711,31 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
         onClose: _cache[11] || (_cache[11] = () => handleOpenChange(false))
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_1$i, [
-            vue.createVNode(_sfc_main$q, {
+          vue.createElementVNode("div", _hoisted_1$j, [
+            vue.createVNode(_sfc_main$r, {
               variant: "secondary",
               class: "flex-wrap overflow-visible! *:w-auto!"
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_sfc_main$p, {
+                vue.createVNode(_sfc_main$q, {
                   label: vue.unref(t)("FdsDevModeStorage.tabs.localStorage"),
                   active: activeTab.value === "local",
                   as: "button",
                   onClick: _cache[0] || (_cache[0] = ($event) => activeTab.value = "local")
                 }, null, 8, ["label", "active"]),
-                vue.createVNode(_sfc_main$p, {
+                vue.createVNode(_sfc_main$q, {
                   label: vue.unref(t)("FdsDevModeStorage.tabs.sessionStorage"),
                   active: activeTab.value === "session",
                   as: "button",
                   onClick: _cache[1] || (_cache[1] = ($event) => activeTab.value = "session")
                 }, null, 8, ["label", "active"]),
-                vue.createVNode(_sfc_main$p, {
+                vue.createVNode(_sfc_main$q, {
                   label: vue.unref(t)("FdsDevModeStorage.tabs.cookies"),
                   active: activeTab.value === "cookies",
                   as: "button",
                   onClick: _cache[2] || (_cache[2] = ($event) => activeTab.value = "cookies")
                 }, null, 8, ["label", "active"]),
-                vue.createVNode(_sfc_main$p, {
+                vue.createVNode(_sfc_main$q, {
                   label: vue.unref(t)("FdsDevModeStorage.tabs.actions"),
                   active: activeTab.value === "actions",
                   as: "button",
@@ -10743,7 +10744,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
               ]),
               _: 1
             }),
-            activeTab.value === "local" ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
+            activeTab.value === "local" ? (vue.openBlock(), vue.createBlock(_sfc_main$H, {
               key: 0,
               heading: vue.unref(t)("FdsDevModeStorage.tabs.localStorage"),
               icon: "information",
@@ -10797,12 +10798,12 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
                     ])
                   ]),
                   localEditKey.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18, [
-                    vue.createVNode(_sfc_main$z, {
+                    vue.createVNode(_sfc_main$A, {
                       text: vue.unref(t)("FdsDevModeStorage.actions.delete"),
                       size: "sm",
                       onClick: deleteLocalEntry
                     }, null, 8, ["text"]),
-                    vue.createVNode(_sfc_main$A, {
+                    vue.createVNode(_sfc_main$B, {
                       text: vue.unref(t)("FdsDevModeStorage.actions.save"),
                       size: "sm",
                       onClick: saveLocalEntry
@@ -10811,7 +10812,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
                 ])
               ]),
               _: 1
-            }, 8, ["heading"])) : activeTab.value === "session" ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
+            }, 8, ["heading"])) : activeTab.value === "session" ? (vue.openBlock(), vue.createBlock(_sfc_main$H, {
               key: 1,
               heading: vue.unref(t)("FdsDevModeStorage.tabs.sessionStorage"),
               icon: "information",
@@ -10865,12 +10866,12 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
                     ])
                   ]),
                   sessionEditKey.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_35, [
-                    vue.createVNode(_sfc_main$z, {
+                    vue.createVNode(_sfc_main$A, {
                       text: vue.unref(t)("FdsDevModeStorage.actions.delete"),
                       size: "sm",
                       onClick: deleteSessionEntry
                     }, null, 8, ["text"]),
-                    vue.createVNode(_sfc_main$A, {
+                    vue.createVNode(_sfc_main$B, {
                       text: vue.unref(t)("FdsDevModeStorage.actions.save"),
                       size: "sm",
                       onClick: saveSessionEntry
@@ -10879,7 +10880,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
                 ])
               ]),
               _: 1
-            }, 8, ["heading"])) : activeTab.value === "cookies" ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
+            }, 8, ["heading"])) : activeTab.value === "cookies" ? (vue.openBlock(), vue.createBlock(_sfc_main$H, {
               key: 2,
               heading: vue.unref(t)("FdsDevModeStorage.tabs.cookies"),
               icon: "information",
@@ -10933,12 +10934,12 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
                     ])
                   ]),
                   cookieEditKey.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_52, [
-                    vue.createVNode(_sfc_main$z, {
+                    vue.createVNode(_sfc_main$A, {
                       text: vue.unref(t)("FdsDevModeStorage.actions.delete"),
                       size: "sm",
                       onClick: deleteCookieEntry
                     }, null, 8, ["text"]),
-                    vue.createVNode(_sfc_main$A, {
+                    vue.createVNode(_sfc_main$B, {
                       text: vue.unref(t)("FdsDevModeStorage.actions.save"),
                       size: "sm",
                       onClick: saveCookieEntry
@@ -10947,7 +10948,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
                 ])
               ]),
               _: 1
-            }, 8, ["heading"])) : activeTab.value === "actions" ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
+            }, 8, ["heading"])) : activeTab.value === "actions" ? (vue.openBlock(), vue.createBlock(_sfc_main$H, {
               key: 3,
               heading: vue.unref(t)("FdsDevModeStorage.tabs.actions"),
               icon: "information",
@@ -10965,18 +10966,18 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
                           vue.createElementVNode("div", _hoisted_57, vue.toDisplayString(action.label), 1),
                           action.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_58, vue.toDisplayString(action.description), 1)) : vue.createCommentVNode("", true)
                         ]),
-                        vue.createVNode(_sfc_main$z, {
+                        vue.createVNode(_sfc_main$A, {
                           text: action.label,
                           size: "sm",
                           onClick: ($event) => runAction(index, action)
                         }, null, 8, ["text", "onClick"])
                       ]),
                       action.input ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_59, [
-                        vue.createVNode(_sfc_main$r, {
+                        vue.createVNode(_sfc_main$s, {
                           type: action.input.type ?? "text",
                           modelValue: getActionInputValue(index, action.input.defaultValue),
                           placeholder: action.input.placeholder,
-                          "onUpdate:modelValue": ($event) => setActionInputValue(index, $event)
+                          "onUpdate:modelValue": ($event) => setActionInputValue(index, $event ?? "")
                         }, null, 8, ["type", "modelValue", "placeholder", "onUpdate:modelValue"])
                       ])) : vue.createCommentVNode("", true)
                     ]);
@@ -10986,11 +10987,11 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
               _: 1
             }, 8, ["heading"])) : vue.createCommentVNode("", true),
             vue.createElementVNode("div", _hoisted_60, [
-              vue.createVNode(_sfc_main$z, {
+              vue.createVNode(_sfc_main$A, {
                 text: vue.unref(t)("FdsDevModeStorage.actions.refresh"),
                 onClick: refreshStorageEntries
               }, null, 8, ["text"]),
-              vue.createVNode(_sfc_main$A, {
+              vue.createVNode(_sfc_main$B, {
                 text: vue.unref(t)("FdsDevModeStorage.actions.close"),
                 onClick: _cache[10] || (_cache[10] = ($event) => handleOpenChange(false))
               }, null, 8, ["text"])
@@ -11002,11 +11003,11 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$h = { class: "relative px-2 py-1" };
+const _hoisted_1$i = { class: "relative px-2 py-1" };
 const _hoisted_2$d = { class: "flex flex-col sm:flex-row items-center gap-2 sm:gap-1" };
 const _hoisted_3$d = { class: "flex items-center gap-1" };
 const _hoisted_4$c = { class: "flex items-center gap-1" };
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsDevMode",
   props: /* @__PURE__ */ vue.mergeModels({
     environment: { default: null },
@@ -11168,8 +11169,8 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
           onMousedown: _cache[1] || (_cache[1] = //@ts-ignore
           (...args) => vue.unref(onDragStart) && vue.unref(onDragStart)(...args))
         }, [
-          vue.createElementVNode("div", _hoisted_1$h, [
-            vue.unref(isDevMode) ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
+          vue.createElementVNode("div", _hoisted_1$i, [
+            vue.unref(isDevMode) ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
               key: 0,
               environment: __props.environment,
               toggles: overlayToggles.value,
@@ -11179,7 +11180,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["environment", "toggles"])) : vue.createCommentVNode("", true),
             vue.createElementVNode("div", _hoisted_2$d, [
               vue.createElementVNode("div", _hoisted_3$d, [
-                vue.createVNode(_sfc_main$y, { "popover-class": envBannerClasses.value }, null, 8, ["popover-class"]),
+                vue.createVNode(_sfc_main$z, { "popover-class": envBannerClasses.value }, null, 8, ["popover-class"]),
                 vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(environmentText)), 1)
               ]),
               vue.createElementVNode("div", _hoisted_4$c, [
@@ -11188,13 +11189,13 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
                   (...args) => vue.unref(toggleDevMode) && vue.unref(toggleDevMode)(...args)),
                   class: "py-1 px-2 rounded text-xs font-bold bg-white bg-opacity-20 text-black hover:bg-opacity-30 min-w-[120px] cursor-pointer"
                 }, vue.toDisplayString(devModeButtonText.value), 1),
-                vue.createVNode(_sfc_main$L, {
+                vue.createVNode(_sfc_main$M, {
                   icon: "settings",
                   size: 24,
                   class: vue.normalizeClass(envBannerFillColor.value),
                   onClick: openStorageModal
                 }, null, 8, ["class"]),
-                vue.createVNode(_sfc_main$L, {
+                vue.createVNode(_sfc_main$M, {
                   onClick: handleEnvBanner,
                   icon: "cross",
                   size: 24,
@@ -11204,7 +11205,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
             ])
           ])
         ], 38)) : vue.createCommentVNode("", true),
-        vue.createVNode(_sfc_main$o, {
+        vue.createVNode(_sfc_main$p, {
           open: isStorageModalOpen.value,
           "onUpdate:open": _cache[2] || (_cache[2] = ($event) => isStorageModalOpen.value = $event),
           customActions: __props.customActions
@@ -11213,8 +11214,8 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$g = { class: "flex justify-between gap-6 w-full" };
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$h = { class: "flex justify-between gap-6 w-full" };
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsExitModal",
   props: {
     showExitConfirmModal: {},
@@ -11229,7 +11230,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const isOpen = vue.computed(() => props.showExitConfirmModal.value);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$t, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$u, {
         heading: props.heading,
         size: "sm",
         open: isOpen.value,
@@ -11237,13 +11238,13 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
         onClose: props.cancelExit
       }, {
         "modal-footer": vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_1$g, [
-            vue.createVNode(_sfc_main$z, {
+          vue.createElementVNode("div", _hoisted_1$h, [
+            vue.createVNode(_sfc_main$A, {
               text: props.stayText,
               onClick: props.cancelExit,
               block: ""
             }, null, 8, ["text", "onClick"]),
-            vue.createVNode(_sfc_main$z, {
+            vue.createVNode(_sfc_main$A, {
               text: props.leaveText,
               onClick: props.confirmExit,
               block: ""
@@ -11278,12 +11279,12 @@ function debounce(fn, delayMs) {
   };
   return debounced;
 }
-const _hoisted_1$f = ["id"];
+const _hoisted_1$g = ["id"];
 const _hoisted_2$c = { class: "flex items-center justify-start gap-1 w-[100px]" };
 const _hoisted_3$c = { class: "flex items-center justify-center w-auto gap-2 order-0 sm:order-0" };
 const _hoisted_4$b = { class: "whitespace-nowrap" };
 const _hoisted_5$b = { class: "flex items-center justify-end gap-1 order-2 sm:order-0 w-[100px]" };
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsPagination",
   props: {
     current: {},
@@ -11373,11 +11374,11 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
         id: inputId.value
       }, rootAttrs.value), [
         vue.createElementVNode("div", _hoisted_2$c, [
-          __props.loading && loadingIndicator.value === "start" ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+          __props.loading && loadingIndicator.value === "start" ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
             key: 0,
             size: "32px",
             color: "blue"
-          })) : (vue.openBlock(), vue.createBlock(_sfc_main$L, vue.mergeProps({ key: 1 }, { "aria-disabled": __props.current === 1 }, {
+          })) : (vue.openBlock(), vue.createBlock(_sfc_main$M, vue.mergeProps({ key: 1 }, { "aria-disabled": __props.current === 1 }, {
             type: "button",
             "aria-label": firstPageLabel.value,
             icon: "first",
@@ -11386,11 +11387,11 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
             class: [{ "hidden!": __props.current === 1 }, "w-8 h-8 sm:w-12 sm:h-12"],
             onClick: _cache[0] || (_cache[0] = ($event) => handlePagination("start"))
           }), null, 16, ["aria-label", "disabled", "class"])),
-          __props.loading && loadingIndicator.value === "prev" ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+          __props.loading && loadingIndicator.value === "prev" ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
             key: 2,
             size: "24px",
             color: "blue"
-          })) : (vue.openBlock(), vue.createBlock(_sfc_main$L, vue.mergeProps({ key: 3 }, { "aria-disabled": __props.current === 1 }, {
+          })) : (vue.openBlock(), vue.createBlock(_sfc_main$M, vue.mergeProps({ key: 3 }, { "aria-disabled": __props.current === 1 }, {
             type: "button",
             "aria-label": prevPageLabel.value,
             icon: "arrowLeft",
@@ -11401,14 +11402,14 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           }), null, 16, ["aria-label", "disabled", "class"]))
         ]),
         vue.createElementVNode("div", _hoisted_3$c, [
-          __props.loading && loadingIndicator.value === "input" ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+          __props.loading && loadingIndicator.value === "input" ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
             key: 0,
             size: "24px",
             color: "blue",
             label: loadingLabel.value,
             "label-position": "right"
           }, null, 8, ["label"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-            vue.createVNode(_sfc_main$r, {
+            vue.createVNode(_sfc_main$s, {
               style: { "text-align": "center" },
               value: inputValue.value,
               type: "text",
@@ -11422,11 +11423,11 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           ], 64))
         ]),
         vue.createElementVNode("div", _hoisted_5$b, [
-          __props.loading && loadingIndicator.value === "next" ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+          __props.loading && loadingIndicator.value === "next" ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
             key: 0,
             size: "24px",
             color: "blue"
-          })) : (vue.openBlock(), vue.createBlock(_sfc_main$L, vue.mergeProps({
+          })) : (vue.openBlock(), vue.createBlock(_sfc_main$M, vue.mergeProps({
             key: 1,
             type: "button",
             "aria-label": nextPageLabel.value,
@@ -11437,11 +11438,11 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
             class: [{ "hidden!": __props.current === __props.max }, "w-8 h-8 sm:w-12 sm:h-12"],
             onClick: _cache[2] || (_cache[2] = ($event) => handlePagination("next"))
           }), null, 16, ["aria-label", "disabled", "class"])),
-          __props.loading && loadingIndicator.value === "end" ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+          __props.loading && loadingIndicator.value === "end" ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
             key: 2,
             size: "24px",
             color: "blue"
-          })) : (vue.openBlock(), vue.createBlock(_sfc_main$L, vue.mergeProps({
+          })) : (vue.openBlock(), vue.createBlock(_sfc_main$M, vue.mergeProps({
             key: 3,
             type: "button",
             "aria-label": lastPageLabel.value,
@@ -11453,11 +11454,11 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
             onClick: _cache[3] || (_cache[3] = ($event) => handlePagination("end"))
           }), null, 16, ["aria-label", "disabled", "class"]))
         ])
-      ], 16, _hoisted_1$f);
+      ], 16, _hoisted_1$g);
     };
   }
 });
-const _hoisted_1$e = { class: "inline-flex" };
+const _hoisted_1$f = { class: "inline-flex" };
 const _hoisted_2$b = ["onKeydown"];
 const _hoisted_3$b = ["aria-label"];
 const _hoisted_4$a = { class: "mb-1 flex items-start justify-between gap-2" };
@@ -11467,7 +11468,7 @@ const _hoisted_6$7 = {
   class: "flex items-center gap-2"
 };
 const _hoisted_7$7 = { class: "mb-0! min-w-0 grow whitespace-normal wrap-break-word" };
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsPopover",
   props: {
     open: { type: Boolean, default: false },
@@ -11575,7 +11576,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
       return attrs;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
         vue.createElementVNode("span", {
           class: vue.normalizeClass(triggerClasses.value),
           style: vue.normalizeStyle(triggerStyle.value)
@@ -11603,13 +11604,13 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
         }, { ...popoverAttrs.value, popover: "auto" }), [
           __props.label ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
             vue.createElementVNode("div", _hoisted_4$a, [
-              vue.createVNode(_sfc_main$v, { class: "mb-0! min-w-0 grow balance-text whitespace-normal" }, {
+              vue.createVNode(_sfc_main$w, { class: "mb-0! min-w-0 grow balance-text whitespace-normal" }, {
                 default: vue.withCtx(() => [
                   vue.createTextVNode(vue.toDisplayString(__props.label), 1)
                 ]),
                 _: 1
               }),
-              vue.createVNode(_sfc_main$L, {
+              vue.createVNode(_sfc_main$M, {
                 icon: "cross",
                 size: 28,
                 "aria-label": __props.closeAriaLabel,
@@ -11627,7 +11628,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
                 vue.createTextVNode(vue.toDisplayString(__props.body), 1)
               ])
             ]),
-            vue.createVNode(_sfc_main$L, {
+            vue.createVNode(_sfc_main$M, {
               icon: "cross",
               size: 28,
               "aria-label": __props.closeAriaLabel,
@@ -11712,7 +11713,7 @@ function useIsPid(value) {
     isPid
   };
 }
-const _hoisted_1$d = { class: "relative block" };
+const _hoisted_1$e = { class: "relative block" };
 const _hoisted_2$a = {
   key: 0,
   class: "relative"
@@ -11732,7 +11733,7 @@ const _hoisted_10$2 = {
   class: "block m-0 list-none p-0"
 };
 const _hoisted_11$2 = { class: "p-4" };
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsSearchSelect",
   props: {
     items: { default: () => [] },
@@ -12122,10 +12123,10 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
         ref: componentRef,
         class: "fds-search-select block mb-6"
       }, rootAttrs.value), [
-        vue.createElementVNode("div", _hoisted_1$d, [
+        vue.createElementVNode("div", _hoisted_1$e, [
           !singleItemName.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$a, [
             vue.createElementVNode("div", _hoisted_3$a, [
-              vue.createVNode(_sfc_main$r, vue.mergeProps({
+              vue.createVNode(_sfc_main$s, vue.mergeProps({
                 ref_key: "inputComponentRef",
                 ref: inputComponentRef,
                 label: __props.label,
@@ -12159,7 +12160,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
             style: vue.normalizeStyle(listWrapperStyle.value)
           }, [
             __props.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$6, [
-              vue.createVNode(_sfc_main$E, {
+              vue.createVNode(_sfc_main$F, {
                 color: "blue",
                 size: "48px"
               })
@@ -12203,7 +12204,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                   ], 42, _hoisted_7$6);
                 }), 128))
               ], 32),
-              __props.page !== void 0 && totalPages.value !== null && totalPages.value > 1 ? (vue.openBlock(), vue.createBlock(_sfc_main$l, {
+              __props.page !== void 0 && totalPages.value !== null && totalPages.value > 1 ? (vue.openBlock(), vue.createBlock(_sfc_main$m, {
                 key: 2,
                 current: __props.page,
                 max: totalPages.value,
@@ -12551,7 +12552,7 @@ const useSearchSelectProItems = ({
     syncSelectedItemsWithItems
   };
 };
-const _hoisted_1$c = { class: "relative block" };
+const _hoisted_1$d = { class: "relative block" };
 const _hoisted_2$9 = { class: "relative" };
 const _hoisted_3$9 = { class: "relative" };
 const _hoisted_4$8 = { class: "flex items-center gap-2" };
@@ -12571,7 +12572,7 @@ const _hoisted_12 = {
 };
 const _hoisted_13 = { class: "p-3 flex items-center gap-2" };
 const _hoisted_14 = { key: 0 };
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsSearchSelectPro",
   props: {
     items: { default: () => [] },
@@ -13231,10 +13232,10 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
         ref: componentRef,
         class: "fds-search-select block mb-6"
       }, rootAttrs.value), [
-        vue.createElementVNode("div", _hoisted_1$c, [
+        vue.createElementVNode("div", _hoisted_1$d, [
           vue.createElementVNode("div", _hoisted_2$9, [
             vue.createElementVNode("div", _hoisted_3$9, [
-              vue.createVNode(_sfc_main$r, vue.mergeProps({
+              vue.createVNode(_sfc_main$s, vue.mergeProps({
                 ref_key: "inputComponentRef",
                 ref: inputComponentRef,
                 label: __props.label,
@@ -13270,19 +13271,19 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                 class: vue.normalizeClass([headerClasses.value, "flex items-center justify-between gap-3 min-h-[53px]"])
               }, [
                 vue.createElementVNode("div", _hoisted_4$8, [
-                  vue.createVNode(_sfc_main$s, null, {
+                  vue.createVNode(_sfc_main$t, null, {
                     default: vue.withCtx(() => [
                       vue.createTextVNode(vue.toDisplayString(searchTerm.value && searchTerm.value.length ? `${totalMatchingItems.value} ${__props.searchContext.linkWord} ${totalCount.value} ${__props.searchContext.context}` : `${totalCount.value} ${__props.searchContext.context}`), 1)
                     ]),
                     _: 1
                   }),
-                  isSearching.value ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+                  isSearching.value ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
                     key: 0,
                     color: "blue",
                     size: "20px"
                   })) : vue.createCommentVNode("", true)
                 ]),
-                __props.multiple && __props.showSelectedToggle && selectedItems.value.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+                __props.multiple && __props.showSelectedToggle && selectedItems.value.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
                   key: 0,
                   label: `${__props.selectedToggleLabel} (${selectedItems.value.length})`,
                   checked: showSelectedOnly.value,
@@ -13317,7 +13318,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                       class: vue.normalizeClass([labelClasses.value, listItemClasses.value]),
                       style: vue.normalizeStyle(vue.unref(optionPaddingStyle)(item))
                     }, [
-                      __props.multiple ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+                      __props.multiple ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
                         key: 0,
                         id: `search-select-radio-${index}`,
                         name: `search-select-checkbox-group-${inputId}`,
@@ -13334,7 +13335,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                           }, null, 8, _hoisted_8$3)
                         ]),
                         _: 2
-                      }, 1032, ["id", "name", "checked", "onChange"])) : (vue.openBlock(), vue.createBlock(_sfc_main$w, {
+                      }, 1032, ["id", "name", "checked", "onChange"])) : (vue.openBlock(), vue.createBlock(_sfc_main$x, {
                         key: 1,
                         id: `search-select-radio-${index}`,
                         name: "search-select-radio-group",
@@ -13369,7 +13370,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                       _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(($event) => !__props.loadingMore && handleLoadMore(), ["prevent"]), ["space"]))
                     ]
                   }, [
-                    vue.createVNode(_sfc_main$L, {
+                    vue.createVNode(_sfc_main$M, {
                       icon: "sync",
                       loading: __props.loadingMore,
                       "aria-label": __props.loadingMore ? resolvedLoadingMoreLabel.value : resolvedLoadMoreLabel.value,
@@ -13383,7 +13384,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
             ], 64)) : (vue.openBlock(), vue.createElementBlock("ul", _hoisted_12, [
               vue.createElementVNode("li", _hoisted_13, [
                 !isSearching.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14, vue.toDisplayString(__props.noResultPrompt), 1)) : vue.createCommentVNode("", true),
-                isSearching.value ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+                isSearching.value ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
                   key: 1,
                   color: "blue",
                   size: "20px"
@@ -13896,7 +13897,7 @@ const useTreeState = (options = {}) => {
     isEmptySearchResult
   };
 };
-const _hoisted_1$b = { class: "flex items-start" };
+const _hoisted_1$c = { class: "flex items-start" };
 const _hoisted_2$8 = { class: "flex-1 flex" };
 const _hoisted_3$8 = ["innerHTML"];
 const _hoisted_4$7 = { key: 1 };
@@ -13910,7 +13911,7 @@ const _hoisted_8$2 = ["onClick"];
 const _hoisted_9$1 = { key: 0 };
 const popoverWidth = 327;
 const popoverHeight = 80;
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "TreeNode"
   },
@@ -14128,8 +14129,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
           style: vue.normalizeStyle(indent.value),
           class: vue.normalizeClass("pt-2 pb-2")
         }, [
-          vue.createElementVNode("div", _hoisted_1$b, [
-            hasChildrenNodes.value ? (vue.openBlock(), vue.createBlock(_sfc_main$L, vue.mergeProps({
+          vue.createElementVNode("div", _hoisted_1$c, [
+            hasChildrenNodes.value ? (vue.openBlock(), vue.createBlock(_sfc_main$M, vue.mergeProps({
               key: 0,
               onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(treeState)?.toggleExpandNode(props.nodeId))
             }, { "aria-label": props.title ? childrenToggleAriaLabel(props.title) : void 0 }, {
@@ -14142,7 +14143,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
               style: vue.normalizeStyle({ minWidth: `${__props.indentation}px` })
             }, null, 4)) : vue.createCommentVNode("", true),
             vue.createElementVNode("div", _hoisted_2$8, [
-              vue.createVNode(_sfc_main$x, {
+              vue.createVNode(_sfc_main$y, {
                 id: `checkbox-${props.nodeId}`,
                 checked: nodeIsSelected.value,
                 indeterminate: nodeIsIndeterminate.value,
@@ -14161,7 +14162,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
               }, 8, ["id", "checked", "indeterminate"])
             ]),
             shouldShowPopoverActions.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$4, [
-              vue.createVNode(_sfc_main$L, vue.mergeProps({
+              vue.createVNode(_sfc_main$M, vue.mergeProps({
                 ref_key: "triggerRef",
                 ref: triggerRef,
                 icon: "more",
@@ -14209,7 +14210,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                             },
                             class: "cursor-pointer"
                           }, [
-                            vue.createVNode(_sfc_main$w, {
+                            vue.createVNode(_sfc_main$x, {
                               modelValue: selectedOption.value,
                               "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectedOption.value = $event),
                               id: `tree-popover-${props.nodeId}-${option.value}`,
@@ -14221,7 +14222,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                           ], 8, _hoisted_8$2);
                         }), 64))
                       ]),
-                      vue.createVNode(_sfc_main$L, vue.mergeProps({
+                      vue.createVNode(_sfc_main$M, vue.mergeProps({
                         icon: "cross",
                         id: "tree-popover-close-button",
                         size: 24,
@@ -14268,7 +14269,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$a = { key: 0 };
+const _hoisted_1$b = { key: 0 };
 const _hoisted_2$7 = {
   key: 0,
   class: "text-xl"
@@ -14277,7 +14278,7 @@ const _hoisted_3$7 = {
   key: 1,
   class: "text-xl"
 };
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTreeView",
   props: {
     nodeExpandIcon: {},
@@ -14371,7 +14372,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
           ref: searchContainerRef,
           class: "pb-4"
         }, [
-          vue.createVNode(_sfc_main$r, {
+          vue.createVNode(_sfc_main$s, {
             value: vue.unref(treeState)?.searchTerm?.value ?? "",
             onInput: _cache[0] || (_cache[0] = ($event) => vue.unref(treeState)?.setSearchTerm($event.target.value)),
             class: "w-full",
@@ -14384,11 +14385,11 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
             ])]),
             _: 1
           }, 8, ["value", "label"]),
-          props.searchCountTemplate || props.searchCountTemplateUnfiltered ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
+          props.searchCountTemplate || props.searchCountTemplateUnfiltered ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
             props.searchCountTemplate && vue.unref(treeState)?.searchTerm?.value && String(vue.unref(treeState)?.searchTerm?.value || "").trim().length >= (vue.unref(treeState)?.triggerLength ?? 1) ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_2$7, vue.toDisplayString(props.searchCountTemplate.replace("[[filteredNodes]]", vue.unref(treeState)?.filteredMatchCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1)) : (vue.openBlock(), vue.createElementBlock("h2", _hoisted_3$7, vue.toDisplayString(props.searchCountTemplateUnfiltered?.replace("[[totalNodes]]", totalNodeCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1))
           ])) : vue.createCommentVNode("", true)
         ], 512)) : vue.createCommentVNode("", true),
-        vue.unref(treeState)?.isEmptySearchResult?.value ? (vue.openBlock(), vue.createBlock(_sfc_main$J, {
+        vue.unref(treeState)?.isEmptySearchResult?.value ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
           key: 1,
           class: "mt-4"
         }, {
@@ -14396,7 +14397,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
             vue.createTextVNode(vue.toDisplayString(props.searchResultNoMatchesTitle), 1)
           ]),
           default: vue.withCtx(() => [
-            vue.createVNode(_sfc_main$s, null, {
+            vue.createVNode(_sfc_main$t, null, {
               default: vue.withCtx(() => [
                 vue.createTextVNode(vue.toDisplayString(props.searchResultNoMatchesBody), 1)
               ]),
@@ -14408,7 +14409,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["rounded-md", { "overflow-x-auto bg-white-solid": props.horizontalScroll }])
         }, [
-          props.data && !vue.unref(treeState)?.isEmptySearchResult?.value ? (vue.openBlock(), vue.createBlock(_sfc_main$h, {
+          props.data && !vue.unref(treeState)?.isEmptySearchResult?.value ? (vue.openBlock(), vue.createBlock(_sfc_main$i, {
             key: 0,
             style: { container: "bg-white-solid px-3 py-2" },
             nodes: props.data.children || [],
@@ -14439,8 +14440,8 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { key: 1 };
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$a = { key: 1 };
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTruncatedText",
   props: {
     open: { type: Boolean, default: false },
@@ -14488,7 +14489,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "block mb-4" }, rootAttrs.value), [
         hasContent.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
           vue.createElementVNode("span", null, vue.toDisplayString(truncatedText.value), 1),
-          isTruncated.value ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
+          isTruncated.value ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
             key: 0,
             icon: isOpen.value ? "arrowUp" : "arrowDown",
             iconPos: "right",
@@ -14496,7 +14497,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
             onClick: toggleComponent,
             class: "inline! ml-2"
           }, null, 8, ["icon", "text"])) : vue.createCommentVNode("", true)
-        ], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+        ], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
           vue.renderSlot(_ctx.$slots, "default")
         ]))
       ], 16);
@@ -16079,8 +16080,8 @@ const checkIfDateIsBeforeToday = (date) => {
   return isAfter(startOfToday, startOfDate);
 };
 const checkIfDateIsEnabled = (date, enabledDates) => enabledDates.some((enabledDate) => isSameDay(enabledDate, date));
-const _hoisted_1$8 = ["disabled", "aria-label"];
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$9 = ["disabled", "aria-label"];
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "WeekDay",
   props: {
     date: {},
@@ -16143,23 +16144,23 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("span", {
           class: vue.normalizeClass(weekdayLabelClasses.value)
         }, [
-          __props.isToday ? (vue.openBlock(), vue.createBlock(_sfc_main$s, { key: 0 }, {
+          __props.isToday ? (vue.openBlock(), vue.createBlock(_sfc_main$t, { key: 0 }, {
             default: vue.withCtx(() => [
               vue.createTextVNode(vue.toDisplayString(vue.unref(t)("FdsWeekCalendar.today")), 1)
             ]),
             _: 1
-          })) : (vue.openBlock(), vue.createBlock(_sfc_main$s, { key: 1 }, {
+          })) : (vue.openBlock(), vue.createBlock(_sfc_main$t, { key: 1 }, {
             default: vue.withCtx(() => [
               vue.createTextVNode(vue.toDisplayString(weekdayLabel.value), 1)
             ]),
             _: 1
           }))
         ], 2)
-      ], 10, _hoisted_1$8);
+      ], 10, _hoisted_1$9);
     };
   }
 });
-const _hoisted_1$7 = { class: "mb-6" };
+const _hoisted_1$8 = { class: "mb-6" };
 const _hoisted_2$6 = { class: "max-w-[487px]" };
 const _hoisted_3$6 = { class: "mb-3 flex w-full flex-row items-center" };
 const _hoisted_4$6 = { class: "m-0 font-bold text-gray-800" };
@@ -16170,7 +16171,7 @@ const _hoisted_7$3 = {
   class: "mt-6 flex w-full flex-row items-center gap-2"
 };
 const _hoisted_8$1 = { class: "m-0 font-bold text-blue-700" };
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsWeekCalendar",
   props: {
     loading: { default: void 0 },
@@ -16303,18 +16304,18 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     const isWeekDayDisabled = (weekDay) => checkIfDateIsBeforeToday(weekDay) || !checkIfDateIsEnabled(weekDay, props.enabledDates);
     const isTodayDate = (weekDay) => isSameDay(weekDay, /* @__PURE__ */ new Date());
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1$7, [
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1$8, [
         vue.createElementVNode("div", _hoisted_2$6, [
           vue.createElementVNode("div", _hoisted_3$6, [
             vue.createElementVNode("p", _hoisted_4$6, vue.toDisplayString(weekText.value), 1),
             vue.createElementVNode("div", _hoisted_5$6, [
-              vue.createVNode(_sfc_main$L, {
+              vue.createVNode(_sfc_main$M, {
                 icon: "arrowLeft",
                 disabled: disableLastWeekInteraction.value,
                 "aria-label": vue.unref(t)("FdsWeekCalendar.previousWeek"),
                 onClick: decrementWeek
               }, null, 8, ["disabled", "aria-label"]),
-              vue.createVNode(_sfc_main$L, {
+              vue.createVNode(_sfc_main$M, {
                 icon: "arrowRight",
                 disabled: disableNextWeekInteraction.value,
                 "aria-label": vue.unref(t)("FdsWeekCalendar.nextWeek"),
@@ -16335,7 +16336,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
                   class: "flex flex-row flex-nowrap items-center justify-start gap-x-px"
                 }, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(visibleWeekDays.value, (weekDay, _index) => {
-                    return vue.openBlock(), vue.createBlock(_sfc_main$e, {
+                    return vue.openBlock(), vue.createBlock(_sfc_main$f, {
                       key: `current-${weekDay.toISOString()}-${_index}`,
                       date: weekDay,
                       disabled: isWeekDayDisabled(weekDay),
@@ -16350,7 +16351,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
             }, 8, ["enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class"])
           ]),
           __props.loading?.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3, [
-            vue.createVNode(_sfc_main$E),
+            vue.createVNode(_sfc_main$F),
             vue.createElementVNode("p", _hoisted_8$1, vue.toDisplayString(__props.loading.label), 1)
           ])) : vue.createCommentVNode("", true)
         ])
@@ -16358,7 +16359,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -16404,7 +16405,7 @@ const hasStepLabelOverlap = (labels, minGapBeforeHidePx = STEP_LABEL_MIN_GAP_BEF
   }
   return false;
 };
-const _hoisted_1$6 = { class: "mb-6" };
+const _hoisted_1$7 = { class: "mb-6" };
 const _hoisted_2$5 = {
   key: 0,
   class: "mb-0"
@@ -16417,7 +16418,7 @@ const _hoisted_4$5 = { class: "h-[2px] absolute top-[22px] left-[50%] bg-white-s
 const _hoisted_5$5 = { class: "flex justify-between list-none mb-8 p-0" };
 const _hoisted_6$2 = ["onClick", "disabled"];
 const _hoisted_7$2 = { key: 0 };
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsWizard",
   props: {
     routes: {},
@@ -16773,12 +16774,12 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("nav", {
           class: vue.normalizeClass([__props.wizardClass, "mx-auto"])
         }, [
-          vue.createElementVNode("header", _hoisted_1$6, [
+          vue.createElementVNode("header", _hoisted_1$7, [
             vue.createElementVNode("h1", {
               ref: "mainHeader",
               tabindex: "-1"
             }, vue.toDisplayString(mainHeading.value), 513),
-            mainLead.value || subCategories.value.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$c, { key: 0 }, {
+            mainLead.value || subCategories.value.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$d, { key: 0 }, {
               default: vue.withCtx(() => [
                 mainLead.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$5, vue.toDisplayString(mainLead.value), 1)) : vue.createCommentVNode("", true),
                 subCategories.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_3$5, [
@@ -16787,7 +16788,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                       key: subCat.id,
                       class: "list-inside list-disc mb-2"
                     }, [
-                      vue.createVNode(_sfc_main$c, { class: "inline!" }, {
+                      vue.createVNode(_sfc_main$d, { class: "inline!" }, {
                         default: vue.withCtx(() => [
                           vue.createTextVNode(vue.toDisplayString(subCat.name), 1)
                         ]),
@@ -16831,7 +16832,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                       vue.createElementVNode("span", {
                         class: vue.normalizeClass(["relative mb-6 flex flex-col items-center text-blue-600 font-bold justify-center transition-all duration-200 ease-in-out rounded-full w-[44px] h-[44px] bg-white-solid", setStepClasses(entry.index)])
                       }, [
-                        entry.index >= internalCompletedTo.value + 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$2, vue.toDisplayString(entry.index + 1), 1)) : (vue.openBlock(), vue.createBlock(_sfc_main$M, {
+                        entry.index >= internalCompletedTo.value + 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$2, vue.toDisplayString(entry.index + 1), 1)) : (vue.openBlock(), vue.createBlock(_sfc_main$N, {
                           key: 1,
                           name: "checkmark",
                           size: 24
@@ -18694,7 +18695,7 @@ const normalizeNationalPhoneInput = (value, countryIso2) => {
   }
   return trimmed;
 };
-const _hoisted_1$5 = { class: "relative w-full" };
+const _hoisted_1$6 = { class: "relative w-full" };
 const _hoisted_2$4 = { class: "absolute left-3 top-1/2 -translate-y-1/2 text-xl leading-none" };
 const _hoisted_3$4 = ["aria-expanded", "aria-label", "aria-controls", "aria-activedescendant", "value", "disabled"];
 const _hoisted_4$4 = ["disabled"];
@@ -18708,7 +18709,7 @@ const _hoisted_9 = {
 };
 const _hoisted_10 = { class: "text-gray-600" };
 const _hoisted_11 = { "aria-hidden": "true" };
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsPhonenumberCountryPicker",
   props: /* @__PURE__ */ vue.mergeModels({
     items: {},
@@ -18981,7 +18982,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
         ref: rootRef,
         class: vue.normalizeClass(["relative w-32", props.class])
       }, [
-        vue.createElementVNode("div", _hoisted_1$5, [
+        vue.createElementVNode("div", _hoisted_1$6, [
           !dropdownOpen.value ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: vue.normalizeClass(dialPreviewClasses.value),
@@ -19019,7 +19020,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
             "aria-hidden": "true",
             onMousedown: vue.withModifiers(onArrowPointerDown, ["prevent"])
           }, [
-            vue.createVNode(_sfc_main$M, {
+            vue.createVNode(_sfc_main$N, {
               name: "arrowDown",
               size: 24,
               class: vue.normalizeClass(arrowClasses.value)
@@ -19061,7 +19062,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                   vue.createElementVNode("span", _hoisted_10, "(" + vue.toDisplayString(vue.unref(t)("common.plus")) + vue.toDisplayString(option.countryCode) + ")", 1)
                 ]),
                 vue.createElementVNode("span", _hoisted_11, [
-                  option.value === country.value ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
+                  option.value === country.value ? (vue.openBlock(), vue.createBlock(_sfc_main$N, {
                     key: 0,
                     name: "check",
                     size: 24,
@@ -19076,7 +19077,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const INVALID_RESULT = {
+const INVALID_RESULT$1 = {
   isValid: false,
   phoneNumber: null,
   countryIso2: null,
@@ -19119,12 +19120,12 @@ function runPhoneValidation(value, countryIso2) {
       return toValidationResult(parsed);
     }
   }
-  return INVALID_RESULT;
+  return INVALID_RESULT$1;
 }
 function validatePhoneNumber(nationalNumber, countryIso2) {
   const trimmed = nationalNumber.trim();
   if (!trimmed) {
-    return INVALID_RESULT;
+    return INVALID_RESULT$1;
   }
   return runPhoneValidation(trimmed, countryIso2);
 }
@@ -19134,7 +19135,7 @@ function getPhoneValidationState(nationalNumber, countryIso2) {
   }
   return validatePhoneNumber(nationalNumber, countryIso2).isValid;
 }
-const _hoisted_1$4 = { class: "w-full mb-6" };
+const _hoisted_1$5 = { class: "w-full mb-6" };
 const _hoisted_2$3 = {
   key: 1,
   class: "font-thin mb-1"
@@ -19148,7 +19149,7 @@ const _hoisted_5$3 = {
   key: 3,
   class: "text-red-700 font-bold mt-1"
 };
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -19280,14 +19281,14 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
       emit("noCountryResults", value);
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
         resolvedLabel.value ? (vue.openBlock(), vue.createElementBlock("label", {
           key: 0,
           class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": __props.meta, "mb-1": !__props.meta }])
         }, vue.toDisplayString(resolvedLabel.value), 3)) : vue.createCommentVNode("", true),
         __props.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, vue.toDisplayString(__props.meta), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_3$3, [
-          vue.createVNode(_sfc_main$a, {
+          vue.createVNode(_sfc_main$b, {
             modelValue: country.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => country.value = $event),
             items: countryItems.value,
@@ -19298,7 +19299,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
             class: vue.normalizeClass(["mb-0! shrink-0", __props.selectClass ?? ""]),
             onNoCountryResults
           }, null, 8, ["modelValue", "items", "valid", "disabled", "ariaLabel", "data-testid", "class"]),
-          vue.createVNode(_sfc_main$r, vue.mergeProps({
+          vue.createVNode(_sfc_main$s, vue.mergeProps({
             modelValue: vue.unref(nationalNumber),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(nationalNumber) ? nationalNumber.value = $event : null),
             mask: phoneMask.value,
@@ -19317,6 +19318,474 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const SSN_MASK = "000000000000";
+const SSN_INTERIM_MASK = "XXXXXXXXXXXX";
+const SSN_INTERIM_MASK_OPTIONS = {
+  lazy: true,
+  definitions: {
+    X: /[0-9A-Za-z]/
+  }
+};
+function getSsnMask(allowInterimNumber) {
+  return allowInterimNumber ? SSN_INTERIM_MASK : SSN_MASK;
+}
+function getSsnMaskOptions(allowInterimNumber) {
+  return allowInterimNumber ? SSN_INTERIM_MASK_OPTIONS : { lazy: true };
+}
+var PersonnummerError = class extends Error {
+  constructor() {
+    super("Invalid swedish personal identity number");
+  }
+};
+var compareAsc = (dateLeft, dateRight) => {
+  const diff = dateLeft.getTime() - dateRight.getTime();
+  return diff < 0 ? -1 : diff > 0 ? 1 : diff;
+};
+var diffInYears = (dateLeft, dateRight) => {
+  const sign = compareAsc(dateLeft, dateRight);
+  const yearDiff = Math.abs(dateLeft.getFullYear() - dateRight.getFullYear());
+  dateLeft.setFullYear(dateLeft.getFullYear() - sign * yearDiff);
+  const isLastYearNotFull = compareAsc(dateLeft, dateRight) === -sign;
+  const result2 = sign * (yearDiff - +isLastYearNotFull);
+  return result2 === 0 ? 0 : result2;
+};
+var luhn = (str) => {
+  let sum = 0;
+  str += "";
+  for (let i = 0, l = str.length; i < l; i++) {
+    let v = parseInt(str[i]);
+    v *= 2 - i % 2;
+    if (v > 9) {
+      v -= 9;
+    }
+    sum += v;
+  }
+  return Math.ceil(sum / 10) * 10 - sum;
+};
+var testDate = (year, month, day) => {
+  month -= 1;
+  const date = new Date(year, month, day);
+  return !(date.getFullYear() !== year || date.getMonth() !== month || date.getDate() !== day);
+};
+var Personnummer = class {
+  /**
+   * Personnummer constructor.
+   *
+   * @param {string} pin
+   * @param {object} options
+   */
+  constructor(pin, options) {
+    this._century = "";
+    this._fullYear = "";
+    this._year = "";
+    this._month = "";
+    this._day = "";
+    this._sep = "";
+    this._num = "";
+    this._check = "";
+    this.parse(pin, {
+      allowCoordinationNumber: true,
+      allowInterimNumber: false,
+      ...options
+    });
+  }
+  /**
+   * Get century.
+   *
+   * @return {string}
+   */
+  get century() {
+    return this._century;
+  }
+  /**
+   * Get age.
+   *
+   * @return {string}
+   */
+  get fullYear() {
+    return this._fullYear;
+  }
+  /**
+   * Get age.
+   *
+   * @return {string}
+   */
+  get year() {
+    return this._year;
+  }
+  /**
+   * Get month.
+   *
+   * @return {string}
+   */
+  get month() {
+    return this._month;
+  }
+  /**
+   * Get day.
+   *
+   * @return {string}
+   */
+  get day() {
+    return this._day;
+  }
+  /**
+   * Get sep.
+   *
+   * @return {string}
+   */
+  get sep() {
+    return this._sep;
+  }
+  /**
+   * Get num.
+   *
+   * @return {string}
+   */
+  get num() {
+    return this._num;
+  }
+  /**
+   * Get check.
+   *
+   * @return {string}
+   */
+  get check() {
+    return this._check;
+  }
+  /**
+   * Parse personnummer.
+   *
+   * @param {string} pin
+   * @param {object} options
+   *
+   * @return {Personnummer}
+   */
+  static parse(pin, options) {
+    return new Personnummer(pin, options);
+  }
+  /**
+   * Validate a Swedish personal identity number.
+   *
+   * @param {string} str
+   * @param {object} options
+   *
+   * @return {boolean}
+   */
+  static valid(pin, options) {
+    try {
+      Personnummer.parse(pin, options);
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  /**
+   * Parse personnummer and set class properties.
+   *
+   * @param {string} pin
+   * @param {object} options
+   */
+  parse(pin, options) {
+    if (pin.length < 10 || pin.length > 13) {
+      throw new PersonnummerError();
+    }
+    const reg = /^(\d{2}){0,1}(\d{2})(\d{2})(\d{2})([+-]?)((?!000)\d{3}|[TRSUWXJKLMN]\d{2})(\d)$/;
+    const match2 = reg.exec(pin);
+    if (!match2) {
+      throw new PersonnummerError();
+    }
+    const century = match2[1];
+    const year = match2[2];
+    const month = match2[3];
+    const day = match2[4];
+    const sep = match2[5];
+    const num = match2[6];
+    const check = match2[7];
+    if (typeof century === "undefined" || !century.length) {
+      const d = /* @__PURE__ */ new Date();
+      let baseYear = 0;
+      if (sep === "+") {
+        this._sep = "+";
+        baseYear = d.getFullYear() - 100;
+      } else {
+        this._sep = "-";
+        baseYear = d.getFullYear();
+      }
+      this._century = ("" + (baseYear - (baseYear - parseInt(year)) % 100)).substr(0, 2);
+    } else {
+      this._century = century;
+      if ((/* @__PURE__ */ new Date()).getFullYear() - parseInt(century + year, 10) < 100) {
+        this._sep = "-";
+      } else {
+        this._sep = "+";
+      }
+    }
+    this._year = year;
+    this._fullYear = this._century + year;
+    this._month = month;
+    this._day = day;
+    this._num = num;
+    this._check = check;
+    if (!this.valid()) {
+      throw new PersonnummerError();
+    }
+    if (!(options == null ? void 0 : options.allowCoordinationNumber) && this.isCoordinationNumber()) {
+      throw new PersonnummerError();
+    }
+    if (!(options == null ? void 0 : options.allowInterimNumber) && this.isInterimNumber()) {
+      throw new PersonnummerError();
+    }
+  }
+  /**
+   * Validate a Swedish personal identity number.
+   *
+   * @return {boolean}
+   */
+  valid() {
+    const valid = luhn(
+      this.year + this.month + this.day + this.num.replace(/[TRSUWXJKLMN]/, "1")
+    ) === +this.check && !!this.check;
+    if (valid && testDate(parseInt(this.century + this.year), +this.month, +this.day)) {
+      return valid;
+    }
+    return valid && testDate(parseInt(this.century + this.year), +this.month, +this.day - 60);
+  }
+  /**
+   * Format a Swedish personal identity number as one of the official formats,
+   * A long format or a short format.
+   *
+   * If the input number could not be parsed a empty string will be returned.
+   *
+   * @param {boolean} longFormat
+   *
+   * @return {string}
+   */
+  format(longFormat = false) {
+    if (longFormat) {
+      return `${this.century}${this.year}${this.month}${this.day}${this.num}${this.check}`;
+    }
+    return `${this.year}${this.month}${this.day}${this.sep}${this.num}${this.check}`;
+  }
+  /**
+   * Get age from a Swedish personal identity number.
+   *
+   * @return {number}
+   */
+  getAge() {
+    const date = this.getDate();
+    return diffInYears(new Date(Date.now()), date);
+  }
+  /**
+   * Get date from a Swedish personal identity number.
+   *
+   * @return {Date}
+   */
+  getDate() {
+    let ageDay = +this.day;
+    if (this.isCoordinationNumber()) {
+      ageDay -= 60;
+    }
+    const ageDate = this.century + this.year + "-" + this.month + "-" + (ageDay < 10 ? "0" + ageDay : ageDay);
+    return new Date(ageDate);
+  }
+  /**
+   * Check if a Swedish personal identity number is a interim number or not.
+   *
+   * @return {boolean}
+   */
+  isInterimNumber() {
+    return /[TRSUWXJKLMN]/.test(this.num[0]);
+  }
+  /**
+   * Check if a Swedish personal identity number is a coordination number or not.
+   *
+   * @return {boolean}
+   */
+  isCoordinationNumber() {
+    return testDate(
+      parseInt(this.century + this.year),
+      +this.month,
+      +this.day - 60
+    );
+  }
+  /**
+   * Check if a Swedish personal identity number is for a female.
+   *
+   * @return {boolean}
+   */
+  isFemale() {
+    return !this.isMale();
+  }
+  /**
+   * Check if a Swedish personal identity number is for a male.
+   *
+   * @return {boolean}
+   */
+  isMale() {
+    const sexDigit = parseInt(this.num.substr(-1));
+    return sexDigit % 2 === 1;
+  }
+};
+var src_default = Personnummer;
+const INVALID_RESULT = {
+  isValid: false,
+  digits: null
+};
+const DEFAULT_SSN_VALIDATION_OPTIONS = {
+  allowCoordinationNumber: true,
+  allowInterimNumber: true
+};
+function resolveSsnValidationOptions(options) {
+  return {
+    ...DEFAULT_SSN_VALIDATION_OPTIONS,
+    ...options
+  };
+}
+function stripSsnSeparators(value) {
+  return normalizePidSearchValue(value);
+}
+function validateSsnNumber(value, options) {
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return INVALID_RESULT;
+  }
+  const resolvedOptions = resolveSsnValidationOptions(options);
+  const isValid2 = src_default.valid(trimmed, resolvedOptions);
+  return {
+    isValid: isValid2,
+    digits: isValid2 ? stripSsnSeparators(trimmed) : null
+  };
+}
+function validateSsn(value, options) {
+  return validateSsnNumber(value, options).isValid;
+}
+function getSsnValidationState(value, options) {
+  if (!value.trim()) {
+    return null;
+  }
+  return validateSsn(value, options);
+}
+const _hoisted_1$4 = { class: "w-full" };
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "FdsSsn",
+  props: /* @__PURE__ */ vue.mergeModels({
+    label: { default: void 0 },
+    meta: { default: void 0 },
+    optional: { type: Boolean, default: false },
+    valid: { type: [Boolean, null], default: void 0 },
+    invalidMessage: { default: void 0 },
+    modelValue: {},
+    allowCoordinationNumber: { type: Boolean, default: true },
+    allowInterimNumber: { type: Boolean, default: true },
+    disabled: { type: Boolean, default: false },
+    dataTestid: { default: void 0 },
+    onValid: {},
+    onBlur: {},
+    "onUpdate:modelValue": {},
+    id: { default: void 0 },
+    autocomplete: { default: "off" },
+    required: { type: Boolean, default: false },
+    placeholder: { default: void 0 },
+    name: { default: void 0 },
+    autofocus: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    inputClass: { default: void 0 }
+  }, {
+    "modelValue": { default: "" },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["update:modelValue", "valid", "blur"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const modelValue = vue.useModel(__props, "modelValue");
+    const attrs = vue.useAttrs();
+    const props = __props;
+    const emit = __emit;
+    const { t } = useFdsI18n();
+    const inputAttrs = vue.computed(() => {
+      const { class: _class, style, ...rest } = attrs;
+      return {
+        ...rest,
+        ...style == null ? {} : { style }
+      };
+    });
+    const forwardedInputProps = vue.computed(() => ({
+      id: props.id,
+      autocomplete: props.autocomplete,
+      required: props.required,
+      placeholder: props.placeholder,
+      name: props.name,
+      autofocus: props.autofocus,
+      readonly: props.readonly,
+      inputmode: props.allowInterimNumber ? "text" : "numeric",
+      ...inputAttrs.value
+    }));
+    const validationOptions = vue.computed(
+      () => ({
+        allowCoordinationNumber: props.allowCoordinationNumber,
+        allowInterimNumber: props.allowInterimNumber
+      })
+    );
+    const ssnMask = vue.computed(() => getSsnMask(props.allowInterimNumber));
+    const ssnMaskOptions = vue.computed(() => getSsnMaskOptions(props.allowInterimNumber));
+    const committedValid = vue.ref(null);
+    const resolvedLabel = vue.computed(() => props.label === void 0 ? t("FdsSsn.label") : props.label);
+    const resolvedInvalidMessage = vue.computed(
+      () => props.invalidMessage === void 0 ? t("FdsSsn.invalidSsn") : props.invalidMessage
+    );
+    const displayValid = vue.computed(() => {
+      if (props.valid === false) return false;
+      if (props.valid === true) return true;
+      if (committedValid.value === false) return false;
+      if (committedValid.value === true) return true;
+      return props.valid;
+    });
+    function normalizeValue2() {
+      const normalized = stripSsnSeparators(modelValue.value ?? "");
+      if (normalized !== (modelValue.value ?? "")) {
+        modelValue.value = normalized;
+      }
+    }
+    function runValidation() {
+      const validationState = getSsnValidationState(modelValue.value ?? "", validationOptions.value);
+      committedValid.value = validationState;
+      emit("valid", validationState);
+    }
+    vue.watch([() => props.allowCoordinationNumber, () => props.allowInterimNumber], () => {
+      if (committedValid.value === null) {
+        return;
+      }
+      runValidation();
+    });
+    function handleBlur(ev) {
+      normalizeValue2();
+      runValidation();
+      emit("blur", ev);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
+        vue.createVNode(_sfc_main$s, vue.mergeProps({
+          modelValue: modelValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+          mask: ssnMask.value,
+          "mask-options": ssnMaskOptions.value,
+          label: resolvedLabel.value,
+          meta: __props.meta,
+          valid: displayValid.value,
+          disabled: __props.disabled,
+          optional: __props.optional,
+          "invalid-message": resolvedInvalidMessage.value,
+          ariaLabel: resolvedLabel.value,
+          "data-testid": __props.dataTestid,
+          class: __props.inputClass
+        }, forwardedInputProps.value, { onBlur: handleBlur }), null, 16, ["modelValue", "mask", "mask-options", "label", "meta", "valid", "disabled", "optional", "invalid-message", "ariaLabel", "data-testid", "class"])
+      ]);
+    };
+  }
+});
 const _hoisted_1$3 = ["for"];
 const _hoisted_2$2 = {
   key: 1,
@@ -19351,7 +19820,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     inputClass: { default: void 0 },
     value: { default: void 0 }
   }, {
-    "modelValue": { default: void 0, required: false },
+    "modelValue": {},
     "modelModifiers": {}
   }),
   emits: /* @__PURE__ */ vue.mergeModels(["input", "change", "update:value"], ["update:modelValue"]),
@@ -19440,12 +19909,12 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
                 value: option.value,
                 disabled: option.disabled
               }, vue.toDisplayString(option.label), 9, _hoisted_5$2);
-            }), 128)) : vue.renderSlot(_ctx.$slots, "default", { key: 2 })
+            }), 128)) : vue.renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 2)
           ], 16), [
             [vue.vModelSelect, internalValue.value]
           ]),
           vue.createElementVNode("div", _hoisted_6, [
-            vue.createVNode(_sfc_main$M, {
+            vue.createVNode(_sfc_main$N, {
               name: "arrowDown",
               size: 24,
               class: vue.normalizeClass({
@@ -19490,7 +19959,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     maxlength: { default: void 0 },
     value: { default: void 0 }
   }, {
-    "modelValue": { default: void 0, required: false },
+    "modelValue": {},
     "modelModifiers": {}
   }),
   emits: /* @__PURE__ */ vue.mergeModels(["input", "change", "update:value", "blur", "valid"], ["update:modelValue"]),
@@ -19612,12 +20081,12 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(validationIconClasses.value)
           }, [
-            isInvalid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
+            isInvalid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$N, {
               key: 0,
               name: "alert",
               class: "fill-red-600"
             })) : vue.createCommentVNode("", true),
-            isValid2.value ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
+            isValid2.value ? (vue.openBlock(), vue.createBlock(_sfc_main$N, {
               key: 1,
               name: "bigSuccess"
             })) : vue.createCommentVNode("", true)
@@ -19708,7 +20177,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
           vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, [
             vue.renderSlot(_ctx.$slots, "default")
           ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(__props.heading), 1)),
-          vue.createVNode(_sfc_main$M, {
+          vue.createVNode(_sfc_main$N, {
             name: iconName.value,
             size: "24px",
             class: "fill-blue-500 ml-1"
@@ -19940,7 +20409,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: wrapperClasses.value }, rootAttrs.value), [
-        __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+        __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
           key: 0,
           size: "24px",
           color: "blue",
@@ -20229,96 +20698,100 @@ const FdsVueCorePlugin = {
     if (options?.i18n) {
       app.provide(FDS_VUE_CORE_I18N_KEY, options.i18n);
     }
-    app.component("FdsTreeView", _sfc_main$g);
-    app.component("FdsButtonPrimary", _sfc_main$A);
-    app.component("FdsButtonSecondary", _sfc_main$z);
-    app.component("FdsButtonMinor", _sfc_main$D);
-    app.component("FdsButtonIcon", _sfc_main$L);
-    app.component("FdsButtonCopy", _sfc_main$C);
-    app.component("FdsButtonDownload", _sfc_main$B);
-    app.component("FdsDevMode", _sfc_main$n);
-    app.component("FdsIcon", _sfc_main$M);
-    app.component("FdsSpinner", _sfc_main$E);
-    app.component("FdsRadio", _sfc_main$w);
-    app.component("FdsCheckbox", _sfc_main$x);
+    app.component("FdsTreeView", _sfc_main$h);
+    app.component("FdsButtonPrimary", _sfc_main$B);
+    app.component("FdsButtonSecondary", _sfc_main$A);
+    app.component("FdsButtonMinor", _sfc_main$E);
+    app.component("FdsButtonIcon", _sfc_main$M);
+    app.component("FdsButtonCopy", _sfc_main$D);
+    app.component("FdsButtonDownload", _sfc_main$C);
+    app.component("FdsDevMode", _sfc_main$o);
+    app.component("FdsIcon", _sfc_main$N);
+    app.component("FdsSpinner", _sfc_main$F);
+    app.component("FdsRadio", _sfc_main$x);
+    app.component("FdsCheckbox", _sfc_main$y);
     app.component("FdsTextarea", _sfc_main$7);
-    app.component("FdsPhonenumber", _sfc_main$9);
+    app.component("FdsPhonenumber", _sfc_main$a);
+    app.component("FdsSsn", _sfc_main$9);
     app.component("FdsSelect", _sfc_main$8);
     app.component("FdsTable", _sfc_main$6);
     app.component("FdsTableHead", _sfc_main$5);
-    app.component("FdsInput", _sfc_main$r);
-    app.component("FdsBlockContent", _sfc_main$J);
-    app.component("FdsBlockInfo", _sfc_main$G);
-    app.component("FdsBlockAlert", _sfc_main$K);
-    app.component("FdsBlockExpander", _sfc_main$H);
-    app.component("FdsBlockLink", _sfc_main$F);
-    app.component("FdsSticker", _sfc_main$I);
-    app.component("FdsTabs", _sfc_main$q);
-    app.component("FdsTabsItem", _sfc_main$p);
-    app.component("FdsModal", _sfc_main$t);
-    app.component("FdsPagination", _sfc_main$l);
-    app.component("FdsPopover", _sfc_main$k);
-    app.component("FdsSearchSelect", _sfc_main$j);
-    app.component("FdsSearchSelectPro", _sfc_main$i);
-    app.component("FdsTruncatedText", _sfc_main$f);
-    app.component("FdsWizard", _sfc_main$b);
-    app.component("FdsWeekCalendar", _sfc_main$d);
+    app.component("FdsInput", _sfc_main$s);
+    app.component("FdsBlockContent", _sfc_main$K);
+    app.component("FdsBlockInfo", _sfc_main$H);
+    app.component("FdsBlockAlert", _sfc_main$L);
+    app.component("FdsBlockExpander", _sfc_main$I);
+    app.component("FdsBlockLink", _sfc_main$G);
+    app.component("FdsSticker", _sfc_main$J);
+    app.component("FdsTabs", _sfc_main$r);
+    app.component("FdsTabsItem", _sfc_main$q);
+    app.component("FdsModal", _sfc_main$u);
+    app.component("FdsPagination", _sfc_main$m);
+    app.component("FdsPopover", _sfc_main$l);
+    app.component("FdsSearchSelect", _sfc_main$k);
+    app.component("FdsSearchSelectPro", _sfc_main$j);
+    app.component("FdsTruncatedText", _sfc_main$g);
+    app.component("FdsWizard", _sfc_main$c);
+    app.component("FdsWeekCalendar", _sfc_main$e);
     app.component("FdsH1", _sfc_main$4);
     app.component("FdsH2", _sfc_main$3);
     app.component("FdsH3", _sfc_main$2);
     app.component("FdsHr", _sfc_main$1);
-    app.component("FdsLabel", _sfc_main$v);
-    app.component("FdsLead", _sfc_main$c);
-    app.component("FdsMeta", _sfc_main$s);
+    app.component("FdsLabel", _sfc_main$w);
+    app.component("FdsLead", _sfc_main$d);
+    app.component("FdsMeta", _sfc_main$t);
     app.component("FdsListHeading", _sfc_main);
   }
 };
 exports.FDS_VUE_CORE_I18N_KEY = FDS_VUE_CORE_I18N_KEY;
-exports.FdsBlockAlert = _sfc_main$K;
-exports.FdsBlockContent = _sfc_main$J;
-exports.FdsBlockExpander = _sfc_main$H;
-exports.FdsBlockInfo = _sfc_main$G;
-exports.FdsBlockLink = _sfc_main$F;
-exports.FdsButtonCopy = _sfc_main$C;
-exports.FdsButtonDownload = _sfc_main$B;
-exports.FdsButtonIcon = _sfc_main$L;
-exports.FdsButtonMinor = _sfc_main$D;
-exports.FdsButtonPrimary = _sfc_main$A;
-exports.FdsButtonSecondary = _sfc_main$z;
-exports.FdsCheckbox = _sfc_main$x;
-exports.FdsDevMode = _sfc_main$n;
-exports.FdsExitModal = _sfc_main$m;
+exports.FdsBlockAlert = _sfc_main$L;
+exports.FdsBlockContent = _sfc_main$K;
+exports.FdsBlockExpander = _sfc_main$I;
+exports.FdsBlockInfo = _sfc_main$H;
+exports.FdsBlockLink = _sfc_main$G;
+exports.FdsButtonCopy = _sfc_main$D;
+exports.FdsButtonDownload = _sfc_main$C;
+exports.FdsButtonIcon = _sfc_main$M;
+exports.FdsButtonMinor = _sfc_main$E;
+exports.FdsButtonPrimary = _sfc_main$B;
+exports.FdsButtonSecondary = _sfc_main$A;
+exports.FdsCheckbox = _sfc_main$y;
+exports.FdsDevMode = _sfc_main$o;
+exports.FdsExitModal = _sfc_main$n;
 exports.FdsH1 = _sfc_main$4;
 exports.FdsH2 = _sfc_main$3;
 exports.FdsH3 = _sfc_main$2;
 exports.FdsHr = _sfc_main$1;
-exports.FdsIcon = _sfc_main$M;
-exports.FdsInput = _sfc_main$r;
-exports.FdsLabel = _sfc_main$v;
-exports.FdsLead = _sfc_main$c;
+exports.FdsIcon = _sfc_main$N;
+exports.FdsInput = _sfc_main$s;
+exports.FdsLabel = _sfc_main$w;
+exports.FdsLead = _sfc_main$d;
 exports.FdsListHeading = _sfc_main;
-exports.FdsMeta = _sfc_main$s;
-exports.FdsModal = _sfc_main$t;
-exports.FdsPagination = _sfc_main$l;
-exports.FdsPhonenumber = _sfc_main$9;
-exports.FdsPopover = _sfc_main$k;
-exports.FdsRadio = _sfc_main$w;
-exports.FdsSearchSelect = _sfc_main$j;
-exports.FdsSearchSelectPro = _sfc_main$i;
+exports.FdsMeta = _sfc_main$t;
+exports.FdsModal = _sfc_main$u;
+exports.FdsPagination = _sfc_main$m;
+exports.FdsPhonenumber = _sfc_main$a;
+exports.FdsPopover = _sfc_main$l;
+exports.FdsRadio = _sfc_main$x;
+exports.FdsSearchSelect = _sfc_main$k;
+exports.FdsSearchSelectPro = _sfc_main$j;
 exports.FdsSelect = _sfc_main$8;
-exports.FdsSpinner = _sfc_main$E;
-exports.FdsSticker = _sfc_main$I;
+exports.FdsSpinner = _sfc_main$F;
+exports.FdsSsn = _sfc_main$9;
+exports.FdsSticker = _sfc_main$J;
 exports.FdsTable = _sfc_main$6;
 exports.FdsTableHead = _sfc_main$5;
-exports.FdsTabs = _sfc_main$q;
-exports.FdsTabsItem = _sfc_main$p;
+exports.FdsTabs = _sfc_main$r;
+exports.FdsTabsItem = _sfc_main$q;
 exports.FdsTextarea = _sfc_main$7;
-exports.FdsTreeView = _sfc_main$g;
-exports.FdsTruncatedText = _sfc_main$f;
-exports.FdsWeekCalendar = _sfc_main$d;
-exports.FdsWizard = _sfc_main$b;
+exports.FdsTreeView = _sfc_main$h;
+exports.FdsTruncatedText = _sfc_main$g;
+exports.FdsWeekCalendar = _sfc_main$e;
+exports.FdsWizard = _sfc_main$c;
 exports.PID_MASK = PID_MASK;
 exports.PID_MASK_OPTIONS = PID_MASK_OPTIONS;
+exports.SSN_INTERIM_MASK = SSN_INTERIM_MASK;
+exports.SSN_MASK = SSN_MASK;
 exports.bankid = bankid;
 exports.buildCountryOptions = buildCountryOptions;
 exports.capitalizeFirstLetter = capitalizeFirstLetter;
@@ -20330,6 +20803,9 @@ exports.filterCountryOptions = filterCountryOptions;
 exports.formatPidWithDash = formatPidWithDash;
 exports.getExitGuardWizardId = getExitGuardWizardId;
 exports.getPhoneValidationState = getPhoneValidationState;
+exports.getSsnMask = getSsnMask;
+exports.getSsnMaskOptions = getSsnMaskOptions;
+exports.getSsnValidationState = getSsnValidationState;
 exports.isPidString = isPidString;
 exports.isRelativeHref = isRelativeHref;
 exports.logoFeelgoodColored = logoFeelgoodColored;
@@ -20341,6 +20817,7 @@ exports.setupRouterLinkInterceptor = setupRouterLinkInterceptor;
 exports.shouldBlockNavigation = shouldBlockNavigation;
 exports.shouldBlockWizardExit = shouldBlockWizardExit;
 exports.sortCountryOptionsByName = sortCountryOptionsByName;
+exports.stripSsnSeparators = stripSsnSeparators;
 exports.teardownRouterLinkInterceptor = teardownRouterLinkInterceptor;
 exports.useBoldQuery = useBoldQuery;
 exports.useDevMode = useDevMode;
@@ -20356,4 +20833,6 @@ exports.useRouteScrollPositions = useRouteScrollPositions;
 exports.useTreeState = useTreeState;
 exports.useViewportBreakpoint = useViewportBreakpoint;
 exports.validatePhoneNumber = validatePhoneNumber;
+exports.validateSsn = validateSsn;
+exports.validateSsnNumber = validateSsnNumber;
 //# sourceMappingURL=fds-vue-core.cjs.js.map