@oub/fusion 0.2.74 → 0.2.76

package/dist/fusion.js

@@ -1,4 +1,4 @@
-import { defineComponent as ve, openBlock as d, createElementBlock as m, createStaticVNode as jo, ref as ae, resolveComponent as me, normalizeClass as W, createBlock as de, renderSlot as Z, createTextVNode as dt, toDisplayString as oe, createElementVNode as y, createCommentVNode as D, withDirectives as Qt, withKeys as be, vModelText as Er, createVNode as ke, resolveDynamicComponent as Rt, withCtx as he, getCurrentScope as qr, onScopeDispose as Jr, unref as A, toRef as ba, readonly as Go, customRef as Zo, watch as ct, h as Xr, computed as j, vModelDynamic as _o, mergeProps as ze, Fragment as Te, renderList as Re, createSlots as et, pushScopeId as Un, popScopeId as Vn, withScopeId as $o, Transition as Gt, vShow as ha, reactive as Pa, useSlots as Zt, onMounted as it, nextTick as Ht, onUnmounted as Qn, isRef as cr, normalizeProps as Ge, guardReactiveProps as rt, Teleport as ei, render as pr, withModifiers as Me, normalizeStyle as mt, onBeforeUpdate as ti } from "vue";
+import { defineComponent as ve, openBlock as d, createElementBlock as m, createStaticVNode as jo, ref as ae, resolveComponent as me, normalizeClass as Y, createBlock as de, renderSlot as Z, createTextVNode as dt, toDisplayString as oe, createElementVNode as y, createCommentVNode as D, withDirectives as Qt, withKeys as be, vModelText as Er, createVNode as ke, resolveDynamicComponent as Rt, withCtx as he, getCurrentScope as qr, onScopeDispose as Jr, unref as A, toRef as ba, readonly as Go, customRef as Zo, watch as ct, h as Xr, computed as j, vModelDynamic as _o, mergeProps as ze, Fragment as Te, renderList as Re, createSlots as et, pushScopeId as Un, popScopeId as Vn, withScopeId as $o, Transition as Gt, vShow as ha, reactive as Pa, useSlots as Zt, onMounted as it, nextTick as Ht, onUnmounted as Qn, isRef as cr, normalizeProps as Ge, guardReactiveProps as rt, Teleport as ei, render as pr, withModifiers as Me, normalizeStyle as mt, onBeforeUpdate as ti } from "vue";
 const ai = ve({
   name: "FusionLoadingSpinner",
   props: {
@@ -149,7 +149,7 @@ function di(e, t, n, r, a, o) {
     id: "fusion-btn",
     ref: "fusionButtonEl",
     disabled: e.isDisabled || e.isLoading,
-    class: W(["fusion-button", [e.variantTypeClass, e.variantStyleClass, e.buttonSizeClass, e.buttonHasIcon, e.isLoadingClass]]),
+    class: Y(["fusion-button", [e.variantTypeClass, e.variantStyleClass, e.buttonSizeClass, e.buttonHasIcon, e.isLoadingClass]]),
     "data-test": e.dataTest,
     type: e.type,
     onFocus: t[0] || (t[0] = (s) => e.focus = !0),
@@ -324,20 +324,20 @@ function Pi(e, t, n, r, a, o) {
   }, [
     y("div", bi, [
       y("label", {
-        class: W(["fusion-textarea label", e.stateClasses]),
+        class: Y(["fusion-textarea label", e.stateClasses]),
         for: e.id,
         "data-test": "label"
       }, oe(e.label), 11, ki),
       e.helperLabel ? (d(), m("div", {
         key: 0,
-        class: W(["fusion-textarea helper-label", e.stateClasses]),
+        class: Y(["fusion-textarea helper-label", e.stateClasses]),
         "data-test": "helper-label"
       }, oe(e.helperLabel), 3)) : D("", !0)
     ]),
     Qt(y("textarea", {
       id: e.id,
       "onUpdate:modelValue": t[0] || (t[0] = (s) => e.inputValue = s),
-      class: W(["fusion-textarea field", [e.disabled, e.stateClasses]]),
+      class: Y(["fusion-textarea field", [e.disabled, e.stateClasses]]),
       name: e.name,
       rows: e.rows,
       cols: e.cols,
@@ -359,18 +359,18 @@ function Pi(e, t, n, r, a, o) {
     ]),
     e.disabled ? D("", !0) : (d(), m("div", wi, [
       y("div", {
-        class: W(e.errorLabel && e.showCharLength ? "fusion-textarea-error-wrapper" : "")
+        class: Y(e.errorLabel && e.showCharLength ? "fusion-textarea-error-wrapper" : "")
       }, [
         e.errorLabel ? (d(), m("div", {
           key: 0,
-          class: W(["fusion-textarea error-label-wrapper", e.stateClasses])
+          class: Y(["fusion-textarea error-label-wrapper", e.stateClasses])
         }, [
           ke(i, { "data-test": "error-icon" }),
           y("span", Ci, oe(e.errorLabel), 1)
         ], 2)) : D("", !0),
         !e.disabled && e.showCharLength ? (d(), m("div", {
           key: 1,
-          class: W(["fusion-textarea text-count-label", !e.disabled && e.showCharLength ? "fusion-textarea-character-amount-wrapper" : ""]),
+          class: Y(["fusion-textarea text-count-label", !e.disabled && e.showCharLength ? "fusion-textarea-character-amount-wrapper" : ""]),
           "data-test": "text-count-label"
         }, [
           y("span", Si, oe(e.inputValue.length), 1),
@@ -380,7 +380,7 @@ function Pi(e, t, n, r, a, o) {
     ]))
   ], 8, yi);
 }
-const Hm = /* @__PURE__ */ ye(gi, [["render", Pi], ["__scopeId", "data-v-012698c6"]]), Ti = ve({
+const Nm = /* @__PURE__ */ ye(gi, [["render", Pi], ["__scopeId", "data-v-012698c6"]]), Ti = ve({
   name: "SVGTick"
 }), Bi = {
   width: "20",
@@ -503,12 +503,12 @@ const Ui = ["data-test"], Vi = { class: "fusion-checkbox-input-wrapper" }, Qi =
 function Ri(e, t, n, r, a, o) {
   const i = me("SVGTick");
   return d(), m("label", {
-    class: W(["fusion-checkbox-wrapper", e.stateClasses]),
+    class: Y(["fusion-checkbox-wrapper", e.stateClasses]),
     "data-test": e.dataTest
   }, [
     y("span", Vi, [
       y("input", {
-        class: W(["fusion-checkbox-input", e.stateClasses]),
+        class: Y(["fusion-checkbox-input", e.stateClasses]),
         checked: e.defaultValue,
         disabled: e.disabled,
         type: "checkbox",
@@ -616,13 +616,13 @@ const qi = ["data-test"], Ji = { class: "fusion-radio-input-container" }, Xi = [
 };
 function Wi(e, t, n, r, a, o) {
   return d(), m("div", {
-    class: W(["fusion-radio-wrapper", e.stateClasses]),
+    class: Y(["fusion-radio-wrapper", e.stateClasses]),
     "data-test": e.dataTest
   }, [
     y("div", Ji, [
       y("input", {
         id: e.id,
-        class: W(["fusion-radio input", e.stateClasses]),
+        class: Y(["fusion-radio input", e.stateClasses]),
         type: "radio",
         name: e.name,
         required: e.required,
@@ -637,12 +637,12 @@ function Wi(e, t, n, r, a, o) {
       }, null, 42, Xi)
     ]),
     y("div", {
-      class: W(["fusion-radio label-container", e.stateClasses])
+      class: Y(["fusion-radio label-container", e.stateClasses])
     }, [
       y("div", zi, [
         y("label", {
           id: `label-${e.id}`,
-          class: W(["fusion-radio label", e.stateClasses]),
+          class: Y(["fusion-radio label", e.stateClasses]),
           for: e.id,
           "data-test": "label"
         }, oe(e.label), 11, Ki),
@@ -725,7 +725,7 @@ const ji = /* @__PURE__ */ ye(Ei, [["render", Wi], ["__scopeId", "data-v-ee8a32d
 const Zi = ["data-test"];
 function _i(e, t, n, r, a, o) {
   return d(), m("span", {
-    class: W(["fusion-text-link-container", e.disabled ? "disabled" : ""]),
+    class: Y(["fusion-text-link-container", e.disabled ? "disabled" : ""]),
     "data-test": e.dataTest
   }, [
     (d(), de(Rt(e.elementType), {
@@ -733,7 +733,7 @@ function _i(e, t, n, r, a, o) {
       href: e.isButton ? null : e.href,
       target: e.isButton ? null : e.target,
       type: e.isButton ? "button" : null,
-      class: W(["fusion-text-link", [{ disabled: e.disabled }, e.variationClasses, e.sizeClasses, e.iconClasses, e.buttonClasses]]),
+      class: Y(["fusion-text-link", [{ disabled: e.disabled }, e.variationClasses, e.sizeClasses, e.iconClasses, e.buttonClasses]]),
       tabindex: e.disabled ? -1 : e.tabIndex,
       "data-test": "link",
       onBlur: t[0] || (t[0] = (i) => e.$emit("input:blur", i)),
@@ -743,7 +743,7 @@ function _i(e, t, n, r, a, o) {
         dt(oe(e.label) + " ", 1),
         e.$slots.icon ? (d(), m("span", {
           key: 0,
-          class: W(["fusion-text-link-icon", e.size === "small" ? "small-icon" : "regular-icon"]),
+          class: Y(["fusion-text-link-icon", e.size === "small" ? "small-icon" : "regular-icon"]),
           "data-test": "link-icon"
         }, [
           Z(e.$slots, "icon", {}, void 0, !0)
@@ -753,7 +753,7 @@ function _i(e, t, n, r, a, o) {
     }, 40, ["id", "href", "target", "type", "class", "tabindex"]))
   ], 10, Zi);
 }
-const Rm = /* @__PURE__ */ ye(Gi, [["render", _i], ["__scopeId", "data-v-3d2dcada"]]);
+const Lm = /* @__PURE__ */ ye(Gi, [["render", _i], ["__scopeId", "data-v-3d2dcada"]]);
 function Ln(e) {
   return qr() ? (Jr(e), !0) : !1;
 }
@@ -1184,19 +1184,19 @@ const Fs = ["data-test"], xs = { class: "fusion-input-label-wrapper" }, Os = ["f
 function Ms(e, t, n, r, a, o) {
   const i = me("SVGExclamationTriangle");
   return d(), m("div", {
-    class: W(["fusion-input-container", e.stateClasses]),
+    class: Y(["fusion-input-container", e.stateClasses]),
     "data-test": e.dataTest
   }, [
     y("div", xs, [
       e.label ? (d(), m("label", {
         key: 0,
-        class: W(["fusion-input label", e.stateClasses]),
+        class: Y(["fusion-input label", e.stateClasses]),
         for: e.id,
         "data-test": "label"
       }, oe(e.label), 11, Os)) : D("", !0),
       e.helperLabel ? (d(), m("div", {
         key: 1,
-        class: W(["fusion-input helper-label", e.stateClasses]),
+        class: Y(["fusion-input helper-label", e.stateClasses]),
         "data-test": "helper-label"
       }, oe(e.helperLabel), 3)) : D("", !0)
     ]),
@@ -1208,7 +1208,7 @@ function Ms(e, t, n, r, a, o) {
         id: e.id,
         ref: "input",
         "onUpdate:modelValue": t[0] || (t[0] = (s) => e.inputValue = s),
-        class: W(["fusion-input field", e.stateClasses]),
+        class: Y(["fusion-input field", e.stateClasses]),
         name: e.name,
         type: e.type,
         placeholder: e.placeholder,
@@ -1231,7 +1231,7 @@ function Ms(e, t, n, r, a, o) {
     ]),
     e.errorLabel ? (d(), m("div", {
       key: 0,
-      class: W(["fusion-input error-wrapper", e.stateClasses])
+      class: Y(["fusion-input error-wrapper", e.stateClasses])
     }, [
       ke(i, { "data-test": "error-icon" }),
       y("span", Qs, oe(e.errorLabel), 1)
@@ -1782,19 +1782,19 @@ function Cl(e, t, n, r, a, o) {
     y("div", hl, [
       e.label ? (d(), m("label", {
         key: 0,
-        class: W(["fusion-select label", e.stateClasses]),
+        class: Y(["fusion-select label", e.stateClasses]),
         for: e.id,
         "data-test": "label"
       }, oe(e.label), 11, gl)) : D("", !0),
       e.helperLabel ? (d(), m("div", {
         key: 1,
-        class: W(["fusion-select helper-label", e.stateClasses]),
+        class: Y(["fusion-select helper-label", e.stateClasses]),
         "data-test": "helper-label"
       }, oe(e.helperLabel), 3)) : D("", !0)
     ]),
     y("button", {
       id: e.id,
-      class: W(["fusion-select field", e.stateClasses]),
+      class: Y(["fusion-select field", e.stateClasses]),
       "data-test": "select",
       tabindex: e.tabIndex,
       autofocus: e.autofocus,
@@ -1802,6 +1802,7 @@ function Cl(e, t, n, r, a, o) {
       "aria-invalid": !!e.errorLabel,
       "aria-disabled": e.disabled,
       disabled: e.disabled,
+      type: "button",
       onBlur: t[0] || (t[0] = (...p) => e.handleBlur && e.handleBlur(...p)),
       onFocus: t[1] || (t[1] = (...p) => e.handleFocus && e.handleFocus(...p)),
       onClick: t[2] || (t[2] = (...p) => e.handleInputClick && e.handleInputClick(...p)),
@@ -1810,7 +1811,7 @@ function Cl(e, t, n, r, a, o) {
       y("span", bl, [
         e.selected.label ? (d(), m("span", Al, oe(e.selected.label), 1)) : (d(), m("span", kl, oe(e.placeholder), 1)),
         ke(i, {
-          class: W([[e.interactionStates.opened ? "open" : "", e.stateClasses], "fusion-select arrow-icon"])
+          class: Y([[e.interactionStates.opened ? "open" : "", e.stateClasses], "fusion-select arrow-icon"])
         }, null, 8, ["class"])
       ])
     ], 42, yl),
@@ -1831,14 +1832,14 @@ function Cl(e, t, n, r, a, o) {
     }, null, 8, ["select-id", "options", "search-text", "search-disabled", "search-placeholder", "search-loading", "search-error-title", "search-error-description", "selected", "onHandle:select", "onHandle:close"])) : D("", !0),
     e.errorLabel ? (d(), m("div", {
       key: 1,
-      class: W(["fusion-select error-wrapper", e.stateClasses])
+      class: Y(["fusion-select error-wrapper", e.stateClasses])
     }, [
       ke(u, { "data-test": "error-icon" }),
       y("span", wl, oe(e.errorLabel), 1)
     ], 2)) : D("", !0)
   ], 8, ml);
 }
-const Em = /* @__PURE__ */ ye(vl, [["render", Cl], ["__scopeId", "data-v-89b7ee3d"]]), Sl = ve({
+const Hm = /* @__PURE__ */ ye(vl, [["render", Cl], ["__scopeId", "data-v-728f74b0"]]), Sl = ve({
   name: "FusionPasswordInput",
   components: {
     FusionInput: En,
@@ -1945,7 +1946,7 @@ function Tl(e, t, n, r, a, o) {
       placeholder: e.placeholder,
       autocomplete: e.autocomplete,
       required: e.required,
-      class: W(["fusion-password-input field", { disabled: e.disabled }]),
+      class: Y(["fusion-password-input field", { disabled: e.disabled }]),
       "data-test": "password-input",
       disabled: e.disabled,
       label: e.label,
@@ -1978,7 +1979,7 @@ function Tl(e, t, n, r, a, o) {
     ]), 1032, ["id", "input", "type", "placeholder", "autocomplete", "required", "class", "disabled", "label", "helper-label", "name", "error-label", "onUpdate:input", "onBlur", "onFocus", "onKeydown"])
   ], 8, Dl);
 }
-const qm = /* @__PURE__ */ ye(Sl, [["render", Tl], ["__scopeId", "data-v-0facf0fc"]]), Aa = {
+const Rm = /* @__PURE__ */ ye(Sl, [["render", Tl], ["__scopeId", "data-v-0facf0fc"]]), Aa = {
   default: {
     code: "GB",
     dialCode: 44,
@@ -2660,7 +2661,7 @@ const Hl = ["data-test"], Rl = {
 function ql(e, t, n, r, a, o) {
   const i = me("CountryFlag"), s = me("SVGArrowDown");
   return d(), m("div", {
-    class: W(["country-selector-wrapper", { disabled: n.disabled }]),
+    class: Y(["country-selector-wrapper", { disabled: n.disabled }]),
     "data-test": n.dataTest
   }, [
     y("div", Rl, [
@@ -2674,7 +2675,7 @@ function ql(e, t, n, r, a, o) {
           class: "flag"
         }, null, 8, ["country"]),
         ke(s, {
-          class: W(["arrow-icon", { active: n.isOpen }])
+          class: Y(["arrow-icon", { active: n.isOpen }])
         }, null, 8, ["class"])
       ]),
       y("div", El, "(+" + oe(n.country.dialCode) + ")", 1)
@@ -2848,19 +2849,19 @@ function $l(e, t, n, r, a, o) {
     y("div", Kl, [
       e.label ? (d(), m("label", {
         key: 0,
-        class: W(["fusion-phone-input label", e.stateClasses]),
+        class: Y(["fusion-phone-input label", e.stateClasses]),
         for: e.id,
         "data-test": "label"
       }, oe(e.label), 11, Yl)) : D("", !0),
       e.helperLabel ? (d(), m("div", {
         key: 1,
-        class: W(["fusion-phone-input helper-label", e.stateClasses]),
+        class: Y(["fusion-phone-input helper-label", e.stateClasses]),
         "data-test": "helper-label"
       }, oe(e.helperLabel), 3)) : D("", !0)
     ]),
     y("div", Wl, [
       y("div", {
-        class: W(["field-wrapper", e.stateClasses])
+        class: Y(["field-wrapper", e.stateClasses])
       }, [
         ke(i, {
           country: e.selectedCountryData,
@@ -2876,7 +2877,7 @@ function $l(e, t, n, r, a, o) {
           placeholder: e.placeholder || e.defaultPlaceholder,
           required: e.required,
           maxlength: "12",
-          class: W(["fusion-phone-input field", e.stateClasses]),
+          class: Y(["fusion-phone-input field", e.stateClasses]),
           disabled: e.disabled || e.readonly,
           tabindex: e.tabIndex,
           autocomplete: e.autocomplete,
@@ -2917,7 +2918,7 @@ function $l(e, t, n, r, a, o) {
     ])) : D("", !0)
   ], 8, zl);
 }
-const Jm = /* @__PURE__ */ ye(Xl, [["render", $l], ["__scopeId", "data-v-aa7af1cf"]]), eu = ve({
+const Em = /* @__PURE__ */ ye(Xl, [["render", $l], ["__scopeId", "data-v-aa7af1cf"]]), eu = ve({
   name: "FusionRadioGroup",
   components: { SVGExclamationTriangle: Pt, FusionRadio: ji },
   props: {
@@ -2982,7 +2983,7 @@ function lu(e, t, n, r, a, o) {
     ])
   ]);
 }
-const Xm = /* @__PURE__ */ ye(eu, [["render", lu], ["__scopeId", "data-v-92546a39"]]), uu = ve({
+const qm = /* @__PURE__ */ ye(eu, [["render", lu], ["__scopeId", "data-v-92546a39"]]), uu = ve({
   name: "FusionCheckboxGroup",
   components: { SVGExclamationTriangle: Pt, FusionCheckbox: Kr },
   props: {
@@ -3041,7 +3042,7 @@ function gu(e, t, n, r, a, o) {
     ])
   ]);
 }
-const zm = /* @__PURE__ */ ye(uu, [["render", gu], ["__scopeId", "data-v-0961114b"]]), yu = ve({
+const Jm = /* @__PURE__ */ ye(uu, [["render", gu], ["__scopeId", "data-v-0961114b"]]), yu = ve({
   name: "SVGInformationCircle"
 }), bu = {
   width: "24",
@@ -3224,7 +3225,7 @@ function Ju(e, t, n, r, a, o) {
   return d(), de(Gt, { name: "fade" }, {
     default: he(() => [
       Qt(y("div", {
-        class: W(["fusion-banner", e.variantTypeClass]),
+        class: Y(["fusion-banner", e.variantTypeClass]),
         role: "alert",
         "data-test": e.dataTest
       }, [
@@ -3270,7 +3271,7 @@ function Ju(e, t, n, r, a, o) {
     _: 3
   });
 }
-const Km = /* @__PURE__ */ ye(Mu, [["render", Ju], ["__scopeId", "data-v-d1afd31b"]]);
+const Xm = /* @__PURE__ */ ye(Mu, [["render", Ju], ["__scopeId", "data-v-d1afd31b"]]);
 function pt(e) {
   "@babel/helpers - typeof";
   return pt = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
@@ -8642,7 +8643,7 @@ const If = ({
             ref_key: "inputRef",
             ref: w,
             name: V.name,
-            class: W(K.value),
+            class: Y(K.value),
             inputmode: A(o).enabled ? "text" : "none",
             placeholder: V.placeholder,
             disabled: V.disabled,
@@ -8915,7 +8916,7 @@ const If = ({
       return d(), m("div", {
         ref_key: "gridWrapRef",
         ref: S,
-        class: W(R.value),
+        class: Y(R.value),
         style: mt(N.value),
         role: "dialog",
         tabindex: "0",
@@ -8930,7 +8931,7 @@ const If = ({
         y("div", {
           ref_key: "containerRef",
           ref: z,
-          class: W(k.value),
+          class: Y(k.value),
           role: "grid",
           style: mt({ height: `${U.value}px` })
         }, [
@@ -8939,7 +8940,7 @@ const If = ({
           ]),
           f.$slots.overlay ? Z(f.$slots, "overlay", { key: 0 }) : (d(!0), m(Te, { key: 1 }, Re(f.items, (Q, _) => (d(), m("div", {
             key: _,
-            class: W(["dp__overlay_row", { dp__flex_row: f.items.length >= 3 }]),
+            class: Y(["dp__overlay_row", { dp__flex_row: f.items.length >= 3 }]),
             role: "row"
           }, [
             (d(!0), m(Te, null, Re(Q, (ne, I) => (d(), m("div", {
@@ -8947,7 +8948,7 @@ const If = ({
               ref_for: !0,
               ref: (g) => b(g, ne, _, I),
               role: "gridcell",
-              class: W(fe.value),
+              class: Y(fe.value),
               "aria-selected": ne.active,
               "aria-disabled": ne.disabled || void 0,
               tabindex: "0",
@@ -8959,7 +8960,7 @@ const If = ({
               onMouseover: (g) => q(ne.value)
             }, [
               y("div", {
-                class: W(ne.className)
+                class: Y(ne.className)
               }, [
                 f.$slots.item ? Z(f.$slots, "item", {
                   key: 0,
@@ -8978,7 +8979,7 @@ const If = ({
           ref: O,
           type: "button",
           "aria-label": (P = A(u)) == null ? void 0 : P.toggleOverlay,
-          class: W(G.value),
+          class: Y(G.value),
           tabindex: "0",
           onClick: te,
           onKeydown: [
@@ -9006,7 +9007,7 @@ const If = ({
       dp__instance_calendar: t.multiCalendars > 0
     }));
     return (a, o) => (d(), m("div", {
-      class: W({
+      class: Y({
         dp__menu_inner: !a.stretch,
         "dp--menu--inner-stretched": a.stretch,
         dp__flex_display: a.multiCalendars > 0
@@ -9014,7 +9015,7 @@ const If = ({
     }, [
       (d(!0), m(Te, null, Re(n.value, (i, s) => (d(), m("div", {
         key: i,
-        class: W(r.value)
+        class: Y(r.value)
       }, [
         Z(a.$slots, "default", {
           instance: i,
@@ -9050,7 +9051,7 @@ const If = ({
       ]
     }, [
       y("span", {
-        class: W(["dp__inner_nav", { dp__inner_nav_disabled: a.disabled }])
+        class: Y(["dp__inner_nav", { dp__inner_nav_disabled: a.disabled }])
       }, [
         Z(a.$slots, "default")
       ], 2)
@@ -9603,7 +9604,7 @@ const If = ({
           var pe, M, ee;
           return d(), m("div", {
             key: Ae,
-            class: W(k.value)
+            class: Y(k.value)
           }, [
             X.separator ? (d(), m(Te, { key: 0 }, [
               dt(" : ")
@@ -9612,7 +9613,7 @@ const If = ({
                 ref_for: !0,
                 ref: (Pe) => ne(Pe, Ae, 0),
                 type: "button",
-                class: W({
+                class: Y({
                   dp__btn: !0,
                   dp__inc_dec_button: !g.timePickerInline,
                   dp__inc_dec_button_inline: g.timePickerInline,
@@ -9640,7 +9641,7 @@ const If = ({
                 ref: (Pe) => ne(Pe, Ae, 1),
                 type: "button",
                 "aria-label": (M = A(s)) == null ? void 0 : M.openTpOverlay(X.type),
-                class: W({
+                class: Y({
                   dp__time_display: !0,
                   dp__time_display_block: !g.timePickerInline,
                   dp__time_display_inline: g.timePickerInline,
@@ -9668,7 +9669,7 @@ const If = ({
                 ref_for: !0,
                 ref: (Pe) => ne(Pe, Ae, 2),
                 type: "button",
-                class: W({
+                class: Y({
                   dp__btn: !0,
                   dp__inc_dec_button: !g.timePickerInline,
                   dp__inc_dec_button_inline: g.timePickerInline,
@@ -9829,7 +9830,7 @@ const If = ({
           ref_key: "openTimePickerBtn",
           ref: L,
           type: "button",
-          class: W(fe.value),
+          class: Y(fe.value),
           "aria-label": (B = A(p)) == null ? void 0 : B.openTimePicker,
           tabindex: b.noOverlayFocus ? void 0 : 0,
           onKeydown: [
@@ -9854,7 +9855,7 @@ const If = ({
                 key: 0,
                 ref_key: "overlayRef",
                 ref: U,
-                class: W({
+                class: Y({
                   dp__overlay: !b.timePickerInline,
                   "dp--overlay-absolute": !a.timePicker && !b.timePickerInline,
                   "dp--overlay-relative": a.timePicker
@@ -9863,7 +9864,7 @@ const If = ({
                 tabindex: b.timePickerInline ? void 0 : 0
               }, [
                 y("div", {
-                  class: W(
+                  class: Y(
                     b.timePickerInline ? "dp__time_picker_inline_container" : "dp__overlay_container dp__container_flex dp__time_picker_overlay_container"
                   ),
                   style: { display: "flex" }
@@ -9879,7 +9880,7 @@ const If = ({
                   }) : D("", !0),
                   b.$slots["time-picker-overlay"] ? D("", !0) : (d(), m("div", {
                     key: 1,
-                    class: W(b.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
+                    class: Y(b.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
                   }, [
                     (d(!0), m(Te, null, Re(R.value, (f, l) => Qt((d(), de(pv, ze({ key: l }, {
                       ...b.$props,
@@ -9917,7 +9918,7 @@ const If = ({
                     ref_key: "closeTimePickerBtn",
                     ref: K,
                     type: "button",
-                    class: W(fe.value),
+                    class: Y(fe.value),
                     "aria-label": (q = A(p)) == null ? void 0 : q.closeTimePicker,
                     tabindex: "0",
                     onKeydown: [
@@ -10199,7 +10200,7 @@ const If = ({
             _: 3
           }, 8, ["aria-label", "disabled"])) : D("", !0),
           y("div", {
-            class: W(["dp__month_year_wrap", {
+            class: Y(["dp__month_year_wrap", {
               dp__year_disable_select: l.disableYearSelect
             }])
           }, [
@@ -10429,13 +10430,13 @@ const If = ({
     return t({ triggerTransition: N }), (I, g) => {
       var ue;
       return d(), m("div", {
-        class: W(F.value)
+        class: Y(F.value)
       }, [
         y("div", {
           ref_key: "calendarWrapRef",
           ref: S,
           role: "grid",
-          class: W(fe.value),
+          class: Y(fe.value),
           "aria-label": (ue = A(u)) == null ? void 0 : ue.calendarWrap
         }, [
           (d(), m(Te, { key: 0 }, [
@@ -10500,7 +10501,7 @@ const If = ({
                           onMouseleave: (Le) => V(pe)
                         }, [
                           y("div", {
-                            class: W(["dp__cell_inner", pe.classData])
+                            class: Y(["dp__cell_inner", pe.classData])
                           }, [
                             I.$slots.day && E.value(pe) ? Z(I.$slots, "day", {
                               key: 0,
@@ -10518,7 +10519,7 @@ const If = ({
                                 date: pe.value
                               }) : (d(), m("div", {
                                 key: 1,
-                                class: W(G.value(pe.marker)),
+                                class: Y(G.value(pe.marker)),
                                 style: mt(pe.marker.color ? { backgroundColor: pe.marker.color } : {})
                               }, null, 6))
                             ], 64)) : D("", !0),
@@ -10577,14 +10578,14 @@ const If = ({
     () => (C) => i.value[C] ? i.value[C].month : 0
   ), H = j(
     () => (C) => i.value[C] ? i.value[C].year : 0
-  ), R = (C, Y, Ce) => {
+  ), R = (C, W, Ce) => {
     var Fe, $;
-    i.value[C] || (i.value[C] = { month: 0, year: 0 }), i.value[C].month = Vr(Y) ? (Fe = i.value[C]) == null ? void 0 : Fe.month : Y, i.value[C].year = Vr(Ce) ? ($ = i.value[C]) == null ? void 0 : $.year : Ce;
+    i.value[C] || (i.value[C] = { month: 0, year: 0 }), i.value[C].month = Vr(W) ? (Fe = i.value[C]) == null ? void 0 : Fe.month : W, i.value[C].year = Vr(Ce) ? ($ = i.value[C]) == null ? void 0 : $.year : Ce;
   }, N = () => {
     e.autoApply && t("select-date");
   };
-  ct(o, (C, Y) => {
-    JSON.stringify(C) !== JSON.stringify(Y) && k();
+  ct(o, (C, W) => {
+    JSON.stringify(C) !== JSON.stringify(W) && k();
   }), it(() => {
     e.shadow || (o.value || (l(), p.value && O(p.value)), k(!0), e.focusStartDate && e.startDate && l());
   });
@@ -10598,99 +10599,99 @@ const If = ({
       return Array.isArray(o.value) ? (a.value = o.value, x(C)) : E(o.value, C);
     if (u.value.count && C && !e.startDate)
       return F(J(), C);
-  }, F = (C, Y = !1) => {
-    if ((!u.value.count || !u.value.static || Y) && R(0, Ie(C), Be(C)), u.value.count && !u.value.solo)
+  }, F = (C, W = !1) => {
+    if ((!u.value.count || !u.value.static || W) && R(0, Ie(C), Be(C)), u.value.count && !u.value.solo)
       for (let Ce = 1; Ce < u.value.count; Ce++) {
         const Fe = qe(J(), { month: T.value(Ce - 1), year: H.value(Ce - 1) }), $ = ro(Fe, { months: 1 });
         i.value[Ce] = { month: Ie($), year: Be($) };
       }
-  }, E = (C, Y) => {
-    F(C), K("hours", gt(C)), K("minutes", Dt(C)), K("seconds", ra(C)), u.value.count && Y && f();
+  }, E = (C, W) => {
+    F(C), K("hours", gt(C)), K("minutes", Dt(C)), K("seconds", ra(C)), u.value.count && W && f();
   }, te = (C) => {
     if (u.value.count) {
       if (u.value.solo)
         return 0;
-      const Y = Ie(C[0]), Ce = Ie(C[1]);
-      return Math.abs(Ce - Y) < u.value.count ? 0 : 1;
+      const W = Ie(C[0]), Ce = Ie(C[1]);
+      return Math.abs(Ce - W) < u.value.count ? 0 : 1;
     }
     return 1;
-  }, V = (C, Y) => {
-    C[1] && e.showLastInRange ? F(C[te(C)], Y) : F(C[0], Y);
+  }, V = (C, W) => {
+    C[1] && e.showLastInRange ? F(C[te(C)], W) : F(C[0], W);
     const Ce = (Fe, $) => [
       Fe(C[0]),
       C[1] ? Fe(C[1]) : s[$][1]
     ];
     K("hours", Ce(gt, "hours")), K("minutes", Ce(Dt, "minutes")), K("seconds", Ce(ra, "seconds"));
-  }, b = (C, Y) => {
+  }, b = (C, W) => {
     if ((e.range || e.weekPicker) && !e.multiDates)
-      return V(C, Y);
-    if (e.multiDates && Y) {
+      return V(C, W);
+    if (e.multiDates && W) {
       const Ce = C[C.length - 1];
-      return E(Ce, Y);
+      return E(Ce, W);
     }
   }, x = (C) => {
-    const Y = o.value;
-    b(Y, C), u.value.count && u.value.solo && f();
-  }, B = (C, Y) => {
-    const Ce = qe(J(), { month: T.value(Y), year: H.value(Y) }), Fe = C < 0 ? ht(Ce, 1) : oa(Ce, 1);
-    c(Ie(Fe), Be(Fe), C < 0, e.preventMinMaxNavigation) && (R(Y, Ie(Fe), Be(Fe)), t("update-month-year", { instance: Y, month: Ie(Fe), year: Be(Fe) }), u.value.count && !u.value.solo && q(Y), n());
+    const W = o.value;
+    b(W, C), u.value.count && u.value.solo && f();
+  }, B = (C, W) => {
+    const Ce = qe(J(), { month: T.value(W), year: H.value(W) }), Fe = C < 0 ? ht(Ce, 1) : oa(Ce, 1);
+    c(Ie(Fe), Be(Fe), C < 0, e.preventMinMaxNavigation) && (R(W, Ie(Fe), Be(Fe)), t("update-month-year", { instance: W, month: Ie(Fe), year: Be(Fe) }), u.value.count && !u.value.solo && q(W), n());
   }, q = (C) => {
-    for (let Y = C - 1; Y >= 0; Y--) {
-      const Ce = oa(qe(J(), { month: T.value(Y + 1), year: H.value(Y + 1) }), 1);
-      R(Y, Ie(Ce), Be(Ce));
+    for (let W = C - 1; W >= 0; W--) {
+      const Ce = oa(qe(J(), { month: T.value(W + 1), year: H.value(W + 1) }), 1);
+      R(W, Ie(Ce), Be(Ce));
     }
-    for (let Y = C + 1; Y <= u.value.count - 1; Y++) {
-      const Ce = ht(qe(J(), { month: T.value(Y - 1), year: H.value(Y - 1) }), 1);
-      R(Y, Ie(Ce), Be(Ce));
+    for (let W = C + 1; W <= u.value.count - 1; W++) {
+      const Ce = ht(qe(J(), { month: T.value(W - 1), year: H.value(W - 1) }), 1);
+      R(W, Ie(Ce), Be(Ce));
     }
   }, f = () => {
     if (Array.isArray(o.value) && o.value.length === 2) {
       const C = J(
         J(o.value[1] ? o.value[1] : ht(o.value[0], 1))
-      ), [Y, Ce] = [Ie(o.value[0]), Be(o.value[0])], [Fe, $] = [Ie(o.value[1]), Be(o.value[1])];
-      (Y !== Fe || Y === Fe && Ce !== $) && u.value.solo && R(1, Ie(C), Be(C));
+      ), [W, Ce] = [Ie(o.value[0]), Be(o.value[0])], [Fe, $] = [Ie(o.value[1]), Be(o.value[1])];
+      (W !== Fe || W === Fe && Ce !== $) && u.value.solo && R(1, Ie(C), Be(C));
     } else
       o.value && !Array.isArray(o.value) && (R(0, Ie(o.value), Be(o.value)), F(J()));
   }, l = () => {
     e.startDate && (R(0, Ie(J(e.startDate)), Be(J(e.startDate))), u.value.count && q(0));
-  }, P = (C, Y) => {
-    e.monthChangeOnScroll && B(e.monthChangeOnScroll !== "inverse" ? -C.deltaY : C.deltaY, Y);
-  }, Q = (C, Y, Ce = !1) => {
-    e.monthChangeOnArrows && e.vertical === Ce && _(C, Y);
-  }, _ = (C, Y) => {
-    B(C === "right" ? -1 : 1, Y);
+  }, P = (C, W) => {
+    e.monthChangeOnScroll && B(e.monthChangeOnScroll !== "inverse" ? -C.deltaY : C.deltaY, W);
+  }, Q = (C, W, Ce = !1) => {
+    e.monthChangeOnArrows && e.vertical === Ce && _(C, W);
+  }, _ = (C, W) => {
+    B(C === "right" ? -1 : 1, W);
   }, ne = (C) => e.markers.find(
-    (Y) => Qe(ff(C.value), yt(J(Y.date), e.timezone))
-  ), I = (C, Y) => {
+    (W) => Qe(ff(C.value), yt(J(W.date), e.timezone))
+  ), I = (C, W) => {
     switch (e.sixWeeks === !0 ? "append" : e.sixWeeks) {
       case "prepend":
         return [!0, !1];
       case "center":
         return [C == 0, !0];
       case "fair":
-        return [C == 0 || Y > C, !0];
+        return [C == 0 || W > C, !0];
       case "append":
         return [!1, !1];
       default:
         return [!1, !1];
     }
-  }, g = (C, Y, Ce, Fe) => {
+  }, g = (C, W, Ce, Fe) => {
     if (e.sixWeeks && C.length < 6) {
-      const $ = 6 - C.length, De = (Y.getDay() + 7 - Fe) % 7, Se = 6 - (Ce.getDay() + 7 - Fe) % 7, [Bt, kt] = I(De, Se);
+      const $ = 6 - C.length, De = (W.getDay() + 7 - Fe) % 7, Se = 6 - (Ce.getDay() + 7 - Fe) % 7, [Bt, kt] = I(De, Se);
       for (let qt = 1; qt <= $; qt++)
         if (kt ? !!(qt % 2) == Bt : Bt) {
-          const Ot = C[0].days[0], tn = ue(Ft(Ot.value, -7), Ie(Y));
+          const Ot = C[0].days[0], tn = ue(Ft(Ot.value, -7), Ie(W));
           C.unshift({ days: tn });
         } else {
-          const Ot = C[C.length - 1], tn = Ot.days[Ot.days.length - 1], Wo = ue(Ft(tn.value, 1), Ie(Y));
+          const Ot = C[C.length - 1], tn = Ot.days[Ot.days.length - 1], Wo = ue(Ft(tn.value, 1), Ie(W));
           C.push({ days: Wo });
         }
     }
     return C;
-  }, ue = (C, Y) => {
+  }, ue = (C, W) => {
     const Ce = J(C), Fe = [];
     for (let $ = 0; $ < 7; $++) {
-      const De = Ft(Ce, $), Se = Ie(De) !== Y;
+      const De = Ft(Ce, $), Se = Ie(De) !== W;
       Fe.push({
         text: e.hideOffsetDates && Se ? "" : De.getDate(),
         value: De,
@@ -10699,8 +10700,8 @@ const If = ({
       });
     }
     return Fe;
-  }, ce = (C, Y) => {
-    const Ce = [], Fe = new Date(Y, C), $ = new Date(Y, C + 1, 0), De = e.weekStart, Se = Wt(Fe, { weekStartsOn: De }), Bt = (kt) => {
+  }, ce = (C, W) => {
+    const Ce = [], Fe = new Date(W, C), $ = new Date(W, C + 1, 0), De = e.weekStart, Se = Wt(Fe, { weekStartsOn: De }), Bt = (kt) => {
       const qt = ue(kt, C);
       if (Ce.push({ days: qt }), !Ce[Ce.length - 1].days.some(
         (Ot) => Qe(ot(Ot.value), ot($))
@@ -10711,18 +10712,18 @@ const If = ({
     };
     return Bt(Se), g(Ce, Fe, $, De);
   }, X = (C) => (o.value = Ma(J(C.value), e.timezone, e.weekStart), t("date-update", C.value), G()), Ae = (C) => {
-    const Y = Lt(J(C.value), s.hours, s.minutes, la());
-    t("date-update", Y), e.multiDates ? lr(Y, o, e.multiDatesLimit) : o.value = Y, r(), Ht().then(() => {
+    const W = Lt(J(C.value), s.hours, s.minutes, la());
+    t("date-update", W), e.multiDates ? lr(W, o, e.multiDatesLimit) : o.value = W, r(), Ht().then(() => {
       G();
     });
-  }, pe = (C) => e.noDisabledRange ? Qo(a.value[0], C).some((Y) => v(Y)) : !1, M = () => {
+  }, pe = (C) => e.noDisabledRange ? Qo(a.value[0], C).some((W) => v(W)) : !1, M = () => {
     a.value = o.value ? o.value.slice() : [], a.value.length === 2 && !(e.fixedStart || e.fixedEnd) && (a.value = []);
-  }, ee = (C, Y) => {
+  }, ee = (C, W) => {
     const Ce = [J(C.value), Ft(J(C.value), +e.autoRange)];
-    h(Ce) ? (Y && Pe(C.value), a.value = Ce) : t("invalid-date", C.value);
+    h(Ce) ? (W && Pe(C.value), a.value = Ce) : t("invalid-date", C.value);
   }, Pe = (C) => {
-    const Y = Ie(J(C)), Ce = Be(J(C));
-    if (R(0, Y, Ce), u.value.count > 0)
+    const W = Ie(J(C)), Ce = Be(J(C));
+    if (R(0, W, Ce), u.value.count > 0)
       for (let Fe = 1; Fe < u.value.count; Fe++) {
         const $ = vf(
           qe(J(C), { year: T.value(Fe - 1), month: H.value(Fe - 1) })
@@ -10733,9 +10734,9 @@ const If = ({
     if (pe(C.value) || !w(C.value, o.value, e.fixedStart ? 0 : 1))
       return t("invalid-date", C.value);
     a.value = re(J(C.value));
-  }, st = (C, Y) => {
+  }, st = (C, W) => {
     if (M(), e.autoRange)
-      return ee(C, Y);
+      return ee(C, W);
     if (e.fixedStart || e.fixedEnd)
       return Le(C);
     a.value[0] ? w(J(C.value), o.value) && !pe(C.value) ? $e(J(C.value), J(a.value[0])) ? (a.value.unshift(J(C.value)), t("range-end", a.value[0])) : (a.value[1] = J(C.value), t("range-end", a.value[1])) : (e.autoApply && t("auto-apply-invalid", C.value), t("invalid-date", C.value)) : (a.value[0] = J(C.value), t("range-start", a.value[0]));
@@ -10747,25 +10748,25 @@ const If = ({
       la(C !== 1)
     );
   }, da = () => {
-    var C, Y;
-    a.value[0] && a.value[1] && +((C = a.value) == null ? void 0 : C[0]) > +((Y = a.value) == null ? void 0 : Y[1]) && (a.value.reverse(), t("range-start", a.value[0]), t("range-end", a.value[1]));
+    var C, W;
+    a.value[0] && a.value[1] && +((C = a.value) == null ? void 0 : C[0]) > +((W = a.value) == null ? void 0 : W[1]) && (a.value.reverse(), t("range-start", a.value[0]), t("range-end", a.value[1]));
   }, ut = () => {
     a.value.length && (a.value[0] && !a.value[1] ? ua(0) : (ua(0), ua(1), r()), da(), o.value = a.value.slice(), Wa(a.value, t, e.autoApply, e.modelAuto));
-  }, Ga = (C, Y = !1) => {
+  }, Ga = (C, W = !1) => {
     if (v(C.value) || !C.current && e.hideOffsetDates)
       return t("invalid-date", C.value);
     if (e.weekPicker)
       return X(C);
     if (!e.range)
       return Ae(C);
-    Hr(s.hours) && Hr(s.minutes) && !e.multiDates && (st(C, Y), ut());
-  }, Za = (C, Y) => {
+    Hr(s.hours) && Hr(s.minutes) && !e.multiDates && (st(C, W), ut());
+  }, Za = (C, W) => {
     var Ce;
-    R(C, Y.month, Y.year), u.value.count && !u.value.solo && q(C), t("update-month-year", { instance: C, month: Y.month, year: Y.year }), n(u.value.solo ? C : void 0);
+    R(C, W.month, W.year), u.value.count && !u.value.solo && q(C), t("update-month-year", { instance: C, month: W.month, year: W.year }), n(u.value.solo ? C : void 0);
     const Fe = (Ce = e.flow) != null && Ce.length ? e.flow[e.flowStep] : void 0;
-    !Y.fromNav && (Fe === At.month || Fe === At.year) && r();
-  }, Oa = (C, Y) => {
-    qo({ value: C, modelValue: o, range: e.range, timezone: Y ? void 0 : e.timezone }), N(), e.multiCalendars && Ht().then(() => k(!0));
+    !W.fromNav && (Fe === At.month || Fe === At.year) && r();
+  }, Oa = (C, W) => {
+    qo({ value: C, modelValue: o, range: e.range, timezone: W ? void 0 : e.timezone }), N(), e.multiCalendars && Ht().then(() => k(!0));
   }, _a = () => {
     e.range ? o.value && Array.isArray(o.value) && o.value[0] ? o.value = $e(J(), o.value[0]) ? [J(), o.value[0]] : [o.value[0], J()] : o.value = [J()] : o.value = J(), N();
   }, $a = () => {
@@ -10774,7 +10775,7 @@ const If = ({
         const C = en();
         o.value[o.value.length - 1] = L(C);
       } else
-        o.value = o.value.map((C, Y) => C && L(C, Y));
+        o.value = o.value.map((C, W) => C && L(C, W));
     else
       o.value = L(o.value);
     t("time-update");
@@ -10796,8 +10797,8 @@ const If = ({
     updateMonthYear: Za,
     presetDate: Oa,
     selectCurrentDate: _a,
-    updateTime: (C, Y = !0, Ce = !1) => {
-      S(C, Y, Ce, $a);
+    updateTime: (C, W = !0, Ce = !1) => {
+      S(C, W, Ce, $a);
     }
   };
 }, Iv = { key: 0 }, Uv = /* @__PURE__ */ ve({
@@ -11125,7 +11126,7 @@ const If = ({
             (d(!0), m(Te, null, Re(A(h)(R), (N, fe) => (d(), m("div", { key: fe }, [
               y("button", {
                 type: "button",
-                class: W(["dp--qr-btn", {
+                class: Y(["dp--qr-btn", {
                   "dp--qr-btn-active": N.active,
                   "dp--qr-btn-between": N.isBetween,
                   "dp--qr-btn-disabled": N.disabled,
@@ -11290,7 +11291,7 @@ const If = ({
         ref: L,
         tabindex: "0",
         role: "dialog",
-        class: W(l.value),
+        class: Y(l.value),
         onMouseleave: pe,
         onClick: P,
         onKeydown: [
@@ -11304,16 +11305,16 @@ const If = ({
       }, [
         (M.disabled || M.readonly) && A(v).enabled ? (d(), m("div", {
           key: 0,
-          class: W(f.value)
+          class: Y(f.value)
         }, null, 2)) : D("", !0),
         !A(v).enabled && !M.teleportCenter ? (d(), m("div", {
           key: 1,
-          class: W(q.value)
+          class: Y(q.value)
         }, null, 2)) : D("", !0),
         y("div", {
           ref_key: "innerMenuRef",
           ref: K,
-          class: W({
+          class: Y({
             dp__menu_content_wrapper: ((Pe = M.presetDates) == null ? void 0 : Pe.length) || !!M.$slots["left-sidebar"] || !!M.$slots["right-sidebar"]
           }),
           style: mt({ "--dp-menu-width": `${S.value}px` })
@@ -11568,7 +11569,7 @@ const If = ({
         month: Ur($.month),
         year: Ur($.year)
       });
-    }, Y = ($) => {
+    }, W = ($) => {
       Q($ ?? a.modelValue);
     }, Ce = ($, De) => {
       var Se;
@@ -11585,13 +11586,13 @@ const If = ({
       updateInternalModelValue: _a,
       // modify internal modelValue
       setMonthYear: C,
-      parseModel: Y,
+      parseModel: W,
       switchView: Ce,
       toggleMenu: Oa
     }), ($, De) => (d(), m("div", {
       ref_key: "pickerWrapperRef",
       ref: w,
-      class: W(g.value)
+      class: Y(g.value)
     }, [
       ke(Rf, ze({
         ref_key: "inputRef",
@@ -11865,12 +11866,12 @@ function u1(e, t, n, r, a, o) {
   }, [
     y("div", o1, [
       y("label", {
-        class: W(["fusion-date-picker label", e.stateClasses]),
+        class: Y(["fusion-date-picker label", e.stateClasses]),
         for: `dp-input-${e.id}`
       }, oe(e.label), 11, i1),
       e.helperLabel ? (d(), m("div", {
         key: 0,
-        class: W(["fusion-date-picker helper-label", e.stateClasses]),
+        class: Y(["fusion-date-picker helper-label", e.stateClasses]),
         "data-test": "helper-label"
       }, oe(e.helperLabel), 3)) : D("", !0)
     ]),
@@ -11890,7 +11891,7 @@ function u1(e, t, n, r, a, o) {
       "text-input": e.datePickerInputOptions,
       name: e.name,
       "hide-offset-dates": "",
-      class: W(["fusion-date-picker cmp", e.stateClasses]),
+      class: Y(["fusion-date-picker cmp", e.stateClasses]),
       "input-class-name": "fusion-date-picker field",
       "max-date": e.maxDate,
       "min-date": e.minDate,
@@ -11914,7 +11915,7 @@ function u1(e, t, n, r, a, o) {
     ])) : D("", !0)
   ], 8, r1);
 }
-const Ym = /* @__PURE__ */ ye(n1, [["render", u1], ["__scopeId", "data-v-33df37bc"]]), d1 = ve({
+const zm = /* @__PURE__ */ ye(n1, [["render", u1], ["__scopeId", "data-v-33df37bc"]]), d1 = ve({
   name: "FusionSearchableInput",
   components: {
     SVGSearch: Zr,
@@ -12084,13 +12085,13 @@ function m1(e, t, n, r, a, o) {
     y("div", p1, [
       e.label ? (d(), m("label", {
         key: 0,
-        class: W(["fusion-searchable-input label", e.stateClasses]),
+        class: Y(["fusion-searchable-input label", e.stateClasses]),
         for: e.id,
         "data-test": "label"
       }, oe(e.label), 11, f1)) : D("", !0),
       e.helperLabel ? (d(), m("div", {
         key: 1,
-        class: W(["fusion-searchable-input helper-label", e.stateClasses]),
+        class: Y(["fusion-searchable-input helper-label", e.stateClasses]),
         "data-test": "helper-label"
       }, oe(e.helperLabel), 3)) : D("", !0)
     ]),
@@ -12098,7 +12099,7 @@ function m1(e, t, n, r, a, o) {
       ke(s, {
         id: e.id,
         name: "fusion-searchable-input",
-        class: W(["fusion-searchable-input field", e.stateClasses]),
+        class: Y(["fusion-searchable-input field", e.stateClasses]),
         "data-test": "searchable-input",
         tabindex: e.tabIndex,
         autofocus: e.autofocus,
@@ -12142,7 +12143,7 @@ function m1(e, t, n, r, a, o) {
     ])
   ], 8, c1);
 }
-const Wm = /* @__PURE__ */ ye(d1, [["render", m1], ["__scopeId", "data-v-a461d669"]]), h1 = ve({
+const Km = /* @__PURE__ */ ye(d1, [["render", m1], ["__scopeId", "data-v-a461d669"]]), h1 = ve({
   name: "SVGDecrement"
 }), g1 = {
   width: "24",
@@ -12320,7 +12321,7 @@ function U1(e, t, n, r, a, o) {
     id: "fusion-icon-btn",
     ref: "fusionIconButtonEl",
     disabled: e.isDisabled || e.isLoading,
-    class: W(["fusion-icon-button fusion-button", [e.variantTypeClass, e.variantStyleClass, e.buttonSizeClass]]),
+    class: Y(["fusion-icon-button fusion-button", [e.variantTypeClass, e.variantStyleClass, e.buttonSizeClass]]),
     "data-test": e.dataTest,
     type: e.type,
     onFocus: t[0] || (t[0] = (s) => e.focus = !0),
@@ -12418,12 +12419,12 @@ function L1(e, t, n, r, a, o) {
     y("div", M1, [
       e.label ? (d(), m("label", {
         key: 0,
-        class: W(["fusion-numeric-input-stepper label", e.stateClasses]),
+        class: Y(["fusion-numeric-input-stepper label", e.stateClasses]),
         "data-test": "label"
       }, oe(e.label), 3)) : D("", !0),
       e.helperLabel ? (d(), m("div", {
         key: 1,
-        class: W(["fusion-numeric-input-stepper helper-label", e.stateClasses]),
+        class: Y(["fusion-numeric-input-stepper helper-label", e.stateClasses]),
         "data-test": "helper-label"
       }, oe(e.helperLabel), 3)) : D("", !0)
     ]),
@@ -12443,7 +12444,7 @@ function L1(e, t, n, r, a, o) {
       }, 8, ["disabled", "onClick"]),
       y("span", {
         "data-text": "fusion-numeric-input-stepper-value",
-        class: W(["fusion-numeric-input-stepper value", e.stateClasses])
+        class: Y(["fusion-numeric-input-stepper value", e.stateClasses])
       }, oe(e.state.value), 3),
       ke(s, {
         disabled: e.isMaxDisabled || e.disabled,
@@ -12461,7 +12462,7 @@ function L1(e, t, n, r, a, o) {
     ])
   ], 8, Q1);
 }
-const jm = /* @__PURE__ */ ye(V1, [["render", L1], ["__scopeId", "data-v-c9dd10c1"]]), H1 = ve({
+const Ym = /* @__PURE__ */ ye(V1, [["render", L1], ["__scopeId", "data-v-c9dd10c1"]]), H1 = ve({
   name: "FusionTag",
   props: {
     variantStyle: {
@@ -12524,12 +12525,12 @@ const R1 = {
 };
 function E1(e, t, n, r, a, o) {
   return d(), m("div", {
-    class: W(["fusion-tag", `fusion-tag-${e.variantTypeClass}`]),
+    class: Y(["fusion-tag", `fusion-tag-${e.variantTypeClass}`]),
     "data-test": "fusion-tag"
   }, [
     e.$slots.icon ? (d(), m("span", {
       key: 0,
-      class: W(["fusion-tag-icon", `fusion-tag-icon-${e.variantTypeClass}`]),
+      class: Y(["fusion-tag-icon", `fusion-tag-icon-${e.variantTypeClass}`]),
       "data-test": "fusion-tag-icon"
     }, [
       Z(e.$slots, "icon", {}, void 0, !0)
@@ -12537,7 +12538,7 @@ function E1(e, t, n, r, a, o) {
     y("div", R1, oe(e.label), 1)
   ], 2);
 }
-const Gm = /* @__PURE__ */ ye(H1, [["render", E1], ["__scopeId", "data-v-09d45301"]]), q1 = ve({
+const Wm = /* @__PURE__ */ ye(H1, [["render", E1], ["__scopeId", "data-v-09d45301"]]), q1 = ve({
   name: "FusionDivider"
 });
 const J1 = {
@@ -12588,7 +12589,7 @@ const Y1 = ["role", "aria-pressed", "tabindex", "aria-disabled"], W1 = { class:
 function Z1(e, t, n, r, a, o) {
   const i = me("FusionDivider");
   return d(), m("div", {
-    class: W(["fusion-card", {
+    class: Y(["fusion-card", {
       "fusion-card-shadow": e.shadow,
       "fusion-card-gradient": e.variant === "gradient",
       "fusion-card-default": !e.variant || e.variant === "default",
@@ -12629,7 +12630,7 @@ function Z1(e, t, n, r, a, o) {
     ])) : D("", !0)
   ], 42, Y1);
 }
-const Zm = /* @__PURE__ */ ye(K1, [["render", Z1], ["__scopeId", "data-v-65e787f9"]]), _1 = {
+const jm = /* @__PURE__ */ ye(K1, [["render", Z1], ["__scopeId", "data-v-65e787f9"]]), _1 = {
   name: "FusionProgressBarStep",
   props: {
     stepLabel: {
@@ -12657,7 +12658,7 @@ const Zm = /* @__PURE__ */ ye(K1, [["render", Z1], ["__scopeId", "data-v-65e787f
 const Ko = (e) => (Un("data-v-55681af3"), e = e(), Vn(), e), $1 = /* @__PURE__ */ Ko(() => /* @__PURE__ */ y("div", { class: "fusion-progress-bar-item-track" }, null, -1)), e0 = /* @__PURE__ */ Ko(() => /* @__PURE__ */ y("div", { class: "fusion-progress-bar-item-circle" }, null, -1)), t0 = { class: "fusion-progress-bar-item-label" };
 function a0(e, t, n, r, a, o) {
   return d(), m("div", {
-    class: W(["fusion-progress-bar-item", [n.active ? "active" : "", n.completed ? "completed" : ""]])
+    class: Y(["fusion-progress-bar-item", [n.active ? "active" : "", n.completed ? "completed" : ""]])
   }, [
     $1,
     e0,
@@ -12702,7 +12703,7 @@ function s0(e, t, n, r, a, o) {
     ])
   ]);
 }
-const _m = /* @__PURE__ */ ye(r0, [["render", s0], ["__scopeId", "data-v-9b0b914a"]]), l0 = ve({
+const Gm = /* @__PURE__ */ ye(r0, [["render", s0], ["__scopeId", "data-v-9b0b914a"]]), l0 = ve({
   name: "FusionContextMenu"
 });
 const u0 = { class: "fusion-context-menu" };
@@ -12711,7 +12712,7 @@ function d0(e, t, n, r, a, o) {
     Z(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const $m = /* @__PURE__ */ ye(l0, [["render", d0], ["__scopeId", "data-v-387ad277"]]), c0 = {
+const Zm = /* @__PURE__ */ ye(l0, [["render", d0], ["__scopeId", "data-v-387ad277"]]), c0 = {
   name: "FusionPlatformBar"
 };
 const p0 = { class: "fusion-platform-bar" };
@@ -12722,7 +12723,7 @@ function f0(e, t, n, r, a, o) {
     Z(e.$slots, "right-icon", {}, void 0, !0)
   ]);
 }
-const eh = /* @__PURE__ */ ye(c0, [["render", f0], ["__scopeId", "data-v-fcdfbcf9"]]), v0 = ve({
+const _m = /* @__PURE__ */ ye(c0, [["render", f0], ["__scopeId", "data-v-fcdfbcf9"]]), v0 = ve({
   name: "SVGXMark"
 }), m0 = {
   width: "28",
@@ -12808,7 +12809,7 @@ function S0(e, t, n, r, a, o) {
   const i = me("SVGXMark"), s = me("FusionIconButton");
   return d(), m(Te, null, [
     y("aside", {
-      class: W(["fusion-side-navigation", {
+      class: Y(["fusion-side-navigation", {
         "fusion-side-navigation-open": e.isOpen,
         "fusion-side-navigation-mobile": e.isMobile
       }]),
@@ -12816,7 +12817,7 @@ function S0(e, t, n, r, a, o) {
     }, [
       e.$slots.header && e.isMobile ? (d(), m("div", {
         key: 0,
-        class: W(["fusion-side-navigation-header", { "has-shadow": e.hasScrolledDown }])
+        class: Y(["fusion-side-navigation-header", { "has-shadow": e.hasScrolledDown }])
       }, [
         y("div", A0, [
           Z(e.$slots, "header", {}, void 0, !0),
@@ -12848,7 +12849,7 @@ function S0(e, t, n, r, a, o) {
       ]),
       e.$slots.footer ? (d(), m("div", {
         key: 1,
-        class: W(["fusion-side-navigation-footer", { "has-shadow": e.hasScrolledUp }])
+        class: Y(["fusion-side-navigation-footer", { "has-shadow": e.hasScrolledUp }])
       }, [
         Z(e.$slots, "footer", {}, void 0, !0)
       ], 2)) : D("", !0)
@@ -12861,7 +12862,7 @@ function S0(e, t, n, r, a, o) {
     })) : D("", !0)
   ], 64);
 }
-const th = /* @__PURE__ */ ye(k0, [["render", S0], ["__scopeId", "data-v-7a2d38d7"]]), D0 = ve({
+const $m = /* @__PURE__ */ ye(k0, [["render", S0], ["__scopeId", "data-v-7a2d38d7"]]), D0 = ve({
   name: "FusionSideNavigationItem",
   props: {
     item: {
@@ -12907,7 +12908,7 @@ function F0(e, t, n, r, a, o) {
   var i, s;
   return d(), m("li", {
     tabindex: e.disabled ? -1 : 0,
-    class: W(["fusion-side-navigation-item", { selected: e.selected, disabled: e.disabled, active: e.active }]),
+    class: Y(["fusion-side-navigation-item", { selected: e.selected, disabled: e.disabled, active: e.active }]),
     "aria-disabled": e.disabled,
     "aria-current": e.selected ? "page" : void 0,
     "aria-label": (i = e.item) == null ? void 0 : i.label,
@@ -12927,7 +12928,7 @@ function F0(e, t, n, r, a, o) {
     }, [
       e.$slots.icon ? (d(), m("div", {
         key: 0,
-        class: W(["fusion-side-navigation-item-icon", { selected: e.selected }])
+        class: Y(["fusion-side-navigation-item-icon", { selected: e.selected }])
       }, [
         Z(e.$slots, "icon", {}, void 0, !0)
       ], 2)) : D("", !0),
@@ -12935,7 +12936,7 @@ function F0(e, t, n, r, a, o) {
     ], 8, T0)
   ], 42, P0);
 }
-const ah = /* @__PURE__ */ ye(D0, [["render", F0], ["__scopeId", "data-v-3a17c014"]]), x0 = {
+const eh = /* @__PURE__ */ ye(D0, [["render", F0], ["__scopeId", "data-v-3a17c014"]]), x0 = {
   name: "FusionListItem",
   components: {
     SVGTick: Nn
@@ -13041,7 +13042,7 @@ function I0(e, t, n, r, a, o) {
     _: 3
   }, 16, ["class", "tabindex", "onClick", "onKeydown", "onMouseover", "onMouseout", "onMousedown", "onMouseup"]);
 }
-const nh = /* @__PURE__ */ ye(x0, [["render", I0], ["__scopeId", "data-v-31387a17"]]), U0 = ve({
+const th = /* @__PURE__ */ ye(x0, [["render", I0], ["__scopeId", "data-v-31387a17"]]), U0 = ve({
   name: "SVGArrowRight"
 }), V0 = {
   width: "24",
@@ -13100,7 +13101,7 @@ function K0(e, t, n, r, a, o) {
   const i = me("SVGArrowRight");
   return d(), m("a", {
     href: e.disabled ? void 0 : e.url,
-    class: W(["fusion-widget", { "fusion-widget-disabled": e.disabled }]),
+    class: Y(["fusion-widget", { "fusion-widget-disabled": e.disabled }]),
     tabindex: e.disabled ? -1 : 0
   }, [
     y("div", q0, [
@@ -13114,7 +13115,7 @@ function K0(e, t, n, r, a, o) {
     ])
   ], 10, E0);
 }
-const rh = /* @__PURE__ */ ye(R0, [["render", K0], ["__scopeId", "data-v-3fd7581a"]]), Y0 = ve({
+const ah = /* @__PURE__ */ ye(R0, [["render", K0], ["__scopeId", "data-v-3fd7581a"]]), Y0 = ve({
   name: "FusionToastMessage",
   components: {
     SVGCheckCircle: Na,
@@ -13172,7 +13173,7 @@ const W0 = { class: "fusion-toast-message-icon" }, j0 = { class: "fusion-toast-m
 function _0(e, t, n, r, a, o) {
   const i = me("SVGClose");
   return d(), m("div", {
-    class: W(["fusion-toast-message", e.toastTypeClass])
+    class: Y(["fusion-toast-message", e.toastTypeClass])
   }, [
     y("div", W0, [
       (d(), de(Rt(e.iconComponent)))
@@ -13192,7 +13193,7 @@ function _0(e, t, n, r, a, o) {
     ])) : D("", !0)
   ], 2);
 }
-const oh = /* @__PURE__ */ ye(Y0, [["render", _0], ["__scopeId", "data-v-2065baea"]]), $0 = ve({
+const nh = /* @__PURE__ */ ye(Y0, [["render", _0], ["__scopeId", "data-v-2065baea"]]), $0 = ve({
   name: "SVGArrowLeft"
 }), em = {
   width: "28",
@@ -13286,7 +13287,7 @@ function cm(e, t, n, r, a, o) {
     ])
   ]);
 }
-const ih = /* @__PURE__ */ ye(im, [["render", cm], ["__scopeId", "data-v-406fe148"]]), pm = {
+const rh = /* @__PURE__ */ ye(im, [["render", cm], ["__scopeId", "data-v-406fe148"]]), pm = {
   name: "FusionKeyValuePair",
   props: {
     keyText: {
@@ -13297,32 +13298,69 @@ const ih = /* @__PURE__ */ ye(im, [["render", cm], ["__scopeId", "data-v-406fe14
       type: String,
       default: "Value"
     },
-    orientation: {
+    order: {
       type: String,
-      default: "horizontal"
+      default: "keyValue"
+    },
+    valueTextEmphasis: {
+      type: Number,
+      required: !1,
+      default: 1
     },
     secondaryValueText: {
       type: String,
       default: ""
+    },
+    strikeThroughSecondaryValueText: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    orderClass: function() {
+      switch (this.order) {
+        case "keyValue":
+          return "flex-col";
+        case "valueKey":
+          return "flex-col-reverse";
+        default:
+          return "flex-col";
+      }
+    },
+    valueTextEmphasisClass: function() {
+      switch (this.valueTextEmphasis) {
+        case 1:
+          return "text-base";
+        case 2:
+          return "text-medium";
+        case 3:
+          return "text-heading-xl";
+        case 4:
+          return "text-heading-3xl";
+        default:
+          return "text-base";
+      }
     }
   }
 };
-const fm = { class: "fusion-key-value-pair-key" }, vm = { class: "flex gap-2xs" }, mm = {
-  key: 0,
-  class: "fusion-key-value-pair-secondary-value"
-}, hm = { class: "fusion-key-value-pair-value" };
-function gm(e, t, n, r, a, o) {
+const fm = { class: "fusion-key-value-pair-key" }, vm = { class: "flex gap-2xs" };
+function mm(e, t, n, r, a, o) {
   return d(), m("div", {
-    class: W(["fusion-key-value-pair", n.orientation])
+    class: Y(["fusion-key-value-pair", o.orderClass])
   }, [
     y("span", fm, oe(n.keyText), 1),
     y("div", vm, [
-      n.secondaryValueText ? (d(), m("del", mm, oe(n.secondaryValueText), 1)) : D("", !0),
-      y("span", hm, oe(n.valueText), 1)
+      n.secondaryValueText ? (d(), m("span", {
+        key: 0,
+        class: Y(["fusion-key-value-pair-secondary-value", { "line-through": n.strikeThroughSecondaryValueText }])
+      }, oe(n.secondaryValueText), 3)) : D("", !0),
+      y("span", {
+        class: Y(["fusion-key-value-pair-value", o.valueTextEmphasisClass])
+      }, oe(n.valueText), 3)
     ])
   ], 2);
 }
-const sh = /* @__PURE__ */ ye(pm, [["render", gm], ["__scopeId", "data-v-1f46aea5"]]), ym = ve({
+const oh = /* @__PURE__ */ ye(pm, [["render", mm], ["__scopeId", "data-v-2adc4ca3"]]), hm = ve({
   name: "FusionFooterBar",
   components: {
     FusionButton: zr
@@ -13375,19 +13413,19 @@ const sh = /* @__PURE__ */ ye(pm, [["render", gm], ["__scopeId", "data-v-1f46aea
     }
   }
 });
-const bm = {
+const gm = {
   key: 0,
   class: "fusion-footer-bar-content"
-}, km = { class: "fusion-footer-bar-actions" };
-function Am(e, t, n, r, a, o) {
+}, ym = { class: "fusion-footer-bar-actions" };
+function bm(e, t, n, r, a, o) {
   const i = me("FusionButton");
   return d(), m("footer", {
-    class: W(["fusion-footer-bar", { "fusion-footer-bar-mobile": e.isMobile }])
+    class: Y(["fusion-footer-bar", { "fusion-footer-bar-mobile": e.isMobile }])
   }, [
-    e.$slots.content ? (d(), m("div", bm, [
+    e.$slots.content ? (d(), m("div", gm, [
       Z(e.$slots, "content", {}, void 0, !0)
     ])) : D("", !0),
-    y("div", km, [
+    y("div", ym, [
       e.hideCancelButton ? D("", !0) : (d(), de(i, {
         key: 0,
         label: e.cancelButtonLabel,
@@ -13421,7 +13459,7 @@ function Am(e, t, n, r, a, o) {
     ])
   ], 2);
 }
-const lh = /* @__PURE__ */ ye(ym, [["render", Am], ["__scopeId", "data-v-38ad950f"]]), wm = {
+const ih = /* @__PURE__ */ ye(hm, [["render", bm], ["__scopeId", "data-v-38ad950f"]]), km = {
   name: "FusionSubheadingBar",
   props: {
     label: {
@@ -13430,14 +13468,14 @@ const lh = /* @__PURE__ */ ye(ym, [["render", Am], ["__scopeId", "data-v-38ad950
     }
   }
 };
-const Cm = { class: "fusion-subheading-bar" }, Sm = { class: "fusion-subheading-bar-subtitle" };
-function Dm(e, t, n, r, a, o) {
-  return d(), m("div", Cm, [
-    y("span", Sm, oe(n.label), 1),
+const Am = { class: "fusion-subheading-bar" }, wm = { class: "fusion-subheading-bar-subtitle" };
+function Cm(e, t, n, r, a, o) {
+  return d(), m("div", Am, [
+    y("span", wm, oe(n.label), 1),
     Z(e.$slots, "tag", {}, void 0, !0)
   ]);
 }
-const uh = /* @__PURE__ */ ye(wm, [["render", Dm], ["__scopeId", "data-v-45ba5287"]]), Pm = {
+const sh = /* @__PURE__ */ ye(km, [["render", Cm], ["__scopeId", "data-v-45ba5287"]]), Sm = {
   name: "FusionModalHeader",
   components: {
     FusionIconButton: ja,
@@ -13469,16 +13507,16 @@ const uh = /* @__PURE__ */ ye(wm, [["render", Dm], ["__scopeId", "data-v-45ba528
     }
   }
 };
-const Tm = ["id"];
-function Bm(e, t, n, r, a, o) {
+const Dm = ["id"];
+function Pm(e, t, n, r, a, o) {
   const i = me("SVGXMark"), s = me("FusionIconButton");
   return d(), m("header", {
-    class: W(["fusion-modal-header", { shadow: n.hasShadow }])
+    class: Y(["fusion-modal-header", { shadow: n.hasShadow }])
   }, [
     y("h2", {
       id: o.headingId,
       class: "fusion-modal-header-title"
-    }, oe(n.title), 9, Tm),
+    }, oe(n.title), 9, Dm),
     ke(s, {
       size: "small",
       "variant-style": "ghost",
@@ -13494,7 +13532,7 @@ function Bm(e, t, n, r, a, o) {
     }, 8, ["onClick"])
   ], 2);
 }
-const Fm = /* @__PURE__ */ ye(Pm, [["render", Bm], ["__scopeId", "data-v-37ccd524"]]), xm = {
+const Tm = /* @__PURE__ */ ye(Sm, [["render", Pm], ["__scopeId", "data-v-37ccd524"]]), Bm = {
   name: "FusionModalFooter",
   components: {
     FusionButton: zr
@@ -13553,10 +13591,10 @@ const Fm = /* @__PURE__ */ ye(Pm, [["render", Bm], ["__scopeId", "data-v-37ccd52
     }
   }
 };
-function Om(e, t, n, r, a, o) {
+function Fm(e, t, n, r, a, o) {
   const i = me("FusionButton");
   return d(), m("footer", {
-    class: W(["fusion-modal-footer", { shadow: n.hasShadow, "fusion-modal-footer-mobile": a.isMobile }])
+    class: Y(["fusion-modal-footer", { shadow: n.hasShadow, "fusion-modal-footer-mobile": a.isMobile }])
   }, [
     n.hideCancel ? D("", !0) : (d(), de(i, {
       key: 0,
@@ -13576,11 +13614,11 @@ function Om(e, t, n, r, a, o) {
     }, null, 8, ["label", "variant-type", "onClick"]))
   ], 2);
 }
-const Im = /* @__PURE__ */ ye(xm, [["render", Om], ["__scopeId", "data-v-35a2398b"]]), Um = {
+const xm = /* @__PURE__ */ ye(Bm, [["render", Fm], ["__scopeId", "data-v-35a2398b"]]), Om = {
   name: "FusionModal",
   components: {
-    FusionModalHeader: Fm,
-    FusionModalFooter: Im,
+    FusionModalHeader: Tm,
+    FusionModalFooter: xm,
     OnClickOutside: jr
   },
   props: {
@@ -13660,14 +13698,14 @@ const Im = /* @__PURE__ */ ye(xm, [["render", Om], ["__scopeId", "data-v-35a2398
     }
   }
 };
-const Vm = (e) => (Un("data-v-e52f3fcf"), e = e(), Vn(), e), Qm = ["aria-labelledby"], Mm = /* @__PURE__ */ Vm(() => /* @__PURE__ */ y("div", {
+const Im = (e) => (Un("data-v-e52f3fcf"), e = e(), Vn(), e), Um = ["aria-labelledby"], Vm = /* @__PURE__ */ Im(() => /* @__PURE__ */ y("div", {
   class: "fusion-modal-background",
   "aria-hidden": "true"
 }, null, -1));
-function Nm(e, t, n, r, a, o) {
+function Qm(e, t, n, r, a, o) {
   const i = me("FusionModalHeader"), s = me("FusionModalFooter"), u = me("OnClickOutside");
   return d(), m("div", {
-    class: W(["fusion-modal", { "fusion-modal-mobile": a.isMobile }])
+    class: Y(["fusion-modal", { "fusion-modal-mobile": a.isMobile }])
   }, [
     ke(u, {
       options: { ignore: [".fusion-modal-dialog"] },
@@ -13708,47 +13746,47 @@ function Nm(e, t, n, r, a, o) {
             onCancel: o.cancelModal,
             onConfirm: o.confirmModal
           }, null, 8, ["mobile-breakpoint", "has-shadow", "cancel-button-label", "confirm-button-label", "hide-cancel", "hide-confirm", "confirm-button-variant", "onCancel", "onConfirm"]))
-        ], 8, Qm)
+        ], 8, Um)
       ]),
       _: 3
     }, 8, ["options", "onTrigger"]),
-    Mm
+    Vm
   ], 2);
 }
-const dh = /* @__PURE__ */ ye(Um, [["render", Nm], ["__scopeId", "data-v-e52f3fcf"]]);
+const lh = /* @__PURE__ */ ye(Om, [["render", Qm], ["__scopeId", "data-v-e52f3fcf"]]);
 export {
-  Km as FusionBanner,
+  Xm as FusionBanner,
   zr as FusionButton,
-  Zm as FusionCard,
+  jm as FusionCard,
   Kr as FusionCheckbox,
-  zm as FusionCheckboxGroup,
-  $m as FusionContextMenu,
-  Ym as FusionDatePicker,
+  Jm as FusionCheckboxGroup,
+  Zm as FusionContextMenu,
+  zm as FusionDatePicker,
   z1 as FusionDivider,
-  lh as FusionFooterBar,
+  ih as FusionFooterBar,
   ja as FusionIconButton,
   En as FusionInput,
-  sh as FusionKeyValuePair,
-  nh as FusionListItem,
+  oh as FusionKeyValuePair,
+  th as FusionListItem,
   Mn as FusionLoadingSpinner,
   _r as FusionMenuItem,
-  dh as FusionModal,
-  jm as FusionNumericInputStepper,
-  qm as FusionPasswordInput,
-  Jm as FusionPhoneInput,
-  eh as FusionPlatformBar,
-  _m as FusionProgressBar,
+  lh as FusionModal,
+  Ym as FusionNumericInputStepper,
+  Rm as FusionPasswordInput,
+  Em as FusionPhoneInput,
+  _m as FusionPlatformBar,
+  Gm as FusionProgressBar,
   ji as FusionRadio,
-  Xm as FusionRadioGroup,
-  Wm as FusionSearchableInput,
-  Em as FusionSelect,
-  th as FusionSideNavigation,
-  ah as FusionSideNavigationItem,
-  uh as FusionSubheadingBar,
-  Gm as FusionTag,
-  Rm as FusionTextLink,
-  Hm as FusionTextarea,
-  oh as FusionToastMessage,
-  ih as FusionToolBar,
-  rh as FusionWidget
+  qm as FusionRadioGroup,
+  Km as FusionSearchableInput,
+  Hm as FusionSelect,
+  $m as FusionSideNavigation,
+  eh as FusionSideNavigationItem,
+  sh as FusionSubheadingBar,
+  Wm as FusionTag,
+  Lm as FusionTextLink,
+  Nm as FusionTextarea,
+  nh as FusionToastMessage,
+  rh as FusionToolBar,
+  ah as FusionWidget
 };