fds-vue-core 2.0.65 → 2.0.67

package/dist/components/Blocks/FdsBlockAlert/FdsBlockAlert.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsBlockAlert.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Blocks/FdsBlockAlert/FdsBlockAlert.vue"],"names":[],"mappings":"AA2GA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAuNjD,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA8BhD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;4EAInB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FdsBlockAlert.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Blocks/FdsBlockAlert/FdsBlockAlert.vue"],"names":[],"mappings":"AA2GA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAwNjD,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA8BhD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;4EAInB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/FdsModal/FdsModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FdsModal/FdsModal.vue"],"names":[],"mappings":"AA+PA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA8V5C,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA+BvD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;4EAInB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FdsModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FdsModal/FdsModal.vue"],"names":[],"mappings":"AA8PA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA2V5C,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA+BvD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;4EAInB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -415,7 +415,7 @@ function useHasSlot(name = "default") {
   });
 }
 const _hoisted_1$q = ["for"];
-const _hoisted_2$g = ["id", "name", "value", "disabled", "required"];
+const _hoisted_2$f = ["id", "name", "value", "disabled", "required"];
 const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsCheckbox",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -527,7 +527,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
             required: _ctx.required,
             type: "checkbox",
             class: vue.normalizeClass([checkboxClasses.value])
-          }, null, 10, _hoisted_2$g), [
+          }, null, 10, _hoisted_2$f), [
             [vue.vModelCheckbox, internalChecked.value]
           ]),
           vue.unref(hasLabelSlot) || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -1140,7 +1140,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$n = ["for"];
-const _hoisted_2$f = ["id", "name", "value", "disabled", "required"];
+const _hoisted_2$e = ["id", "name", "value", "disabled", "required"];
 const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsRadio",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -1202,7 +1202,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
             required: _ctx.required,
             type: "radio",
             class: vue.normalizeClass([inputClasses.value, "m-[3px]"])
-          }, null, 10, _hoisted_2$f), [
+          }, null, 10, _hoisted_2$e), [
             [vue.vModelRadio, radioModel.value]
           ]),
           vue.unref(hasLabelSlot) || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -1219,7 +1219,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$m = { class: "flex items-start" };
-const _hoisted_2$e = { class: "flex-1 flex" };
+const _hoisted_2$d = { class: "flex-1 flex" };
 const _hoisted_3$b = ["innerHTML"];
 const _hoisted_4$9 = { key: 1 };
 const _hoisted_5$7 = { key: 0 };
@@ -1449,7 +1449,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
               key: 1,
               style: vue.normalizeStyle({ minWidth: `${_ctx.indentation}px` })
             }, null, 4)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_2$e, [
+            vue.createElementVNode("div", _hoisted_2$d, [
               vue.createVNode(_sfc_main$v, {
                 id: `checkbox-${props.nodeId}`,
                 checked: vue.unref(treeState)?.isNodeSelected(props.nodeId),
@@ -1766,7 +1766,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$j = { class: "w-full mb-4" };
-const _hoisted_2$d = ["for"];
+const _hoisted_2$c = ["for"];
 const _hoisted_3$a = { class: "relative" };
 const _hoisted_4$8 = ["id", "name", "type", "disabled", "required", "size", "maxlength", "aria-invalid"];
 const _hoisted_5$6 = {
@@ -1854,7 +1854,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
               key: 0,
               for: inputId.value,
               class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
-            }, vue.toDisplayString(_ctx.label), 11, _hoisted_2$d)) : vue.createCommentVNode("", true),
+            }, vue.toDisplayString(_ctx.label), 11, _hoisted_2$c)) : vue.createCommentVNode("", true),
             _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
               class: vue.normalizeClass(["font-thin", { "mb-1": !_ctx.labelLeft }])
@@ -1912,7 +1912,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$i = ["id"];
-const _hoisted_2$c = {
+const _hoisted_2$b = {
   key: 0,
   class: "flex items-start justify-between gap-4"
 };
@@ -1958,7 +1958,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(contentClasses.value),
         style: vue.normalizeStyle(borderLeftStyle.value)
       }, [
-        _ctx.heading ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$c, [
+        _ctx.heading ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$b, [
           vue.createElementVNode("div", _hoisted_3$9, [
             vue.createElementVNode("h3", {
               class: vue.normalizeClass(headerClasses.value)
@@ -2002,7 +2002,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$h = { key: 0 };
-const _hoisted_2$b = {
+const _hoisted_2$a = {
   key: 0,
   class: "text-xl"
 };
@@ -2105,7 +2105,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
             _: 1
           }, 8, ["value", "label"]),
           props.searchCountTemplate || props.searchCountTemplateUnfiltered ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
-            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$b, 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$8, vue.toDisplayString(props.searchCountTemplateUnfiltered?.replace("[[totalNodes]]", totalNodeCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1))
+            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$a, 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$8, 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$n, {
@@ -2430,7 +2430,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$d = ["aria-disabled"];
-const _hoisted_2$a = ["disabled"];
+const _hoisted_2$9 = ["disabled"];
 const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
@@ -2578,13 +2578,13 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["class"])
           ], 2),
           vue.createTextVNode(" " + vue.toDisplayString(_ctx.text), 1)
-        ], 16, _hoisted_2$a)
+        ], 16, _hoisted_2$9)
       ], 10, _hoisted_1$d);
     };
   }
 });
 const _hoisted_1$c = { class: "w-full mb-4" };
-const _hoisted_2$9 = ["for"];
+const _hoisted_2$8 = ["for"];
 const _hoisted_3$7 = {
   key: 1,
   class: "font-thin mb-1"
@@ -2653,7 +2653,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
             key: 0,
             for: textareaId.value,
             class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
-          }, vue.toDisplayString(_ctx.label), 11, _hoisted_2$9)) : vue.createCommentVNode("", true),
+          }, vue.toDisplayString(_ctx.label), 11, _hoisted_2$8)) : vue.createCommentVNode("", true),
           _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$7, vue.toDisplayString(_ctx.meta), 1)) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_4$6, [
             vue.withDirectives(vue.createElementVNode("textarea", vue.mergeProps({
@@ -2691,7 +2691,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$b = { class: "w-full mb-4" };
-const _hoisted_2$8 = ["for"];
+const _hoisted_2$7 = ["for"];
 const _hoisted_3$6 = {
   key: 1,
   class: "font-thin mb-1"
@@ -2766,7 +2766,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           for: selectId.value,
           class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
-        }, vue.toDisplayString(_ctx.label), 11, _hoisted_2$8)) : vue.createCommentVNode("", true),
+        }, vue.toDisplayString(_ctx.label), 11, _hoisted_2$7)) : vue.createCommentVNode("", true),
         _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$6, vue.toDisplayString(_ctx.meta), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_4$5, [
           vue.withDirectives(vue.createElementVNode("select", vue.mergeProps({
@@ -2831,7 +2831,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$a = { class: "fds-table-head" };
-const _hoisted_2$7 = { key: 0 };
+const _hoisted_2$6 = { key: 0 };
 const _hoisted_3$5 = { key: 1 };
 const _hoisted_4$4 = { key: 0 };
 const _hoisted_5$2 = { key: 1 };
@@ -2860,7 +2860,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(headerClasses.value),
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("sort"))
         }, [
-          vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$7, [
+          vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$6, [
             vue.renderSlot(_ctx.$slots, "default")
           ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$5, vue.toDisplayString(_ctx.heading), 1)),
           vue.createVNode(_sfc_main$u, {
@@ -2881,7 +2881,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$9 = ["id"];
-const _hoisted_2$6 = {
+const _hoisted_2$5 = {
   key: 0,
   class: "flex items-start gap-4"
 };
@@ -2930,7 +2930,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
         id: contentBlockId.value,
         class: vue.normalizeClass(contentClasses.value)
       }, [
-        _ctx.size === "large" && _ctx.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$6, [
+        _ctx.size === "large" && _ctx.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$5, [
           vue.createVNode(_sfc_main$u, {
             name: _ctx.icon,
             size: largeIconSize,
@@ -2978,11 +2978,11 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$8 = ["id"];
-const _hoisted_2$5 = { class: "flex items-center gap-2" };
+const _hoisted_2$4 = { class: "flex items-center gap-2" };
 const _hoisted_3$3 = { class: "relative" };
 const _hoisted_4$2 = {
   key: 1,
-  class: "mb-0-last-child"
+  class: "fds-block-alert-slot mb-0-last-child"
 };
 const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockAlert",
@@ -3039,7 +3039,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
               key: 0,
               class: vue.normalizeClass(["font-bold w-full justify-between items-center h-[24px] flex gap-2", { "mb-4": (isExpanded.value || !_ctx.collapsable) && vue.unref(hasSlot) }])
             }, [
-              vue.createElementVNode("div", _hoisted_2$5, [
+              vue.createElementVNode("div", _hoisted_2$4, [
                 vue.createVNode(_sfc_main$u, {
                   name: "alert",
                   size: 24,
@@ -3080,7 +3080,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$7 = { class: "inline-flex items-center" };
-const _hoisted_2$4 = {
+const _hoisted_2$3 = {
   key: 0,
   class: "flex items-center mr-4"
 };
@@ -3129,7 +3129,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
           onClick: handleToggle
         }, [
           vue.createElementVNode("span", _hoisted_1$7, [
-            _ctx.preIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$4, [
+            _ctx.preIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$3, [
               vue.createVNode(_sfc_main$u, {
                 name: _ctx.preIcon,
                 size: 24,
@@ -3161,7 +3161,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$6 = { class: "block max-w-full mb-4" };
-const _hoisted_2$3 = { class: "mb-0-last-child" };
+const _hoisted_2$2 = { class: "mb-0-last-child" };
 const _hoisted_3$1 = { key: 0 };
 const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockLink",
@@ -3259,7 +3259,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass(slotWrapperClasses.value)
                 }, [
-                  vue.createElementVNode("div", _hoisted_2$3, [
+                  vue.createElementVNode("div", _hoisted_2$2, [
                     vue.renderSlot(_ctx.$slots, "default")
                   ]),
                   vue.unref(hasStickerSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
@@ -3332,11 +3332,11 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const tabsClasses = vue.computed(() => [
-      "inline-flex overflow-auto max-w-full p-0.5 gap-0.5 mb-8",
+      "inline-flex overflow-auto max-w-full p-0.5 gap-0.5",
       {
         "flex justify-between w-full": props.block,
-        "bg-blue_t-100 rounded-[10px]": props.variant === "primary",
-        "gap-2": props.variant === "secondary"
+        "bg-blue_t-100 rounded-[10px] mb-8": props.variant === "primary",
+        "gap-2 mb-4": props.variant === "secondary"
       }
     ]);
     vue.provide("tabsVariant", props.variant);
@@ -3474,7 +3474,6 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$4 = { class: "flex justify-between mb-4" };
-const _hoisted_2$2 = { class: "mb-0-last-child" };
 const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsModal",
   props: {
@@ -3499,16 +3498,15 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     const hasFooterSlot = useHasSlot("modal-footer");
     const modalOuterClasses = vue.computed(() => ["fixed top-0 left-0 w-full h-full overflow-auto z-100"]);
     const modalInnerClasses = vue.computed(() => [
-      "relative min-w-[288px] w-[calc(100%-5rem)]  bg-white rounded-lg overflow-auto z-[99999] shadow-lg p-6 left-1/2",
+      "relative min-w-[288px] w-[calc(100%-5rem)] bg-white rounded-lg overflow-auto z-[99999] shadow-lg px-6 pt-6.5 left-1/2",
       "max-h-[80%] top-1/2 translate-x-[-50%]",
       props.alignTop ? "top-[10rem]" : "translate-y-[-50%]",
-      hasFooterSlot.value ? "pb-0" : "",
+      props.stickyFooter ? "pb-6" : "pb-8",
       {
         "max-w-[480px]": props.size === "sm",
         "max-w-[588px]": props.size === "md",
         "max-w-[768px]": props.size === "lg",
-        "max-w-[1200px]": props.size === "xl",
-        "pb-0": hasFooterSlot.value
+        "max-w-[1200px]": props.size === "xl"
       }
     ]);
     const headerTitleClasses = vue.computed(() => ["m-0"]);
@@ -3529,11 +3527,11 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
       () => props.locale === "sv" ? "Stäng dialogruta" : "Close modal window"
     );
     const footerClasses = vue.computed(() => [
-      "mt-6 flex flex-col gap-4 pb-8 min-h-[104px] left-0 right-0",
+      "mt-6 flex flex-col gap-4 left-0 right-0",
       {
         "sm:flex-row sm:justify-end": !props.alignLeftFooter,
         "sm:flex-row sm:justify-start": props.alignLeftFooter,
-        "sticky p-6 -mx-6 bg-white bottom-0 shadow-[0px_-8px_16px_0px_rgba(255,255,255,0.59)] z-[2]": props.stickyFooter
+        "sticky bg-white bottom-0 shadow-[0px_-8px_16px_0px_rgba(255,255,255,0.59)] z-[2]": props.stickyFooter
       }
     ]);
     const handleBackdropClick = () => {
@@ -3671,7 +3669,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
                 class: "ml-4"
               }, null, 8, ["ariaLabel"])) : vue.createCommentVNode("", true)
             ]),
-            vue.createElementVNode("div", _hoisted_2$2, [
+            vue.createElementVNode("div", null, [
               vue.renderSlot(_ctx.$slots, "default")
             ]),
             vue.unref(hasFooterSlot) ? (vue.openBlock(), vue.createElementBlock("div", {