fds-vue-core 4.1.1 → 4.2.0

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

@@ -547,7 +547,7 @@ const icons = {
     </svg>`
 };
 const _hoisted_1$r = ["innerHTML"];
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsIcon",
   props: {
     name: {},
@@ -584,7 +584,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsButtonIcon",
   props: {
     icon: {},
@@ -628,12 +628,12 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
         class: buttonClasses.value,
         onClick
       }), [
-        !__props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+        !__props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
           key: 0,
           size: iconSize.value,
           name: __props.icon,
           "aria-hidden": "true"
-        }, null, 8, ["size", "name"])) : (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+        }, null, 8, ["size", "name"])) : (vue.openBlock(), vue.createBlock(_sfc_main$D, {
           key: 1,
           size: iconSize.value,
           name: "spinner",
@@ -652,7 +652,7 @@ const _hoisted_5$a = {
   key: 1,
   class: "fds-block-alert-slot mb-0-last-child"
 };
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockAlert",
   props: {
     visible: { type: Boolean, default: true },
@@ -710,7 +710,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
             }, [
               vue.createElementVNode("div", _hoisted_1$q, [
                 vue.createElementVNode("div", _hoisted_2$k, [
-                  vue.createVNode(_sfc_main$z, {
+                  vue.createVNode(_sfc_main$D, {
                     name: "alert",
                     size: 24,
                     class: "fill-yellow-700"
@@ -719,13 +719,13 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("span", _hoisted_3$c, vue.toDisplayString(__props.heading), 1)
               ]),
               vue.createElementVNode("div", _hoisted_4$b, [
-                __props.closeable ? (vue.openBlock(), vue.createBlock(_sfc_main$y, vue.mergeProps({
+                __props.closeable ? (vue.openBlock(), vue.createBlock(_sfc_main$C, 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$y, vue.mergeProps({
+                __props.collapsable ? (vue.openBlock(), vue.createBlock(_sfc_main$C, vue.mergeProps({
                   key: 1,
                   icon: "arrowDown",
                   size: 28,
@@ -756,7 +756,7 @@ const _hoisted_2$j = {
 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$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockContent",
   props: {
     heading: { default: void 0 },
@@ -817,7 +817,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsSticker",
   props: {
     variant: { default: "blue" },
@@ -876,7 +876,7 @@ const _hoisted_4$9 = {
   class: "w-full flex mt-2"
 };
 const _hoisted_5$8 = ["aria-hidden"];
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -952,7 +952,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
                 class: vue.normalizeClass({ "inline-flex items-start": __props.preIcon })
               }, [
                 __props.preIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$i, [
-                  vue.createVNode(_sfc_main$z, {
+                  vue.createVNode(_sfc_main$D, {
                     name: __props.preIcon,
                     size: 24,
                     class: vue.normalizeClass(["fill-blue-500", { "fill-gray-500": __props.disabled }])
@@ -965,7 +965,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
                 ])
               ], 2),
               vue.createElementVNode("span", null, [
-                __props.stickerText && __props.stickerColor ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
+                __props.stickerText && __props.stickerColor ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
                   key: 0,
                   variant: __props.stickerColor
                 }, {
@@ -974,7 +974,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   _: 1
                 }, 8, ["variant"])) : vue.createCommentVNode("", true),
-                vue.createVNode(_sfc_main$z, {
+                vue.createVNode(_sfc_main$D, {
                   name: "arrowDown",
                   size: 24,
                   class: vue.normalizeClass(["transition-transform duration-200 fill-blue-500 min-w-6 min-h-6", { "rotate-180": isOpen.value, "fill-gray-500": __props.disabled }])
@@ -1023,7 +1023,7 @@ 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$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockInfo",
   props: {
     heading: { default: void 0 },
@@ -1056,7 +1056,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
         class: contentClasses.value
       }, rootAttrs.value), [
         __props.iconSize === "large" && __props.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$h, [
-          vue.createVNode(_sfc_main$z, {
+          vue.createVNode(_sfc_main$D, {
             name: __props.icon,
             size: largeIconSize,
             class: "fill-blue-500"
@@ -1081,7 +1081,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createElementVNode("header", _hoisted_10$2, [
               vue.createElementVNode("div", _hoisted_11$2, [
-                __props.icon && __props.iconSize === "small" ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+                __props.icon && __props.iconSize === "small" ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
                   key: 0,
                   name: __props.icon,
                   size: smallIconSize,
@@ -1107,7 +1107,7 @@ const _hoisted_2$g = {
   key: 0,
   class: "flex items-end"
 };
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1196,7 +1196,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["flex w-full flex-1", contentClasses.value])
           }, [
-            __props.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+            __props.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
               key: 0,
               name: __props.icon,
               size: 24,
@@ -1224,7 +1224,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
               ], 2)
             ], 2)
           ], 2),
-          __props.arrow ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+          __props.arrow ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
             key: 0,
             name: "arrowRight",
             size: 20,
@@ -1237,7 +1237,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$l = ["aria-label"];
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsSpinner",
   props: {
     size: { default: "48px" },
@@ -1324,7 +1324,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
 const _hoisted_1$k = ["aria-disabled"];
 const _hoisted_2$f = { 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$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1403,7 +1403,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
           onClick
         }), {
           default: vue.withCtx(() => [
-            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$r, {
+            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
               key: 0,
               class: "mr-2",
               size: "24px",
@@ -1413,7 +1413,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
-              vue.createVNode(_sfc_main$z, {
+              vue.createVNode(_sfc_main$D, {
                 class: vue.normalizeClass(iconFillClass2.value),
                 name: __props.icon,
                 size: 24
@@ -1431,7 +1431,7 @@ const _hoisted_1$j = {
   key: 0,
   class: "flex items-center gap-2 h-7"
 };
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsButtonCopy",
   props: {
     value: { default: "" },
@@ -1494,9 +1494,9 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return isCopied.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
-        vue.createVNode(_sfc_main$z, { name: "bigSuccess" }),
+        vue.createVNode(_sfc_main$D, { name: "bigSuccess" }),
         vue.createElementVNode("span", null, vue.toDisplayString(props.copiedText), 1)
-      ])) : (vue.openBlock(), vue.createBlock(_sfc_main$q, {
+      ])) : (vue.openBlock(), vue.createBlock(_sfc_main$u, {
         key: 1,
         type: "button",
         disabled: props.disabled,
@@ -4132,7 +4132,7 @@ function useDownload() {
   };
 }
 const _hoisted_1$i = ["disabled", "aria-disabled"];
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsButtonDownload",
   props: {
     loading: { type: Boolean, default: false },
@@ -4233,7 +4233,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(iconOrderClasses.value),
           "aria-hidden": "true"
         }, [
-          vue.createVNode(_sfc_main$z, {
+          vue.createVNode(_sfc_main$D, {
             class: vue.normalizeClass(iconFillClass2.value),
             name: "download",
             size: 24
@@ -4249,7 +4249,7 @@ const _hoisted_2$e = { key: 2 };
 const elBase$1 = "fds-button-primary box-border appearance-none inline-flex items-center justify-center select-none w-full min-h-0 min-w-12 m-0 rounded-lg text-center align-middle whitespace-nowrap no-underline shadow-[0_2px_4px_rgba(12,72,153,0.12)] transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
 const variantClasses$1 = "bg-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$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -4327,7 +4327,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
           onClick
         }), {
           default: vue.withCtx(() => [
-            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$r, {
+            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
               key: 0,
               size: "24px",
               color: "inherit"
@@ -4336,7 +4336,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
-              vue.createVNode(_sfc_main$z, {
+              vue.createVNode(_sfc_main$D, {
                 class: vue.normalizeClass(iconFillClass$1),
                 name: __props.icon,
                 size: 24
@@ -4355,7 +4355,7 @@ const _hoisted_2$d = { key: 2 };
 const elBase = "fds-button-secondary box-border appearance-none inline-flex items-center justify-center select-none w-full min-h-0 min-w-12 m-0 rounded-lg text-center align-middle whitespace-nowrap no-underline shadow-[0_2px_4px_rgba(12,72,153,0.12)] transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
 const variantClasses = "bg-white border-2 border-blue-500 text-blue-600 hover:bg-blue_t-100 hover:border-blue-500 hover:text-blue-600 active:bg-blue_t-200 active:border-blue-500 active:text-blue-600";
 const iconFillClass = "fill-blue-500";
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -4434,7 +4434,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
           onClick
         }), {
           default: vue.withCtx(() => [
-            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$r, {
+            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
               key: 0,
               size: "24px",
               color: "inherit"
@@ -4443,7 +4443,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
-              vue.createVNode(_sfc_main$z, {
+              vue.createVNode(_sfc_main$D, {
                 class: vue.normalizeClass(iconFillClass),
                 name: __props.icon,
                 size: 24
@@ -4522,7 +4522,7 @@ function useViewportBreakpoint() {
   };
 }
 const _hoisted_1$f = ["title"];
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBreakpointIndicator",
   props: {
     popoverClass: {}
@@ -4586,7 +4586,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$e = { class: "flex justify-between mb-4" };
 const _hoisted_2$c = { class: "mb-0-last-child" };
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsModal",
   props: {
     open: { type: Boolean, default: false },
@@ -4779,7 +4779,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
                 tabindex: "-1",
                 class: vue.normalizeClass(headerTitleClasses.value)
               }, [
-                iconName.value ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+                iconName.value ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
                   key: 0,
                   name: iconName.value,
                   size: 24,
@@ -4787,7 +4787,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
                 }, null, 8, ["name", "class"])) : vue.createCommentVNode("", true),
                 vue.createTextVNode(" " + vue.toDisplayString(__props.heading), 1)
               ], 2),
-              !__props.strict ? (vue.openBlock(), vue.createBlock(_sfc_main$y, vue.mergeProps({
+              !__props.strict ? (vue.openBlock(), vue.createBlock(_sfc_main$C, vue.mergeProps({
                 key: 0,
                 icon: "cross",
                 size: 28,
@@ -4809,7 +4809,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTabs",
   props: {
     block: { type: Boolean, default: false },
@@ -4842,7 +4842,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -5016,7 +5016,7 @@ const _hoisted_31 = {
   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({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsDevModeStorage",
   props: {
     open: { type: Boolean, default: false }
@@ -5173,7 +5173,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       loadStorageEntries();
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$k, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$o, {
         open: isOpen.value,
         heading: "DevTools",
         size: "xl",
@@ -5181,33 +5181,33 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       }, {
         default: vue.withCtx(() => [
           vue.createElementVNode("div", _hoisted_1$d, [
-            vue.createVNode(_sfc_main$j, { variant: "primary" }, {
+            vue.createVNode(_sfc_main$n, { variant: "primary" }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_sfc_main$i, {
+                vue.createVNode(_sfc_main$m, {
                   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, {
+                vue.createVNode(_sfc_main$m, {
                   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, {
+                vue.createVNode(_sfc_main$m, {
                   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, {
+                vue.createVNode(_sfc_main$m, {
                   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, {
+                vue.createVNode(_sfc_main$m, {
                   label: "Placeholder 2",
                   active: activeTab.value === "placeholder2",
                   as: "button",
@@ -5216,7 +5216,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
               ]),
               _: 1
             }),
-            activeTab.value === "local" ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
+            activeTab.value === "local" ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
               key: 0,
               heading: "localStorage",
               icon: "information",
@@ -5270,12 +5270,12 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                     ])
                   ]),
                   localEditKey.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$1, [
-                    vue.createVNode(_sfc_main$m, {
+                    vue.createVNode(_sfc_main$q, {
                       text: "Ta bort",
                       size: "sm",
                       onClick: deleteLocalEntry
                     }),
-                    vue.createVNode(_sfc_main$n, {
+                    vue.createVNode(_sfc_main$r, {
                       text: "Spara",
                       size: "sm",
                       onClick: saveLocalEntry
@@ -5284,7 +5284,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                 ])
               ]),
               _: 1
-            })) : activeTab.value === "session" ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
+            })) : activeTab.value === "session" ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
               key: 1,
               heading: "sessionStorage",
               icon: "information",
@@ -5338,12 +5338,12 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                     ])
                   ]),
                   sessionEditKey.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21, [
-                    vue.createVNode(_sfc_main$m, {
+                    vue.createVNode(_sfc_main$q, {
                       text: "Ta bort",
                       size: "sm",
                       onClick: deleteSessionEntry
                     }),
-                    vue.createVNode(_sfc_main$n, {
+                    vue.createVNode(_sfc_main$r, {
                       text: "Spara",
                       size: "sm",
                       onClick: saveSessionEntry
@@ -5352,7 +5352,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                 ])
               ]),
               _: 1
-            })) : activeTab.value === "cookies" ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
+            })) : activeTab.value === "cookies" ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
               key: 2,
               heading: "Cookies",
               icon: "information",
@@ -5406,12 +5406,12 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                     ])
                   ]),
                   cookieEditKey.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_31, [
-                    vue.createVNode(_sfc_main$m, {
+                    vue.createVNode(_sfc_main$q, {
                       text: "Ta bort",
                       size: "sm",
                       onClick: deleteCookieEntry
                     }),
-                    vue.createVNode(_sfc_main$n, {
+                    vue.createVNode(_sfc_main$r, {
                       text: "Spara",
                       size: "sm",
                       onClick: saveCookieEntry
@@ -5420,7 +5420,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                 ])
               ]),
               _: 1
-            })) : (vue.openBlock(), vue.createBlock(_sfc_main$t, {
+            })) : (vue.openBlock(), vue.createBlock(_sfc_main$x, {
               key: 3,
               heading: "Placeholder",
               icon: "information",
@@ -5433,11 +5433,11 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
               _: 1
             })),
             vue.createElementVNode("div", _hoisted_32, [
-              vue.createVNode(_sfc_main$m, {
+              vue.createVNode(_sfc_main$q, {
                 text: "Uppdatera",
                 onClick: refreshStorageEntries
               }),
-              vue.createVNode(_sfc_main$n, {
+              vue.createVNode(_sfc_main$r, {
                 text: "Stäng",
                 onClick: _cache[11] || (_cache[11] = ($event) => handleOpenChange(false))
               })
@@ -5451,7 +5451,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$c = { class: "flex items-center gap-1" };
 const _hoisted_2$a = { class: "flex items-center gap-1" };
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsDevMode",
   props: {
     environment: { default: null }
@@ -5512,7 +5512,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(["fixed bottom-0 right-0 sm:right-12 font-bold m-3 sm:m-6 px-3 py-2 sm:py-1 rounded-xl z-50 flex flex-col sm:flex-row items-center gap-2 sm:gap-1", envBannerClasses.value])
         }, [
           vue.createElementVNode("div", _hoisted_1$c, [
-            vue.createVNode(_sfc_main$l, { "popover-class": envBannerClasses.value }, null, 8, ["popover-class"]),
+            vue.createVNode(_sfc_main$p, { "popover-class": envBannerClasses.value }, null, 8, ["popover-class"]),
             vue.createElementVNode("span", null, vue.toDisplayString(environmentText.value), 1)
           ]),
           vue.createElementVNode("div", _hoisted_2$a, [
@@ -5521,13 +5521,13 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
               (...args) => vue.unref(toggleDevMode) && vue.unref(toggleDevMode)(...args)),
               class: "py-1 px-2 rounded text-xs font-bold bg-white bg-opacity-20 text-black hover:bg-opacity-30 min-w-[120px] cursor-pointer"
             }, vue.toDisplayString(vue.unref(isDevMode) ? "Dev mode: ON" : "Dev mode: OFF"), 1),
-            vue.createVNode(_sfc_main$y, {
+            vue.createVNode(_sfc_main$C, {
               icon: "settings",
               size: 24,
               class: vue.normalizeClass(envBannerFillColor.value),
               onClick: openStorageModal
             }, null, 8, ["class"]),
-            vue.createVNode(_sfc_main$y, {
+            vue.createVNode(_sfc_main$C, {
               onClick: handleEnvBanner,
               icon: "cross",
               size: 24,
@@ -5535,7 +5535,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["class"])
           ])
         ], 2)) : vue.createCommentVNode("", true),
-        vue.createVNode(_sfc_main$h, {
+        vue.createVNode(_sfc_main$l, {
           open: isStorageModalOpen.value,
           "onUpdate:open": _cache[1] || (_cache[1] = ($event) => isStorageModalOpen.value = $event)
         }, null, 8, ["open"])
@@ -8721,7 +8721,7 @@ const _hoisted_4$6 = {
   key: 0,
   class: "text-red-600 font-bold mt-1"
 };
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -8997,26 +8997,26 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(rightIconsContainerClasses.value)
               }, [
-                isInvalid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+                isInvalid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
                   key: 0,
                   name: "alert",
                   class: "fill-red-600"
                 })) : vue.createCommentVNode("", true),
-                isValid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+                isValid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
                   key: 1,
                   name: "bigSuccess"
                 })) : vue.createCommentVNode("", true),
-                props.searchIcon ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+                props.searchIcon ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
                   key: 2,
                   name: "search",
                   size: 24,
                   class: "fill-blue-500"
                 })) : vue.createCommentVNode("", true),
-                showClearButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$y, vue.mergeProps({
+                showClearButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$C, vue.mergeProps({
                   key: 3,
                   icon: "cross"
                 }, { "aria-label": clearButtonLabel.value }, { onClick: onClear }), null, 16)) : vue.createCommentVNode("", true),
-                showPasswordToggle.value ? (vue.openBlock(), vue.createBlock(_sfc_main$q, {
+                showPasswordToggle.value ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
                   key: 4,
                   icon: showPassword.value ? "viewOff" : "viewOn",
                   text: showPassword.value ? passwordButtonHideLabel.value : passwordButtonShowLabel.value,
@@ -9036,7 +9036,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$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsPagination",
   props: {
     current: {},
@@ -9134,11 +9134,11 @@ const _sfc_main$e = /* @__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$r, {
+          __props.loading && loadingIndicator.value === "start" ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
             key: 0,
             size: "32px",
             color: "blue"
-          })) : (vue.openBlock(), vue.createBlock(_sfc_main$y, vue.mergeProps({ key: 1 }, { "aria-disabled": __props.current === 1 }, {
+          })) : (vue.openBlock(), vue.createBlock(_sfc_main$C, vue.mergeProps({ key: 1 }, { "aria-disabled": __props.current === 1 }, {
             "aria-label": firstPageLabel.value,
             icon: "first",
             size: 28,
@@ -9146,11 +9146,11 @@ const _sfc_main$e = /* @__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$r, {
+          __props.loading && loadingIndicator.value === "prev" ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
             key: 2,
             size: "24px",
             color: "blue"
-          })) : (vue.openBlock(), vue.createBlock(_sfc_main$y, vue.mergeProps({ key: 3 }, { "aria-disabled": __props.current === 1 }, {
+          })) : (vue.openBlock(), vue.createBlock(_sfc_main$C, vue.mergeProps({ key: 3 }, { "aria-disabled": __props.current === 1 }, {
             "aria-label": prevPageLabel.value,
             icon: "arrowLeft",
             size: 28,
@@ -9160,14 +9160,14 @@ const _sfc_main$e = /* @__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$r, {
+          __props.loading && loadingIndicator.value === "input" ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
             key: 0,
             size: "24px",
             color: "blue",
             label: "Laddar",
             "label-position": "right"
           })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-            vue.createVNode(_sfc_main$f, {
+            vue.createVNode(_sfc_main$j, {
               style: { "text-align": "center" },
               value: inputValue.value,
               type: "text",
@@ -9181,11 +9181,11 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
           ], 64))
         ]),
         vue.createElementVNode("div", _hoisted_5$5, [
-          __props.loading && loadingIndicator.value === "next" ? (vue.openBlock(), vue.createBlock(_sfc_main$r, {
+          __props.loading && loadingIndicator.value === "next" ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
             key: 0,
             size: "24px",
             color: "blue"
-          })) : (vue.openBlock(), vue.createBlock(_sfc_main$y, vue.mergeProps({
+          })) : (vue.openBlock(), vue.createBlock(_sfc_main$C, vue.mergeProps({
             key: 1,
             "aria-label": nextPageLabel.value,
             icon: "arrowRight",
@@ -9195,11 +9195,11 @@ const _sfc_main$e = /* @__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$r, {
+          __props.loading && loadingIndicator.value === "end" ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
             key: 2,
             size: "24px",
             color: "blue"
-          })) : (vue.openBlock(), vue.createBlock(_sfc_main$y, vue.mergeProps({
+          })) : (vue.openBlock(), vue.createBlock(_sfc_main$C, vue.mergeProps({
             key: 3,
             "aria-label": lastPageLabel.value,
             icon: "last",
@@ -9273,7 +9273,7 @@ const _hoisted_10 = {
   class: "block m-0 list-none p-0"
 };
 const _hoisted_11 = { class: "p-4" };
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsSearchSelect",
   props: {
     items: { default: () => [] },
@@ -9688,7 +9688,7 @@ const _sfc_main$d = /* @__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$f, vue.mergeProps({
+              vue.createVNode(_sfc_main$j, vue.mergeProps({
                 ref_key: "inputComponentRef",
                 ref: inputComponentRef,
                 label: __props.label,
@@ -9723,7 +9723,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
             style: vue.normalizeStyle(listWrapperStyle.value)
           }, [
             __props.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
-              vue.createVNode(_sfc_main$r, {
+              vue.createVNode(_sfc_main$v, {
                 color: "blue",
                 size: "48px"
               })
@@ -9767,7 +9767,7 @@ const _sfc_main$d = /* @__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$e, {
+              __props.page !== void 0 && totalPages.value !== null && totalPages.value > 1 ? (vue.openBlock(), vue.createBlock(_sfc_main$i, {
                 key: 2,
                 current: __props.page,
                 max: totalPages.value,
@@ -10188,7 +10188,7 @@ const useTreeState = (options = {}) => {
 };
 const _hoisted_1$8 = ["for"];
 const _hoisted_2$6 = ["value", "disabled", "required"];
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -10364,7 +10364,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$7 = ["for"];
 const _hoisted_2$5 = ["value", "checked", "disabled", "required"];
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -10512,7 +10512,7 @@ const _hoisted_8 = ["onClick"];
 const _hoisted_9 = { key: 0 };
 const popoverWidth = 327;
 const popoverHeight = 80;
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "TreeNode"
   },
@@ -10715,7 +10715,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass("pt-2 pb-2")
         }, [
           vue.createElementVNode("div", _hoisted_1$6, [
-            hasChildrenNodes.value ? (vue.openBlock(), vue.createBlock(_sfc_main$y, vue.mergeProps({
+            hasChildrenNodes.value ? (vue.openBlock(), vue.createBlock(_sfc_main$C, 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 }, {
@@ -10728,7 +10728,7 @@ const _sfc_main$a = /* @__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$c, {
+              vue.createVNode(_sfc_main$g, {
                 id: `checkbox-${props.nodeId}`,
                 checked: vue.unref(treeState)?.isNodeSelected(props.nodeId),
                 indeterminate: __props.showIndeterminate && (vue.unref(treeState)?.isNodeIndeterminateById(props.nodeId) ?? false),
@@ -10747,7 +10747,7 @@ const _sfc_main$a = /* @__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$y, vue.mergeProps({
+              vue.createVNode(_sfc_main$C, vue.mergeProps({
                 ref_key: "triggerRef",
                 ref: triggerRef,
                 icon: "more",
@@ -10795,7 +10795,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                             },
                             class: "cursor-pointer"
                           }, [
-                            vue.createVNode(_sfc_main$b, {
+                            vue.createVNode(_sfc_main$f, {
                               modelValue: selectedOption.value,
                               "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectedOption.value = $event),
                               id: `tree-popover-${props.nodeId}-${option.value}`,
@@ -10807,7 +10807,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                           ], 8, _hoisted_8);
                         }), 64))
                       ]),
-                      vue.createVNode(_sfc_main$y, vue.mergeProps({
+                      vue.createVNode(_sfc_main$C, vue.mergeProps({
                         icon: "cross",
                         id: "tree-popover-close-button",
                         size: 24,
@@ -10869,24 +10869,13 @@ function useElementFinalSize(elementRef, onFinalSize, delay = 100) {
     onCleanup(() => clearTimeout(timeoutId));
   });
 }
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
-  __name: "FdsText",
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+  __name: "FdsMeta",
   props: {
-    type: { default: "default" },
     dataTestid: { default: void 0 }
   },
   setup(__props) {
     const props = __props;
-    const textClasses = vue.computed(() => {
-      const baseClasses = "inline-block";
-      if (props.type === "lead") {
-        return `${baseClasses} font-light text-lg`;
-      }
-      if (props.type === "meta") {
-        return `${baseClasses} font-light`;
-      }
-      return baseClasses;
-    });
     const rootAttrs = vue.computed(() => {
       const attrs = {};
       if (props.dataTestid) {
@@ -10895,7 +10884,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
       return attrs;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({ class: textClasses.value }, rootAttrs.value), [
+      return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({ class: "inline-block font-light" }, rootAttrs.value), [
         vue.renderSlot(_ctx.$slots, "default")
       ], 16);
     };
@@ -10910,7 +10899,7 @@ const _hoisted_3$3 = {
   key: 1,
   class: "text-xl"
 };
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTreeView",
   props: {
     nodeExpandIcon: {},
@@ -10997,7 +10986,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
           ref: searchContainerRef,
           class: "pb-4"
         }, [
-          vue.createVNode(_sfc_main$f, {
+          vue.createVNode(_sfc_main$j, {
             value: vue.unref(treeState)?.searchTerm?.value ?? "",
             onInput: _cache[0] || (_cache[0] = ($event) => vue.unref(treeState)?.setSearchTerm($event.target.value)),
             class: "w-full",
@@ -11014,7 +11003,7 @@ const _sfc_main$8 = /* @__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$w, {
+        vue.unref(treeState)?.isEmptySearchResult?.value ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
           key: 1,
           class: "mt-4"
         }, {
@@ -11022,7 +11011,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
             vue.createTextVNode(vue.toDisplayString(props.searchResultNoMatchesTitle), 1)
           ]),
           default: vue.withCtx(() => [
-            vue.createVNode(_sfc_main$9, null, {
+            vue.createVNode(_sfc_main$d, null, {
               default: vue.withCtx(() => [
                 vue.createTextVNode(vue.toDisplayString(props.searchResultNoMatchesBody), 1)
               ]),
@@ -11034,7 +11023,7 @@ const _sfc_main$8 = /* @__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$a, {
+          props.data && !vue.unref(treeState)?.isEmptySearchResult?.value ? (vue.openBlock(), vue.createBlock(_sfc_main$e, {
             key: 0,
             style: { container: "bg-white-solid px-3 py-2" },
             nodes: props.data.children || [],
@@ -11065,7 +11054,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTruncatedText",
   props: {
     open: { type: Boolean, default: false },
@@ -11141,7 +11130,7 @@ const _sfc_main$7 = /* @__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$q, {
+        shouldShowButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
           key: 2,
           icon: isOpen.value ? "arrowUp" : "arrowDown",
           iconPos: "right",
@@ -11169,7 +11158,7 @@ const _hoisted_7 = {
   key: 2,
   class: "text-red-600 font-bold mt-1"
 };
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -11280,7 +11269,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
             [vue.vModelSelect, internalValue.value]
           ]),
           vue.createElementVNode("div", _hoisted_6, [
-            vue.createVNode(_sfc_main$z, {
+            vue.createVNode(_sfc_main$D, {
               name: "arrowDown",
               size: 24,
               class: vue.normalizeClass({
@@ -11307,7 +11296,7 @@ const _hoisted_5$1 = {
   key: 2,
   class: "text-red-600 font-bold mt-1"
 };
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -11417,12 +11406,12 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(validationIconClasses.value)
           }, [
-            isInvalid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+            isInvalid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
               key: 0,
               name: "alert",
               class: "fill-red-600"
             })) : vue.createCommentVNode("", true),
-            isValid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+            isValid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
               key: 1,
               name: "bigSuccess"
             })) : vue.createCommentVNode("", true)
@@ -11433,7 +11422,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTable",
   props: {
     bordered: { type: Boolean, default: false },
@@ -11466,7 +11455,7 @@ const _hoisted_2 = { key: 0 };
 const _hoisted_3 = { key: 1 };
 const _hoisted_4 = { key: 0 };
 const _hoisted_5 = { key: 1 };
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTableHead",
   props: {
     heading: { default: void 0 },
@@ -11510,7 +11499,7 @@ const _sfc_main$3 = /* @__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$z, {
+          vue.createVNode(_sfc_main$D, {
             name: iconName.value,
             size: "24px",
             class: "fill-blue-500"
@@ -11527,10 +11516,9 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-  __name: "FdsHeading",
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  __name: "FdsH1",
   props: {
-    type: {},
     size: { default: "responsive" },
     text: {},
     dataTestid: { default: void 0 }
@@ -11538,33 +11526,97 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const headingClasses = vue.computed(() => {
-      const baseClasses = "font-raleway leading-tight m-0";
-      if (props.type === "h1") {
-        return [baseClasses, "mb-3", getResponsiveSize("h1", props.size)].filter(Boolean).join(" ");
+      const baseClasses = "font-raleway leading-tight m-0 mb-3";
+      const sizeClass = getResponsiveSize(props.size);
+      return [baseClasses, sizeClass].filter(Boolean).join(" ");
+    });
+    function getResponsiveSize(size) {
+      if (size !== "responsive") {
+        const sizeMap = {
+          xl: "text-6xl",
+          lg: "text-5xl",
+          md: "text-4xl",
+          sm: "text-2xl"
+        };
+        return sizeMap[size];
       }
-      if (props.type === "h2") {
-        return [baseClasses, "mt-4 mb-2", getResponsiveSize("h2", props.size)].filter(Boolean).join(" ");
+      return "text-2xl sm:text-4xl md:text-5xl lg:text-6xl";
+    }
+    const rootAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
       }
-      if (props.type === "h3") {
-        return [baseClasses, "mt-4 mb-2", getResponsiveSize("h3", props.size)].filter(Boolean).join(" ");
+      return attrs;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("h1", vue.mergeProps({ class: headingClasses.value }, rootAttrs.value), vue.toDisplayString(__props.text), 17);
+    };
+  }
+});
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+  __name: "FdsH2",
+  props: {
+    size: { default: "responsive" },
+    text: {},
+    dataTestid: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const headingClasses = vue.computed(() => {
+      const baseClasses = "font-raleway leading-tight m-0 mt-4 mb-2";
+      const sizeClass = getResponsiveSize(props.size);
+      return [baseClasses, sizeClass].filter(Boolean).join(" ");
+    });
+    function getResponsiveSize(size) {
+      if (size !== "responsive") {
+        const sizeMap = {
+          xl: "text-5xl",
+          lg: "text-4xl",
+          md: "text-3xl",
+          sm: "text-xl"
+        };
+        return sizeMap[size];
       }
-      return baseClasses;
+      return "text-xl sm:text-3xl md:text-4xl lg:text-5xl";
+    }
+    const rootAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
     });
-    function getResponsiveSize(element, size) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("h2", vue.mergeProps({ class: headingClasses.value }, rootAttrs.value), vue.toDisplayString(__props.text), 17);
+    };
+  }
+});
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  __name: "FdsH3",
+  props: {
+    size: { default: "responsive" },
+    text: {},
+    dataTestid: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const headingClasses = vue.computed(() => {
+      const baseClasses = "font-raleway leading-tight m-0 mt-4 mb-2";
+      const sizeClass = getResponsiveSize(props.size);
+      return [baseClasses, sizeClass].filter(Boolean).join(" ");
+    });
+    function getResponsiveSize(size) {
       if (size !== "responsive") {
         const sizeMap = {
-          h1: { xl: "text-6xl", lg: "text-5xl", md: "text-4xl", sm: "text-2xl" },
-          h2: { xl: "text-5xl", lg: "text-4xl", md: "text-3xl", sm: "text-xl" },
-          h3: { xl: "text-3xl", lg: "text-2xl", md: "text-xl", sm: "text-lg" }
+          xl: "text-3xl",
+          lg: "text-2xl",
+          md: "text-xl",
+          sm: "text-lg"
         };
-        return sizeMap[element][size];
+        return sizeMap[size];
       }
-      const responsiveMap = {
-        h1: "text-2xl sm:text-4xl md:text-5xl lg:text-6xl",
-        h2: "text-xl sm:text-3xl md:text-4xl lg:text-5xl",
-        h3: "text-lg sm:text-xl md:text-2xl lg:text-3xl"
-      };
-      return responsiveMap[element];
+      return "text-lg sm:text-xl md:text-2xl lg:text-3xl";
     }
     const rootAttrs = vue.computed(() => {
       const attrs = {};
@@ -11574,20 +11626,70 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       return attrs;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.type), vue.mergeProps({ class: headingClasses.value }, rootAttrs.value), {
-        default: vue.withCtx(() => [
-          vue.createTextVNode(vue.toDisplayString(__props.text), 1)
-        ]),
-        _: 1
-      }, 16, ["class"]);
+      return vue.openBlock(), vue.createElementBlock("h3", vue.mergeProps({ class: headingClasses.value }, rootAttrs.value), vue.toDisplayString(__props.text), 17);
     };
   }
 });
-const _hoisted_1$1 = {
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _sfc_main$3 = {};
+const _hoisted_1$1 = { class: "block border-0 h-px w-full bg-black/12 my-4" };
+function _sfc_render(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("hr", _hoisted_1$1);
+}
+const FdsHr = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render]]);
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  __name: "FdsLabel",
+  props: {
+    dataTestid: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const rootAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({ class: "font-bold mb-2 tracking-wide" }, rootAttrs.value), [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "FdsLead",
+  props: {
+    dataTestid: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const rootAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({ class: "inline-block font-light text-lg" }, rootAttrs.value), [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+const _hoisted_1 = {
   key: 1,
   class: "heading font-heading text-xl m-0"
 };
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsListHeading",
   props: {
     loading: { type: Boolean, default: false },
@@ -11633,30 +11735,17 @@ 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$r, {
+        __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
           key: 0,
           size: "24px",
           color: "blue",
           label: handleLoadingText(),
           "label-position": "right"
-        }, null, 8, ["label"])) : (vue.openBlock(), vue.createElementBlock("h3", _hoisted_1$1, vue.toDisplayString(headingText.value), 1))
+        }, null, 8, ["label"])) : (vue.openBlock(), vue.createElementBlock("h3", _hoisted_1, vue.toDisplayString(headingText.value), 1))
       ], 16);
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _sfc_main = {};
-const _hoisted_1 = { class: "block border-0 h-px w-full bg-black/12 my-4" };
-function _sfc_render(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("hr", _hoisted_1);
-}
-const FdsSeparator = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 function useFileValidation(options = {}) {
   const defaultOptions = {
     allowedExtensions: [],
@@ -11709,74 +11798,82 @@ 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$8);
-    app.component("FdsButtonPrimary", _sfc_main$n);
-    app.component("FdsButtonSecondary", _sfc_main$m);
-    app.component("FdsButtonMinor", _sfc_main$q);
-    app.component("FdsButtonIcon", _sfc_main$y);
-    app.component("FdsButtonCopy", _sfc_main$p);
-    app.component("FdsButtonDownload", _sfc_main$o);
-    app.component("FdsDevMode", _sfc_main$g);
-    app.component("FdsIcon", _sfc_main$z);
-    app.component("FdsSpinner", _sfc_main$r);
-    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$w);
-    app.component("FdsBlockInfo", _sfc_main$t);
-    app.component("FdsBlockAlert", _sfc_main$x);
-    app.component("FdsBlockExpander", _sfc_main$u);
-    app.component("FdsBlockLink", _sfc_main$s);
-    app.component("FdsSticker", _sfc_main$v);
-    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$9);
-    app.component("FdsListHeading", _sfc_main$1);
+    app.component("FdsTreeView", _sfc_main$c);
+    app.component("FdsButtonPrimary", _sfc_main$r);
+    app.component("FdsButtonSecondary", _sfc_main$q);
+    app.component("FdsButtonMinor", _sfc_main$u);
+    app.component("FdsButtonIcon", _sfc_main$C);
+    app.component("FdsButtonCopy", _sfc_main$t);
+    app.component("FdsButtonDownload", _sfc_main$s);
+    app.component("FdsDevMode", _sfc_main$k);
+    app.component("FdsIcon", _sfc_main$D);
+    app.component("FdsSpinner", _sfc_main$v);
+    app.component("FdsRadio", _sfc_main$f);
+    app.component("FdsCheckbox", _sfc_main$g);
+    app.component("FdsTextarea", _sfc_main$9);
+    app.component("FdsSelect", _sfc_main$a);
+    app.component("FdsTable", _sfc_main$8);
+    app.component("FdsTableHead", _sfc_main$7);
+    app.component("FdsInput", _sfc_main$j);
+    app.component("FdsBlockContent", _sfc_main$A);
+    app.component("FdsBlockInfo", _sfc_main$x);
+    app.component("FdsBlockAlert", _sfc_main$B);
+    app.component("FdsBlockExpander", _sfc_main$y);
+    app.component("FdsBlockLink", _sfc_main$w);
+    app.component("FdsSticker", _sfc_main$z);
+    app.component("FdsTabs", _sfc_main$n);
+    app.component("FdsTabsItem", _sfc_main$m);
+    app.component("FdsModal", _sfc_main$o);
+    app.component("FdsPagination", _sfc_main$i);
+    app.component("FdsSearchSelect", _sfc_main$h);
+    app.component("FdsTruncatedText", _sfc_main$b);
+    app.component("FdsH1", _sfc_main$6);
+    app.component("FdsH2", _sfc_main$5);
+    app.component("FdsH3", _sfc_main$4);
+    app.component("FdsHr", FdsHr);
+    app.component("FdsLabel", _sfc_main$2);
+    app.component("FdsLead", _sfc_main$1);
+    app.component("FdsMeta", _sfc_main$d);
+    app.component("FdsListHeading", _sfc_main);
   }
 };
-exports.FdsBlockAlert = _sfc_main$x;
-exports.FdsBlockContent = _sfc_main$w;
-exports.FdsBlockExpander = _sfc_main$u;
-exports.FdsBlockInfo = _sfc_main$t;
-exports.FdsBlockLink = _sfc_main$s;
-exports.FdsButtonCopy = _sfc_main$p;
-exports.FdsButtonDownload = _sfc_main$o;
-exports.FdsButtonIcon = _sfc_main$y;
-exports.FdsButtonMinor = _sfc_main$q;
-exports.FdsButtonPrimary = _sfc_main$n;
-exports.FdsButtonSecondary = _sfc_main$m;
-exports.FdsCheckbox = _sfc_main$c;
-exports.FdsDevMode = _sfc_main$g;
-exports.FdsHeading = _sfc_main$2;
-exports.FdsIcon = _sfc_main$z;
-exports.FdsInput = _sfc_main$f;
-exports.FdsListHeading = _sfc_main$1;
-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$r;
-exports.FdsSticker = _sfc_main$v;
-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.FdsBlockAlert = _sfc_main$B;
+exports.FdsBlockContent = _sfc_main$A;
+exports.FdsBlockExpander = _sfc_main$y;
+exports.FdsBlockInfo = _sfc_main$x;
+exports.FdsBlockLink = _sfc_main$w;
+exports.FdsButtonCopy = _sfc_main$t;
+exports.FdsButtonDownload = _sfc_main$s;
+exports.FdsButtonIcon = _sfc_main$C;
+exports.FdsButtonMinor = _sfc_main$u;
+exports.FdsButtonPrimary = _sfc_main$r;
+exports.FdsButtonSecondary = _sfc_main$q;
+exports.FdsCheckbox = _sfc_main$g;
+exports.FdsDevMode = _sfc_main$k;
+exports.FdsH1 = _sfc_main$6;
+exports.FdsH2 = _sfc_main$5;
+exports.FdsH3 = _sfc_main$4;
+exports.FdsHr = FdsHr;
+exports.FdsIcon = _sfc_main$D;
+exports.FdsInput = _sfc_main$j;
+exports.FdsLabel = _sfc_main$2;
+exports.FdsLead = _sfc_main$1;
+exports.FdsListHeading = _sfc_main;
+exports.FdsMeta = _sfc_main$d;
+exports.FdsModal = _sfc_main$o;
+exports.FdsPagination = _sfc_main$i;
+exports.FdsRadio = _sfc_main$f;
+exports.FdsSearchSelect = _sfc_main$h;
+exports.FdsSelect = _sfc_main$a;
+exports.FdsSpinner = _sfc_main$v;
+exports.FdsSticker = _sfc_main$z;
+exports.FdsTable = _sfc_main$8;
+exports.FdsTableHead = _sfc_main$7;
+exports.FdsTabs = _sfc_main$n;
+exports.FdsTabsItem = _sfc_main$m;
+exports.FdsTextarea = _sfc_main$9;
+exports.FdsTreeView = _sfc_main$c;
+exports.FdsTruncatedText = _sfc_main$b;
 exports.bankid = bankid;
 exports.default = FdsVueCorePlugin;
 exports.isPidString = isPidString;