fds-vue-core 4.8.1 → 4.10.0

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

@@ -540,8 +540,8 @@ const icons = {
       </defs>
     </svg>`
 };
-const _hoisted_1$t = ["innerHTML"];
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$u = ["innerHTML"];
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsIcon",
   props: {
     name: {},
@@ -574,11 +574,11 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
         class: "flex items-center justify-center align-middle",
         style: { width: pixelSize.value, height: pixelSize.value }
-      }, rootAttrs.value, { innerHTML: svgHtml.value }), null, 16, _hoisted_1$t);
+      }, rootAttrs.value, { innerHTML: svgHtml.value }), null, 16, _hoisted_1$u);
     };
   }
 });
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsButtonIcon",
   props: {
     icon: {},
@@ -622,12 +622,12 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
         class: buttonClasses.value,
         onClick
       }), [
-        !__props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+        !__props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
           key: 0,
           size: iconSize.value,
           name: __props.icon,
           "aria-hidden": "true"
-        }, null, 8, ["size", "name"])) : (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+        }, null, 8, ["size", "name"])) : (vue.openBlock(), vue.createBlock(_sfc_main$G, {
           key: 1,
           size: iconSize.value,
           name: "spinner",
@@ -638,15 +638,15 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$s = { class: "flex items-start gap-2" };
-const _hoisted_2$m = { class: "h-7 flex items-center" };
-const _hoisted_3$e = { class: "leading-7" };
-const _hoisted_4$d = { class: "relative h-7" };
-const _hoisted_5$c = {
+const _hoisted_1$t = { class: "flex items-start gap-2" };
+const _hoisted_2$n = { class: "h-7 flex items-center" };
+const _hoisted_3$f = { class: "leading-7" };
+const _hoisted_4$e = { class: "relative h-7" };
+const _hoisted_5$d = {
   key: 1,
   class: "fds-block-alert-slot mb-0-last-child"
 };
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockAlert",
   props: {
     visible: { type: Boolean, default: true },
@@ -702,24 +702,24 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
               key: 0,
               class: vue.normalizeClass(["font-bold w-full justify-between items-start flex gap-2", { "mb-2": (isExpanded.value || !__props.collapsable) && vue.unref(hasSlot) }])
             }, [
-              vue.createElementVNode("div", _hoisted_1$s, [
-                vue.createElementVNode("div", _hoisted_2$m, [
-                  vue.createVNode(_sfc_main$F, {
+              vue.createElementVNode("div", _hoisted_1$t, [
+                vue.createElementVNode("div", _hoisted_2$n, [
+                  vue.createVNode(_sfc_main$G, {
                     name: "alert",
                     size: 24,
                     class: "fill-yellow-700"
                   })
                 ]),
-                vue.createElementVNode("span", _hoisted_3$e, vue.toDisplayString(__props.heading), 1)
+                vue.createElementVNode("span", _hoisted_3$f, vue.toDisplayString(__props.heading), 1)
               ]),
-              vue.createElementVNode("div", _hoisted_4$d, [
-                __props.closeable ? (vue.openBlock(), vue.createBlock(_sfc_main$E, vue.mergeProps({
+              vue.createElementVNode("div", _hoisted_4$e, [
+                __props.closeable ? (vue.openBlock(), vue.createBlock(_sfc_main$F, 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$E, vue.mergeProps({
+                __props.collapsable ? (vue.openBlock(), vue.createBlock(_sfc_main$F, vue.mergeProps({
                   key: 1,
                   icon: "arrowDown",
                   size: 28,
@@ -733,7 +733,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
                 }), null, 16, ["class"])) : vue.createCommentVNode("", true)
               ])
             ], 2)) : vue.createCommentVNode("", true),
-            isExpanded.value || !__props.collapsable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$c, [
+            isExpanded.value || !__props.collapsable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$d, [
               vue.renderSlot(_ctx.$slots, "default")
             ])) : vue.createCommentVNode("", true)
           ])
@@ -742,15 +742,15 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$r = ["id"];
-const _hoisted_2$l = {
+const _hoisted_1$s = ["id"];
+const _hoisted_2$m = {
   key: 0,
   class: "flex items-start justify-between gap-4 mb-4"
 };
-const _hoisted_3$d = { class: "flex items-center gap-3" };
-const _hoisted_4$c = { class: "flex items-start gap-3 leading-8" };
-const _hoisted_5$b = { class: "mb-0-last-child" };
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_3$e = { class: "flex items-center gap-3" };
+const _hoisted_4$d = { class: "flex items-start gap-3 leading-8" };
+const _hoisted_5$c = { class: "mb-0-last-child" };
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockContent",
   props: {
     heading: { default: void 0 },
@@ -794,24 +794,24 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
         class: contentClasses.value,
         style: borderLeftStyle.value
       }, rootAttrs.value), [
-        __props.heading ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$l, [
-          vue.createElementVNode("div", _hoisted_3$d, [
+        __props.heading ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$m, [
+          vue.createElementVNode("div", _hoisted_3$e, [
             vue.createElementVNode("h3", {
               class: vue.normalizeClass(headerClasses.value)
             }, vue.toDisplayString(__props.heading), 3)
           ]),
-          vue.createElementVNode("div", _hoisted_4$c, [
+          vue.createElementVNode("div", _hoisted_4$d, [
             vue.renderSlot(_ctx.$slots, "headerInfo")
           ])
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_5$b, [
+        vue.createElementVNode("div", _hoisted_5$c, [
           vue.renderSlot(_ctx.$slots, "default")
         ])
-      ], 16, _hoisted_1$r);
+      ], 16, _hoisted_1$s);
     };
   }
 });
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsSticker",
   props: {
     variant: { default: "blue" },
@@ -859,19 +859,19 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$q = { class: "leading-6 w-full flex justify-between gap-4" };
-const _hoisted_2$k = {
+const _hoisted_1$r = { class: "leading-6 w-full flex justify-between gap-4" };
+const _hoisted_2$l = {
   key: 0,
   class: "flex items-center mr-4"
 };
-const _hoisted_3$c = { class: "inline-flex items-center" };
-const _hoisted_4$b = { class: "flex items-center gap-2" };
-const _hoisted_5$a = {
+const _hoisted_3$d = { class: "inline-flex items-center" };
+const _hoisted_4$c = { class: "flex items-center gap-2" };
+const _hoisted_5$b = {
   key: 0,
   class: "w-full flex mt-2"
 };
-const _hoisted_6$7 = ["aria-hidden"];
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_6$8 = ["aria-hidden"];
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -942,25 +942,25 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("span", {
             class: vue.normalizeClass(buttonRowClasses.value)
           }, [
-            vue.createElementVNode("span", _hoisted_1$q, [
+            vue.createElementVNode("span", _hoisted_1$r, [
               vue.createElementVNode("span", {
                 class: vue.normalizeClass({ "inline-flex items-start": __props.preIcon })
               }, [
-                __props.preIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$k, [
-                  vue.createVNode(_sfc_main$F, {
+                __props.preIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$l, [
+                  vue.createVNode(_sfc_main$G, {
                     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_3$c, [
+                vue.createElementVNode("span", _hoisted_3$d, [
                   vue.createElementVNode("span", {
                     class: vue.normalizeClass(["font-bold font-heading text-lg leading-md", { "text-gray-700": __props.disabled }])
                   }, vue.toDisplayString(__props.heading), 3)
                 ])
               ], 2),
-              vue.createElementVNode("span", _hoisted_4$b, [
-                __props.stickerText && __props.stickerColor ? (vue.openBlock(), vue.createBlock(_sfc_main$B, {
+              vue.createElementVNode("span", _hoisted_4$c, [
+                __props.stickerText && __props.stickerColor ? (vue.openBlock(), vue.createBlock(_sfc_main$C, {
                   key: 0,
                   variant: __props.stickerColor
                 }, {
@@ -969,7 +969,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   _: 1
                 }, 8, ["variant"])) : vue.createCommentVNode("", true),
-                vue.createVNode(_sfc_main$F, {
+                vue.createVNode(_sfc_main$G, {
                   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 }])
@@ -977,7 +977,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
               ])
             ])
           ], 2),
-          vue.unref(hasExtraRowSlot) && !isOpen.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$a, [
+          vue.unref(hasExtraRowSlot) && !isOpen.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$b, [
             vue.renderSlot(_ctx.$slots, "extra-row")
           ])) : vue.createCommentVNode("", true)
         ], 16),
@@ -986,26 +986,26 @@ const _sfc_main$A = /* @__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$7), [
+        ], 8, _hoisted_6$8), [
           [vue.vShow, isOpen.value]
         ])
       ], 16);
     };
   }
 });
-const _hoisted_1$p = ["id"];
-const _hoisted_2$j = {
+const _hoisted_1$q = ["id"];
+const _hoisted_2$k = {
   key: 0,
   class: "flex items-start gap-4"
 };
-const _hoisted_3$b = { class: "flex-1" };
-const _hoisted_4$a = {
+const _hoisted_3$c = { class: "flex-1" };
+const _hoisted_4$b = {
   key: 0,
   class: "mb-1"
 };
-const _hoisted_5$9 = { class: "flex items-start justify-between gap-4" };
-const _hoisted_6$6 = { class: "m-0 text-base font-main font-bold tracking-wide" };
-const _hoisted_7$6 = { class: "flex items-start gap-3" };
+const _hoisted_5$a = { class: "flex items-start justify-between gap-4" };
+const _hoisted_6$7 = { class: "m-0 text-base font-main font-bold tracking-wide" };
+const _hoisted_7$7 = { class: "flex items-start gap-3" };
 const _hoisted_8$5 = {
   key: 1,
   class: "mb-0-last-child"
@@ -1015,10 +1015,10 @@ const _hoisted_10$3 = { class: "flex items-start justify-between gap-4" };
 const _hoisted_11$3 = { class: "flex items-center gap-3" };
 const _hoisted_12$2 = { class: "m-0 text-base font-main font-bold tracking-wide" };
 const _hoisted_13$2 = { class: "flex items-start gap-3" };
-const _hoisted_14$1 = { class: "mb-0-last-child" };
+const _hoisted_14$2 = { class: "mb-0-last-child" };
 const smallIconSize = 24;
 const largeIconSize = 48;
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockInfo",
   props: {
     heading: { default: void 0 },
@@ -1050,17 +1050,17 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
         id: contentBlockId.value,
         class: contentClasses.value
       }, rootAttrs.value), [
-        __props.iconSize === "large" && __props.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$j, [
-          vue.createVNode(_sfc_main$F, {
+        __props.iconSize === "large" && __props.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$k, [
+          vue.createVNode(_sfc_main$G, {
             name: __props.icon,
             size: largeIconSize,
             class: "fill-blue-500"
           }, null, 8, ["name"]),
-          vue.createElementVNode("div", _hoisted_3$b, [
-            __props.heading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$a, [
-              vue.createElementVNode("header", _hoisted_5$9, [
-                vue.createElementVNode("h3", _hoisted_6$6, vue.toDisplayString(__props.heading), 1),
-                vue.createElementVNode("div", _hoisted_7$6, [
+          vue.createElementVNode("div", _hoisted_3$c, [
+            __props.heading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$b, [
+              vue.createElementVNode("header", _hoisted_5$a, [
+                vue.createElementVNode("h3", _hoisted_6$7, vue.toDisplayString(__props.heading), 1),
+                vue.createElementVNode("div", _hoisted_7$7, [
                   vue.renderSlot(_ctx.$slots, "headerInfo")
                 ])
               ])
@@ -1076,7 +1076,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createElementVNode("header", _hoisted_10$3, [
               vue.createElementVNode("div", _hoisted_11$3, [
-                __props.icon && __props.iconSize === "small" ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+                __props.icon && __props.iconSize === "small" ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
                   key: 0,
                   name: __props.icon,
                   size: smallIconSize,
@@ -1089,20 +1089,20 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
               ])
             ])
           ], 2)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_14$1, [
+          vue.createElementVNode("div", _hoisted_14$2, [
             vue.renderSlot(_ctx.$slots, "default")
           ])
         ]))
-      ], 16, _hoisted_1$p);
+      ], 16, _hoisted_1$q);
     };
   }
 });
-const _hoisted_1$o = { class: "mb-0-last-child" };
-const _hoisted_2$i = {
+const _hoisted_1$p = { class: "mb-0-last-child" };
+const _hoisted_2$j = {
   key: 0,
   class: "flex items-end"
 };
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1202,7 +1202,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["flex w-full flex-1", contentClasses.value])
           }, [
-            __props.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+            __props.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
               key: 0,
               name: __props.icon,
               size: 24,
@@ -1221,16 +1221,16 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(slotWrapperClasses.value)
               }, [
-                vue.createElementVNode("div", _hoisted_1$o, [
+                vue.createElementVNode("div", _hoisted_1$p, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ]),
-                vue.unref(hasStickerSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$i, [
+                vue.unref(hasStickerSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$j, [
                   vue.renderSlot(_ctx.$slots, "sticker")
                 ])) : vue.createCommentVNode("", true)
               ], 2)
             ], 2)
           ], 2),
-          __props.arrow ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+          __props.arrow ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
             key: 0,
             name: "arrowRight",
             size: 20,
@@ -1242,8 +1242,8 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$n = ["aria-label"];
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$o = ["aria-label"];
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsSpinner",
   props: {
     size: { default: "48px" },
@@ -1323,14 +1323,14 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           class: vue.normalizeClass(__props.labelPosition === "bottom" ? "font-bold" : "")
         }, vue.toDisplayString(__props.label), 3)) : vue.createCommentVNode("", true)
-      ], 16, _hoisted_1$n);
+      ], 16, _hoisted_1$o);
     };
   }
 });
-const _hoisted_1$m = ["aria-disabled"];
-const _hoisted_2$h = { class: "pt-0.5" };
+const _hoisted_1$n = ["aria-disabled"];
+const _hoisted_2$i = { 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$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1412,7 +1412,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
           onClick
         }), {
           default: vue.withCtx(() => [
-            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
               key: 0,
               class: "mr-2",
               size: "24px",
@@ -1422,25 +1422,25 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
-              vue.createVNode(_sfc_main$F, {
+              vue.createVNode(_sfc_main$G, {
                 class: vue.normalizeClass(iconFillClass2.value),
                 name: __props.icon,
                 size: __props.iconSize
               }, null, 8, ["class", "name", "size"])
             ], 2)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("span", _hoisted_2$h, vue.toDisplayString(__props.text), 1)
+            vue.createElementVNode("span", _hoisted_2$i, vue.toDisplayString(__props.text), 1)
           ]),
           _: 1
         }, 16, ["type", "disabled", "data-testid", "class"]))
-      ], 10, _hoisted_1$m);
+      ], 10, _hoisted_1$n);
     };
   }
 });
-const _hoisted_1$l = {
+const _hoisted_1$m = {
   key: 0,
   class: "flex items-center gap-2 h-7"
 };
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsButtonCopy",
   props: {
     value: { default: "" },
@@ -1502,10 +1502,10 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return isCopied.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
-        vue.createVNode(_sfc_main$F, { name: "bigSuccess" }),
+      return isCopied.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
+        vue.createVNode(_sfc_main$G, { name: "bigSuccess" }),
         vue.createElementVNode("span", null, vue.toDisplayString(props.copiedText), 1)
-      ])) : (vue.openBlock(), vue.createBlock(_sfc_main$w, {
+      ])) : (vue.openBlock(), vue.createBlock(_sfc_main$x, {
         key: 1,
         type: "button",
         disabled: props.disabled,
@@ -4262,8 +4262,8 @@ function useDownload() {
     isDownloading
   };
 }
-const _hoisted_1$k = ["disabled", "aria-disabled"];
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$l = ["disabled", "aria-disabled"];
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsButtonDownload",
   props: {
     loading: { type: Boolean, default: false },
@@ -4364,23 +4364,23 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(iconOrderClasses.value),
           "aria-hidden": "true"
         }, [
-          vue.createVNode(_sfc_main$F, {
+          vue.createVNode(_sfc_main$G, {
             class: vue.normalizeClass(iconFillClass2.value),
             name: "download",
             size: 24
           }, null, 8, ["class"])
         ], 2),
         vue.createTextVNode(" " + vue.toDisplayString(__props.text), 1)
-      ], 16, _hoisted_1$k);
+      ], 16, _hoisted_1$l);
     };
   }
 });
-const _hoisted_1$j = ["aria-disabled"];
-const _hoisted_2$g = { key: 2 };
+const _hoisted_1$k = ["aria-disabled"];
+const _hoisted_2$h = { 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$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -4463,7 +4463,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
           onClick
         }), {
           default: vue.withCtx(() => [
-            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
               key: 0,
               size: "24px",
               color: "inherit"
@@ -4472,26 +4472,26 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
-              vue.createVNode(_sfc_main$F, {
+              vue.createVNode(_sfc_main$G, {
                 class: vue.normalizeClass(iconFillClass$1),
                 name: __props.icon,
                 size: __props.iconSize
               }, null, 8, ["name", "size"])
             ], 2)) : vue.createCommentVNode("", true),
-            __props.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$g, vue.toDisplayString(__props.text), 1)) : vue.createCommentVNode("", true)
+            __props.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$h, vue.toDisplayString(__props.text), 1)) : vue.createCommentVNode("", true)
           ]),
           _: 1
         }, 16, ["type", "disabled", "data-testid", "class"]))
-      ], 10, _hoisted_1$j);
+      ], 10, _hoisted_1$k);
     };
   }
 });
-const _hoisted_1$i = ["aria-disabled"];
-const _hoisted_2$f = { key: 2 };
+const _hoisted_1$j = ["aria-disabled"];
+const _hoisted_2$g = { 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$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -4575,7 +4575,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
           onClick
         }), {
           default: vue.withCtx(() => [
-            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+            __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
               key: 0,
               size: "24px",
               color: "inherit"
@@ -4584,17 +4584,17 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
-              vue.createVNode(_sfc_main$F, {
+              vue.createVNode(_sfc_main$G, {
                 class: vue.normalizeClass(iconFillClass),
                 name: __props.icon,
                 size: __props.iconSize
               }, null, 8, ["name", "size"])
             ], 2)) : vue.createCommentVNode("", true),
-            __props.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$f, vue.toDisplayString(__props.text), 1)) : vue.createCommentVNode("", true)
+            __props.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$g, vue.toDisplayString(__props.text), 1)) : vue.createCommentVNode("", true)
           ]),
           _: 1
         }, 16, ["type", "disabled", "data-testid", "class"]))
-      ], 10, _hoisted_1$i);
+      ], 10, _hoisted_1$j);
     };
   }
 });
@@ -4662,8 +4662,8 @@ function useViewportBreakpoint() {
     breakpoints
   };
 }
-const _hoisted_1$h = ["title"];
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$i = ["title"];
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBreakpointIndicator",
   props: {
     popoverClass: {}
@@ -4700,7 +4700,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
           class: "px-2 py-1 rounded text-xs bg-white bg-opacity-20 text-black hover:bg-opacity-30 cursor-pointer",
           title: `${vue.unref(windowWidth)}px`,
           onClick: toggleBreakpointList
-        }, vue.toDisplayString(vue.unref(currentBreakpoint)), 9, _hoisted_1$h),
+        }, vue.toDisplayString(vue.unref(currentBreakpoint)), 9, _hoisted_1$i),
         showBreakpointList.value ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: vue.normalizeClass(["absolute bottom-full left-0 mb-2 rounded-lg shadow-lg p-2 text-xs font-mono whitespace-nowrap z-10", __props.popoverClass])
@@ -4908,9 +4908,9 @@ function useModalDragResize(options) {
     shouldBlockBackdropClick
   };
 }
-const _hoisted_1$g = { class: "flex justify-between mb-4" };
-const _hoisted_2$e = { class: "mb-0-last-child" };
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$h = { class: "flex justify-between mb-4" };
+const _hoisted_2$f = { class: "mb-0-last-child" };
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsModal",
   props: {
     open: { type: Boolean, default: false },
@@ -5140,12 +5140,12 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", {
               class: vue.normalizeClass(__props.resizable ? "overflow-auto flex-1 min-h-0" : "")
             }, [
-              vue.createElementVNode("div", _hoisted_1$g, [
+              vue.createElementVNode("div", _hoisted_1$h, [
                 vue.createElementVNode("h3", {
                   tabindex: "-1",
                   class: vue.normalizeClass(headerTitleClasses.value)
                 }, [
-                  iconName.value ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+                  iconName.value ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
                     key: 0,
                     name: iconName.value,
                     size: 24,
@@ -5153,14 +5153,14 @@ const _sfc_main$q = /* @__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$E, vue.mergeProps({
+                !__props.strict ? (vue.openBlock(), vue.createBlock(_sfc_main$F, vue.mergeProps({
                   key: 0,
                   icon: "cross",
                   size: 28,
                   onClick: _cache[0] || (_cache[0] = ($event) => handleClose())
                 }, { "aria-label": closeLabel.value }, { class: "ml-4" }), null, 16)) : vue.createCommentVNode("", true)
               ]),
-              vue.createElementVNode("div", _hoisted_2$e, [
+              vue.createElementVNode("div", _hoisted_2$f, [
                 vue.renderSlot(_ctx.$slots, "default")
               ]),
               vue.unref(hasFooterSlot) ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -8415,14 +8415,14 @@ try {
   globalThis.IMask = IMask;
 } catch {
 }
-const _hoisted_1$f = ["for"];
-const _hoisted_2$d = { class: "relative" };
-const _hoisted_3$a = ["type", "required", "value", "disabled", "tabindex", "aria-invalid", "aria-label", "autocomplete", "pattern", "searchIcon"];
-const _hoisted_4$9 = {
+const _hoisted_1$g = ["for"];
+const _hoisted_2$e = { class: "relative" };
+const _hoisted_3$b = ["type", "required", "value", "disabled", "tabindex", "aria-invalid", "aria-label", "autocomplete", "pattern", "searchIcon"];
+const _hoisted_4$a = {
   key: 0,
   class: "text-red-600 font-bold mt-1"
 };
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -8670,7 +8670,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
               key: 0,
               for: inputId.value,
               class: ["block font-bold text-gray-900 cursor-pointer", { "mb-0": props.meta, "mb-1": !props.meta }]
-            }, labelAttrs.value), vue.toDisplayString(props.label), 17, _hoisted_1$f)) : vue.createCommentVNode("", true),
+            }, labelAttrs.value), vue.toDisplayString(props.label), 17, _hoisted_1$g)) : vue.createCommentVNode("", true),
             props.meta ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
               class: vue.normalizeClass(["font-thin", { "mb-1": !props.labelLeft }])
@@ -8679,7 +8679,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass({ "flex-1": props.labelLeft })
           }, [
-            vue.createElementVNode("div", _hoisted_2$d, [
+            vue.createElementVNode("div", _hoisted_2$e, [
               vue.createElementVNode("input", vue.mergeProps({
                 ref_key: "inputRef",
                 ref: inputRef,
@@ -8703,11 +8703,11 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
                   _ctx.$emit("keyup", ev);
                   if (ev.key === "Enter") _ctx.$emit("keyup.enter", ev);
                 })
-              }), null, 16, _hoisted_3$a),
+              }), null, 16, _hoisted_3$b),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(rightIconsContainerClasses.value)
               }, [
-                showDateIcon.value ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+                showDateIcon.value ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
                   key: 0,
                   "aria-label": dateButtonLabel.value,
                   onClick: onDateIconClick,
@@ -8715,29 +8715,29 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
                   size: 28,
                   class: "fill-blue-500"
                 }, null, 8, ["aria-label"])) : vue.createCommentVNode("", true),
-                isInvalid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+                isInvalid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
                   key: 1,
                   name: "alert",
                   class: "fill-red-600"
                 })) : vue.createCommentVNode("", true),
-                isValid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+                isValid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
                   key: 2,
                   name: "bigSuccess"
                 })) : vue.createCommentVNode("", true),
-                props.searchIcon ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+                props.searchIcon ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
                   key: 3,
                   name: "search",
                   size: 24,
                   class: "fill-blue-500"
                 })) : vue.createCommentVNode("", true),
-                showClearButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$E, vue.mergeProps({
+                showClearButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$F, vue.mergeProps({
                   key: 4,
                   icon: "cross"
                 }, { "aria-label": clearButtonLabel.value }, {
                   onClick: onClear,
                   size: 30
                 }), null, 16)) : vue.createCommentVNode("", true),
-                showPasswordToggle.value ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
+                showPasswordToggle.value ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
                   key: 5,
                   icon: showPassword.value ? "viewOff" : "viewOn",
                   text: showPassword.value ? passwordButtonHideLabel.value : passwordButtonShowLabel.value,
@@ -8747,12 +8747,12 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
             ])
           ], 2)
         ], 2),
-        showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$9, vue.toDisplayString(props.invalidMessage), 1)) : vue.createCommentVNode("", true)
+        showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$a, vue.toDisplayString(props.invalidMessage), 1)) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTabs",
   props: {
     block: { type: Boolean, default: false },
@@ -8785,7 +8785,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -8900,19 +8900,19 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$e = { class: "space-y-6" };
-const _hoisted_2$c = {
+const _hoisted_1$f = { class: "space-y-6" };
+const _hoisted_2$d = {
   key: 0,
   class: "text-sm text-gray-600"
 };
-const _hoisted_3$9 = {
+const _hoisted_3$a = {
   key: 1,
   class: "max-h-72 overflow-auto border border-gray-200 rounded-md"
 };
-const _hoisted_4$8 = { class: "w-full text-left text-xs border-collapse" };
-const _hoisted_5$8 = ["onClick"];
-const _hoisted_6$5 = { class: "py-1.5 px-3 font-mono break-all" };
-const _hoisted_7$5 = { class: "py-1.5 px-3 font-mono whitespace-pre-wrap break-all" };
+const _hoisted_4$9 = { class: "w-full text-left text-xs border-collapse" };
+const _hoisted_5$9 = ["onClick"];
+const _hoisted_6$6 = { class: "py-1.5 px-3 font-mono break-all" };
+const _hoisted_7$6 = { class: "py-1.5 px-3 font-mono whitespace-pre-wrap break-all" };
 const _hoisted_8$4 = { class: "mt-4 space-y-2" };
 const _hoisted_9$4 = { class: "flex flex-col gap-1" };
 const _hoisted_10$2 = { class: "flex flex-col gap-1" };
@@ -8928,7 +8928,7 @@ const _hoisted_13$1 = {
   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_14$1 = { 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" };
@@ -8978,7 +8978,7 @@ const _hoisted_38 = {
   class: "mt-2"
 };
 const _hoisted_39 = { class: "mt-4 flex justify-end gap-3" };
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsDevModeStorage",
   props: {
     open: { type: Boolean, default: false },
@@ -9150,7 +9150,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
       loadStorageEntries();
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$q, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$r, {
         strict: "",
         open: isOpen.value,
         heading: "DevTools",
@@ -9161,31 +9161,31 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
         onClose: _cache[11] || (_cache[11] = () => handleOpenChange(false))
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_1$e, [
-            vue.createVNode(_sfc_main$o, {
+          vue.createElementVNode("div", _hoisted_1$f, [
+            vue.createVNode(_sfc_main$p, {
               variant: "secondary",
               class: "flex-wrap overflow-visible! *:w-auto!"
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_sfc_main$n, {
+                vue.createVNode(_sfc_main$o, {
                   label: "localStorage",
                   active: activeTab.value === "local",
                   as: "button",
                   onClick: _cache[0] || (_cache[0] = ($event) => activeTab.value = "local")
                 }, null, 8, ["active"]),
-                vue.createVNode(_sfc_main$n, {
+                vue.createVNode(_sfc_main$o, {
                   label: "sessionStorage",
                   active: activeTab.value === "session",
                   as: "button",
                   onClick: _cache[1] || (_cache[1] = ($event) => activeTab.value = "session")
                 }, null, 8, ["active"]),
-                vue.createVNode(_sfc_main$n, {
+                vue.createVNode(_sfc_main$o, {
                   label: "Cookies",
                   active: activeTab.value === "cookies",
                   as: "button",
                   onClick: _cache[2] || (_cache[2] = ($event) => activeTab.value = "cookies")
                 }, null, 8, ["active"]),
-                vue.createVNode(_sfc_main$n, {
+                vue.createVNode(_sfc_main$o, {
                   label: "Actions",
                   active: activeTab.value === "actions",
                   as: "button",
@@ -9194,15 +9194,15 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
               ]),
               _: 1
             }),
-            activeTab.value === "local" ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+            activeTab.value === "local" ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
               key: 0,
               heading: "localStorage",
               icon: "information",
               iconSize: "small"
             }, {
               default: vue.withCtx(() => [
-                !localStorageEntries.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$c, "Inga värden i localStorage.")) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$9, [
-                  vue.createElementVNode("table", _hoisted_4$8, [
+                !localStorageEntries.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$d, "Inga värden i localStorage.")) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$a, [
+                  vue.createElementVNode("table", _hoisted_4$9, [
                     _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"),
@@ -9216,9 +9216,9 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                           class: "border-t border-gray-200 align-top cursor-pointer hover:bg-gray-50",
                           onClick: ($event) => selectLocalEntry(entry)
                         }, [
-                          vue.createElementVNode("td", _hoisted_6$5, vue.toDisplayString(entry.key), 1),
-                          vue.createElementVNode("td", _hoisted_7$5, vue.toDisplayString(entry.value), 1)
-                        ], 8, _hoisted_5$8);
+                          vue.createElementVNode("td", _hoisted_6$6, vue.toDisplayString(entry.key), 1),
+                          vue.createElementVNode("td", _hoisted_7$6, vue.toDisplayString(entry.value), 1)
+                        ], 8, _hoisted_5$9);
                       }), 128))
                     ])
                   ])
@@ -9248,12 +9248,12 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                     ])
                   ]),
                   localEditKey.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$2, [
-                    vue.createVNode(_sfc_main$s, {
+                    vue.createVNode(_sfc_main$t, {
                       text: "Ta bort",
                       size: "sm",
                       onClick: deleteLocalEntry
                     }),
-                    vue.createVNode(_sfc_main$t, {
+                    vue.createVNode(_sfc_main$u, {
                       text: "Spara",
                       size: "sm",
                       onClick: saveLocalEntry
@@ -9262,7 +9262,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                 ])
               ]),
               _: 1
-            })) : activeTab.value === "session" ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+            })) : activeTab.value === "session" ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
               key: 1,
               heading: "sessionStorage",
               icon: "information",
@@ -9270,7 +9270,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
             }, {
               default: vue.withCtx(() => [
                 !sessionStorageEntries.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$1, "Inga värden i sessionStorage.")) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$1, [
-                  vue.createElementVNode("table", _hoisted_14, [
+                  vue.createElementVNode("table", _hoisted_14$1, [
                     _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"),
@@ -9316,12 +9316,12 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                     ])
                   ]),
                   sessionEditKey.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21, [
-                    vue.createVNode(_sfc_main$s, {
+                    vue.createVNode(_sfc_main$t, {
                       text: "Ta bort",
                       size: "sm",
                       onClick: deleteSessionEntry
                     }),
-                    vue.createVNode(_sfc_main$t, {
+                    vue.createVNode(_sfc_main$u, {
                       text: "Spara",
                       size: "sm",
                       onClick: saveSessionEntry
@@ -9330,7 +9330,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                 ])
               ]),
               _: 1
-            })) : activeTab.value === "cookies" ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+            })) : activeTab.value === "cookies" ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
               key: 2,
               heading: "Cookies",
               icon: "information",
@@ -9384,12 +9384,12 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                     ])
                   ]),
                   cookieEditKey.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_31, [
-                    vue.createVNode(_sfc_main$s, {
+                    vue.createVNode(_sfc_main$t, {
                       text: "Ta bort",
                       size: "sm",
                       onClick: deleteCookieEntry
                     }),
-                    vue.createVNode(_sfc_main$t, {
+                    vue.createVNode(_sfc_main$u, {
                       text: "Spara",
                       size: "sm",
                       onClick: saveCookieEntry
@@ -9398,7 +9398,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                 ])
               ]),
               _: 1
-            })) : activeTab.value === "actions" ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+            })) : activeTab.value === "actions" ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
               key: 3,
               heading: "Actions",
               icon: "information",
@@ -9416,14 +9416,14 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                           vue.createElementVNode("div", _hoisted_36, vue.toDisplayString(action.label), 1),
                           action.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_37, vue.toDisplayString(action.description), 1)) : vue.createCommentVNode("", true)
                         ]),
-                        vue.createVNode(_sfc_main$s, {
+                        vue.createVNode(_sfc_main$t, {
                           text: action.label,
                           size: "sm",
                           onClick: ($event) => runAction(index, action)
                         }, null, 8, ["text", "onClick"])
                       ]),
                       action.input ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_38, [
-                        vue.createVNode(_sfc_main$p, {
+                        vue.createVNode(_sfc_main$q, {
                           type: action.input.type ?? "text",
                           modelValue: getActionInputValue(index, action.input.defaultValue),
                           placeholder: action.input.placeholder,
@@ -9435,7 +9435,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                 ]))
               ]),
               _: 1
-            })) : (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+            })) : (vue.openBlock(), vue.createBlock(_sfc_main$A, {
               key: 4,
               heading: "Placeholder",
               icon: "information",
@@ -9448,11 +9448,11 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
               _: 1
             })),
             vue.createElementVNode("div", _hoisted_39, [
-              vue.createVNode(_sfc_main$s, {
+              vue.createVNode(_sfc_main$t, {
                 text: "Uppdatera",
                 onClick: refreshStorageEntries
               }),
-              vue.createVNode(_sfc_main$t, {
+              vue.createVNode(_sfc_main$u, {
                 text: "Stäng",
                 onClick: _cache[10] || (_cache[10] = ($event) => handleOpenChange(false))
               })
@@ -9464,9 +9464,9 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$d = { class: "flex items-center gap-1" };
-const _hoisted_2$b = { class: "flex items-center gap-1" };
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$e = { class: "flex items-center gap-1" };
+const _hoisted_2$c = { class: "flex items-center gap-1" };
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsDevMode",
   props: {
     environment: { default: null },
@@ -9527,23 +9527,23 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           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$d, [
-            vue.createVNode(_sfc_main$r, { "popover-class": envBannerClasses.value }, null, 8, ["popover-class"]),
+          vue.createElementVNode("div", _hoisted_1$e, [
+            vue.createVNode(_sfc_main$s, { "popover-class": envBannerClasses.value }, null, 8, ["popover-class"]),
             vue.createElementVNode("span", null, vue.toDisplayString(environmentText.value), 1)
           ]),
-          vue.createElementVNode("div", _hoisted_2$b, [
+          vue.createElementVNode("div", _hoisted_2$c, [
             vue.createElementVNode("button", {
               onClick: _cache[0] || (_cache[0] = //@ts-ignore
               (...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$E, {
+            vue.createVNode(_sfc_main$F, {
               icon: "settings",
               size: 24,
               class: vue.normalizeClass(envBannerFillColor.value),
               onClick: openStorageModal
             }, null, 8, ["class"]),
-            vue.createVNode(_sfc_main$E, {
+            vue.createVNode(_sfc_main$F, {
               onClick: handleEnvBanner,
               icon: "cross",
               size: 24,
@@ -9551,7 +9551,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["class"])
           ])
         ], 2)) : vue.createCommentVNode("", true),
-        vue.createVNode(_sfc_main$m, {
+        vue.createVNode(_sfc_main$n, {
           open: isStorageModalOpen.value,
           "onUpdate:open": _cache[1] || (_cache[1] = ($event) => isStorageModalOpen.value = $event),
           customActions: __props.customActions
@@ -9560,12 +9560,12 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$c = ["id"];
-const _hoisted_2$a = { class: "flex items-center justify-start gap-1 w-[100px]" };
-const _hoisted_3$8 = { class: "flex items-center justify-center w-auto gap-2 order-0 sm:order-0" };
-const _hoisted_4$7 = { class: "whitespace-nowrap" };
-const _hoisted_5$7 = { class: "flex items-center justify-end gap-1 order-2 sm:order-0 w-[100px]" };
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$d = ["id"];
+const _hoisted_2$b = { class: "flex items-center justify-start gap-1 w-[100px]" };
+const _hoisted_3$9 = { class: "flex items-center justify-center w-auto gap-2 order-0 sm:order-0" };
+const _hoisted_4$8 = { class: "whitespace-nowrap" };
+const _hoisted_5$8 = { class: "flex items-center justify-end gap-1 order-2 sm:order-0 w-[100px]" };
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsPagination",
   props: {
     current: {},
@@ -9662,12 +9662,12 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
         class: "my-6 flex items-between justify-between gap-2",
         id: inputId.value
       }, rootAttrs.value), [
-        vue.createElementVNode("div", _hoisted_2$a, [
-          __props.loading && loadingIndicator.value === "start" ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+        vue.createElementVNode("div", _hoisted_2$b, [
+          __props.loading && loadingIndicator.value === "start" ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
             key: 0,
             size: "32px",
             color: "blue"
-          })) : (vue.openBlock(), vue.createBlock(_sfc_main$E, vue.mergeProps({ key: 1 }, { "aria-disabled": __props.current === 1 }, {
+          })) : (vue.openBlock(), vue.createBlock(_sfc_main$F, vue.mergeProps({ key: 1 }, { "aria-disabled": __props.current === 1 }, {
             "aria-label": firstPageLabel.value,
             icon: "first",
             size: 28,
@@ -9675,11 +9675,11 @@ const _sfc_main$k = /* @__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$x, {
+          __props.loading && loadingIndicator.value === "prev" ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
             key: 2,
             size: "24px",
             color: "blue"
-          })) : (vue.openBlock(), vue.createBlock(_sfc_main$E, vue.mergeProps({ key: 3 }, { "aria-disabled": __props.current === 1 }, {
+          })) : (vue.openBlock(), vue.createBlock(_sfc_main$F, vue.mergeProps({ key: 3 }, { "aria-disabled": __props.current === 1 }, {
             "aria-label": prevPageLabel.value,
             icon: "arrowLeft",
             size: 28,
@@ -9688,15 +9688,15 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
             onClick: _cache[1] || (_cache[1] = ($event) => handlePagination("prev"))
           }), null, 16, ["aria-label", "disabled", "class"]))
         ]),
-        vue.createElementVNode("div", _hoisted_3$8, [
-          __props.loading && loadingIndicator.value === "input" ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+        vue.createElementVNode("div", _hoisted_3$9, [
+          __props.loading && loadingIndicator.value === "input" ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
             key: 0,
             size: "24px",
             color: "blue",
             label: "Laddar",
             "label-position": "right"
           })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-            vue.createVNode(_sfc_main$p, {
+            vue.createVNode(_sfc_main$q, {
               style: { "text-align": "center" },
               value: inputValue.value,
               type: "text",
@@ -9706,15 +9706,15 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
               onInput: vue.unref(handlePageChange),
               class: "mb-0!"
             }, null, 8, ["value", "size", "maxlength", "ariaLabel", "onInput"]),
-            vue.createElementVNode("div", _hoisted_4$7, "/ " + vue.toDisplayString(__props.max), 1)
+            vue.createElementVNode("div", _hoisted_4$8, "/ " + vue.toDisplayString(__props.max), 1)
           ], 64))
         ]),
-        vue.createElementVNode("div", _hoisted_5$7, [
-          __props.loading && loadingIndicator.value === "next" ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+        vue.createElementVNode("div", _hoisted_5$8, [
+          __props.loading && loadingIndicator.value === "next" ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
             key: 0,
             size: "24px",
             color: "blue"
-          })) : (vue.openBlock(), vue.createBlock(_sfc_main$E, vue.mergeProps({
+          })) : (vue.openBlock(), vue.createBlock(_sfc_main$F, vue.mergeProps({
             key: 1,
             "aria-label": nextPageLabel.value,
             icon: "arrowRight",
@@ -9724,11 +9724,11 @@ const _sfc_main$k = /* @__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$x, {
+          __props.loading && loadingIndicator.value === "end" ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
             key: 2,
             size: "24px",
             color: "blue"
-          })) : (vue.openBlock(), vue.createBlock(_sfc_main$E, vue.mergeProps({
+          })) : (vue.openBlock(), vue.createBlock(_sfc_main$F, vue.mergeProps({
             key: 3,
             "aria-label": lastPageLabel.value,
             icon: "last",
@@ -9739,7 +9739,189 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
             onClick: _cache[3] || (_cache[3] = ($event) => handlePagination("end"))
           }), null, 16, ["aria-label", "disabled", "class"]))
         ])
-      ], 16, _hoisted_1$c);
+      ], 16, _hoisted_1$d);
+    };
+  }
+});
+const _hoisted_1$c = { class: "inline-flex" };
+const _hoisted_2$a = ["onKeydown"];
+const _hoisted_3$8 = ["aria-label"];
+const _hoisted_4$7 = { class: "mb-1 flex items-start justify-between gap-2" };
+const _hoisted_5$7 = { class: "mb-0! min-w-0 whitespace-normal balance-text pr-2" };
+const _hoisted_6$5 = {
+  key: 1,
+  class: "flex items-center gap-2"
+};
+const _hoisted_7$5 = { class: "mb-0! min-w-0 grow whitespace-normal wrap-break-word" };
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+  __name: "FdsPopover",
+  props: {
+    open: { type: Boolean, default: false },
+    label: { default: "" },
+    body: { default: "" },
+    position: { default: "bottom" },
+    offset: { default: 8 },
+    offsetX: { default: 0 },
+    offsetY: { default: 0 },
+    closeAriaLabel: { default: "Close popover" },
+    dataTestid: { default: void 0 },
+    onClose: {}
+  },
+  emits: ["close", "update:open"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const popoverRef = vue.ref(null);
+    const isOpen = vue.ref(props.open);
+    const popoverId = `fds-popover-${Math.random().toString(36).slice(2, 11)}`;
+    const anchorName = `--${popoverId}-anchor`;
+    const triggerClasses = vue.computed(() => ["inline-flex"]);
+    const triggerStyle = vue.computed(() => ({
+      anchorName
+    }));
+    const areaByPosition = {
+      top: "[position-area:top]",
+      right: "[position-area:right]",
+      bottom: "[position-area:bottom]",
+      left: "[position-area:left]"
+    };
+    const popoverClasses = vue.computed(() => [
+      "m-0 border-none p-4 rounded-md shadow-[0px_4px_8px_0px_rgba(12,72,153,0.12)] bg-white",
+      "min-w-[200px] max-w-[320px]",
+      "[position-try-fallbacks:flip-block,flip-inline]",
+      "[inset:auto]",
+      areaByPosition[props.position]
+    ]);
+    const popoverStyle = vue.computed(() => {
+      const styles = {};
+      styles.positionAnchor = anchorName;
+      const mainOffset = `${props.offset}px`;
+      if (props.position === "bottom") styles.marginTop = mainOffset;
+      if (props.position === "top") styles.marginBottom = mainOffset;
+      if (props.position === "right") styles.marginLeft = mainOffset;
+      if (props.position === "left") styles.marginRight = mainOffset;
+      styles.transform = `translate(${props.offsetX}px, ${props.offsetY}px)`;
+      return styles;
+    });
+    const showPopover = () => {
+      const el = popoverRef.value;
+      if (!el || el.matches(":popover-open")) return;
+      el.showPopover();
+    };
+    const hidePopover = () => {
+      const el = popoverRef.value;
+      if (!el || !el.matches(":popover-open")) return;
+      el.hidePopover();
+    };
+    const togglePopover = () => {
+      if (isOpen.value) {
+        hidePopover();
+        return;
+      }
+      showPopover();
+    };
+    const closePopover = () => {
+      hidePopover();
+    };
+    const onNativeToggle = () => {
+      const open = !!popoverRef.value?.matches(":popover-open");
+      if (open === isOpen.value) return;
+      isOpen.value = open;
+      emit("update:open", open);
+      if (!open) {
+        emit("close");
+      }
+    };
+    vue.watch(
+      () => props.open,
+      (open) => {
+        if (open === isOpen.value) return;
+        isOpen.value = open;
+        if (open) {
+          showPopover();
+          return;
+        }
+        hidePopover();
+      }
+    );
+    vue.onMounted(() => {
+      popoverRef.value?.addEventListener("toggle", onNativeToggle);
+      if (isOpen.value) {
+        showPopover();
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      popoverRef.value?.removeEventListener("toggle", onNativeToggle);
+    });
+    const popoverAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+        vue.createElementVNode("span", {
+          class: vue.normalizeClass(triggerClasses.value),
+          style: vue.normalizeStyle(triggerStyle.value)
+        }, [
+          vue.createElementVNode("span", {
+            class: "inline-flex",
+            onClick: vue.withModifiers(togglePopover, ["stop"]),
+            onKeydown: [
+              vue.withKeys(vue.withModifiers(togglePopover, ["prevent", "stop"]), ["enter"]),
+              vue.withKeys(vue.withModifiers(togglePopover, ["prevent", "stop"]), ["space"])
+            ]
+          }, [
+            vue.renderSlot(_ctx.$slots, "trigger")
+          ], 40, _hoisted_2$a)
+        ], 6),
+        vue.createElementVNode("div", vue.mergeProps({
+          id: popoverId,
+          ref_key: "popoverRef",
+          ref: popoverRef,
+          class: popoverClasses.value,
+          style: popoverStyle.value,
+          role: "dialog",
+          "aria-modal": "false",
+          "aria-label": __props.label || "Popover"
+        }, { ...popoverAttrs.value, popover: "auto" }), [
+          __props.label ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+            vue.createElementVNode("div", _hoisted_4$7, [
+              vue.createVNode(vue.unref(_sfc_main$1), { class: "mb-0! min-w-0 grow balance-text whitespace-normal" }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(__props.label), 1)
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_sfc_main$F, {
+                icon: "cross",
+                size: 28,
+                "aria-label": __props.closeAriaLabel,
+                onClick: closePopover
+              }, null, 8, ["aria-label"])
+            ]),
+            vue.createElementVNode("p", _hoisted_5$7, [
+              vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(__props.body), 1)
+              ])
+            ])
+          ], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$5, [
+            vue.createElementVNode("p", _hoisted_7$5, [
+              vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(__props.body), 1)
+              ])
+            ]),
+            vue.createVNode(_sfc_main$F, {
+              icon: "cross",
+              size: 28,
+              "aria-label": __props.closeAriaLabel,
+              onClick: closePopover
+            }, null, 8, ["aria-label"])
+          ]))
+        ], 16, _hoisted_3$8)
+      ]);
     };
   }
 });
@@ -10217,7 +10399,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", _hoisted_1$b, [
           !singleItemName.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$9, [
             vue.createElementVNode("div", _hoisted_3$7, [
-              vue.createVNode(_sfc_main$p, vue.mergeProps({
+              vue.createVNode(_sfc_main$q, vue.mergeProps({
                 ref_key: "inputComponentRef",
                 ref: inputComponentRef,
                 label: __props.label,
@@ -10252,7 +10434,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
             style: vue.normalizeStyle(listWrapperStyle.value)
           }, [
             __props.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$4, [
-              vue.createVNode(_sfc_main$x, {
+              vue.createVNode(_sfc_main$y, {
                 color: "blue",
                 size: "48px"
               })
@@ -10296,7 +10478,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                   ], 42, _hoisted_7$4);
                 }), 128))
               ], 32),
-              __props.page !== void 0 && totalPages.value !== null && totalPages.value > 1 ? (vue.openBlock(), vue.createBlock(_sfc_main$k, {
+              __props.page !== void 0 && totalPages.value !== null && totalPages.value > 1 ? (vue.openBlock(), vue.createBlock(_sfc_main$l, {
                 key: 2,
                 current: __props.page,
                 max: totalPages.value,
@@ -10454,7 +10636,6 @@ const useSearchSelectProItems = ({
     });
   };
   const matchesSearchTerm = (item) => {
-    if (isDividerItem(item) && searchTerm.value) return false;
     if (!searchTerm.value) return true;
     const searchValue = isPid.value ? searchTerm.value.replace(/\D/g, "") : searchTerm.value;
     const searchLower = searchValue.toLowerCase();
@@ -10469,6 +10650,53 @@ const useSearchSelectProItems = ({
       return valueLower.includes(searchLower) || unmaskedValue.length > 0 && unmaskedValue.includes(searchValue);
     });
   };
+  const matchesDividerSearchTerm = (item) => {
+    if (!isDividerItem(item) || !searchTerm.value) return false;
+    const searchValue = isPid.value ? searchTerm.value.replace(/\D/g, "") : searchTerm.value;
+    const searchLower = searchValue.toLowerCase();
+    const dividerSearchFields = [...searchFields.value, "label", "name"];
+    return dividerSearchFields.some((field) => {
+      const value = item[field];
+      if (!value) return false;
+      return String(value).toLowerCase().includes(searchLower);
+    });
+  };
+  const filterWithDividerGroups = (sourceData) => {
+    if (!searchTerm.value) return sourceData;
+    const matched = [];
+    let currentDivider = null;
+    let currentChildren = [];
+    const flushCurrentGroup = () => {
+      if (!currentDivider) {
+        matched.push(...currentChildren.filter((item) => matchesSearchTerm(item)));
+      } else {
+        const dividerMatched = matchesDividerSearchTerm(currentDivider);
+        const matchedChildren = currentChildren.filter((item) => matchesSearchTerm(item));
+        if (!dividerMatched && matchedChildren.length === 0) {
+          return;
+        }
+        if (dividerMatched || props.showOutOfBoundsDivider !== false) {
+          matched.push(currentDivider);
+        }
+        if (dividerMatched) {
+          matched.push(...currentChildren);
+        } else {
+          matched.push(...matchedChildren);
+        }
+      }
+    };
+    sourceData.forEach((item) => {
+      if (isDividerItem(item)) {
+        flushCurrentGroup();
+        currentDivider = item;
+        currentChildren = [];
+        return;
+      }
+      currentChildren.push(item);
+    });
+    flushCurrentGroup();
+    return matched;
+  };
   const filterAndPaginate = (onTotal) => {
     if (!sourceItems.value.length) {
       matchingItems.value = [];
@@ -10480,7 +10708,7 @@ const useSearchSelectProItems = ({
     if (props.preserveOrder && sourceData.length) {
       sourceData = sortResponse(sourceData);
     }
-    const matchedArray = sourceData.filter((item) => matchesSearchTerm(item));
+    const matchedArray = hasDividerMode.value ? filterWithDividerGroups(sourceData) : sourceData.filter((item) => matchesSearchTerm(item));
     matchingItems.value = matchedArray;
     const shouldLimitItems = props.maxItems !== void 0 && props.maxItems > 0;
     const effectiveLimit = shouldLimitItems ? visibleItemsLimit.value ?? props.maxItems : null;
@@ -10501,7 +10729,11 @@ const useSearchSelectProItems = ({
     selectedItems.value = selectedItems.value.filter((item) => currentIds.has(getItemIdentifier(item)));
   };
   const hasInternalMoreItems = vue.computed(() => matchingItems.value.length > displayedItems.value.length);
-  const shouldShowLoadMore = vue.computed(() => props.showLoadMore || hasInternalMoreItems.value);
+  const shouldShowLoadMore = vue.computed(() => {
+    if (hasInternalMoreItems.value) return true;
+    if (props.maxItems && props.maxItems > 0) return false;
+    return props.showLoadMore;
+  });
   const handleInternalLoadMore = () => {
     if (props.maxItems && props.maxItems > 0 && hasInternalMoreItems.value) {
       visibleItemsLimit.value = (visibleItemsLimit.value ?? props.maxItems) + props.maxItems;
@@ -10536,18 +10768,19 @@ const _hoisted_5$5 = {
 };
 const _hoisted_6$3 = ["checked"];
 const _hoisted_7$3 = ["id", "role", "onMouseup"];
-const _hoisted_8$2 = ["type", "id", "name", "checked", "onChange", "onKeydown"];
-const _hoisted_9$2 = ["innerHTML"];
-const _hoisted_10 = {
+const _hoisted_8$2 = ["innerHTML"];
+const _hoisted_9$2 = ["type", "id", "name", "checked", "onChange", "onKeydown"];
+const _hoisted_10 = ["innerHTML"];
+const _hoisted_11 = {
   key: 0,
   class: "border-b border-blue_t-200 p-3"
 };
-const _hoisted_11 = ["aria-disabled"];
-const _hoisted_12 = {
+const _hoisted_12 = ["aria-disabled"];
+const _hoisted_13 = {
   key: 2,
   class: "block m-0 list-none p-0"
 };
-const _hoisted_13 = { class: "p-3" };
+const _hoisted_14 = { class: "p-3" };
 const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsSearchSelectPro",
   props: {
@@ -10564,6 +10797,10 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     selectedToggleLabel: { default: "Dina val" },
     showLoadMore: { type: Boolean, default: false },
     loadingMore: { type: Boolean, default: false },
+    autoLoadOnScroll: { type: Boolean, default: false },
+    autoLoadThreshold: { default: 24 },
+    highlightDividerMatch: { type: Boolean, default: true },
+    showOutOfBoundsDivider: { type: Boolean, default: true },
     maxItems: { default: void 0 },
     page: { default: void 0 },
     totalPages: { default: void 0 },
@@ -10572,6 +10809,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     searchFields: { default: () => [] },
     preserveOrder: { type: Boolean, default: false },
     initialValue: { default: "" },
+    displayValue: { default: "" },
     disabled: { type: Boolean, default: false },
     dropdownAbsolute: { type: Boolean, default: false },
     labelLeft: { type: Boolean, default: false },
@@ -10697,6 +10935,9 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     const resolvedLoadMoreLabel = vue.computed(() => props.locale === "en" ? "Show more" : "Visa fler");
     const resolvedLoadingMoreLabel = vue.computed(() => props.locale === "en" ? "Loading more..." : "Hämtar fler...");
     const displayInputValue = vue.computed(() => {
+      if (!inputHasFocus.value && !hasSelection.value && !searchTerm.value.length && props.displayValue) {
+        return props.displayValue;
+      }
       if (isMultiple.value && !inputHasFocus.value && selectedItems.value.length > 0) {
         return `${selectedItems.value.length} val`;
       }
@@ -10841,24 +11082,39 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     const handleMatchingString = (item) => {
       if (isDividerItem(item)) {
         const dividerLabel = searchFields.value.map((key) => String(item[key] ?? "").trim()).find((value) => value.length > 0) ?? String(item.label ?? item.name ?? "");
+        if (props.highlightDividerMatch && searchTerm.value) {
+          const formattedTerm = formatPidWithDash(searchTerm.value);
+          const escaped = formattedTerm.replace(/[()]/g, "\\$&");
+          if (new RegExp(escaped, "i").test(dividerLabel)) {
+            return boldQuery(dividerLabel);
+          }
+        }
         return dividerLabel;
       }
-      const values = searchFields.value.map((key) => String(item[key] || ""));
+      const values = searchFields.value.map((key) => String(item[key] ?? "").trim()).filter((value) => value.length > 0);
       let result = "";
+      if (values.length === 0) {
+        return "";
+      }
       if (values.length === 1) {
-        result = values[0] || "";
+        result = values[0] ?? "";
       } else {
         if (values[1]?.length === 12 && parseInt(values[1])) {
           values[1] = formatPidWithDash(values[1]);
         }
         if (props.preserveOrder) {
-          const combined = `${values[0]} (${values[1]})`;
+          const primaryValue = values[0] ?? "";
+          const secondaryValue = values[1];
+          const combined = secondaryValue ? `${primaryValue} (${secondaryValue})` : primaryValue;
           const rest = values.slice(2).join("<br>");
           result = rest ? `${combined}<br>${rest}` : combined;
         } else {
-          result = values[0] || "";
+          result = values[0] ?? "";
           for (let i = 1; i < values.length; i++) {
-            result += ` (${values[i]})`;
+            const value = values[i];
+            if (value) {
+              result += ` (${value})`;
+            }
           }
         }
       }
@@ -10962,6 +11218,16 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       }
       emit("loadMore");
     };
+    const handleDropdownScroll = (event) => {
+      if (!props.autoLoadOnScroll || props.loadingMore || !shouldShowLoadMore.value) return;
+      const target = event.target;
+      if (!target) return;
+      const threshold = Math.max(0, props.autoLoadThreshold ?? 24);
+      const remaining = target.scrollHeight - (target.scrollTop + target.clientHeight);
+      if (remaining <= threshold) {
+        handleLoadMore();
+      }
+    };
     const handleInputFocus = () => {
       inputHasFocus.value = true;
       if ((isMultiple.value || !selectedItem.value) && displayedItems.value.length > 0) {
@@ -11070,7 +11336,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", _hoisted_1$a, [
           vue.createElementVNode("div", _hoisted_2$8, [
             vue.createElementVNode("div", _hoisted_3$6, [
-              vue.createVNode(_sfc_main$p, vue.mergeProps({
+              vue.createVNode(_sfc_main$q, vue.mergeProps({
                 ref_key: "inputComponentRef",
                 ref: inputComponentRef,
                 label: __props.label,
@@ -11099,10 +11365,11 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
             ref_key: "dropdownRef",
             ref: dropdownRef,
             class: vue.normalizeClass(listWrapperClasses.value),
-            style: vue.normalizeStyle(listWrapperStyle.value)
+            style: vue.normalizeStyle(listWrapperStyle.value),
+            onScrollPassive: handleDropdownScroll
           }, [
             __props.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$5, [
-              vue.createVNode(_sfc_main$x, {
+              vue.createVNode(_sfc_main$y, {
                 color: "blue",
                 size: "48px"
               })
@@ -11141,8 +11408,9 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                         labelClasses.value,
                         "font-normal text-gray-700 border-b border-gray-100 cursor-default pointer-events-none"
                       ]),
-                      style: vue.normalizeStyle(vue.unref(optionPaddingStyle)(item))
-                    }, vue.toDisplayString(handleMatchingString(item).replace(/<[^>]*>/g, "")), 7)) : (vue.openBlock(), vue.createElementBlock("label", {
+                      style: vue.normalizeStyle(vue.unref(optionPaddingStyle)(item)),
+                      innerHTML: handleMatchingString(item)
+                    }, null, 14, _hoisted_8$2)) : (vue.openBlock(), vue.createElementBlock("label", {
                       key: 1,
                       class: vue.normalizeClass([labelClasses.value, listItemClasses.value, "flex items-start gap-2"]),
                       style: vue.normalizeStyle(vue.unref(optionPaddingStyle)(item))
@@ -11158,15 +11426,15 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                           vue.withKeys((e) => !__props.multiple && handleClick(e, item), ["enter"]),
                           vue.withKeys(vue.withModifiers((e) => !__props.multiple && handleClick(e, item), ["prevent"]), ["space"])
                         ]
-                      }, null, 42, _hoisted_8$2),
+                      }, null, 42, _hoisted_9$2),
                       vue.createElementVNode("span", {
                         class: "min-w-0 flex-1",
                         innerHTML: handleMatchingString(item)
-                      }, null, 8, _hoisted_9$2)
+                      }, null, 8, _hoisted_10)
                     ], 6))
                   ], 42, _hoisted_7$3);
                 }), 128)),
-                vue.unref(shouldShowLoadMore) ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_10, [
+                vue.unref(shouldShowLoadMore) ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_11, [
                   vue.createElementVNode("div", {
                     class: vue.normalizeClass(["flex items-center gap-2 text-blue-600", { "cursor-pointer": !__props.loadingMore, "cursor-not-allowed opacity-70": __props.loadingMore }]),
                     role: "button",
@@ -11178,7 +11446,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                       _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(($event) => !__props.loadingMore && handleLoadMore(), ["prevent"]), ["space"]))
                     ]
                   }, [
-                    vue.createVNode(_sfc_main$E, {
+                    vue.createVNode(_sfc_main$F, {
                       icon: "sync",
                       loading: __props.loadingMore,
                       "aria-label": __props.loadingMore ? resolvedLoadingMoreLabel.value : resolvedLoadMoreLabel.value,
@@ -11186,20 +11454,20 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                       class: "w-6 h-6 pointer-events-none"
                     }, null, 8, ["loading", "aria-label"]),
                     vue.createElementVNode("span", null, vue.toDisplayString(__props.loadingMore ? resolvedLoadingMoreLabel.value : resolvedLoadMoreLabel.value), 1)
-                  ], 42, _hoisted_11)
+                  ], 42, _hoisted_12)
                 ])) : vue.createCommentVNode("", true)
               ], 32),
-              __props.page !== void 0 && totalPages.value !== null && totalPages.value > 1 ? (vue.openBlock(), vue.createBlock(_sfc_main$k, {
+              __props.page !== void 0 && totalPages.value !== null && totalPages.value > 1 ? (vue.openBlock(), vue.createBlock(_sfc_main$l, {
                 key: 0,
                 current: __props.page,
                 max: totalPages.value,
                 onPaginate: handlePagination,
                 class: "my-4! px-2"
               }, null, 8, ["current", "max"])) : vue.createCommentVNode("", true)
-            ], 64)) : !__props.loading ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_12, [
-              vue.createElementVNode("li", _hoisted_13, vue.toDisplayString(__props.noResultPrompt), 1)
+            ], 64)) : !__props.loading ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_13, [
+              vue.createElementVNode("li", _hoisted_14, vue.toDisplayString(__props.noResultPrompt), 1)
             ])) : vue.createCommentVNode("", true)
-          ], 6)) : vue.createCommentVNode("", true)
+          ], 38)) : vue.createCommentVNode("", true)
         ])
       ], 16);
     };
@@ -12142,7 +12410,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass("pt-2 pb-2")
         }, [
           vue.createElementVNode("div", _hoisted_1$7, [
-            hasChildrenNodes.value ? (vue.openBlock(), vue.createBlock(_sfc_main$E, vue.mergeProps({
+            hasChildrenNodes.value ? (vue.openBlock(), vue.createBlock(_sfc_main$F, 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 }, {
@@ -12174,7 +12442,7 @@ const _sfc_main$f = /* @__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$2, [
-              vue.createVNode(_sfc_main$E, vue.mergeProps({
+              vue.createVNode(_sfc_main$F, vue.mergeProps({
                 ref_key: "triggerRef",
                 ref: triggerRef,
                 icon: "more",
@@ -12234,7 +12502,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                           ], 8, _hoisted_8$1);
                         }), 64))
                       ]),
-                      vue.createVNode(_sfc_main$E, vue.mergeProps({
+                      vue.createVNode(_sfc_main$F, vue.mergeProps({
                         icon: "cross",
                         id: "tree-popover-close-button",
                         size: 24,
@@ -12417,7 +12685,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
           ref: searchContainerRef,
           class: "pb-4"
         }, [
-          vue.createVNode(_sfc_main$p, {
+          vue.createVNode(_sfc_main$q, {
             value: vue.unref(treeState)?.searchTerm?.value ?? "",
             onInput: _cache[0] || (_cache[0] = ($event) => vue.unref(treeState)?.setSearchTerm($event.target.value)),
             class: "w-full",
@@ -12434,7 +12702,7 @@ const _sfc_main$d = /* @__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$4, 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$4, 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$C, {
+        vue.unref(treeState)?.isEmptySearchResult?.value ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
           key: 1,
           class: "mt-4"
         }, {
@@ -12534,7 +12802,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "block mb-4" }, rootAttrs.value), [
         hasContent.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
           vue.createElementVNode("span", null, vue.toDisplayString(truncatedText.value), 1),
-          isTruncated.value ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
+          isTruncated.value ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
             key: 0,
             icon: isOpen.value ? "arrowUp" : "arrowDown",
             iconPos: "right",
@@ -12820,7 +13088,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                       vue.createElementVNode("span", {
                         class: vue.normalizeClass(["relative flex flex-col items-center text-blue-600 font-bold justify-center transition-all duration-200 ease-in-out mb-2 rounded-full w-[44px] h-[44px] bg-white-solid", setStepClasses(entry.index)])
                       }, [
-                        entry.index >= effectiveCompletedTo.value + 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, vue.toDisplayString(entry.index + 1), 1)) : (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+                        entry.index >= effectiveCompletedTo.value + 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, vue.toDisplayString(entry.index + 1), 1)) : (vue.openBlock(), vue.createBlock(_sfc_main$G, {
                           key: 1,
                           name: "checkmark",
                           size: 24
@@ -12983,7 +13251,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
             [vue.vModelSelect, internalValue.value]
           ]),
           vue.createElementVNode("div", _hoisted_6, [
-            vue.createVNode(_sfc_main$F, {
+            vue.createVNode(_sfc_main$G, {
               name: "arrowDown",
               size: 24,
               class: vue.normalizeClass({
@@ -13120,12 +13388,12 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(validationIconClasses.value)
           }, [
-            isInvalid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+            isInvalid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
               key: 0,
               name: "alert",
               class: "fill-red-600"
             })) : vue.createCommentVNode("", true),
-            isValid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+            isValid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
               key: 1,
               name: "bigSuccess"
             })) : vue.createCommentVNode("", true)
@@ -13213,7 +13481,7 @@ const _sfc_main$6 = /* @__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$F, {
+          vue.createVNode(_sfc_main$G, {
             name: iconName.value,
             size: "24px",
             class: "fill-blue-500"
@@ -13458,7 +13726,7 @@ const _sfc_main = /* @__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$x, {
+        __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
           key: 0,
           size: "24px",
           color: "blue",
@@ -13522,32 +13790,33 @@ const bankid = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%2
 const FdsVueCorePlugin = {
   install(app) {
     app.component("FdsTreeView", _sfc_main$d);
-    app.component("FdsButtonPrimary", _sfc_main$t);
-    app.component("FdsButtonSecondary", _sfc_main$s);
-    app.component("FdsButtonMinor", _sfc_main$w);
-    app.component("FdsButtonIcon", _sfc_main$E);
-    app.component("FdsButtonCopy", _sfc_main$v);
-    app.component("FdsButtonDownload", _sfc_main$u);
-    app.component("FdsDevMode", _sfc_main$l);
-    app.component("FdsIcon", _sfc_main$F);
-    app.component("FdsSpinner", _sfc_main$x);
+    app.component("FdsButtonPrimary", _sfc_main$u);
+    app.component("FdsButtonSecondary", _sfc_main$t);
+    app.component("FdsButtonMinor", _sfc_main$x);
+    app.component("FdsButtonIcon", _sfc_main$F);
+    app.component("FdsButtonCopy", _sfc_main$w);
+    app.component("FdsButtonDownload", _sfc_main$v);
+    app.component("FdsDevMode", _sfc_main$m);
+    app.component("FdsIcon", _sfc_main$G);
+    app.component("FdsSpinner", _sfc_main$y);
     app.component("FdsRadio", _sfc_main$g);
     app.component("FdsCheckbox", _sfc_main$h);
     app.component("FdsTextarea", _sfc_main$8);
     app.component("FdsSelect", _sfc_main$9);
     app.component("FdsTable", _sfc_main$7);
     app.component("FdsTableHead", _sfc_main$6);
-    app.component("FdsInput", _sfc_main$p);
-    app.component("FdsBlockContent", _sfc_main$C);
-    app.component("FdsBlockInfo", _sfc_main$z);
-    app.component("FdsBlockAlert", _sfc_main$D);
-    app.component("FdsBlockExpander", _sfc_main$A);
-    app.component("FdsBlockLink", _sfc_main$y);
-    app.component("FdsSticker", _sfc_main$B);
-    app.component("FdsTabs", _sfc_main$o);
-    app.component("FdsTabsItem", _sfc_main$n);
-    app.component("FdsModal", _sfc_main$q);
-    app.component("FdsPagination", _sfc_main$k);
+    app.component("FdsInput", _sfc_main$q);
+    app.component("FdsBlockContent", _sfc_main$D);
+    app.component("FdsBlockInfo", _sfc_main$A);
+    app.component("FdsBlockAlert", _sfc_main$E);
+    app.component("FdsBlockExpander", _sfc_main$B);
+    app.component("FdsBlockLink", _sfc_main$z);
+    app.component("FdsSticker", _sfc_main$C);
+    app.component("FdsTabs", _sfc_main$p);
+    app.component("FdsTabsItem", _sfc_main$o);
+    app.component("FdsModal", _sfc_main$r);
+    app.component("FdsPagination", _sfc_main$l);
+    app.component("FdsPopover", _sfc_main$k);
     app.component("FdsSearchSelect", _sfc_main$j);
     app.component("FdsSearchSelectPro", _sfc_main$i);
     app.component("FdsTruncatedText", _sfc_main$c);
@@ -13562,41 +13831,42 @@ const FdsVueCorePlugin = {
     app.component("FdsListHeading", _sfc_main);
   }
 };
-exports.FdsBlockAlert = _sfc_main$D;
-exports.FdsBlockContent = _sfc_main$C;
-exports.FdsBlockExpander = _sfc_main$A;
-exports.FdsBlockInfo = _sfc_main$z;
-exports.FdsBlockLink = _sfc_main$y;
-exports.FdsButtonCopy = _sfc_main$v;
-exports.FdsButtonDownload = _sfc_main$u;
-exports.FdsButtonIcon = _sfc_main$E;
-exports.FdsButtonMinor = _sfc_main$w;
-exports.FdsButtonPrimary = _sfc_main$t;
-exports.FdsButtonSecondary = _sfc_main$s;
+exports.FdsBlockAlert = _sfc_main$E;
+exports.FdsBlockContent = _sfc_main$D;
+exports.FdsBlockExpander = _sfc_main$B;
+exports.FdsBlockInfo = _sfc_main$A;
+exports.FdsBlockLink = _sfc_main$z;
+exports.FdsButtonCopy = _sfc_main$w;
+exports.FdsButtonDownload = _sfc_main$v;
+exports.FdsButtonIcon = _sfc_main$F;
+exports.FdsButtonMinor = _sfc_main$x;
+exports.FdsButtonPrimary = _sfc_main$u;
+exports.FdsButtonSecondary = _sfc_main$t;
 exports.FdsCheckbox = _sfc_main$h;
-exports.FdsDevMode = _sfc_main$l;
+exports.FdsDevMode = _sfc_main$m;
 exports.FdsH1 = _sfc_main$5;
 exports.FdsH2 = _sfc_main$4;
 exports.FdsH3 = _sfc_main$3;
 exports.FdsHr = _sfc_main$2;
-exports.FdsIcon = _sfc_main$F;
-exports.FdsInput = _sfc_main$p;
+exports.FdsIcon = _sfc_main$G;
+exports.FdsInput = _sfc_main$q;
 exports.FdsLabel = _sfc_main$1;
 exports.FdsLead = _sfc_main$b;
 exports.FdsListHeading = _sfc_main;
 exports.FdsMeta = _sfc_main$e;
-exports.FdsModal = _sfc_main$q;
-exports.FdsPagination = _sfc_main$k;
+exports.FdsModal = _sfc_main$r;
+exports.FdsPagination = _sfc_main$l;
+exports.FdsPopover = _sfc_main$k;
 exports.FdsRadio = _sfc_main$g;
 exports.FdsSearchSelect = _sfc_main$j;
 exports.FdsSearchSelectPro = _sfc_main$i;
 exports.FdsSelect = _sfc_main$9;
-exports.FdsSpinner = _sfc_main$x;
-exports.FdsSticker = _sfc_main$B;
+exports.FdsSpinner = _sfc_main$y;
+exports.FdsSticker = _sfc_main$C;
 exports.FdsTable = _sfc_main$7;
 exports.FdsTableHead = _sfc_main$6;
-exports.FdsTabs = _sfc_main$o;
-exports.FdsTabsItem = _sfc_main$n;
+exports.FdsTabs = _sfc_main$p;
+exports.FdsTabsItem = _sfc_main$o;
 exports.FdsTextarea = _sfc_main$8;
 exports.FdsTreeView = _sfc_main$d;
 exports.FdsTruncatedText = _sfc_main$c;