fds-vue-core 2.0.7 → 2.0.9

package/dist/components/Form/FdsInput/FdsInput.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsInput.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsInput/FdsInput.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAuB/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KASxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA"}
+{"version":3,"file":"FdsInput.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsInput/FdsInput.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CA2B/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KASxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA"}

package/dist/components/Form/FdsInput/FdsInput.vue.d.ts

@@ -1,12 +1,19 @@
 import type { FdsInputProps } from './types';
-declare const _default: import("vue").DefineComponent<FdsInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+type __VLS_Props = FdsInputProps;
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+} & {
     input: (ev: Event) => any;
     clearInput: () => any;
     "update:value": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<FdsInputProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onInput?: (ev: Event) => any;
     onClearInput?: () => any;
     "onUpdate:value"?: (value: string) => any;
+    "onUpdate:modelValue"?: (value: string) => any;
 }>, {
     disabled: boolean;
     value: string;

package/dist/components/Form/FdsInput/FdsInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsInput/FdsInput.vue"],"names":[],"mappings":"AA2IA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AAmT5C,wBAIG"}
+{"version":3,"file":"FdsInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsInput/FdsInput.vue"],"names":[],"mappings":"AA6IA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAK5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAmGjC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqNF,wBAIG"}

package/dist/components/Form/FdsSelect/FdsSelect.vue.d.ts

@@ -1,12 +1,19 @@
 import type { FdsSelectProps } from './types';
-declare const _default: import("vue").DefineComponent<FdsSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+type __VLS_Props = FdsSelectProps;
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+} & {
     change: (ev: Event) => any;
     input: (ev: Event) => any;
     "update:value": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<FdsSelectProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onChange?: (ev: Event) => any;
     onInput?: (ev: Event) => any;
     "onUpdate:value"?: (value: string) => any;
+    "onUpdate:modelValue"?: (value: string) => any;
 }>, {
     disabled: boolean;
     value: string;

package/dist/components/Form/FdsSelect/FdsSelect.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsSelect/FdsSelect.vue"],"names":[],"mappings":"AA8GA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;;AAkO7C,wBAIG"}
+{"version":3,"file":"FdsSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsSelect/FdsSelect.vue"],"names":[],"mappings":"AAoHA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,KAAK,WAAW,GAAG,cAAc,CAAC;AA2ElC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;AA6JF,wBAIG"}

package/dist/components/Form/FdsTextarea/FdsTextarea.vue.d.ts

@@ -1,10 +1,17 @@
 import type { FdsTextareaProps } from './types';
-declare const _default: import("vue").DefineComponent<FdsTextareaProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+type __VLS_Props = FdsTextareaProps;
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+} & {
     input: (ev: Event) => any;
     "update:value": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<FdsTextareaProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onInput?: (ev: Event) => any;
     "onUpdate:value"?: (value: string) => any;
+    "onUpdate:modelValue"?: (value: string) => any;
 }>, {
     disabled: boolean;
     value: string;

package/dist/components/Form/FdsTextarea/FdsTextarea.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsTextarea.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsTextarea/FdsTextarea.vue"],"names":[],"mappings":"AA2FA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;;;;;;;;;;;;;;;;;;AAgN/C,wBAIG"}
+{"version":3,"file":"FdsTextarea.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsTextarea/FdsTextarea.vue"],"names":[],"mappings":"AAiGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAuEpC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;;;;;;;;;;;;;;;;;;;;;AA+IF,wBAIG"}

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

@@ -482,7 +482,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
         slots.default ? (vue.openBlock(), vue.createElementBlock("label", {
           key: 0,
           for: inputId.value || void 0,
-          class: vue.normalizeClass(["relative inline-block pl-7 pr-0.5 rounded-md leading-[1.335] select-none hover:bg-blue_t-100 active:bg-blue_t-200 peer-focus-visible:outline-dashed peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-blue-500", _ctx.disabled ? "cursor-not-allowed" : "cursor-pointer"])
+          class: vue.normalizeClass(["relative inline-block pl-7 pr-0.5 rounded-md leading-md select-none hover:bg-blue_t-100 active:bg-blue_t-200 peer-focus-visible:outline-dashed peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-blue-500", _ctx.disabled ? "cursor-not-allowed" : "cursor-pointer"])
         }, [
           vue.renderSlot(_ctx.$slots, "default")
         ], 10, _hoisted_2$e)) : vue.createCommentVNode("", true)
@@ -1733,8 +1733,8 @@ const _hoisted_6$4 = {
 };
 const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsInput",
-  props: {
-    value: { default: "" },
+  props: /* @__PURE__ */ vue.mergeModels({
+    value: { default: void 0 },
     label: { default: void 0 },
     disabled: { type: Boolean, default: false },
     valid: { default: void 0 },
@@ -1751,9 +1751,13 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     locale: {},
     size: {},
     maxlength: {}
-  },
-  emits: ["input", "clearInput", "update:value"],
+  }, {
+    "modelValue": { default: void 0, required: false },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["input", "clearInput", "update:value"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
+    const modelValue = vue.useModel(__props, "modelValue");
     const props = __props;
     const emit = __emit;
     const autoId = `fds-input-${Math.random().toString(36).slice(2, 9)}`;
@@ -1768,7 +1772,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
       () => isPasswordType.value && internalValue.value.length > 0
     );
     const inputClasses = vue.computed(() => [
-      "block w-full rounded-md border border-gray-300 px-3 py-2",
+      "block w-full rounded-md border border-gray-500 px-3 py-[calc(0.75rem-1px)] mb-6",
       "focus:outline-2 focus:outline-blue-500 focus:border-transparent",
       props.disabled ? "outline-dashed outline-2 -outline-offset-2 outline-gray-400 cursor-not-allowed border-transparent" : "bg-white",
       isInvalid.value && "outline-2 -outline-offset-2 outline-red-600"
@@ -1776,19 +1780,21 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     const validationIconClasses = vue.computed(() => [
       "absolute flex gap-2 right-4 top-1/2 -translate-y-1/2 flex items-center justify-end"
     ]);
-    const internalValue = vue.ref(props.value ?? "");
-    vue.watch(
-      () => props.value,
-      (v) => {
-        internalValue.value = v ?? "";
+    const internalValue = vue.computed({
+      get: () => (
+        // If modelValue is explicitly set (via v-model), use it
+        // Otherwise fall back to value prop
+        modelValue.value !== void 0 ? modelValue.value : props.value ?? ""
+      ),
+      set: (newValue) => {
+        if (modelValue.value !== void 0) {
+          modelValue.value = newValue;
+        }
+        emit("update:value", newValue);
       }
-    );
-    vue.watch(internalValue, (v) => {
-      emit("update:value", v);
     });
     function onClear() {
       internalValue.value = "";
-      emit("update:value", "");
       emit("clearInput");
     }
     const showPassword = vue.ref(false);
@@ -1805,7 +1811,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
             _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
               key: 0,
               for: inputId.value,
-              class: vue.normalizeClass(["block font-bold text-gray-700", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
+              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$b)) : vue.createCommentVNode("", true),
             _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
@@ -2354,8 +2360,8 @@ const _hoisted_7$2 = {
 };
 const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTextarea",
-  props: {
-    value: { default: "" },
+  props: /* @__PURE__ */ vue.mergeModels({
+    value: { default: void 0 },
     label: { default: void 0 },
     meta: { default: void 0 },
     disabled: { type: Boolean, default: false },
@@ -2365,9 +2371,13 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     rows: { default: 4 },
     name: { default: void 0 },
     id: { default: void 0 }
-  },
-  emits: ["input", "update:value"],
+  }, {
+    "modelValue": { default: void 0, required: false },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["input", "update:value"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
+    const modelValue = vue.useModel(__props, "modelValue");
     const props = __props;
     const emit = __emit;
     const autoId = `fds-textarea-${Math.random().toString(36).slice(2, 9)}`;
@@ -2378,7 +2388,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     const isInvalid = vue.computed(() => props.valid === "false" && !props.optional && !props.disabled);
     const isValid = vue.computed(() => props.valid === "true");
     const inputClasses = vue.computed(() => [
-      "block w-full rounded-md border border-gray-300 px-3 py-2",
+      "block w-full rounded-md border border-gray-500 px-3 py-2",
       "focus:outline-2 focus:outline-blue-500 focus:border-transparent",
       props.disabled ? "outline-dashed outline-2 -outline-offset-2 outline-gray-400 cursor-not-allowed border-transparent bg-gray-50" : "bg-white",
       isInvalid.value && "outline-2 -outline-offset-2 outline-red-600"
@@ -2386,15 +2396,14 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     const validationIconClasses = vue.computed(() => [
       "absolute right-3 top-3 flex items-center gap-2 pointer-events-none"
     ]);
-    const internalValue = vue.ref(props.value ?? "");
-    vue.watch(
-      () => props.value,
-      (v) => {
-        internalValue.value = v ?? "";
+    const internalValue = vue.computed({
+      get: () => modelValue.value !== void 0 ? modelValue.value : props.value ?? "",
+      set: (newValue) => {
+        if (modelValue.value !== void 0) {
+          modelValue.value = newValue;
+        }
+        emit("update:value", newValue);
       }
-    );
-    vue.watch(internalValue, (v) => {
-      emit("update:value", v);
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -2402,7 +2411,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
           _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
             key: 0,
             for: textareaId.value,
-            class: vue.normalizeClass(["block font-bold text-gray-700", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
+            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),
           _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$7, vue.toDisplayString(_ctx.meta), 1)) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_4$6, [
@@ -2415,7 +2424,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
               "aria-invalid": _ctx.valid === "false" ? "true" : void 0,
               class: inputClasses.value
             }, _ctx.$attrs, {
-              onInput: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("input", $event))
+              onInput: _cache[1] || (_cache[1] = (e) => emit("input", e))
             }), null, 16, _hoisted_5$4), [
               [vue.vModelText, internalValue.value]
             ]),
@@ -2461,8 +2470,8 @@ const _hoisted_9$1 = {
 };
 const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsSelect",
-  props: {
-    value: { default: "" },
+  props: /* @__PURE__ */ vue.mergeModels({
+    value: { default: void 0 },
     label: { default: void 0 },
     meta: { default: void 0 },
     disabled: { type: Boolean, default: false },
@@ -2473,9 +2482,13 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     id: { default: void 0 },
     placeholder: { default: "Välj..." },
     options: {}
-  },
-  emits: ["input", "change", "update:value"],
+  }, {
+    "modelValue": { default: void 0, required: false },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["input", "change", "update:value"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
+    const modelValue = vue.useModel(__props, "modelValue");
     const props = __props;
     const emit = __emit;
     const autoId = `fds-select-${Math.random().toString(36).slice(2, 9)}`;
@@ -2491,15 +2504,14 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       props.disabled ? "outline-dashed text-gray-600 outline-2 -outline-offset-2 outline-gray-400 cursor-not-allowed border-transparent" : "bg-white cursor-pointer",
       isInvalid.value && !props.disabled && "outline-2 -outline-offset-2 outline-red-600 text-red-600"
     ]);
-    const internalValue = vue.ref(props.value ?? "");
-    vue.watch(
-      () => props.value,
-      (v) => {
-        internalValue.value = v ?? "";
+    const internalValue = vue.computed({
+      get: () => modelValue.value !== void 0 ? modelValue.value : props.value ?? "",
+      set: (newValue) => {
+        if (modelValue.value !== void 0) {
+          modelValue.value = newValue;
+        }
+        emit("update:value", newValue);
       }
-    );
-    vue.watch(internalValue, (v) => {
-      emit("update:value", v);
     });
     function handleChange(ev) {
       emit("change", ev);
@@ -2510,7 +2522,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
           key: 0,
           for: selectId.value,
-          class: vue.normalizeClass(["block font-bold text-gray-700", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
+          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$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, [
@@ -2523,7 +2535,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
             class: selectClasses.value
           }, _ctx.$attrs, {
             onChange: handleChange,
-            onInput: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("input", $event))
+            onInput: _cache[1] || (_cache[1] = (e) => emit("input", e))
           }), [
             _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock("option", _hoisted_6$2, vue.toDisplayString(_ctx.placeholder), 1)) : vue.createCommentVNode("", true),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option) => {
@@ -2587,7 +2599,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const headerClasses = vue.computed(() => [
-      "appearance-none bg-transparent flex items-center border-none text-left px-6 py-4 w-full bg-transparent text-gray-800 whitespace-nowrap text-base font-bold leading-5 tracking-normal",
+      "appearance-none bg-transparent flex items-center border-none text-left p-4 w-full bg-transparent text-gray-800 whitespace-nowrap text-base font-bold leading-5 tracking-normal",
       props.align === "center" && "text-center justify-center",
       props.align === "right" && "text-right justify-end",
       props.sortable && "text-blue-600! hover:bg-blue_t-200 cursor-pointer focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-500 active:bg-blue_t-300"
@@ -2733,7 +2745,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
         isVisible.value = v;
       }
     );
-    const alertClasses = vue.computed(() => ["bg-yellow-200 border-yellow-300 rounded-md p-4 mb-4"]);
+    const alertClasses = vue.computed(() => ["bg-yellow-200 border-yellow-300 border-1 rounded-md p-4 pb-6 mb-4"]);
     const autoId = `fds-alert-${Math.random().toString(36).slice(2, 9)}`;
     const alertId = vue.computed(() => props.id ?? autoId);
     function handleClose() {
@@ -2783,7 +2795,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                   class: vue.normalizeClass([
                     "fill-gray-900! hover:bg-gray-100 active:bg-gray-200",
                     "[&_svg]:transition-transform [&_svg]:duration-200",
-                    isExpanded.value ? "[&_svg]:rotate-180" : "[&_svg]:rotate-0"
+                    isExpanded.value ? "[&_svg]:-rotate-180" : "[&_svg]:rotate-0"
                   ])
                 }, null, 8, ["ariaLabel", "class"])) : vue.createCommentVNode("", true)
               ])
@@ -2797,7 +2809,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const FdsBlockAlert = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-aa2ede5a"]]);
+const FdsBlockAlert = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-30ef3a44"]]);
 const _hoisted_1$7 = { class: "inline-flex items-center" };
 const _hoisted_2$4 = {
   key: 0,
@@ -3242,7 +3254,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
       {
         "sm:flex-row sm:justify-end": !props.alignLeftFooter,
         "sm:flex-row sm:justify-start": props.alignLeftFooter,
-        "sticky pt-4 pb-6 px-6 mt-4 bottom-0 bg-white shadow-[0px_-8px_16px_0px_rgba(255,255,255,0.59)] z-[2]": props.stickyFooter
+        "sticky pt-4 pb-6 mt-4 bottom-0 bg-white shadow-[0px_-8px_16px_0px_rgba(255,255,255,0.59)] z-[2]": props.stickyFooter
       }
     ]);
     const handleBackdropClick = () => {
@@ -3381,7 +3393,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const FdsModal = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-8405e00f"]]);
+const FdsModal = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-8b537fc0"]]);
 const _hoisted_1$3 = { class: "my-6 flex items-between justify-between gap-2" };
 const _hoisted_2$1 = { class: "flex items-center justify-start gap-1 w-[100px]" };
 const _hoisted_3$1 = { class: "flex items-center justify-center w-auto gap-2 order-0 sm:order-0" };