fds-vue-core 2.2.0 → 2.3.1

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

@@ -548,8 +548,8 @@ const icons = {
       </defs>
     </svg>`
 };
-const _hoisted_1$o = ["innerHTML"];
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$p = ["innerHTML"];
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsIcon",
   props: {
     name: {},
@@ -580,13 +580,13 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
-        class: "inline-flex items-center justify-center align-middle",
+        class: "flex items-center justify-center align-middle",
         style: { width: pixelSize.value, height: pixelSize.value }
-      }, rootAttrs.value, { innerHTML: svgHtml.value }), null, 16, _hoisted_1$o);
+      }, rootAttrs.value, { innerHTML: svgHtml.value }), null, 16, _hoisted_1$p);
     };
   }
 });
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsButtonIcon",
   props: {
     icon: {},
@@ -630,12 +630,12 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
         class: buttonClasses.value,
         onClick
       }), [
-        !__props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+        !__props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
           key: 0,
           size: iconSize.value,
           name: __props.icon,
           "aria-hidden": "true"
-        }, null, 8, ["size", "name"])) : (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+        }, null, 8, ["size", "name"])) : (vue.openBlock(), vue.createBlock(_sfc_main$y, {
           key: 1,
           size: iconSize.value,
           name: "spinner",
@@ -646,15 +646,15 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$n = { class: "flex items-start gap-2" };
-const _hoisted_2$i = { class: "h-7 flex items-center" };
-const _hoisted_3$b = { class: "leading-7" };
-const _hoisted_4$a = { class: "relative h-7" };
-const _hoisted_5$9 = {
+const _hoisted_1$o = { class: "flex items-start gap-2" };
+const _hoisted_2$j = { class: "h-7 flex items-center" };
+const _hoisted_3$c = { class: "leading-7" };
+const _hoisted_4$b = { class: "relative h-7" };
+const _hoisted_5$a = {
   key: 1,
   class: "fds-block-alert-slot mb-0-last-child"
 };
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockAlert",
   props: {
     visible: { type: Boolean, default: true },
@@ -710,24 +710,24 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
               key: 0,
               class: vue.normalizeClass(["font-bold w-full justify-between items-start flex gap-2", { "mb-4": (isExpanded.value || !__props.collapsable) && vue.unref(hasSlot) }])
             }, [
-              vue.createElementVNode("div", _hoisted_1$n, [
-                vue.createElementVNode("div", _hoisted_2$i, [
-                  vue.createVNode(_sfc_main$x, {
+              vue.createElementVNode("div", _hoisted_1$o, [
+                vue.createElementVNode("div", _hoisted_2$j, [
+                  vue.createVNode(_sfc_main$y, {
                     name: "alert",
                     size: 24,
                     class: "fill-yellow-700"
                   })
                 ]),
-                vue.createElementVNode("span", _hoisted_3$b, vue.toDisplayString(__props.label), 1)
+                vue.createElementVNode("span", _hoisted_3$c, vue.toDisplayString(__props.label), 1)
               ]),
-              vue.createElementVNode("div", _hoisted_4$a, [
-                __props.closeable ? (vue.openBlock(), vue.createBlock(_sfc_main$w, vue.mergeProps({
+              vue.createElementVNode("div", _hoisted_4$b, [
+                __props.closeable ? (vue.openBlock(), vue.createBlock(_sfc_main$x, 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$w, vue.mergeProps({
+                __props.collapsable ? (vue.openBlock(), vue.createBlock(_sfc_main$x, vue.mergeProps({
                   key: 1,
                   icon: "arrowDown",
                   size: 28,
@@ -741,7 +741,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
                 }), null, 16, ["class"])) : vue.createCommentVNode("", true)
               ])
             ], 2)) : vue.createCommentVNode("", true),
-            isExpanded.value || !__props.collapsable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$9, [
+            isExpanded.value || !__props.collapsable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$a, [
               vue.renderSlot(_ctx.$slots, "default")
             ])) : vue.createCommentVNode("", true)
           ])
@@ -750,15 +750,15 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$m = ["id"];
-const _hoisted_2$h = {
+const _hoisted_1$n = ["id"];
+const _hoisted_2$i = {
   key: 0,
   class: "flex items-start justify-between gap-4 mb-4"
 };
-const _hoisted_3$a = { class: "flex items-center gap-3" };
-const _hoisted_4$9 = { class: "flex items-start gap-3 leading-8" };
-const _hoisted_5$8 = { class: "mb-0-last-child" };
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_3$b = { class: "flex items-center gap-3" };
+const _hoisted_4$a = { class: "flex items-start gap-3 leading-8" };
+const _hoisted_5$9 = { class: "mb-0-last-child" };
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockContent",
   props: {
     heading: { default: void 0 },
@@ -802,24 +802,24 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
         class: contentClasses.value,
         style: borderLeftStyle.value
       }, rootAttrs.value), [
-        __props.heading ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$h, [
-          vue.createElementVNode("div", _hoisted_3$a, [
+        __props.heading ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$i, [
+          vue.createElementVNode("div", _hoisted_3$b, [
             vue.createElementVNode("h3", {
               class: vue.normalizeClass(headerClasses.value)
             }, vue.toDisplayString(__props.heading), 3)
           ]),
-          vue.createElementVNode("div", _hoisted_4$9, [
+          vue.createElementVNode("div", _hoisted_4$a, [
             vue.renderSlot(_ctx.$slots, "headerInfo")
           ])
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_5$8, [
+        vue.createElementVNode("div", _hoisted_5$9, [
           vue.renderSlot(_ctx.$slots, "default")
         ])
-      ], 16, _hoisted_1$m);
+      ], 16, _hoisted_1$n);
     };
   }
 });
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsSticker",
   props: {
     variant: { default: "blue" },
@@ -867,19 +867,18 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$l = { class: "w-full flex justify-between items-start" };
-const _hoisted_2$g = { class: "inline-flex items-center" };
-const _hoisted_3$9 = {
+const _hoisted_1$m = { class: "leading-6 w-full flex justify-between gap-4" };
+const _hoisted_2$h = {
   key: 0,
   class: "flex items-center mr-4"
 };
-const _hoisted_4$8 = { class: "inline-flex items-center" };
-const _hoisted_5$7 = {
+const _hoisted_3$a = { class: "inline-flex items-center" };
+const _hoisted_4$9 = {
   key: 0,
   class: "w-full flex mt-2"
 };
-const _hoisted_6$4 = ["aria-hidden"];
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_5$8 = ["aria-hidden"];
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -950,23 +949,25 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("span", {
             class: vue.normalizeClass(buttonRowClasses.value)
           }, [
-            vue.createElementVNode("span", _hoisted_1$l, [
-              vue.createElementVNode("span", _hoisted_2$g, [
-                __props.preIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$9, [
-                  vue.createVNode(_sfc_main$x, {
+            vue.createElementVNode("span", _hoisted_1$m, [
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass({ "inline-flex items-start": __props.preIcon })
+              }, [
+                __props.preIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$h, [
+                  vue.createVNode(_sfc_main$y, {
                     name: __props.preIcon,
                     size: 24,
                     class: vue.normalizeClass(["fill-blue-500", { "fill-gray-500": __props.disabled }])
                   }, null, 8, ["name", "class"])
                 ])) : vue.createCommentVNode("", true),
-                vue.createElementVNode("span", _hoisted_4$8, [
+                vue.createElementVNode("span", _hoisted_3$a, [
                   vue.createElementVNode("span", {
                     class: vue.normalizeClass(["font-bold font-heading text-lg leading-md", { "text-gray-700": __props.disabled }])
                   }, vue.toDisplayString(__props.label), 3)
                 ])
-              ]),
+              ], 2),
               vue.createElementVNode("span", null, [
-                __props.stickerText && __props.stickerColor ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
+                __props.stickerText && __props.stickerColor ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
                   key: 0,
                   variant: __props.stickerColor
                 }, {
@@ -975,15 +976,15 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   _: 1
                 }, 8, ["variant"])) : vue.createCommentVNode("", true),
-                vue.createVNode(_sfc_main$x, {
+                vue.createVNode(_sfc_main$y, {
                   name: "arrowDown",
                   size: 24,
-                  class: vue.normalizeClass(["ml-4 transition-transform duration-200 fill-blue-500 min-w-6 min-h-6", { "rotate-180": isOpen.value, "fill-gray-500": __props.disabled }])
+                  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 }])
                 }, null, 8, ["class"])
               ])
             ])
           ], 2),
-          vue.unref(hasExtraRowSlot) && !isOpen.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$7, [
+          vue.unref(hasExtraRowSlot) && !isOpen.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$9, [
             vue.renderSlot(_ctx.$slots, "extra-row")
           ])) : vue.createCommentVNode("", true)
         ], 16),
@@ -992,39 +993,39 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
           class: "mb-0-last-child block px-4 pb-6 rounded-b-2xl bg-white"
         }, [
           vue.renderSlot(_ctx.$slots, "default")
-        ], 8, _hoisted_6$4), [
+        ], 8, _hoisted_5$8), [
           [vue.vShow, isOpen.value]
         ])
       ], 16);
     };
   }
 });
-const _hoisted_1$k = ["id"];
-const _hoisted_2$f = {
+const _hoisted_1$l = ["id"];
+const _hoisted_2$g = {
   key: 0,
   class: "flex items-start gap-4"
 };
-const _hoisted_3$8 = { class: "flex-1" };
-const _hoisted_4$7 = {
+const _hoisted_3$9 = { class: "flex-1" };
+const _hoisted_4$8 = {
   key: 0,
   class: "mb-1"
 };
-const _hoisted_5$6 = { class: "flex items-start justify-between gap-4" };
-const _hoisted_6$3 = { class: "m-0 text-base font-main font-bold tracking-wide" };
-const _hoisted_7$3 = { class: "flex items-start gap-3" };
-const _hoisted_8$2 = {
+const _hoisted_5$7 = { class: "flex items-start justify-between gap-4" };
+const _hoisted_6$4 = { class: "m-0 text-base font-main font-bold tracking-wide" };
+const _hoisted_7$4 = { class: "flex items-start gap-3" };
+const _hoisted_8$3 = {
   key: 1,
   class: "mb-0-last-child"
 };
-const _hoisted_9$2 = { key: 1 };
-const _hoisted_10$1 = { class: "flex items-start justify-between gap-4" };
-const _hoisted_11$1 = { class: "flex items-center gap-3" };
-const _hoisted_12 = { class: "m-0 text-base font-main font-bold tracking-wide" };
-const _hoisted_13 = { class: "flex items-start gap-3" };
-const _hoisted_14 = { class: "mb-0-last-child" };
+const _hoisted_9$3 = { key: 1 };
+const _hoisted_10$2 = { class: "flex items-start justify-between gap-4" };
+const _hoisted_11$2 = { class: "flex items-center gap-3" };
+const _hoisted_12$1 = { class: "m-0 text-base font-main font-bold tracking-wide" };
+const _hoisted_13$1 = { class: "flex items-start gap-3" };
+const _hoisted_14$1 = { class: "mb-0-last-child" };
 const smallIconSize = 24;
 const largeIconSize = 48;
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockInfo",
   props: {
     heading: { default: void 0 },
@@ -1056,59 +1057,59 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
         id: contentBlockId.value,
         class: contentClasses.value
       }, rootAttrs.value), [
-        __props.size === "large" && __props.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [
-          vue.createVNode(_sfc_main$x, {
+        __props.size === "large" && __props.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$g, [
+          vue.createVNode(_sfc_main$y, {
             name: __props.icon,
             size: largeIconSize,
             class: "fill-blue-500"
           }, null, 8, ["name"]),
-          vue.createElementVNode("div", _hoisted_3$8, [
-            __props.heading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$7, [
-              vue.createElementVNode("header", _hoisted_5$6, [
-                vue.createElementVNode("h3", _hoisted_6$3, vue.toDisplayString(__props.heading), 1),
-                vue.createElementVNode("div", _hoisted_7$3, [
+          vue.createElementVNode("div", _hoisted_3$9, [
+            __props.heading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$8, [
+              vue.createElementVNode("header", _hoisted_5$7, [
+                vue.createElementVNode("h3", _hoisted_6$4, vue.toDisplayString(__props.heading), 1),
+                vue.createElementVNode("div", _hoisted_7$4, [
                   vue.renderSlot(_ctx.$slots, "headerInfo")
                 ])
               ])
             ])) : vue.createCommentVNode("", true),
-            vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$2, [
+            vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$3, [
               vue.renderSlot(_ctx.$slots, "default")
             ])) : vue.createCommentVNode("", true)
           ])
-        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$2, [
+        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$3, [
           __props.heading ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: vue.normalizeClass({ "mb-4": vue.unref(hasSlot) })
           }, [
-            vue.createElementVNode("header", _hoisted_10$1, [
-              vue.createElementVNode("div", _hoisted_11$1, [
-                __props.icon && __props.size === "small" ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+            vue.createElementVNode("header", _hoisted_10$2, [
+              vue.createElementVNode("div", _hoisted_11$2, [
+                __props.icon && __props.size === "small" ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
                   key: 0,
                   name: __props.icon,
                   size: smallIconSize,
                   class: "fill-blue-500"
                 }, null, 8, ["name"])) : vue.createCommentVNode("", true),
-                vue.createElementVNode("h3", _hoisted_12, vue.toDisplayString(__props.heading), 1)
+                vue.createElementVNode("h3", _hoisted_12$1, vue.toDisplayString(__props.heading), 1)
               ]),
-              vue.createElementVNode("div", _hoisted_13, [
+              vue.createElementVNode("div", _hoisted_13$1, [
                 vue.renderSlot(_ctx.$slots, "headerInfo")
               ])
             ])
           ], 2)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_14, [
+          vue.createElementVNode("div", _hoisted_14$1, [
             vue.renderSlot(_ctx.$slots, "default")
           ])
         ]))
-      ], 16, _hoisted_1$k);
+      ], 16, _hoisted_1$l);
     };
   }
 });
-const _hoisted_1$j = { class: "mb-0-last-child" };
-const _hoisted_2$e = {
+const _hoisted_1$k = { class: "mb-0-last-child" };
+const _hoisted_2$f = {
   key: 0,
   class: "flex items-end"
 };
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1197,7 +1198,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["flex w-full flex-1", contentClasses.value])
           }, [
-            __props.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+            __props.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
               key: 0,
               name: __props.icon,
               size: 24,
@@ -1216,16 +1217,16 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(slotWrapperClasses.value)
               }, [
-                vue.createElementVNode("div", _hoisted_1$j, [
+                vue.createElementVNode("div", _hoisted_1$k, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ]),
-                vue.unref(hasStickerSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$e, [
+                vue.unref(hasStickerSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [
                   vue.renderSlot(_ctx.$slots, "sticker")
                 ])) : vue.createCommentVNode("", true)
               ], 2)
             ], 2)
           ], 2),
-          __props.arrow ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+          __props.arrow ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
             key: 0,
             name: "arrowRight",
             size: 20,
@@ -1237,8 +1238,8 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$i = ["aria-label"];
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$j = ["aria-label"];
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsSpinner",
   props: {
     size: { default: "48px" },
@@ -1318,14 +1319,14 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           class: vue.normalizeClass(__props.labelPosition === "bottom" ? "font-bold" : "")
         }, vue.toDisplayString(__props.label), 3)) : vue.createCommentVNode("", true)
-      ], 16, _hoisted_1$i);
+      ], 16, _hoisted_1$j);
     };
   }
 });
-const _hoisted_1$h = ["aria-disabled"];
-const _hoisted_2$d = { class: "pt-0.5" };
+const _hoisted_1$i = ["aria-disabled"];
+const _hoisted_2$e = { class: "pt-0.5" };
 const elBase$2 = "box-border appearance-none inline-flex items-start justify-center w-fit shadow-none p-0.5 text-base select-none m-0 rounded-md text-left align-start 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$o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1404,7 +1405,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
           onClick
         }), {
           default: vue.withCtx(() => [
-            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$q, {
               key: 0,
               class: "mr-2",
               size: "24px",
@@ -1414,25 +1415,25 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
-              vue.createVNode(_sfc_main$x, {
+              vue.createVNode(_sfc_main$y, {
                 class: vue.normalizeClass(iconFillClass2.value),
                 name: __props.icon,
                 size: 24
               }, null, 8, ["class", "name"])
             ], 2)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("span", _hoisted_2$d, vue.toDisplayString(__props.text), 1)
+            vue.createElementVNode("span", _hoisted_2$e, vue.toDisplayString(__props.text), 1)
           ]),
           _: 1
         }, 16, ["type", "disabled", "target", "rel", "data-testid", "class"]))
-      ], 10, _hoisted_1$h);
+      ], 10, _hoisted_1$i);
     };
   }
 });
-const _hoisted_1$g = {
+const _hoisted_1$h = {
   key: 0,
   class: "flex items-center gap-2 h-7"
 };
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsButtonCopy",
   props: {
     value: { default: "" },
@@ -1494,10 +1495,10 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return isCopied.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
-        vue.createVNode(_sfc_main$x, { name: "bigSuccess" }),
+      return isCopied.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
+        vue.createVNode(_sfc_main$y, { name: "bigSuccess" }),
         vue.createElementVNode("span", null, vue.toDisplayString(props.copiedLabel), 1)
-      ])) : (vue.openBlock(), vue.createBlock(_sfc_main$o, {
+      ])) : (vue.openBlock(), vue.createBlock(_sfc_main$p, {
         key: 1,
         type: "button",
         disabled: props.disabled,
@@ -4132,8 +4133,8 @@ function useDownload() {
     isDownloading
   };
 }
-const _hoisted_1$f = ["disabled", "aria-disabled"];
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$g = ["disabled", "aria-disabled"];
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsButtonDownload",
   props: {
     loading: { type: Boolean, default: false },
@@ -4234,23 +4235,23 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(iconOrderClasses.value),
           "aria-hidden": "true"
         }, [
-          vue.createVNode(_sfc_main$x, {
+          vue.createVNode(_sfc_main$y, {
             class: vue.normalizeClass(iconFillClass2.value),
             name: "download",
             size: 24
           }, null, 8, ["class"])
         ], 2),
         vue.createTextVNode(" " + vue.toDisplayString(__props.text), 1)
-      ], 16, _hoisted_1$f);
+      ], 16, _hoisted_1$g);
     };
   }
 });
-const _hoisted_1$e = ["aria-disabled"];
-const _hoisted_2$c = { key: 2 };
+const _hoisted_1$f = ["aria-disabled"];
+const _hoisted_2$d = { key: 2 };
 const elBase$1 = "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-red-600 border border-red-700 text-white hover:bg-red-700 active:bg-red-800 active:border-red-800";
 const iconFillClass$1 = "fill-white";
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -4328,7 +4329,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           onClick
         }), {
           default: vue.withCtx(() => [
-            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$q, {
               key: 0,
               size: "24px",
               color: "inherit"
@@ -4337,26 +4338,26 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
-              vue.createVNode(_sfc_main$x, {
+              vue.createVNode(_sfc_main$y, {
                 class: vue.normalizeClass(iconFillClass$1),
                 name: __props.icon,
                 size: 24
               }, null, 8, ["name"])
             ], 2)) : vue.createCommentVNode("", true),
-            __props.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$c, vue.toDisplayString(__props.text), 1)) : vue.createCommentVNode("", true)
+            __props.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$d, vue.toDisplayString(__props.text), 1)) : vue.createCommentVNode("", true)
           ]),
           _: 1
         }, 16, ["type", "disabled", "data-testid", "class"]))
-      ], 10, _hoisted_1$e);
+      ], 10, _hoisted_1$f);
     };
   }
 });
-const _hoisted_1$d = ["aria-disabled"];
-const _hoisted_2$b = { key: 2 };
+const _hoisted_1$e = ["aria-disabled"];
+const _hoisted_2$c = { key: 2 };
 const elBase = "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:border-blue-600 active:bg-blue-600 active:border-blue-600 active:text-white";
 const iconFillClass = "fill-blue-500";
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -4434,7 +4435,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
           onClick
         }), {
           default: vue.withCtx(() => [
-            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$q, {
               key: 0,
               size: "24px",
               color: "inherit"
@@ -4443,17 +4444,17 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
-              vue.createVNode(_sfc_main$x, {
+              vue.createVNode(_sfc_main$y, {
                 class: vue.normalizeClass(iconFillClass),
                 name: __props.icon,
                 size: 24
               }, null, 8, ["name"])
             ], 2)) : vue.createCommentVNode("", true),
-            __props.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$b, vue.toDisplayString(__props.text), 1)) : vue.createCommentVNode("", true)
+            __props.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$c, vue.toDisplayString(__props.text), 1)) : vue.createCommentVNode("", true)
           ]),
           _: 1
         }, 16, ["type", "disabled", "data-testid", "class"]))
-      ], 10, _hoisted_1$d);
+      ], 10, _hoisted_1$e);
     };
   }
 });
@@ -4482,89 +4483,9 @@ function useDevMode() {
   }
   return devModeInstance;
 }
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
-  __name: "FdsDevMode",
-  props: {
-    environment: { default: null }
-  },
-  setup(__props) {
-    const props = __props;
-    const { isDevMode, toggleDevMode } = useDevMode();
-    const hideEnvBanner = vue.ref(false);
-    const environmentKey = vue.computed(() => props.environment ?? null);
-    const environmentText = vue.computed(() => {
-      switch (environmentKey.value) {
-        case "localhost":
-          return "Localhost";
-        case "development":
-          return "Development";
-        case "development:feature-branch":
-          return "Dev: Feature";
-        case "preprod":
-          return "Preprod";
-        case "demo":
-          return "Demo";
-        case "production":
-          return "Production";
-        default:
-          return "Environment not found";
-      }
-    });
-    const renderEnvBanner = vue.computed(() => {
-      if (hideEnvBanner.value || environmentKey.value === null) return false;
-      return environmentKey.value === "localhost" || environmentKey.value === "development" || environmentKey.value === "development:feature-branch" || environmentKey.value === "preprod";
-    });
-    const envBannerClasses = vue.computed(() => {
-      if (isDevMode.value) {
-        return "bg-green-500 text-white";
-      }
-      if (environmentKey.value === "localhost" || environmentKey.value === "development" || environmentKey.value === "development:feature-branch") {
-        return "bg-yellow-400 text-gray-900";
-      }
-      if (environmentKey.value === "preprod") {
-        return "bg-red-500 text-white-solid";
-      }
-      return "";
-    });
-    const envBannerFillColor = vue.computed(() => {
-      if (isDevMode.value) {
-        return "fill-white";
-      }
-      if (environmentKey.value === "localhost" || environmentKey.value === "development" || environmentKey.value === "development:feature-branch") {
-        return "fill-gray-900";
-      }
-      if (environmentKey.value === "preprod") {
-        return "fill-white";
-      }
-      return "";
-    });
-    const handleEnvBanner = () => {
-      hideEnvBanner.value = true;
-    };
-    return (_ctx, _cache) => {
-      return renderEnvBanner.value ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        class: vue.normalizeClass(["fixed bottom-0 right-12 font-bold m-6 px-3 py-1 rounded-xl z-50 flex items-center gap-1", envBannerClasses.value])
-      }, [
-        vue.createElementVNode("span", null, vue.toDisplayString(environmentText.value), 1),
-        vue.createElementVNode("button", {
-          onClick: _cache[0] || (_cache[0] = //@ts-ignore
-          (...args) => vue.unref(toggleDevMode) && vue.unref(toggleDevMode)(...args)),
-          class: "mx-1 py-1 rounded text-xs font-bold bg-white bg-opacity-20 text-black hover:bg-opacity-30 min-w-[120px]"
-        }, vue.toDisplayString(vue.unref(isDevMode) ? "Dev mode: ON" : "Dev mode: OFF"), 1),
-        vue.createVNode(_sfc_main$w, {
-          onClick: handleEnvBanner,
-          icon: "cross",
-          size: 24,
-          class: vue.normalizeClass(envBannerFillColor.value)
-        }, null, 8, ["class"])
-      ], 2)) : vue.createCommentVNode("", true);
-    };
-  }
-});
-const _hoisted_1$c = { class: "flex justify-between mb-4" };
-const _hoisted_2$a = { class: "mb-0-last-child" };
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$d = { class: "flex justify-between mb-4" };
+const _hoisted_2$b = { class: "mb-0-last-child" };
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsModal",
   props: {
     open: { type: Boolean, default: false },
@@ -4711,79 +4632,815 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
           });
         }
       }
-    );
-    vue.onMounted(() => {
-      document.addEventListener("keydown", handleKeyDown, true);
-      if (props.open) {
-        previouslyFocusedElement.value = document.activeElement;
-        if (props.lockScroll) {
-          setHtmlOverflow("hidden");
-        }
-        trapFocus();
+    );
+    vue.onMounted(() => {
+      document.addEventListener("keydown", handleKeyDown, true);
+      if (props.open) {
+        previouslyFocusedElement.value = document.activeElement;
+        if (props.lockScroll) {
+          setHtmlOverflow("hidden");
+        }
+        trapFocus();
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      document.removeEventListener("keydown", handleKeyDown, true);
+      setHtmlOverflow("auto");
+      if (cleanupFocusTrap) {
+        cleanupFocusTrap();
+      }
+    });
+    const modalAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+        isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          onClick: handleBackdropClick,
+          class: vue.normalizeClass(modalOuterClasses.value)
+        }, [
+          _cache[2] || (_cache[2] = vue.createElementVNode("div", { class: "fixed top-0 left-0 w-full h-full bg-black/34 z-99" }, null, -1)),
+          vue.createElementVNode("div", vue.mergeProps({
+            class: ["fds-modal-inner", modalInnerClasses.value],
+            role: "alertdialog",
+            "aria-modal": "true"
+          }, modalAttrs.value, {
+            onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+            }, ["stop"]))
+          }), [
+            vue.createElementVNode("div", _hoisted_1$d, [
+              vue.createElementVNode("h3", {
+                tabindex: "-1",
+                class: vue.normalizeClass(headerTitleClasses.value)
+              }, [
+                iconName.value ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
+                  key: 0,
+                  name: iconName.value,
+                  size: 24,
+                  class: vue.normalizeClass(iconClasses.value)
+                }, null, 8, ["name", "class"])) : vue.createCommentVNode("", true),
+                vue.createTextVNode(" " + vue.toDisplayString(__props.heading), 1)
+              ], 2),
+              !__props.strict ? (vue.openBlock(), vue.createBlock(_sfc_main$x, vue.mergeProps({
+                key: 0,
+                icon: "cross",
+                size: 28,
+                onClick: _cache[0] || (_cache[0] = ($event) => handleClose("icon"))
+              }, { "aria-label": closeLabel.value }, { class: "ml-4" }), null, 16)) : vue.createCommentVNode("", true)
+            ]),
+            vue.createElementVNode("div", _hoisted_2$b, [
+              vue.renderSlot(_ctx.$slots, "default")
+            ]),
+            vue.unref(hasFooterSlot) ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass(footerClasses.value)
+            }, [
+              vue.renderSlot(_ctx.$slots, "modal-footer")
+            ], 2)) : vue.createCommentVNode("", true)
+          ], 16)
+        ], 2)) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+  __name: "FdsTabs",
+  props: {
+    block: { type: Boolean, default: false },
+    variant: { default: "primary" },
+    dataTestid: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const tabsClasses = vue.computed(() => [
+      "inline-flex overflow-auto max-w-full p-0.5 gap-0.5",
+      {
+        "flex justify-between w-full": props.block,
+        "bg-blue_t-100 rounded-[10px] mb-8": props.variant === "primary",
+        "gap-2 mb-4": props.variant === "secondary"
+      }
+    ]);
+    const rootAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
+    vue.provide("tabsVariant", props.variant);
+    vue.provide("tabsBlock", props.block);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: tabsClasses.value }, rootAttrs.value), [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "FdsTabsItem",
+  props: {
+    to: { default: void 0 },
+    href: { default: void 0 },
+    as: { default: void 0 },
+    active: { type: Boolean, default: void 0 },
+    exact: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    label: { default: void 0 },
+    dataTestid: { default: void 0 }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const handleClick = (ev) => {
+      if (props.disabled) {
+        ev.preventDefault();
+        return;
+      }
+      emit("click", ev);
+    };
+    const instance = vue.getCurrentInstance();
+    const route = vue.computed(() => {
+      try {
+        const router = instance?.appContext.config.globalProperties.$router;
+        if (router && router.currentRoute) {
+          return router.currentRoute.value;
+        }
+      } catch {
+      }
+      return null;
+    });
+    const props = __props;
+    const { attrs } = useAttrsWithDefaults(props);
+    const variant = vue.inject("tabsVariant", "primary");
+    const block = vue.inject("tabsBlock", false);
+    const isActive = vue.computed(() => {
+      if (props.active !== void 0) return props.active;
+      const currentRoute = route.value;
+      if (!currentRoute) return false;
+      const currentPath = currentRoute.path;
+      if (props.exact) {
+        if (props.to && currentPath === props.to) return true;
+        if (props.href && currentPath === props.href) return true;
+      } else {
+        if (props.to && currentPath.includes(props.to)) return true;
+        if (props.href && currentPath.includes(props.href)) return true;
+      }
+      return false;
+    });
+    const componentType = vue.computed(() => {
+      if (props.as) return props.as;
+      if (props.href) return "a";
+      if (props.to) return "router-link";
+      return "router-link";
+    });
+    const linkAttrs = vue.computed(() => {
+      if (componentType.value === "a") return { href: props.href || props.to };
+      if (componentType.value === "router-link") {
+        return { to: props.to || props.href || route.value?.path || "#" };
+      }
+      return {};
+    });
+    const componentAttrs = vue.computed(() => ({
+      ...linkAttrs.value,
+      ...attrs
+    }));
+    const baseClasses = vue.computed(() => {
+      const blockClasses = block ? "flex flex-1" : "";
+      return [
+        "text-center",
+        blockClasses,
+        "flex justify-center w-full cursor-pointer font-bold text-base leading-6 m-0 select-none no-underline whitespace-nowrap"
+      ];
+    });
+    const variantClasses2 = vue.computed(() => {
+      if (variant === "primary") {
+        return [
+          "bg-transparent py-2 px-4 rounded-lg border-2 border-transparent text-inherit",
+          isActive.value ? "border-transparent bg-white shadow-md" : "hover:bg-white/59 hover:outline-none active:border-transparent active:bg-white/80",
+          "focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-[-2px]"
+        ];
+      } else {
+        return [
+          "text-blue-700 py-1 px-2 rounded-md border-none",
+          isActive.value ? "bg-blue-600 text-white" : "hover:bg-blue_t-100 active:bg-blue_t-200",
+          "focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-blue-500",
+          "tracking-[0.002em]"
+        ];
+      }
+    });
+    const disabledClasses = vue.computed(() => props.disabled ? "cursor-not-allowed pointer-events-none opacity-35" : "");
+    const buttonClasses = vue.computed(() => [...baseClasses.value, ...variantClasses2.value, disabledClasses.value]);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(componentType.value), vue.mergeProps(componentAttrs.value, {
+        class: buttonClasses.value,
+        disabled: componentType.value === "button" ? props.disabled : void 0,
+        "aria-disabled": props.disabled ? "true" : void 0,
+        "aria-current": isActive.value ? "page" : void 0,
+        "data-testid": __props.dataTestid,
+        onClick: handleClick
+      }), {
+        default: vue.withCtx(() => [
+          vue.createTextVNode(vue.toDisplayString(__props.label) + " ", 1),
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class", "disabled", "aria-disabled", "aria-current", "data-testid"]);
+    };
+  }
+});
+const _hoisted_1$c = { class: "space-y-6" };
+const _hoisted_2$a = {
+  key: 0,
+  class: "text-sm text-gray-600"
+};
+const _hoisted_3$8 = {
+  key: 1,
+  class: "max-h-72 overflow-auto border border-gray-200 rounded-md"
+};
+const _hoisted_4$7 = { class: "w-full text-left text-xs border-collapse" };
+const _hoisted_5$6 = ["onClick"];
+const _hoisted_6$3 = { class: "py-1.5 px-3 font-mono break-all" };
+const _hoisted_7$3 = { class: "py-1.5 px-3 font-mono whitespace-pre-wrap break-all" };
+const _hoisted_8$2 = { class: "mt-4 space-y-2" };
+const _hoisted_9$2 = { class: "flex flex-col gap-1" };
+const _hoisted_10$1 = { class: "flex flex-col gap-1" };
+const _hoisted_11$1 = {
+  key: 0,
+  class: "mt-2 flex flex-wrap gap-2"
+};
+const _hoisted_12 = {
+  key: 0,
+  class: "text-sm text-gray-600"
+};
+const _hoisted_13 = {
+  key: 1,
+  class: "max-h-72 overflow-auto border border-gray-200 rounded-md"
+};
+const _hoisted_14 = { class: "w-full text-left text-xs border-collapse" };
+const _hoisted_15 = ["onClick"];
+const _hoisted_16 = { class: "py-1.5 px-3 font-mono break-all" };
+const _hoisted_17 = { class: "py-1.5 px-3 font-mono whitespace-pre-wrap break-all" };
+const _hoisted_18 = { class: "mt-4 space-y-2" };
+const _hoisted_19 = { class: "flex flex-col gap-1" };
+const _hoisted_20 = { class: "flex flex-col gap-1" };
+const _hoisted_21 = {
+  key: 0,
+  class: "mt-2 flex flex-wrap gap-2"
+};
+const _hoisted_22 = {
+  key: 0,
+  class: "text-sm text-gray-600"
+};
+const _hoisted_23 = {
+  key: 1,
+  class: "max-h-72 overflow-auto border border-gray-200 rounded-md"
+};
+const _hoisted_24 = { class: "w-full text-left text-xs border-collapse" };
+const _hoisted_25 = ["onClick"];
+const _hoisted_26 = { class: "py-1.5 px-3 font-mono break-all" };
+const _hoisted_27 = { class: "py-1.5 px-3 font-mono whitespace-pre-wrap break-all" };
+const _hoisted_28 = { class: "mt-4 space-y-2" };
+const _hoisted_29 = { class: "flex flex-col gap-1" };
+const _hoisted_30 = { class: "flex flex-col gap-1" };
+const _hoisted_31 = {
+  key: 0,
+  class: "mt-2 flex flex-wrap gap-2"
+};
+const _hoisted_32 = { class: "mt-4 flex justify-end gap-3" };
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+  __name: "FdsDevModeStorage",
+  props: {
+    open: { type: Boolean, default: false }
+  },
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isOpen = vue.computed({
+      get: () => props.open,
+      set: (value) => emit("update:open", value)
+    });
+    const activeTab = vue.ref("local");
+    const localStorageEntries = vue.ref([]);
+    const sessionStorageEntries = vue.ref([]);
+    const cookieEntries = vue.ref([]);
+    const localEditKey = vue.ref("");
+    const localEditValue = vue.ref("");
+    const sessionEditKey = vue.ref("");
+    const sessionEditValue = vue.ref("");
+    const cookieEditKey = vue.ref("");
+    const cookieEditValue = vue.ref("");
+    const localTextareaRef = vue.ref(null);
+    const sessionTextareaRef = vue.ref(null);
+    const cookieTextareaRef = vue.ref(null);
+    const resizeTextarea = (el) => {
+      if (!el) return;
+      if (!el.value) {
+        el.style.height = "";
+        return;
+      }
+      el.style.height = "auto";
+      el.style.height = `${el.scrollHeight}px`;
+    };
+    const loadStorageEntries = () => {
+      if (typeof window === "undefined") {
+        localStorageEntries.value = [];
+        sessionStorageEntries.value = [];
+        cookieEntries.value = [];
+        return;
+      }
+      const extractEntries = (storage) => {
+        const entries = [];
+        for (let i = 0; i < storage.length; i += 1) {
+          const key = storage.key(i);
+          if (!key) continue;
+          let value;
+          try {
+            value = storage.getItem(key) ?? "";
+          } catch {
+            value = "[unreadable value]";
+          }
+          entries.push({ key, value });
+        }
+        return entries;
+      };
+      localStorageEntries.value = extractEntries(window.localStorage);
+      sessionStorageEntries.value = extractEntries(window.sessionStorage);
+      const cookiesSource = typeof document !== "undefined" && document.cookie ? document.cookie.split("; ") : [];
+      cookieEntries.value = cookiesSource.filter(Boolean).map((cookie) => {
+        const [rawKey, ...rest] = cookie.split("=");
+        const key = decodeURIComponent(rawKey || "");
+        const value = decodeURIComponent(rest.join("="));
+        return {
+          key,
+          value
+        };
+      });
+    };
+    const handleOpenChange = (value) => {
+      if (value) {
+        loadStorageEntries();
+      }
+      isOpen.value = value;
+    };
+    vue.watch(
+      () => props.open,
+      (newVal) => {
+        if (newVal) {
+          loadStorageEntries();
+        }
+      }
+    );
+    const refreshStorageEntries = () => {
+      loadStorageEntries();
+    };
+    const selectLocalEntry = (entry) => {
+      localEditKey.value = entry.key;
+      localEditValue.value = entry.value;
+      vue.nextTick(() => resizeTextarea(localTextareaRef.value));
+    };
+    const selectSessionEntry = (entry) => {
+      sessionEditKey.value = entry.key;
+      sessionEditValue.value = entry.value;
+      vue.nextTick(() => resizeTextarea(sessionTextareaRef.value));
+    };
+    const selectCookieEntry = (entry) => {
+      cookieEditKey.value = entry.key;
+      cookieEditValue.value = entry.value;
+      vue.nextTick(() => resizeTextarea(cookieTextareaRef.value));
+    };
+    const saveLocalEntry = () => {
+      if (typeof window === "undefined") return;
+      if (!localEditKey.value) return;
+      window.localStorage.setItem(localEditKey.value, localEditValue.value);
+      localEditKey.value = "";
+      localEditValue.value = "";
+      vue.nextTick(() => resizeTextarea(localTextareaRef.value));
+      loadStorageEntries();
+    };
+    const deleteLocalEntry = () => {
+      if (typeof window === "undefined") return;
+      if (!localEditKey.value) return;
+      window.localStorage.removeItem(localEditKey.value);
+      localEditKey.value = "";
+      localEditValue.value = "";
+      vue.nextTick(() => resizeTextarea(localTextareaRef.value));
+      loadStorageEntries();
+    };
+    const saveSessionEntry = () => {
+      if (typeof window === "undefined") return;
+      if (!sessionEditKey.value) return;
+      window.sessionStorage.setItem(sessionEditKey.value, sessionEditValue.value);
+      sessionEditKey.value = "";
+      sessionEditValue.value = "";
+      vue.nextTick(() => resizeTextarea(sessionTextareaRef.value));
+      loadStorageEntries();
+    };
+    const deleteSessionEntry = () => {
+      if (typeof window === "undefined") return;
+      if (!sessionEditKey.value) return;
+      window.sessionStorage.removeItem(sessionEditKey.value);
+      sessionEditKey.value = "";
+      sessionEditValue.value = "";
+      vue.nextTick(() => resizeTextarea(sessionTextareaRef.value));
+      loadStorageEntries();
+    };
+    const saveCookieEntry = () => {
+      if (typeof document === "undefined") return;
+      if (!cookieEditKey.value) return;
+      document.cookie = `${encodeURIComponent(cookieEditKey.value)}=${encodeURIComponent(cookieEditValue.value)}; path=/`;
+      cookieEditKey.value = "";
+      cookieEditValue.value = "";
+      vue.nextTick(() => resizeTextarea(cookieTextareaRef.value));
+      loadStorageEntries();
+    };
+    const deleteCookieEntry = () => {
+      if (typeof document === "undefined") return;
+      if (!cookieEditKey.value) return;
+      document.cookie = `${encodeURIComponent(cookieEditKey.value)}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/`;
+      cookieEditKey.value = "";
+      cookieEditValue.value = "";
+      vue.nextTick(() => resizeTextarea(cookieTextareaRef.value));
+      loadStorageEntries();
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(_sfc_main$k, {
+        open: isOpen.value,
+        heading: "DevTools",
+        size: "xl",
+        "onUpdate:open": handleOpenChange
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1$c, [
+            vue.createVNode(_sfc_main$j, { variant: "primary" }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_sfc_main$i, {
+                  label: "localStorage",
+                  active: activeTab.value === "local",
+                  as: "button",
+                  onClick: _cache[0] || (_cache[0] = ($event) => activeTab.value = "local")
+                }, null, 8, ["active"]),
+                vue.createVNode(_sfc_main$i, {
+                  label: "sessionStorage",
+                  active: activeTab.value === "session",
+                  as: "button",
+                  onClick: _cache[1] || (_cache[1] = ($event) => activeTab.value = "session")
+                }, null, 8, ["active"]),
+                vue.createVNode(_sfc_main$i, {
+                  label: "Cookies",
+                  active: activeTab.value === "cookies",
+                  as: "button",
+                  onClick: _cache[2] || (_cache[2] = ($event) => activeTab.value = "cookies")
+                }, null, 8, ["active"]),
+                vue.createVNode(_sfc_main$i, {
+                  label: "Placeholder 1",
+                  active: activeTab.value === "placeholder1",
+                  as: "button",
+                  onClick: _cache[3] || (_cache[3] = ($event) => activeTab.value = "placeholder1")
+                }, null, 8, ["active"]),
+                vue.createVNode(_sfc_main$i, {
+                  label: "Placeholder 2",
+                  active: activeTab.value === "placeholder2",
+                  as: "button",
+                  onClick: _cache[4] || (_cache[4] = ($event) => activeTab.value = "placeholder2")
+                }, null, 8, ["active"])
+              ]),
+              _: 1
+            }),
+            activeTab.value === "local" ? (vue.openBlock(), vue.createBlock(_sfc_main$s, {
+              key: 0,
+              heading: "localStorage",
+              icon: "information",
+              size: "small"
+            }, {
+              default: vue.withCtx(() => [
+                !localStorageEntries.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$a, "Inga värden i localStorage.")) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$8, [
+                  vue.createElementVNode("table", _hoisted_4$7, [
+                    _cache[12] || (_cache[12] = vue.createElementVNode("thead", { class: "bg-gray-50" }, [
+                      vue.createElementVNode("tr", null, [
+                        vue.createElementVNode("th", { class: "py-2 px-3 font-semibold" }, "Nyckel"),
+                        vue.createElementVNode("th", { class: "py-2 px-3 font-semibold" }, "Värde")
+                      ])
+                    ], -1)),
+                    vue.createElementVNode("tbody", null, [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(localStorageEntries.value, (entry) => {
+                        return vue.openBlock(), vue.createElementBlock("tr", {
+                          key: `local-${entry.key}`,
+                          class: "border-t border-gray-200 align-top cursor-pointer hover:bg-gray-50",
+                          onClick: ($event) => selectLocalEntry(entry)
+                        }, [
+                          vue.createElementVNode("td", _hoisted_6$3, vue.toDisplayString(entry.key), 1),
+                          vue.createElementVNode("td", _hoisted_7$3, vue.toDisplayString(entry.value), 1)
+                        ], 8, _hoisted_5$6);
+                      }), 128))
+                    ])
+                  ])
+                ])),
+                vue.createElementVNode("div", _hoisted_8$2, [
+                  vue.createElementVNode("div", _hoisted_9$2, [
+                    _cache[13] || (_cache[13] = vue.createElementVNode("label", { class: "text-xs font-semibold" }, "Nyckel", -1)),
+                    vue.withDirectives(vue.createElementVNode("input", {
+                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => localEditKey.value = $event),
+                      class: "border border-gray-300 rounded px-2 py-1 text-xs font-mono bg-white",
+                      placeholder: "localStorage-nyckel"
+                    }, null, 512), [
+                      [vue.vModelText, localEditKey.value]
+                    ])
+                  ]),
+                  vue.createElementVNode("div", _hoisted_10$1, [
+                    _cache[14] || (_cache[14] = vue.createElementVNode("label", { class: "text-xs font-semibold" }, "Värde", -1)),
+                    vue.withDirectives(vue.createElementVNode("textarea", {
+                      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => localEditValue.value = $event),
+                      rows: "3",
+                      ref_key: "localTextareaRef",
+                      ref: localTextareaRef,
+                      class: "border border-gray-300 rounded px-2 py-1 text-xs font-mono bg-white overflow-hidden",
+                      placeholder: "Värde (lagras som sträng)"
+                    }, null, 512), [
+                      [vue.vModelText, localEditValue.value]
+                    ])
+                  ]),
+                  localEditKey.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$1, [
+                    vue.createVNode(_sfc_main$l, {
+                      text: "Ta bort",
+                      size: "sm",
+                      onClick: deleteLocalEntry
+                    }),
+                    vue.createVNode(_sfc_main$m, {
+                      text: "Spara",
+                      size: "sm",
+                      onClick: saveLocalEntry
+                    })
+                  ])) : vue.createCommentVNode("", true)
+                ])
+              ]),
+              _: 1
+            })) : activeTab.value === "session" ? (vue.openBlock(), vue.createBlock(_sfc_main$s, {
+              key: 1,
+              heading: "sessionStorage",
+              icon: "information",
+              size: "small"
+            }, {
+              default: vue.withCtx(() => [
+                !sessionStorageEntries.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, "Inga värden i sessionStorage.")) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
+                  vue.createElementVNode("table", _hoisted_14, [
+                    _cache[15] || (_cache[15] = vue.createElementVNode("thead", { class: "bg-gray-50" }, [
+                      vue.createElementVNode("tr", null, [
+                        vue.createElementVNode("th", { class: "py-2 px-3 font-semibold" }, "Nyckel"),
+                        vue.createElementVNode("th", { class: "py-2 px-3 font-semibold" }, "Värde")
+                      ])
+                    ], -1)),
+                    vue.createElementVNode("tbody", null, [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(sessionStorageEntries.value, (entry) => {
+                        return vue.openBlock(), vue.createElementBlock("tr", {
+                          key: `session-${entry.key}`,
+                          class: "border-t border-gray-200 align-top cursor-pointer hover:bg-gray-50",
+                          onClick: ($event) => selectSessionEntry(entry)
+                        }, [
+                          vue.createElementVNode("td", _hoisted_16, vue.toDisplayString(entry.key), 1),
+                          vue.createElementVNode("td", _hoisted_17, vue.toDisplayString(entry.value), 1)
+                        ], 8, _hoisted_15);
+                      }), 128))
+                    ])
+                  ])
+                ])),
+                vue.createElementVNode("div", _hoisted_18, [
+                  vue.createElementVNode("div", _hoisted_19, [
+                    _cache[16] || (_cache[16] = vue.createElementVNode("label", { class: "text-xs font-semibold" }, "Nyckel", -1)),
+                    vue.withDirectives(vue.createElementVNode("input", {
+                      "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => sessionEditKey.value = $event),
+                      class: "border border-gray-300 rounded px-2 py-1 text-xs font-mono bg-white",
+                      placeholder: "sessionStorage-nyckel"
+                    }, null, 512), [
+                      [vue.vModelText, sessionEditKey.value]
+                    ])
+                  ]),
+                  vue.createElementVNode("div", _hoisted_20, [
+                    _cache[17] || (_cache[17] = vue.createElementVNode("label", { class: "text-xs font-semibold" }, "Värde", -1)),
+                    vue.withDirectives(vue.createElementVNode("textarea", {
+                      "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => sessionEditValue.value = $event),
+                      rows: "3",
+                      ref_key: "sessionTextareaRef",
+                      ref: sessionTextareaRef,
+                      class: "border border-gray-300 rounded px-2 py-1 text-xs font-mono bg-white overflow-hidden",
+                      placeholder: "Värde (lagras som sträng)"
+                    }, null, 512), [
+                      [vue.vModelText, sessionEditValue.value]
+                    ])
+                  ]),
+                  sessionEditKey.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21, [
+                    vue.createVNode(_sfc_main$l, {
+                      text: "Ta bort",
+                      size: "sm",
+                      onClick: deleteSessionEntry
+                    }),
+                    vue.createVNode(_sfc_main$m, {
+                      text: "Spara",
+                      size: "sm",
+                      onClick: saveSessionEntry
+                    })
+                  ])) : vue.createCommentVNode("", true)
+                ])
+              ]),
+              _: 1
+            })) : activeTab.value === "cookies" ? (vue.openBlock(), vue.createBlock(_sfc_main$s, {
+              key: 2,
+              heading: "Cookies",
+              icon: "information",
+              size: "small"
+            }, {
+              default: vue.withCtx(() => [
+                !cookieEntries.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_22, "Inga cookies satta för domänen.")) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_23, [
+                  vue.createElementVNode("table", _hoisted_24, [
+                    _cache[18] || (_cache[18] = vue.createElementVNode("thead", { class: "bg-gray-50" }, [
+                      vue.createElementVNode("tr", null, [
+                        vue.createElementVNode("th", { class: "py-2 px-3 font-semibold" }, "Namn"),
+                        vue.createElementVNode("th", { class: "py-2 px-3 font-semibold" }, "Värde")
+                      ])
+                    ], -1)),
+                    vue.createElementVNode("tbody", null, [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(cookieEntries.value, (entry) => {
+                        return vue.openBlock(), vue.createElementBlock("tr", {
+                          key: `cookie-${entry.key}`,
+                          class: "border-t border-gray-200 align-top cursor-pointer hover:bg-gray-50",
+                          onClick: ($event) => selectCookieEntry(entry)
+                        }, [
+                          vue.createElementVNode("td", _hoisted_26, vue.toDisplayString(entry.key), 1),
+                          vue.createElementVNode("td", _hoisted_27, vue.toDisplayString(entry.value), 1)
+                        ], 8, _hoisted_25);
+                      }), 128))
+                    ])
+                  ])
+                ])),
+                vue.createElementVNode("div", _hoisted_28, [
+                  vue.createElementVNode("div", _hoisted_29, [
+                    _cache[19] || (_cache[19] = vue.createElementVNode("label", { class: "text-xs font-semibold" }, "Namn", -1)),
+                    vue.withDirectives(vue.createElementVNode("input", {
+                      "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => cookieEditKey.value = $event),
+                      class: "border border-gray-300 rounded px-2 py-1 text-xs font-mono bg-white",
+                      placeholder: "cookie-namn"
+                    }, null, 512), [
+                      [vue.vModelText, cookieEditKey.value]
+                    ])
+                  ]),
+                  vue.createElementVNode("div", _hoisted_30, [
+                    _cache[20] || (_cache[20] = vue.createElementVNode("label", { class: "text-xs font-semibold" }, "Värde", -1)),
+                    vue.withDirectives(vue.createElementVNode("textarea", {
+                      "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => cookieEditValue.value = $event),
+                      rows: "3",
+                      ref_key: "cookieTextareaRef",
+                      ref: cookieTextareaRef,
+                      class: "border border-gray-300 rounded px-2 py-1 text-xs font-mono bg-white overflow-hidden",
+                      placeholder: "Värde (lagras som sträng)"
+                    }, null, 512), [
+                      [vue.vModelText, cookieEditValue.value]
+                    ])
+                  ]),
+                  cookieEditKey.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_31, [
+                    vue.createVNode(_sfc_main$l, {
+                      text: "Ta bort",
+                      size: "sm",
+                      onClick: deleteCookieEntry
+                    }),
+                    vue.createVNode(_sfc_main$m, {
+                      text: "Spara",
+                      size: "sm",
+                      onClick: saveCookieEntry
+                    })
+                  ])) : vue.createCommentVNode("", true)
+                ])
+              ]),
+              _: 1
+            })) : (vue.openBlock(), vue.createBlock(_sfc_main$s, {
+              key: 3,
+              heading: "Placeholder",
+              icon: "information",
+              size: "small",
+              class: "min-h-[200px] flex items-center justify-center text-sm text-gray-500"
+            }, {
+              default: vue.withCtx(() => [..._cache[21] || (_cache[21] = [
+                vue.createTextVNode(" (Tom flik – reserverad för framtida DevMode-verktyg) ", -1)
+              ])]),
+              _: 1
+            })),
+            vue.createElementVNode("div", _hoisted_32, [
+              vue.createVNode(_sfc_main$l, {
+                text: "Uppdatera",
+                onClick: refreshStorageEntries
+              }),
+              vue.createVNode(_sfc_main$m, {
+                text: "Stäng",
+                onClick: _cache[11] || (_cache[11] = ($event) => handleOpenChange(false))
+              })
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+});
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+  __name: "FdsDevMode",
+  props: {
+    environment: { default: null }
+  },
+  setup(__props) {
+    const props = __props;
+    const { isDevMode, toggleDevMode } = useDevMode();
+    const hideEnvBanner = vue.ref(false);
+    const isStorageModalOpen = vue.ref(false);
+    const environmentKey = vue.computed(() => props.environment ?? null);
+    const environmentText = vue.computed(() => {
+      switch (environmentKey.value) {
+        case "localhost":
+          return "Localhost";
+        case "development":
+          return "Development";
+        case "development:feature-branch":
+          return "Dev: Feature";
+        case "preprod":
+          return "Preprod";
+        case "demo":
+          return "Demo";
+        case "production":
+          return "Production";
+        default:
+          return "Environment not found";
+      }
+    });
+    const renderEnvBanner = vue.computed(() => {
+      if (hideEnvBanner.value || environmentKey.value === null) return false;
+      return environmentKey.value === "localhost" || environmentKey.value === "development" || environmentKey.value === "development:feature-branch" || environmentKey.value === "preprod";
+    });
+    const envBannerClasses = vue.computed(() => {
+      if (isDevMode.value) {
+        return "bg-green-500 text-white";
+      }
+      if (environmentKey.value === "localhost" || environmentKey.value === "development" || environmentKey.value === "development:feature-branch") {
+        return "bg-yellow-400 text-gray-900";
+      }
+      if (environmentKey.value === "preprod") {
+        return "bg-red-500 text-white-solid";
       }
+      return "";
     });
-    vue.onBeforeUnmount(() => {
-      document.removeEventListener("keydown", handleKeyDown, true);
-      setHtmlOverflow("auto");
-      if (cleanupFocusTrap) {
-        cleanupFocusTrap();
+    const envBannerFillColor = vue.computed(() => {
+      if (isDevMode.value) {
+        return "fill-white";
       }
-    });
-    const modalAttrs = vue.computed(() => {
-      const attrs = {};
-      if (props.dataTestid) {
-        attrs["data-testid"] = props.dataTestid;
+      if (environmentKey.value === "localhost" || environmentKey.value === "development" || environmentKey.value === "development:feature-branch") {
+        return "fill-gray-900";
       }
-      return attrs;
+      if (environmentKey.value === "preprod") {
+        return "fill-white";
+      }
+      return "";
     });
+    const handleEnvBanner = () => {
+      hideEnvBanner.value = true;
+    };
+    const openStorageModal = () => {
+      isStorageModalOpen.value = true;
+    };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
-        isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        renderEnvBanner.value ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
-          onClick: handleBackdropClick,
-          class: vue.normalizeClass(modalOuterClasses.value)
+          class: vue.normalizeClass(["fixed bottom-0 right-12 font-bold m-6 px-3 py-1 rounded-xl z-50 flex items-center gap-1", envBannerClasses.value])
         }, [
-          _cache[2] || (_cache[2] = vue.createElementVNode("div", { class: "fixed top-0 left-0 w-full h-full bg-black/34 z-99" }, null, -1)),
-          vue.createElementVNode("div", vue.mergeProps({
-            class: ["fds-modal-inner", modalInnerClasses.value],
-            role: "alertdialog",
-            "aria-modal": "true"
-          }, modalAttrs.value, {
-            onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
-            }, ["stop"]))
-          }), [
-            vue.createElementVNode("div", _hoisted_1$c, [
-              vue.createElementVNode("h3", {
-                tabindex: "-1",
-                class: vue.normalizeClass(headerTitleClasses.value)
-              }, [
-                iconName.value ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
-                  key: 0,
-                  name: iconName.value,
-                  size: 24,
-                  class: vue.normalizeClass(iconClasses.value)
-                }, null, 8, ["name", "class"])) : vue.createCommentVNode("", true),
-                vue.createTextVNode(" " + vue.toDisplayString(__props.heading), 1)
-              ], 2),
-              !__props.strict ? (vue.openBlock(), vue.createBlock(_sfc_main$w, vue.mergeProps({
-                key: 0,
-                icon: "cross",
-                size: 28,
-                onClick: _cache[0] || (_cache[0] = ($event) => handleClose("icon"))
-              }, { "aria-label": closeLabel.value }, { class: "ml-4" }), null, 16)) : vue.createCommentVNode("", true)
-            ]),
-            vue.createElementVNode("div", _hoisted_2$a, [
-              vue.renderSlot(_ctx.$slots, "default")
-            ]),
-            vue.unref(hasFooterSlot) ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              class: vue.normalizeClass(footerClasses.value)
-            }, [
-              vue.renderSlot(_ctx.$slots, "modal-footer")
-            ], 2)) : vue.createCommentVNode("", true)
-          ], 16)
-        ], 2)) : vue.createCommentVNode("", true)
-      ]);
+          vue.createElementVNode("span", null, vue.toDisplayString(environmentText.value), 1),
+          vue.createElementVNode("button", {
+            onClick: _cache[0] || (_cache[0] = //@ts-ignore
+            (...args) => vue.unref(toggleDevMode) && vue.unref(toggleDevMode)(...args)),
+            class: "mx-1 py-1 rounded text-xs font-bold bg-white bg-opacity-20 text-black hover:bg-opacity-30 min-w-[120px]"
+          }, vue.toDisplayString(vue.unref(isDevMode) ? "Dev mode: ON" : "Dev mode: OFF"), 1),
+          vue.createVNode(_sfc_main$x, {
+            icon: "settings",
+            size: 24,
+            class: vue.normalizeClass(["mx-1", envBannerFillColor.value]),
+            onClick: openStorageModal
+          }, null, 8, ["class"]),
+          vue.createVNode(_sfc_main$x, {
+            onClick: handleEnvBanner,
+            icon: "cross",
+            size: 24,
+            class: vue.normalizeClass(envBannerFillColor.value)
+          }, null, 8, ["class"])
+        ], 2)) : vue.createCommentVNode("", true),
+        vue.createVNode(_sfc_main$h, {
+          open: isStorageModalOpen.value,
+          "onUpdate:open": _cache[1] || (_cache[1] = ($event) => isStorageModalOpen.value = $event)
+        }, null, 8, ["open"])
+      ], 64);
     };
   }
 });
@@ -7960,12 +8617,12 @@ try {
 }
 const _hoisted_1$b = ["for"];
 const _hoisted_2$9 = { class: "relative" };
-const _hoisted_3$7 = ["type", "required", "value", "disabled", "tabindex", "aria-invalid", "aria-label", "autocomplete"];
+const _hoisted_3$7 = ["type", "required", "value", "disabled", "tabindex", "aria-invalid", "aria-label", "autocomplete", "pattern"];
 const _hoisted_4$6 = {
   key: 0,
   class: "text-red-600 font-bold mt-1"
 };
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -7993,6 +8650,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
     ariaLabel: { default: void 0 },
+    pattern: { default: void 0 },
     onClearInput: {},
     maskOptions: { default: void 0 },
     modelModifiers: { default: () => ({}) },
@@ -8221,7 +8879,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                 class: inputClasses.value,
                 style: inputStyle.value,
                 "aria-label": props.ariaLabel,
-                autocomplete: props.autocomplete
+                autocomplete: props.autocomplete,
+                pattern: props.pattern
               }, inputAttrs.value, {
                 onInput: handleInputChange,
                 onChange: handleInputChange,
@@ -8234,20 +8893,20 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(rightIconsContainerClasses.value)
               }, [
-                isInvalid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+                isInvalid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
                   key: 0,
                   name: "alert",
                   class: "fill-red-600"
                 })) : vue.createCommentVNode("", true),
-                isValid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+                isValid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
                   key: 1,
                   name: "bigSuccess"
                 })) : vue.createCommentVNode("", true),
-                showClearButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$w, vue.mergeProps({
+                showClearButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$x, vue.mergeProps({
                   key: 2,
                   icon: "cross"
                 }, { "aria-label": clearButtonLabel.value }, { onClick: onClear }), null, 16)) : vue.createCommentVNode("", true),
-                showPasswordToggle.value ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
+                showPasswordToggle.value ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
                   key: 3,
                   icon: showPassword.value ? "viewOff" : "viewOn",
                   text: showPassword.value ? passwordButtonHideLabel.value : passwordButtonShowLabel.value,
@@ -8267,7 +8926,7 @@ const _hoisted_2$8 = { class: "flex items-center justify-start gap-1 w-[100px]"
 const _hoisted_3$6 = { class: "flex items-center justify-center w-auto gap-2 order-0 sm:order-0" };
 const _hoisted_4$5 = { class: "whitespace-nowrap" };
 const _hoisted_5$5 = { class: "flex items-center justify-end gap-1 order-2 sm:order-0 w-[100px]" };
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsPagination",
   props: {
     current: {},
@@ -8365,11 +9024,11 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
         id: inputId.value
       }, rootAttrs.value), [
         vue.createElementVNode("div", _hoisted_2$8, [
-          __props.loading && loadingIndicator.value === "start" ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+          __props.loading && loadingIndicator.value === "start" ? (vue.openBlock(), vue.createBlock(_sfc_main$q, {
             key: 0,
             size: "32px",
             color: "blue"
-          })) : (vue.openBlock(), vue.createBlock(_sfc_main$w, vue.mergeProps({ key: 1 }, { "aria-disabled": __props.current === 1 }, {
+          })) : (vue.openBlock(), vue.createBlock(_sfc_main$x, vue.mergeProps({ key: 1 }, { "aria-disabled": __props.current === 1 }, {
             "aria-label": firstPageLabel.value,
             icon: "first",
             size: 28,
@@ -8377,11 +9036,11 @@ const _sfc_main$g = /* @__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$p, {
+          __props.loading && loadingIndicator.value === "prev" ? (vue.openBlock(), vue.createBlock(_sfc_main$q, {
             key: 2,
             size: "24px",
             color: "blue"
-          })) : (vue.openBlock(), vue.createBlock(_sfc_main$w, vue.mergeProps({ key: 3 }, { "aria-disabled": __props.current === 1 }, {
+          })) : (vue.openBlock(), vue.createBlock(_sfc_main$x, vue.mergeProps({ key: 3 }, { "aria-disabled": __props.current === 1 }, {
             "aria-label": prevPageLabel.value,
             icon: "arrowLeft",
             size: 28,
@@ -8391,14 +9050,14 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
           }), null, 16, ["aria-label", "disabled", "class"]))
         ]),
         vue.createElementVNode("div", _hoisted_3$6, [
-          __props.loading && loadingIndicator.value === "input" ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+          __props.loading && loadingIndicator.value === "input" ? (vue.openBlock(), vue.createBlock(_sfc_main$q, {
             key: 0,
             size: "24px",
             color: "blue",
             label: "Laddar",
             "label-position": "right"
           })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-            vue.createVNode(_sfc_main$h, {
+            vue.createVNode(_sfc_main$f, {
               style: { "text-align": "center" },
               value: inputValue.value,
               type: "text",
@@ -8412,11 +9071,11 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
           ], 64))
         ]),
         vue.createElementVNode("div", _hoisted_5$5, [
-          __props.loading && loadingIndicator.value === "next" ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+          __props.loading && loadingIndicator.value === "next" ? (vue.openBlock(), vue.createBlock(_sfc_main$q, {
             key: 0,
             size: "24px",
             color: "blue"
-          })) : (vue.openBlock(), vue.createBlock(_sfc_main$w, vue.mergeProps({
+          })) : (vue.openBlock(), vue.createBlock(_sfc_main$x, vue.mergeProps({
             key: 1,
             "aria-label": nextPageLabel.value,
             icon: "arrowRight",
@@ -8426,11 +9085,11 @@ const _sfc_main$g = /* @__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$p, {
+          __props.loading && loadingIndicator.value === "end" ? (vue.openBlock(), vue.createBlock(_sfc_main$q, {
             key: 2,
             size: "24px",
             color: "blue"
-          })) : (vue.openBlock(), vue.createBlock(_sfc_main$w, vue.mergeProps({
+          })) : (vue.openBlock(), vue.createBlock(_sfc_main$x, vue.mergeProps({
             key: 3,
             "aria-label": lastPageLabel.value,
             icon: "last",
@@ -8504,7 +9163,7 @@ const _hoisted_10 = {
   class: "block m-0 list-none p-0"
 };
 const _hoisted_11 = { class: "p-4" };
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsSearchSelect",
   props: {
     items: { default: () => [] },
@@ -8898,7 +9557,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", _hoisted_1$9, [
           !singleItemName.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$7, [
             vue.createElementVNode("div", _hoisted_3$5, [
-              vue.createVNode(_sfc_main$h, vue.mergeProps({
+              vue.createVNode(_sfc_main$f, vue.mergeProps({
                 ref_key: "inputComponentRef",
                 ref: inputComponentRef,
                 label: __props.label,
@@ -8919,7 +9578,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                 onInput: handleInput,
                 onClearInput: handleClear
               }), null, 16, ["label", "meta", "labelLeft", "valid", "invalidMessage", "disabled", "locale", "value", "clearButton", "mask"]),
-              !__props.disabled && !hasInputValue.value ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+              !__props.disabled && !hasInputValue.value ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
                 key: 0,
                 name: "search",
                 size: 24,
@@ -8938,7 +9597,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
             style: vue.normalizeStyle(listWrapperStyle.value)
           }, [
             __props.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
-              vue.createVNode(_sfc_main$p, {
+              vue.createVNode(_sfc_main$q, {
                 color: "blue",
                 size: "48px"
               })
@@ -8982,7 +9641,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                   ], 42, _hoisted_7$2);
                 }), 128))
               ], 32),
-              __props.page !== void 0 && totalPages.value !== null && totalPages.value > 1 ? (vue.openBlock(), vue.createBlock(_sfc_main$g, {
+              __props.page !== void 0 && totalPages.value !== null && totalPages.value > 1 ? (vue.openBlock(), vue.createBlock(_sfc_main$e, {
                 key: 2,
                 current: __props.page,
                 max: totalPages.value,
@@ -9403,7 +10062,7 @@ const useTreeState = (options = {}) => {
 };
 const _hoisted_1$8 = ["for"];
 const _hoisted_2$6 = ["value", "disabled", "required"];
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -9577,7 +10236,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$7 = ["for"];
 const _hoisted_2$5 = ["value", "checked", "disabled", "required"];
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -9723,7 +10382,7 @@ const _hoisted_8 = ["onClick"];
 const _hoisted_9 = { key: 0 };
 const popoverWidth = 327;
 const popoverHeight = 80;
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "TreeNode"
   },
@@ -9926,7 +10585,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass("pt-2 pb-2")
         }, [
           vue.createElementVNode("div", _hoisted_1$6, [
-            hasChildrenNodes.value ? (vue.openBlock(), vue.createBlock(_sfc_main$w, vue.mergeProps({
+            hasChildrenNodes.value ? (vue.openBlock(), vue.createBlock(_sfc_main$x, 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 }, {
@@ -9939,7 +10598,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
               style: vue.normalizeStyle({ minWidth: `${__props.indentation}px` })
             }, null, 4)) : vue.createCommentVNode("", true),
             vue.createElementVNode("div", _hoisted_2$4, [
-              vue.createVNode(_sfc_main$e, {
+              vue.createVNode(_sfc_main$c, {
                 id: `checkbox-${props.nodeId}`,
                 checked: vue.unref(treeState)?.isNodeSelected(props.nodeId),
                 indeterminate: __props.showIndeterminate && (vue.unref(treeState)?.isNodeIndeterminateById(props.nodeId) ?? false),
@@ -9958,7 +10617,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
               }, 8, ["id", "checked", "indeterminate"])
             ]),
             vue.unref(treeState)?.isParentOrChildrenSelected(props.nodeId) && !(vue.unref(treeState)?.isNodeIndeterminateById(props.nodeId) ?? false) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [
-              vue.createVNode(_sfc_main$w, vue.mergeProps({
+              vue.createVNode(_sfc_main$x, vue.mergeProps({
                 ref_key: "triggerRef",
                 ref: triggerRef,
                 icon: "more",
@@ -10006,7 +10665,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                             },
                             class: "cursor-pointer"
                           }, [
-                            vue.createVNode(_sfc_main$d, {
+                            vue.createVNode(_sfc_main$b, {
                               modelValue: selectedOption.value,
                               "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectedOption.value = $event),
                               id: `tree-popover-${props.nodeId}-${option.value}`,
@@ -10018,7 +10677,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                           ], 8, _hoisted_8);
                         }), 64))
                       ]),
-                      vue.createVNode(_sfc_main$w, vue.mergeProps({
+                      vue.createVNode(_sfc_main$x, vue.mergeProps({
                         icon: "cross",
                         id: "tree-popover-close-button",
                         size: 24,
@@ -10080,7 +10739,7 @@ function useElementFinalSize(elementRef, onFinalSize, delay = 100) {
     onCleanup(() => clearTimeout(timeoutId));
   });
 }
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsText",
   props: {
     type: { default: "default" },
@@ -10121,7 +10780,7 @@ const _hoisted_3$3 = {
   key: 1,
   class: "text-xl"
 };
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTreeView",
   props: {
     nodeExpandIcon: {},
@@ -10208,7 +10867,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
           ref: searchContainerRef,
           class: "pb-4"
         }, [
-          vue.createVNode(_sfc_main$h, {
+          vue.createVNode(_sfc_main$f, {
             value: vue.unref(treeState)?.searchTerm?.value ?? "",
             onInput: _cache[0] || (_cache[0] = ($event) => vue.unref(treeState)?.setSearchTerm($event.target.value)),
             class: "w-full",
@@ -10225,7 +10884,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
             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$3, 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$3, 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$u, {
+        vue.unref(treeState)?.isEmptySearchResult?.value ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
           key: 1,
           class: "mt-4"
         }, {
@@ -10233,7 +10892,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
             vue.createTextVNode(vue.toDisplayString(props.searchResultNoMatchesTitle), 1)
           ]),
           default: vue.withCtx(() => [
-            vue.createVNode(_sfc_main$b, null, {
+            vue.createVNode(_sfc_main$9, null, {
               default: vue.withCtx(() => [
                 vue.createTextVNode(vue.toDisplayString(props.searchResultNoMatchesBody), 1)
               ]),
@@ -10245,7 +10904,7 @@ const _sfc_main$a = /* @__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$c, {
+          props.data && !vue.unref(treeState)?.isEmptySearchResult?.value ? (vue.openBlock(), vue.createBlock(_sfc_main$a, {
             key: 0,
             style: { container: "bg-white-solid px-3 py-2" },
             nodes: props.data.children || [],
@@ -10276,7 +10935,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTruncatedText",
   props: {
     open: { type: Boolean, default: false },
@@ -10352,7 +11011,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass([contentClasses.value, { open: isOpen.value }]),
           style: vue.normalizeStyle({ maxWidth: `${containerWidth.value}px` })
         }, vue.toDisplayString(__props.content), 7)),
-        shouldShowButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
+        shouldShowButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
           key: 2,
           icon: isOpen.value ? "arrowUp" : "arrowDown",
           iconPos: "right",
@@ -10380,7 +11039,7 @@ const _hoisted_7 = {
   key: 2,
   class: "text-red-600 font-bold mt-1"
 };
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -10489,7 +11148,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
             [vue.vModelSelect, internalValue.value]
           ]),
           vue.createElementVNode("div", _hoisted_6, [
-            vue.createVNode(_sfc_main$x, {
+            vue.createVNode(_sfc_main$y, {
               name: "arrowDown",
               size: 24,
               class: vue.normalizeClass({
@@ -10516,7 +11175,7 @@ const _hoisted_5$1 = {
   key: 2,
   class: "text-red-600 font-bold mt-1"
 };
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -10624,12 +11283,12 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(validationIconClasses.value)
           }, [
-            isInvalid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+            isInvalid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
               key: 0,
               name: "alert",
               class: "fill-red-600"
             })) : vue.createCommentVNode("", true),
-            isValid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+            isValid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
               key: 1,
               name: "bigSuccess"
             })) : vue.createCommentVNode("", true)
@@ -10640,7 +11299,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTable",
   props: {
     bordered: { type: Boolean, default: false },
@@ -10673,7 +11332,7 @@ const _hoisted_2 = { key: 0 };
 const _hoisted_3 = { key: 1 };
 const _hoisted_4 = { key: 0 };
 const _hoisted_5 = { key: 1 };
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTableHead",
   props: {
     heading: { default: void 0 },
@@ -10717,7 +11376,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$x, {
+          vue.createVNode(_sfc_main$y, {
             name: iconName.value,
             size: "24px",
             class: "fill-blue-500"
@@ -10734,154 +11393,6 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
-  __name: "FdsTabs",
-  props: {
-    block: { type: Boolean, default: false },
-    variant: { default: "primary" },
-    dataTestid: { default: void 0 }
-  },
-  setup(__props) {
-    const props = __props;
-    const tabsClasses = vue.computed(() => [
-      "inline-flex overflow-auto max-w-full p-0.5 gap-0.5",
-      {
-        "flex justify-between w-full": props.block,
-        "bg-blue_t-100 rounded-[10px] mb-8": props.variant === "primary",
-        "gap-2 mb-4": props.variant === "secondary"
-      }
-    ]);
-    const rootAttrs = vue.computed(() => {
-      const attrs = {};
-      if (props.dataTestid) {
-        attrs["data-testid"] = props.dataTestid;
-      }
-      return attrs;
-    });
-    vue.provide("tabsVariant", props.variant);
-    vue.provide("tabsBlock", props.block);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: tabsClasses.value }, rootAttrs.value), [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 16);
-    };
-  }
-});
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "FdsTabsItem",
-  props: {
-    to: { default: void 0 },
-    href: { default: void 0 },
-    as: { default: void 0 },
-    active: { type: Boolean, default: void 0 },
-    exact: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    label: { default: void 0 },
-    dataTestid: { default: void 0 }
-  },
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const handleClick = (ev) => {
-      if (props.disabled) {
-        ev.preventDefault();
-        return;
-      }
-      emit("click", ev);
-    };
-    const instance = vue.getCurrentInstance();
-    const route = vue.computed(() => {
-      try {
-        const router = instance?.appContext.config.globalProperties.$router;
-        if (router && router.currentRoute) {
-          return router.currentRoute.value;
-        }
-      } catch {
-      }
-      return null;
-    });
-    const props = __props;
-    const { attrs } = useAttrsWithDefaults(props);
-    const variant = vue.inject("tabsVariant", "primary");
-    const block = vue.inject("tabsBlock", false);
-    const isActive = vue.computed(() => {
-      if (props.active !== void 0) return props.active;
-      const currentRoute = route.value;
-      if (!currentRoute) return false;
-      const currentPath = currentRoute.path;
-      if (props.exact) {
-        if (props.to && currentPath === props.to) return true;
-        if (props.href && currentPath === props.href) return true;
-      } else {
-        if (props.to && currentPath.includes(props.to)) return true;
-        if (props.href && currentPath.includes(props.href)) return true;
-      }
-      return false;
-    });
-    const componentType = vue.computed(() => {
-      if (props.as) return props.as;
-      if (props.href) return "a";
-      if (props.to) return "router-link";
-      return "router-link";
-    });
-    const linkAttrs = vue.computed(() => {
-      if (componentType.value === "a") return { href: props.href || props.to };
-      if (componentType.value === "router-link") {
-        return { to: props.to || props.href || route.value?.path || "#" };
-      }
-      return {};
-    });
-    const componentAttrs = vue.computed(() => ({
-      ...linkAttrs.value,
-      ...attrs
-    }));
-    const baseClasses = vue.computed(() => {
-      const blockClasses = block ? "flex flex-1" : "";
-      return [
-        "text-center",
-        blockClasses,
-        "flex justify-center w-full cursor-pointer font-bold text-base leading-6 m-0 select-none no-underline whitespace-nowrap"
-      ];
-    });
-    const variantClasses2 = vue.computed(() => {
-      if (variant === "primary") {
-        return [
-          "bg-transparent py-2 px-4 rounded-lg border-2 border-transparent text-inherit",
-          isActive.value ? "border-transparent bg-white shadow-md" : "hover:bg-white/59 hover:outline-none active:border-transparent active:bg-white/80",
-          "focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-[-2px]"
-        ];
-      } else {
-        return [
-          "text-blue-700 py-1 px-2 rounded-md border-none",
-          isActive.value ? "bg-blue-600 text-white" : "hover:bg-blue_t-100 active:bg-blue_t-200",
-          "focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-blue-500",
-          "tracking-[0.002em]"
-        ];
-      }
-    });
-    const disabledClasses = vue.computed(() => props.disabled ? "cursor-not-allowed pointer-events-none opacity-35" : "");
-    const buttonClasses = vue.computed(() => [...baseClasses.value, ...variantClasses2.value, disabledClasses.value]);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(componentType.value), vue.mergeProps(componentAttrs.value, {
-        class: buttonClasses.value,
-        disabled: componentType.value === "button" ? props.disabled : void 0,
-        "aria-disabled": props.disabled ? "true" : void 0,
-        "aria-current": isActive.value ? "page" : void 0,
-        "data-testid": __props.dataTestid,
-        onClick: handleClick
-      }), {
-        default: vue.withCtx(() => [
-          vue.createTextVNode(vue.toDisplayString(__props.label) + " ", 1),
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class", "disabled", "aria-disabled", "aria-current", "data-testid"]);
-    };
-  }
-});
 const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsHeading",
   props: {
@@ -10988,7 +11499,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "inline-block mb-3 h-7 font-bold text-xl" }, rootAttrs.value), [
-        __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+        __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$q, {
           key: 0,
           size: "24px",
           color: "blue",
@@ -11064,74 +11575,74 @@ const logoFeelgoodLight = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/
 const bankid = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='85'%20height='80'%20fill='%23193e4f'%20xmlns:v='https://vecta.io/nano'%3e%3cpath%20d='M26.693%2041.74l3.534-22.276h-3.775c-1.767%200-4.043-.991-4.712-2.811-.214-.616-.723-2.731%202.195-4.793%201.044-.723%201.714-1.526%201.847-2.142.134-.643-.027-1.205-.482-1.633-.643-.616-1.901-.964-3.507-.964-2.704%200-4.605%201.553-4.792%202.677-.134.83.509%201.499%201.071%201.928%201.687%201.258%202.088%203.079%201.044%204.793-1.071%201.767-3.4%202.918-5.89%202.945H9.371L3.4%2057.51h20.83l2.463-15.77zM2.276%2065.221h8.541c3.641%200%204.525%201.847%204.257%203.534-.214%201.366-1.151%202.383-2.758%203.052%202.035.776%202.838%201.981%202.544%203.882-.375%202.383-2.436%204.15-5.141%204.15H0l2.276-14.618zm5.649%206.051c1.66%200%202.436-.884%202.597-1.928.161-1.124-.348-1.901-2.008-1.901H7.042l-.589%203.829h1.473zm-.91%206.292c1.714%200%202.704-.696%202.945-2.115.187-1.232-.509-1.954-2.169-1.954h-1.66l-.643%204.096h1.526v-.027zm19.812%202.383c-2.222.161-3.293-.08-3.829-1.044-1.178.723-2.49%201.098-3.882%201.098-2.517%200-3.4-1.312-3.159-2.758.107-.696.509-1.365%201.151-1.928%201.392-1.205%204.819-1.365%206.158-2.276.107-1.017-.294-1.392-1.553-1.392-1.473%200-2.704.482-4.819%201.928l.509-3.32c1.821-1.312%203.588-1.928%205.623-1.928%202.597%200%204.9%201.071%204.471%203.909l-.509%203.213c-.187%201.124-.134%201.473%201.125%201.499l-1.285%202.999zm-3.855-5.06c-1.178.75-3.373.616-3.615%202.169-.107.723.348%201.258%201.071%201.258.696%200%201.553-.294%202.249-.776-.054-.268-.027-.535.053-1.044l.241-1.606zm8.005-6.373h4.445l-.241%201.472c1.419-1.205%202.49-1.66%203.882-1.66%202.49%200%203.641%201.526%203.24%204.016l-1.151%207.47h-4.444l.964-6.185c.187-1.124-.161-1.66-1.017-1.66-.696%200-1.339.375-1.955%201.205l-1.017%206.613h-4.444l1.74-11.272zm14.806-3.293h4.445l-1.125%207.175%204.257-3.882h5.489l-5.462%204.819%204.391%206.479h-5.596l-3.373-5.248h-.054l-.803%205.221h-4.444l2.276-14.565zm15.716%200h5.114l-2.249%2014.592H59.25l2.249-14.592zm7.604%200h7.309c5.649%200%207.282%204.096%206.747%207.497-.509%203.32-3.133%207.095-8.086%207.095h-8.246l2.276-14.592zm4.739%2011.111c2.49%200%203.855-1.232%204.257-3.829.294-1.928-.295-3.829-3.052-3.829h-1.365l-1.178%207.657h1.339zM54.699%200H33.414l-2.838%2018.019h3.614c1.981%200%203.855-.91%204.659-2.222.268-.428.375-.803.375-1.151%200-.75-.509-1.312-1.017-1.687-1.392-1.044-1.687-2.142-1.687-2.918%200-.161%200-.295.027-.428.294-1.901%202.865-3.963%206.265-3.963%202.035%200%203.588.482%204.525%201.365.83.776%201.151%201.874.91%203.025-.294%201.365-1.66%202.49-2.436%203.052-2.062%201.446-1.794%202.704-1.66%203.079.428%201.124%202.062%201.847%203.32%201.847h5.515v.027c7.497.054%2011.513%203.507%2010.254%2011.54-1.178%207.47-6.908%2010.683-13.735%2010.736l-2.704%2017.242h3.989c16.841%200%2030.602-10.817%2033.307-27.898C87.443%208.461%2073.976%200%2054.699%200z'/%3e%3c/svg%3e";
 const FdsVueCorePlugin = {
   install(app) {
-    app.component("FdsTreeView", _sfc_main$a);
-    app.component("FdsButtonPrimary", _sfc_main$l);
-    app.component("FdsButtonSecondary", _sfc_main$k);
-    app.component("FdsButtonMinor", _sfc_main$o);
-    app.component("FdsButtonIcon", _sfc_main$w);
-    app.component("FdsButtonCopy", _sfc_main$n);
-    app.component("FdsButtonDownload", _sfc_main$m);
-    app.component("FdsDevMode", _sfc_main$j);
-    app.component("FdsIcon", _sfc_main$x);
-    app.component("FdsSpinner", _sfc_main$p);
-    app.component("FdsRadio", _sfc_main$d);
-    app.component("FdsCheckbox", _sfc_main$e);
-    app.component("FdsTextarea", _sfc_main$7);
-    app.component("FdsSelect", _sfc_main$8);
-    app.component("FdsTable", _sfc_main$6);
-    app.component("FdsTableHead", _sfc_main$5);
-    app.component("FdsInput", _sfc_main$h);
-    app.component("FdsBlockContent", _sfc_main$u);
-    app.component("FdsBlockInfo", _sfc_main$r);
-    app.component("FdsBlockAlert", _sfc_main$v);
-    app.component("FdsBlockExpander", _sfc_main$s);
-    app.component("FdsBlockLink", _sfc_main$q);
-    app.component("FdsSticker", _sfc_main$t);
-    app.component("FdsTabs", _sfc_main$4);
-    app.component("FdsTabsItem", _sfc_main$3);
-    app.component("FdsModal", _sfc_main$i);
-    app.component("FdsPagination", _sfc_main$g);
-    app.component("FdsSearchSelect", _sfc_main$f);
-    app.component("FdsTruncatedText", _sfc_main$9);
+    app.component("FdsTreeView", _sfc_main$8);
+    app.component("FdsButtonPrimary", _sfc_main$m);
+    app.component("FdsButtonSecondary", _sfc_main$l);
+    app.component("FdsButtonMinor", _sfc_main$p);
+    app.component("FdsButtonIcon", _sfc_main$x);
+    app.component("FdsButtonCopy", _sfc_main$o);
+    app.component("FdsButtonDownload", _sfc_main$n);
+    app.component("FdsDevMode", _sfc_main$g);
+    app.component("FdsIcon", _sfc_main$y);
+    app.component("FdsSpinner", _sfc_main$q);
+    app.component("FdsRadio", _sfc_main$b);
+    app.component("FdsCheckbox", _sfc_main$c);
+    app.component("FdsTextarea", _sfc_main$5);
+    app.component("FdsSelect", _sfc_main$6);
+    app.component("FdsTable", _sfc_main$4);
+    app.component("FdsTableHead", _sfc_main$3);
+    app.component("FdsInput", _sfc_main$f);
+    app.component("FdsBlockContent", _sfc_main$v);
+    app.component("FdsBlockInfo", _sfc_main$s);
+    app.component("FdsBlockAlert", _sfc_main$w);
+    app.component("FdsBlockExpander", _sfc_main$t);
+    app.component("FdsBlockLink", _sfc_main$r);
+    app.component("FdsSticker", _sfc_main$u);
+    app.component("FdsTabs", _sfc_main$j);
+    app.component("FdsTabsItem", _sfc_main$i);
+    app.component("FdsModal", _sfc_main$k);
+    app.component("FdsPagination", _sfc_main$e);
+    app.component("FdsSearchSelect", _sfc_main$d);
+    app.component("FdsTruncatedText", _sfc_main$7);
     app.component("FdsHeading", _sfc_main$2);
     app.component("FdsSeparator", FdsSeparator);
-    app.component("FdsText", _sfc_main$b);
+    app.component("FdsText", _sfc_main$9);
     app.component("FdsListHeading", _sfc_main$1);
   }
 };
-exports.FdsBlockAlert = _sfc_main$v;
-exports.FdsBlockContent = _sfc_main$u;
-exports.FdsBlockExpander = _sfc_main$s;
-exports.FdsBlockInfo = _sfc_main$r;
-exports.FdsBlockLink = _sfc_main$q;
-exports.FdsButtonCopy = _sfc_main$n;
-exports.FdsButtonDownload = _sfc_main$m;
-exports.FdsButtonIcon = _sfc_main$w;
-exports.FdsButtonMinor = _sfc_main$o;
-exports.FdsButtonPrimary = _sfc_main$l;
-exports.FdsButtonSecondary = _sfc_main$k;
-exports.FdsCheckbox = _sfc_main$e;
-exports.FdsDevMode = _sfc_main$j;
+exports.FdsBlockAlert = _sfc_main$w;
+exports.FdsBlockContent = _sfc_main$v;
+exports.FdsBlockExpander = _sfc_main$t;
+exports.FdsBlockInfo = _sfc_main$s;
+exports.FdsBlockLink = _sfc_main$r;
+exports.FdsButtonCopy = _sfc_main$o;
+exports.FdsButtonDownload = _sfc_main$n;
+exports.FdsButtonIcon = _sfc_main$x;
+exports.FdsButtonMinor = _sfc_main$p;
+exports.FdsButtonPrimary = _sfc_main$m;
+exports.FdsButtonSecondary = _sfc_main$l;
+exports.FdsCheckbox = _sfc_main$c;
+exports.FdsDevMode = _sfc_main$g;
 exports.FdsHeading = _sfc_main$2;
-exports.FdsIcon = _sfc_main$x;
-exports.FdsInput = _sfc_main$h;
+exports.FdsIcon = _sfc_main$y;
+exports.FdsInput = _sfc_main$f;
 exports.FdsListHeading = _sfc_main$1;
-exports.FdsModal = _sfc_main$i;
-exports.FdsPagination = _sfc_main$g;
-exports.FdsRadio = _sfc_main$d;
-exports.FdsSearchSelect = _sfc_main$f;
-exports.FdsSelect = _sfc_main$8;
+exports.FdsModal = _sfc_main$k;
+exports.FdsPagination = _sfc_main$e;
+exports.FdsRadio = _sfc_main$b;
+exports.FdsSearchSelect = _sfc_main$d;
+exports.FdsSelect = _sfc_main$6;
 exports.FdsSeparator = FdsSeparator;
-exports.FdsSpinner = _sfc_main$p;
-exports.FdsSticker = _sfc_main$t;
-exports.FdsTable = _sfc_main$6;
-exports.FdsTableHead = _sfc_main$5;
-exports.FdsTabs = _sfc_main$4;
-exports.FdsTabsItem = _sfc_main$3;
-exports.FdsText = _sfc_main$b;
-exports.FdsTextarea = _sfc_main$7;
-exports.FdsTreeView = _sfc_main$a;
-exports.FdsTruncatedText = _sfc_main$9;
+exports.FdsSpinner = _sfc_main$q;
+exports.FdsSticker = _sfc_main$u;
+exports.FdsTable = _sfc_main$4;
+exports.FdsTableHead = _sfc_main$3;
+exports.FdsTabs = _sfc_main$j;
+exports.FdsTabsItem = _sfc_main$i;
+exports.FdsText = _sfc_main$9;
+exports.FdsTextarea = _sfc_main$5;
+exports.FdsTreeView = _sfc_main$8;
+exports.FdsTruncatedText = _sfc_main$7;
 exports.bankid = bankid;
 exports.default = FdsVueCorePlugin;
 exports.isPidString = isPidString;