@kiva/kv-components 6.49.1 → 6.49.3

package/dist/vue/KvCheckbox.css

@@ -1 +1 @@
-[data-v-b5ec6a0c] .check-icon svg{transform:scale(1.2)}
+[data-v-d1a3011d] .check-icon svg{transform:scale(1.2)}

package/dist/vue/KvCheckbox.js

@@ -1,5 +1,5 @@
 import { nanoid as k } from "nanoid";
-import { toRefs as L, ref as v, watch as M, onMounted as I, resolveComponent as K, openBlock as r, createElementBlock as c, normalizeClass as d, normalizeStyle as S, createElementVNode as s, mergeProps as q, toHandlers as R, withModifiers as j, createCommentVNode as b, createBlock as z, renderSlot as D } from "vue";
+import { toRefs as L, ref as v, watch as M, onMounted as I, resolveComponent as K, openBlock as r, createElementBlock as d, normalizeClass as c, normalizeStyle as S, createElementVNode as s, mergeProps as q, toHandlers as R, withModifiers as j, createCommentVNode as b, createBlock as z, renderSlot as D } from "vue";
 import { mdiCheckCircle as E } from "@mdi/js";
 import N from "./KvMaterialIcon.js";
 import { useAttrs as O } from "../utils/attrs.js";
@@ -107,12 +107,12 @@ const C = [
 }, J = { class: "tw-flex-1 peer-focus-visible:tw-ring-2 peer-focus-visible:tw-ring-action" };
 function Q(i, l, t, e, u, w) {
   const a = K("KvMaterialIcon");
-  return r(), c("div", {
-    class: d(e.classes),
+  return r(), d("div", {
+    class: c(e.classes),
     style: S(e.styles)
   }, [
     s("label", {
-      class: d(["tw-inline-flex tw-items-center", [
+      class: c(["tw-inline-flex tw-items-center", [
         { "tw-opacity-low": t.disabled && t.blurOnDisabled },
         t.variant === "round" ? "tw-align-middle" : ""
       ]]),
@@ -129,9 +129,9 @@ function Q(i, l, t, e, u, w) {
       }, R(e.inputListeners, !0), {
         onChange: l[0] || (l[0] = j((...n) => e.onChange && e.onChange(...n), ["prevent"]))
       }), null, 16, F),
-      t.variant === "square" ? (r(), c("div", {
+      t.variant === "square" ? (r(), d("div", {
         key: 0,
-        class: d(["tw-w-3 tw-h-3 tw-mr-2 tw-flex-shrink-0 tw-rounded-sm tw-border tw-flex tw-justify-center tw-items-center tw-overflow-hidden tw-transition-all tw-duration-100 peer-focus-visible:tw-ring-2 peer-focus-visible:tw-ring-action", {
+        class: c(["tw-w-3 tw-h-3 tw-mr-2 tw-flex-shrink-0 tw-rounded-xs tw-border tw-flex tw-justify-center tw-items-center tw-overflow-hidden tw-transition-all tw-duration-100 peer-focus-visible:tw-ring-2 peer-focus-visible:tw-ring-action", {
           "tw-bg-white": !e.isChecked,
           "tw-bg-action": e.isChecked,
           "tw-border-secondary": !e.isChecked && t.valid,
@@ -139,15 +139,15 @@ function Q(i, l, t, e, u, w) {
           "tw-border-danger": !t.valid
         }])
       }, [
-        e.isChecked ? (r(), c("svg", G, l[1] || (l[1] = [
+        e.isChecked ? (r(), d("svg", G, l[1] || (l[1] = [
           s("path", {
             d: "M3.99975 6.79988L1.66642 4.46655C1.40642 4.20655 0.993086 4.20655 0.733086 4.46655C0.473086 4.72655 0.473086 5.13988 0.733086 5.39988L3.52642 8.19322C3.78642 8.45322 4.20642 8.45322 4.46642 8.19322L11.5331 1.13322C11.7931 0.873216 11.7931 0.459883 11.5331 0.199883C11.2731 -0.0601172 10.8598 -0.0601172 10.5998 0.199883L3.99975 6.79988Z",
             fill: "white"
           }, null, -1)
         ]))) : b("", !0)
-      ], 2)) : (r(), c("div", {
+      ], 2)) : (r(), d("div", {
         key: 1,
-        class: d([
+        class: c([
           "tw-w-3 tw-h-3 tw-mr-1",
           "tw-flex-shrink-0",
           "tw-rounded-full",
@@ -175,7 +175,7 @@ function Q(i, l, t, e, u, w) {
     ], 10, Z)
   ], 6);
 }
-const te = /* @__PURE__ */ H(P, [["render", Q], ["__scopeId", "data-v-b5ec6a0c"]]);
+const te = /* @__PURE__ */ H(P, [["render", Q], ["__scopeId", "data-v-d1a3011d"]]);
 export {
   te as default
 };

package/dist/vue/KvCheckoutReceipt.css

@@ -1 +1 @@
-.section[data-v-062ccdb1]{border-bottom-width:.0625rem;border-top-width:0px;--tw-border-opacity: 1;border-color:rgba(var(--border-tertiary),var(--tw-border-opacity, 1));padding:.5rem;display:block;overflow:hidden}@media print{.section[data-v-062ccdb1]{page-break-inside:avoid}}.section--lender-info[data-v-062ccdb1]{padding-top:0}.section--print[data-v-062ccdb1]{border-bottom:0}.checkout-receipt__headline[data-v-062ccdb1]{text-align:center;margin-bottom:1.5rem}.checkout-receipt__item-list[data-v-062ccdb1]{list-style:none;margin:0;width:100%}.loan__name[data-v-062ccdb1]{margin-bottom:.5rem}.loan__name--inline[data-v-062ccdb1]{display:inline-block}.loan__amount[data-v-062ccdb1]{text-align:right}.total[data-v-062ccdb1]{display:flex;align-items:baseline}.total__header[data-v-062ccdb1],.total__amount[data-v-062ccdb1]{text-align:right;flex:1}.total__amount[data-v-062ccdb1]{flex-grow:.33}.payments[data-v-062ccdb1]{border-bottom:none}.payments__type[data-v-062ccdb1]{display:flex;text-align:right}.payments__type-title[data-v-062ccdb1],.payments__type-amount[data-v-062ccdb1]{flex:1}.print[data-v-062ccdb1]{margin:0 auto}
+.section[data-v-b813bc10]{border-bottom-width:.0625rem;border-top-width:0px;--tw-border-opacity: 1;border-color:rgba(var(--border-tertiary),var(--tw-border-opacity, 1));padding:.5rem;display:block;overflow:hidden}@media print{.section[data-v-b813bc10]{page-break-inside:avoid}}.section--lender-info[data-v-b813bc10]{padding-top:0}.section--print[data-v-b813bc10]{border-bottom:0}.checkout-receipt__headline[data-v-b813bc10]{text-align:center;margin-bottom:1.5rem}.checkout-receipt__item-list[data-v-b813bc10]{list-style:none;margin:0;width:100%}.loan__name[data-v-b813bc10]{margin-bottom:.5rem}.loan__name--inline[data-v-b813bc10]{display:inline-block}.loan__amount[data-v-b813bc10]{text-align:right}.total[data-v-b813bc10]{display:flex;align-items:baseline}.total__header[data-v-b813bc10],.total__amount[data-v-b813bc10]{text-align:right;flex:1}.total__amount[data-v-b813bc10]{flex-grow:.33}.payments[data-v-b813bc10]{border-bottom:none}.payments__type[data-v-b813bc10]{display:flex;text-align:right}.payments__type-title[data-v-b813bc10],.payments__type-amount[data-v-b813bc10]{flex:1}.print[data-v-b813bc10]{margin:0 auto}

package/dist/vue/KvCheckoutReceipt.js

@@ -80,7 +80,7 @@ const F = (d = Date.now()) => {
       this.enableKivaCardTracking && this.$kvTrackEvent("post-checkout", "click", "kiva-card-view-pdf-order-confirmation drawer");
     }
   }
-}, U = { class: "checkout-receipt" }, M = { class: "checkout-receipt__wrapper tw-bg-primary tw-p-4 tw-rounded-sm tw-border tw-border-tertiary" }, N = {
+}, U = { class: "checkout-receipt" }, M = { class: "checkout-receipt__wrapper tw-bg-primary tw-p-4 tw-rounded-xs tw-border tw-border-tertiary" }, N = {
   "data-testid": "lender-info",
   class: "section section--lender-info"
 }, P = { class: "data-hj-suppress" }, R = { class: "data-hj-suppress" }, V = {
@@ -379,7 +379,7 @@ function Ct(d, t, o, k, wt, c) {
     ])
   ]);
 }
-const Dt = /* @__PURE__ */ D(A, [["render", Ct], ["__scopeId", "data-v-062ccdb1"]]);
+const Dt = /* @__PURE__ */ D(A, [["render", Ct], ["__scopeId", "data-v-b813bc10"]]);
 export {
   Dt as default
 };

package/dist/vue/KvInlineActivityCard.css

@@ -1 +1 @@
-.activity-avatar[data-v-9e04208d],.activity-avatar[data-v-9e04208d] img,.activity-avatar[data-v-9e04208d] div{height:2rem;width:2rem}
+.activity-avatar[data-v-84a9404c],.activity-avatar[data-v-84a9404c] img,.activity-avatar[data-v-84a9404c] div{height:2rem;width:2rem}

package/dist/vue/KvInlineActivityCard.js

@@ -31,7 +31,7 @@ const g = {
       lenderName: s
     };
   }
-}, x = { class: "tw-flex tw-items-center tw-gap-1 tw-py-0.5 tw-px-1 tw-shadow-lg tw-rounded-sm tw-bg-white" }, h = { class: "tw-text-base tw-whitespace-nowrap" }, I = { class: "data-hj-suppress" };
+}, x = { class: "tw-flex tw-items-center tw-gap-1 tw-py-0.5 tw-px-1 tw-shadow-lg tw-rounded-xs tw-bg-white" }, h = { class: "tw-text-base tw-whitespace-nowrap" }, I = { class: "data-hj-suppress" };
 function N(o, e, s, n, t, r) {
   const a = m("KvUserAvatar");
   return p(), i("div", x, [
@@ -47,7 +47,7 @@ function N(o, e, s, n, t, r) {
     ])
   ]);
 }
-const y = /* @__PURE__ */ f(g, [["render", N], ["__scopeId", "data-v-9e04208d"]]);
+const y = /* @__PURE__ */ f(g, [["render", N], ["__scopeId", "data-v-84a9404c"]]);
 export {
   y as default
 };

package/dist/vue/KvLoadingPlaceholder.css

@@ -1 +1 @@
-.loading-placeholder[data-v-39cb1116]:before{content:"";display:block;position:absolute;height:100%;width:100%;top:0;transform:translate(100%);background:linear-gradient(to right,transparent 0%,rgb(var(--bg-secondary)) 50%,transparent 100%);animation:loading-placeholder-39cb1116 1.5s infinite cubic-bezier(.4,0,.2,1)}@keyframes loading-placeholder-39cb1116{0%{transform:translate(-100%)}to{transform:translate(100%)}}
+.loading-placeholder[data-v-0340412a]:before{content:"";display:block;position:absolute;height:100%;width:100%;top:0;transform:translate(100%);background:linear-gradient(to right,transparent 0%,rgb(var(--bg-secondary)) 50%,transparent 100%);animation:loading-placeholder-0340412a 1.5s infinite cubic-bezier(.4,0,.2,1)}@keyframes loading-placeholder-0340412a{0%{transform:translate(-100%)}to{transform:translate(100%)}}

package/dist/vue/KvLoadingPlaceholder.js

@@ -1,11 +1,11 @@
 import { openBlock as e, createElementBlock as t } from "vue";
 import "./KvLoadingPlaceholder.css";
 import o from "../_virtual/_plugin-vue_export-helper.js";
-const r = {}, c = { class: "loading-placeholder tw-w-full tw-h-full tw-relative tw-overflow-hidden tw-bg-tertiary tw-rounded-sm" };
-function l(d, n) {
+const r = {}, c = { class: "loading-placeholder tw-w-full tw-h-full tw-relative tw-overflow-hidden tw-bg-tertiary tw-rounded-xs" };
+function l(a, d) {
   return e(), t("div", c);
 }
-const _ = /* @__PURE__ */ o(r, [["render", l], ["__scopeId", "data-v-39cb1116"]]);
+const _ = /* @__PURE__ */ o(r, [["render", l], ["__scopeId", "data-v-0340412a"]]);
 export {
   _ as default
 };

package/dist/vue/KvTextInput.js

@@ -1,4 +1,4 @@
-import { toRefs as b, ref as w, resolveComponent as h, openBlock as u, createElementBlock as m, normalizeClass as f, normalizeStyle as I, createElementVNode as s, mergeProps as x, toHandlers as V, createBlock as p, createCommentVNode as c, withDirectives as C, createVNode as k, vShow as S, renderSlot as _ } from "vue";
+import { toRefs as b, ref as w, resolveComponent as h, openBlock as u, createElementBlock as m, normalizeClass as f, normalizeStyle as x, createElementVNode as s, mergeProps as I, toHandlers as V, createBlock as p, createCommentVNode as c, withDirectives as C, createVNode as k, vShow as S, renderSlot as _ } from "vue";
 import { mdiAlertCircleOutline as B, mdiClose as A } from "@mdi/js";
 import { useAttrs as N } from "../utils/attrs.js";
 import R from "./KvMaterialIcon.js";
@@ -129,16 +129,16 @@ function L(a, l, t, e, i, r) {
   const n = h("kv-material-icon");
   return u(), m("div", {
     class: f(["tw-inline-flex", e.classes]),
-    style: I(e.styles)
+    style: x(e.styles)
   }, [
     s("div", {
       class: f(["tw-relative tw-w-full", { "tw-opacity-low": t.disabled }])
     }, [
-      s("input", x({
+      s("input", I({
         id: t.id,
         ref: "textInputRef",
         type: t.type,
-        class: ["tw-h-6 tw-w-full tw-px-2 tw-border tw-rounded-sm tw-appearance-none tw-text-base tw-ring-inset focus:tw-outline-none focus:tw-ring-2 focus:tw-border-transparent", {
+        class: ["tw-h-6 tw-w-full tw-px-2 tw-border tw-rounded-xs tw-appearance-none tw-text-base tw-ring-inset focus:tw-outline-none focus:tw-ring-2 focus:tw-border-transparent", {
           "tw-bg-primary": t.valid && !t.disabled,
           "tw-border-tertiary focus:tw-ring-action": t.valid,
           "tw-pr-6 tw-bg-danger-highlight tw-border-danger focus:tw-ring-danger-highlight": !t.valid,

package/dist/vue/KvTreeMapChart.css

@@ -1 +1 @@
-.treemap-figure[data-v-fddc53a2]{height:30rem;width:calc(100% + .25rem);margin-right:-.25rem}@media (min-width: 45.875rem){.treemap-figure[data-v-fddc53a2]{height:20rem}}
+.treemap-figure[data-v-12919f43]{height:30rem;width:calc(100% + .25rem);margin-right:-.25rem}@media (min-width: 45.875rem){.treemap-figure[data-v-12919f43]{height:20rem}}

package/dist/vue/KvTreeMapChart.js

@@ -145,7 +145,7 @@ function L(t, e, r, i, o, l) {
       })) : h("", !0),
       r.loading ? h("", !0) : (n(), c("p", {
         key: 1,
-        class: T(["tw-rounded-sm tw-box-border tw-overflow-hidden tw-text-small", l.colorClasses(u)]),
+        class: T(["tw-rounded-xs tw-box-border tw-overflow-hidden tw-text-small", l.colorClasses(u)]),
         style: { width: "calc(100% - 0.25rem)", height: "calc(100% - 0.25rem)" },
         onMouseenter: (V) => l.setHoverBlock(s)
       }, [
@@ -171,7 +171,7 @@ function L(t, e, r, i, o, l) {
     }, 8, ["controller"])) : h("", !0)
   ]);
 }
-const J = /* @__PURE__ */ W(P, [["render", L], ["__scopeId", "data-v-fddc53a2"]]);
+const J = /* @__PURE__ */ W(P, [["render", L], ["__scopeId", "data-v-12919f43"]]);
 export {
   J as default
 };

package/dist/vue/KvWwwHeader/KvHeaderAboutMenu.js

@@ -5,7 +5,7 @@ const k = {
   components: {
     KvHeaderMenuLink: s
   }
-}, m = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start tw-font-medium" };
+}, m = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start tw-font-medium tw-px-2.5" };
 function v(w, e, c, b, N, T) {
   const o = l("kv-header-menu-link"), r = p("kv-track-event");
   return t(), f("nav", m, [

package/dist/vue/KvWwwHeader/KvHeaderDropdownLink.js

@@ -1,7 +1,7 @@
-import { getCurrentInstance as d, computed as u, resolveComponent as m, openBlock as c, createElementBlock as f, normalizeClass as l, renderSlot as w, createVNode as p } from "vue";
+import { getCurrentInstance as d, computed as u, resolveComponent as c, openBlock as m, createElementBlock as f, normalizeClass as l, renderSlot as p, createVNode as w } from "vue";
 import v from "../KvMaterialIcon.js";
 import h from "../../_virtual/_plugin-vue_export-helper.js";
-const x = {
+const C = {
   components: { KvMaterialIcon: v },
   props: {
     refName: {
@@ -60,23 +60,23 @@ const x = {
       }
     };
   }
-}, C = ["href"];
-function M(e, o, n, r, i, s) {
-  const a = m("KvMaterialIcon");
-  return c(), f("a", {
+}, M = ["href"];
+function x(e, o, n, r, i, s) {
+  const a = c("KvMaterialIcon");
+  return m(), f("a", {
     ref: n.refName,
-    class: l(["tw-px-1.5 tw-py-1 tw-mx-1 tw-no-underline hover:tw-no-underline tw-text-primary hover:tw-text-action tw-items-center tw-rounded tw-cursor-pointer", r.computedClass]),
+    class: l(["tw-no-underline hover:tw-no-underline tw-text-primary hover:tw-text-action tw-items-center tw-rounded tw-cursor-pointer", r.computedClass]),
     href: n.href,
     onMouseover: o[0] || (o[0] = (...t) => r.handleMouseOver && r.handleMouseOver(...t))
   }, [
-    w(e.$slots, "default"),
-    p(a, {
+    p(e.$slots, "default"),
+    w(a, {
       class: l(["tw-inline tw-w-3 tw-ml-0.5 tw-transition-transform tw-duration-300", { "tw-rotate-180": n.openMenuItem === n.menuComponent }]),
       icon: n.dropdownIcon
     }, null, 8, ["class", "icon"])
-  ], 42, C);
+  ], 42, M);
 }
-const O = /* @__PURE__ */ h(x, [["render", M]]);
+const O = /* @__PURE__ */ h(C, [["render", x]]);
 export {
   O as default
 };

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

@@ -1 +1 @@
-.header-link[data-v-ae8c3f96]{cursor:pointer;padding:1rem .5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-ae8c3f96]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}@media (min-width: 64rem){.header-link[data-v-ae8c3f96]{padding-left:1.25rem;padding-right:1.25rem}}
+.header-link[data-v-be04b1f7]{cursor:pointer;padding-top:1rem;padding-bottom:1rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-be04b1f7]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as w, ref as l, computed as P, onMounted as z, onUnmounted as W, resolveComponent as g, resolveDirective as j, openBlock as i, createElementBlock as c, withDirectives as u, normalizeClass as b, createVNode as U, createBlock as h, withCtx as p, createTextVNode as M, createElementVNode as D, createCommentVNode as k, toDisplayString as F } from "vue";
+import { defineAsyncComponent as k, ref as l, computed as P, onMounted as z, onUnmounted as W, resolveComponent as b, resolveDirective as j, openBlock as i, createElementBlock as c, withDirectives as d, normalizeClass as g, createVNode as U, createBlock as h, withCtx as I, createTextVNode as w, createElementVNode as D, createCommentVNode as M, toDisplayString as F } from "vue";
 import { mdiAccountCircle as q, mdiChevronDown as G, mdiMagnify as J, mdiMenu as Q } from "@mdi/js";
 import X from "numeral";
 import Y from "../KvMaterialIcon.js";
@@ -8,7 +8,7 @@ import ee from "../KvUserAvatar.js";
 import { throttle as ne } from "../../utils/throttle.js";
 import "./KvHeaderLinkBar.css";
 import te from "../../_virtual/_plugin-vue_export-helper.js";
-const oe = w(() => import("./KvHeaderMobileMenu.js")), O = w(() => import("./KvHeaderMyKivaMenu.js")), re = w(() => import("./LendMenu/KvLendMenu.js")), le = w(() => import("./KvHeaderTakeActionMenu.js")), ie = w(() => import("./KvHeaderAboutMenu.js")), C = 118, T = "avatar-menu", ae = {
+const oe = k(() => import("./KvHeaderMobileMenu.js")), O = k(() => import("./KvHeaderMyKivaMenu.js")), re = k(() => import("./LendMenu/KvLendMenu.js")), le = k(() => import("./KvHeaderTakeActionMenu.js")), ie = k(() => import("./KvHeaderAboutMenu.js")), C = 118, T = "avatar-menu", ae = {
   components: {
     KvMaterialIcon: Y,
     KvIconBag: Z,
@@ -56,11 +56,11 @@ const oe = w(() => import("./KvHeaderMobileMenu.js")), O = w(() => import("./KvH
   emits: [
     "item-hover"
   ],
-  setup(d, { emit: e }) {
-    const t = l(null), n = l(null), K = l(null), x = l(null), A = l(null), f = l(null), H = l(null), y = l(null), a = l(null), o = l(null), m = (r, v, s = null) => {
+  setup(u, { emit: e }) {
+    const t = l(null), n = l(null), x = l(null), K = l(null), A = l(null), f = l(null), y = l(null), H = l(null), a = l(null), o = l(null), m = (r, v, s = null) => {
       e("item-hover", r, v, s);
     }, _ = (r, v, s = null) => {
-      d.isMobile || m(r, v, s);
+      u.isMobile || m(r, v, s);
     }, S = (r) => {
       o.value === r && (o.value = null, m());
     }, E = () => {
@@ -69,17 +69,17 @@ const oe = w(() => import("./KvHeaderMobileMenu.js")), O = w(() => import("./KvH
       if (!r) return null;
       const s = r.left + r.width / 2 - C / 2;
       return {
-        ...s + C > window.outerWidth ? { right: 0 } : { left: d.isMobile ? 0 : `${s}px` },
+        ...s + C > window.outerWidth ? { right: 0 } : { left: u.isMobile ? 0 : `${s}px` },
         borderRadius: "0px 0px 8px 8px",
-        width: d.isMobile ? "100%" : "auto"
+        width: u.isMobile ? "100%" : "auto"
       };
-    }, I = () => {
+    }, p = () => {
       o.value = T, m(t.value, O, E());
     }, V = (r, v) => {
-      !o.value || o.value !== r ? (o.value = r, r === T ? I() : m(r, v)) : (o.value = null, m());
+      !o.value || o.value !== r ? (o.value = r, r === T ? p() : m(r, v)) : (o.value = null, m());
     }, L = ne(() => {
-      d.openMenuItem && I();
-    }, 50), R = P(() => d.isMobile ? void 0 : "/lend-by-category");
+      u.openMenuItem && p();
+    }, 50), R = P(() => u.isMobile ? void 0 : "/lend-by-category");
     return z(() => {
       import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", L);
     }), W(() => {
@@ -95,18 +95,18 @@ const oe = w(() => import("./KvHeaderMobileMenu.js")), O = w(() => import("./KvH
       onHover: m,
       avatar: t,
       lendButton: n,
-      aboutUsLink: K,
-      partnerWithUsLink: x,
+      aboutUsLink: x,
+      partnerWithUsLink: K,
       borrowLink: A,
       supportKivaLink: f,
-      basketLink: H,
-      signInLink: y,
+      basketLink: y,
+      signInLink: H,
       menuButton: a,
       lendUrl: R,
       handleOnHover: _,
       handleTouchStart: V,
       handleMouseOut: S,
-      handleAvatarMenuPosition: I,
+      handleAvatarMenuPosition: p,
       KvHeaderMobileMenu: oe,
       KvHeaderMyKivaMenu: O,
       KvLendMenu: re,
@@ -114,16 +114,16 @@ const oe = w(() => import("./KvHeaderMobileMenu.js")), O = w(() => import("./KvH
       KvHeaderAboutMenu: ie
     };
   }
-}, ue = { class: "tw-h-full tw-flex tw-items-center" }, de = ["href"], me = {
+}, de = { class: "tw-h-full tw-flex tw-items-center tw-gap-2.5" }, ue = ["href"], me = {
   key: 0,
   class: "tw-bg-eco-green-1 tw-py-0.5 tw-px-1 tw-text-eco-green-4"
 }, ve = ["href"];
-function se(d, e, t, n, K, x) {
-  const A = g("kv-material-icon"), f = g("KvHeaderDropdownLink"), H = g("kv-icon-bag"), y = g("KvUserAvatar"), a = j("kv-track-event");
-  return i(), c("div", ue, [
-    u((i(), c("button", {
+function se(u, e, t, n, x, K) {
+  const A = b("kv-material-icon"), f = b("KvHeaderDropdownLink"), y = b("kv-icon-bag"), H = b("KvUserAvatar"), a = j("kv-track-event");
+  return i(), c("div", de, [
+    d((i(), c("button", {
       ref: "menuButton",
-      class: b(["header-link tw-inline-flex lg:tw-hidden", {
+      class: g(["header-link tw-inline-flex lg:tw-hidden", {
         "tw-text-tertiary": t.openMenuItem && t.openMenuItem !== n.KvHeaderMobileMenu
       }]),
       onMouseover: e[0] || (e[0] = (o) => n.handleOnHover(n.menuButton, n.KvHeaderMobileMenu)),
@@ -134,7 +134,8 @@ function se(d, e, t, n, K, x) {
     ], 34)), [
       [a, t.openMenuItem === n.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
     ]),
-    u((i(), h(f, {
+    d((i(), h(f, {
+      class: "tw-border tw-rounded-md tw-px-1.5 tw-py-1",
       "ref-name": "lendButton",
       href: n.lendUrl,
       "menu-component": n.KvLendMenu,
@@ -145,14 +146,14 @@ function se(d, e, t, n, K, x) {
       onMouseout: e[3] || (e[3] = (o) => n.handleMouseOut("lendButton")),
       onTouchstart: e[4] || (e[4] = (o) => n.handleTouchStart("lendButton", n.KvLendMenu))
     }, {
-      default: p(() => e[10] || (e[10] = [
-        M(" Lend ")
+      default: I(() => e[10] || (e[10] = [
+        w(" Lend ")
       ])),
       _: 1
     }, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
       [a, ["TopNav", "click-Lend"]]
     ]),
-    u((i(), h(f, {
+    d((i(), h(f, {
       "ref-name": "takeActionButton",
       "base-class": "tw-hidden lg:tw-inline-flex",
       "menu-component": n.KvHeaderTakeActionMenu,
@@ -162,14 +163,14 @@ function se(d, e, t, n, K, x) {
       onOnHover: n.onHover,
       onMouseout: e[5] || (e[5] = (o) => n.onHover())
     }, {
-      default: p(() => e[11] || (e[11] = [
-        M(" Take action ")
+      default: I(() => e[11] || (e[11] = [
+        w(" Take action ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
       [a, ["TopNav", "click-TakeAction"]]
     ]),
-    u((i(), h(f, {
+    d((i(), h(f, {
       "ref-name": "aboutUsLink",
       "base-class": "tw-hidden lg:tw-inline-flex",
       "menu-component": n.KvHeaderAboutMenu,
@@ -179,65 +180,65 @@ function se(d, e, t, n, K, x) {
       onOnHover: n.onHover,
       onMouseout: e[6] || (e[6] = (o) => n.onHover())
     }, {
-      default: p(() => e[12] || (e[12] = [
-        M(" About ")
+      default: I(() => e[12] || (e[12] = [
+        w(" About ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
       [a, ["TopNav", "click-About"]]
     ]),
     e[15] || (e[15] = D("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
-    t.loggedIn ? u((i(), c("a", {
+    t.loggedIn ? d((i(), c("a", {
       key: 0,
       ref: "dashboardLink",
       href: t.myDashboardUrl,
-      class: b(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
+      class: g(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
     }, e[13] || (e[13] = [
-      M(" My dashboard ")
-    ]), 10, de)), [
+      w(" My dashboard ")
+    ]), 10, ue)), [
       [a, ["TopNav", "click-Dashboard"]]
-    ]) : k("", !0),
-    t.basketCount > 0 ? u((i(), c("a", {
+    ]) : M("", !0),
+    t.basketCount > 0 ? d((i(), c("a", {
       key: 1,
       ref: "basketLink",
       href: "/basket",
-      class: b(["header-link tw-relative", { "tw-text-tertiary": !!t.openMenuItem }])
+      class: g(["header-link tw-relative", { "tw-text-tertiary": !!t.openMenuItem }])
     }, [
-      U(H, {
+      U(y, {
         class: "tw-w-3 tw-h-3 tw-pointer-events-none",
         count: t.basketCount
       }, null, 8, ["count"])
     ], 2)), [
       [a, ["TopNav", "click-Basket"]]
-    ]) : k("", !0),
+    ]) : M("", !0),
     D("div", {
       class: "tw-cursor-pointer tw-flex tw-items-center tw-gap-1",
       onMouseover: e[7] || (e[7] = (...o) => n.handleAvatarMenuPosition && n.handleAvatarMenuPosition(...o)),
       onMouseout: e[8] || (e[8] = (o) => n.handleMouseOut(n.AVATAR_MENU_ID)),
       onTouchstart: e[9] || (e[9] = (o) => n.handleTouchStart(n.AVATAR_MENU_ID))
     }, [
-      t.loggedIn ? (i(), c("span", me, F(n.numeral(t.balance).format("$0")), 1)) : k("", !0),
-      t.loggedIn ? (i(), h(y, {
+      t.loggedIn ? (i(), c("span", me, F(n.numeral(t.balance).format("$0")), 1)) : M("", !0),
+      t.loggedIn ? (i(), h(H, {
         key: 1,
         ref: "avatar",
         "lender-name": t.lenderName,
         "lender-image-url": t.lenderImageUrl,
         "is-small": ""
-      }, null, 8, ["lender-name", "lender-image-url"])) : k("", !0)
+      }, null, 8, ["lender-name", "lender-image-url"])) : M("", !0)
     ], 32),
-    t.loggedIn ? k("", !0) : u((i(), c("a", {
+    t.loggedIn ? M("", !0) : d((i(), c("a", {
       key: 2,
       ref: "signInLink",
       href: t.loginUrl,
-      class: b(["header-link", { "tw-text-tertiary": !!t.openMenuItem }])
+      class: g(["header-link", { "tw-text-tertiary": !!t.openMenuItem }])
     }, e[14] || (e[14] = [
-      M(" Sign in ")
+      w(" Sign in ")
     ]), 10, ve)), [
       [a, ["TopNav", "click-Sign-in"]]
     ])
   ]);
 }
-const Ie = /* @__PURE__ */ te(ae, [["render", se], ["__scopeId", "data-v-ae8c3f96"]]);
+const pe = /* @__PURE__ */ te(ae, [["render", se], ["__scopeId", "data-v-be04b1f7"]]);
 export {
-  Ie as default
+  pe as default
 };

package/dist/vue/KvWwwHeader/KvHeaderMenuLink.js

@@ -1,6 +1,6 @@
 import { openBlock as t, createElementBlock as r, renderSlot as o } from "vue";
 import n from "../../_virtual/_plugin-vue_export-helper.js";
-const c = {}, s = { class: "tw-py-1.5 tw-cursor-pointer tw-no-underline hover:tw-no-underline tw-text-primary hover:tw-text-action" };
+const c = {}, s = { class: "tw-py-1.5 tw-cursor-pointer tw-no-underline hover:tw-underline tw-text-primary hover:tw-text-action" };
 function a(e, i) {
   return t(), r("a", s, [
     o(e.$slots, "default")

package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.css

@@ -1 +1 @@
-.mobile-link[data-v-463ea821]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-463ea821]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}
+.mobile-link[data-v-58995423]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-58995423]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}

package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.js

@@ -1,5 +1,5 @@
 import m from "../KvAccordionItem.js";
-import { resolveComponent as k, resolveDirective as v, openBlock as t, createElementBlock as o, createVNode as d, withCtx as a, createElementVNode as l, Fragment as w, renderList as f, withDirectives as n, toDisplayString as u, createTextVNode as s } from "vue";
+import { resolveComponent as k, resolveDirective as v, openBlock as t, createElementBlock as o, createVNode as d, withCtx as a, createElementVNode as l, Fragment as w, renderList as f, withDirectives as n, toDisplayString as p, createTextVNode as s } from "vue";
 import "./KvHeaderMobileMenu.css";
 import h from "../../_virtual/_plugin-vue_export-helper.js";
 const b = {
@@ -46,7 +46,7 @@ const b = {
       ]
     };
   }
-}, _ = { class: "tw--mt-0.5 tw-pb-0.5 tw-gap-2 tw-flex tw-flex-col tw-items-end lg:tw-hidden tw-font-medium" }, g = { class: "tw-flex tw-flex-col tw-gap-2" }, x = ["href"], y = { class: "tw-text-secondary tw-font-book" }, N = { class: "tw-flex tw-flex-col tw-gap-2 tw-pt-1 tw-pb-2" }, T = {
+}, _ = { class: "tw--mt-0.5 tw-pb-0.5 tw-gap-2 tw-flex tw-flex-col tw-items-end lg:tw-hidden tw-font-medium tw-px-2.5" }, g = { class: "tw-flex tw-flex-col tw-gap-2" }, x = ["href"], y = { class: "tw-text-secondary tw-font-book" }, N = { class: "tw-flex tw-flex-col tw-gap-2 tw-pt-1 tw-pb-2" }, T = {
   href: "/about",
   class: "mobile-link"
 }, I = {
@@ -71,7 +71,7 @@ const b = {
   href: "/about/due-diligence",
   class: "mobile-link"
 };
-function $(H, e, M, S, p, V) {
+function $(H, e, M, S, u, V) {
   const c = k("KvAccordionItem"), i = v("kv-track-event");
   return t(), o("nav", _, [
     d(c, {
@@ -83,14 +83,14 @@ function $(H, e, M, S, p, V) {
       ])),
       default: a(() => [
         l("div", g, [
-          (t(!0), o(w, null, f(p.menuItems, (r) => n((t(), o("div", {
+          (t(!0), o(w, null, f(u.menuItems, (r) => n((t(), o("div", {
             key: r.title
           }, [
             l("a", {
               href: r.url,
               class: "mobile-link"
-            }, u(r.title), 9, x),
-            l("p", y, u(r.description), 1)
+            }, p(r.title), 9, x),
+            l("p", y, p(r.description), 1)
           ])), [
             [i, ["TopNav", `click-menu-${r.trackEvent}`]]
           ])), 128))
@@ -150,7 +150,7 @@ function $(H, e, M, S, p, V) {
     })
   ]);
 }
-const q = /* @__PURE__ */ h(b, [["render", $], ["__scopeId", "data-v-463ea821"]]);
+const q = /* @__PURE__ */ h(b, [["render", $], ["__scopeId", "data-v-58995423"]]);
 export {
   q as default
 };

package/dist/vue/KvWwwHeader/KvHeaderMyKivaMenu.js

@@ -23,8 +23,8 @@ const p = {
       default: "/mykiva"
     }
   }
-}, y = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start lg:tw-items-start tw-font-medium" };
-function w(k, e, n, b, v, B) {
+}, y = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start lg:tw-items-start tw-font-medium tw-px-2.5" };
+function w(k, e, n, b, v, x) {
   const t = i("kv-header-menu-link");
   return a(), u("nav", y, [
     s(t, {

package/dist/vue/KvWwwHeader/KvHeaderTakeActionMenu.js

@@ -1,14 +1,14 @@
 import i from "./KvHeaderMenuLink.js";
-import { resolveComponent as u, resolveDirective as c, openBlock as o, createElementBlock as d, withDirectives as a, createBlock as s, withCtx as r, createElementVNode as e } from "vue";
-import p from "../../_virtual/_plugin-vue_export-helper.js";
+import { resolveComponent as u, resolveDirective as c, openBlock as o, createElementBlock as p, withDirectives as a, createBlock as s, withCtx as r, createElementVNode as e } from "vue";
+import d from "../../_virtual/_plugin-vue_export-helper.js";
 const m = {
   components: {
     KvHeaderMenuLink: i
   }
-}, v = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start tw-font-medium" };
-function f(k, t, w, _, h, x) {
+}, v = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start tw-font-medium tw-px-2.5" };
+function f(k, t, w, x, _, h) {
   const n = u("kv-header-menu-link"), l = c("kv-track-event");
-  return o(), d("nav", v, [
+  return o(), p("nav", v, [
     a((o(), s(n, { href: "/lend-by-category" }, {
       default: r(() => t[0] || (t[0] = [
         e("div", null, [
@@ -55,7 +55,7 @@ function f(k, t, w, _, h, x) {
     ])
   ]);
 }
-const B = /* @__PURE__ */ p(m, [["render", f]]);
+const B = /* @__PURE__ */ d(m, [["render", f]]);
 export {
   B as default
 };

package/dist/vue/KvWwwHeader/LendMenu/KvLendMenu.js

@@ -1,14 +1,16 @@
-import { gql as v } from "@apollo/client/core";
-import { toRefs as q, ref as a, computed as _, onMounted as S, resolveComponent as L, openBlock as x, createElementBlock as A, createVNode as k } from "vue";
-import B from "./KvLendListMenu.js";
-import F from "./KvLendMegaMenu.js";
-import { indexIn as N } from "../../../utils/comparators.js";
-import { groupBy as O, sortBy as w } from "../../../utils/arrayUtils.js";
-import R from "../../../_virtual/_plugin-vue_export-helper.js";
+import { gql as f } from "@apollo/client/core";
+import { toRefs as q, ref as i, computed as k, onMounted as S, resolveComponent as h, openBlock as x, createBlock as A, withCtx as B, createVNode as w } from "vue";
+import F from "./KvLendListMenu.js";
+import N from "./KvLendMegaMenu.js";
+import { indexIn as O } from "../../../utils/comparators.js";
+import { groupBy as R, sortBy as L } from "../../../utils/arrayUtils.js";
+import K from "../../KvPageContainer.js";
+import D from "../../../_virtual/_plugin-vue_export-helper.js";
 const E = {
   components: {
-    KvLendListMenu: B,
-    KvLendMegaMenu: F
+    KvLendListMenu: F,
+    KvLendMegaMenu: N,
+    KvPageContainer: K
   },
   props: {
     userId: {
@@ -21,10 +23,10 @@ const E = {
     }
   },
   emits: ["load-lend-menu-data"],
-  setup(f, { emit: h }) {
+  setup(y, { emit: p }) {
     const {
       userId: s
-    } = q(f), e = a([]), d = a([]), m = a(0), u = a([]), g = [
+    } = q(y), e = i([]), g = i([]), m = i(0), u = i([]), v = [
       "North America",
       "Central America",
       "South America",
@@ -33,10 +35,10 @@ const E = {
       "Middle East",
       "Asia",
       "Oceania"
-    ], y = a(!0), p = a(!0), M = async (i) => {
-      var r, t, o, c;
-      if (i.watchQuery({
-        query: v`query countryFacets {
+    ], c = i(!0), C = i(!0), M = async (a) => {
+      var r, t, o, d;
+      if (a.watchQuery({
+        query: f`query countryFacets {
 					lend {
 						countryFacets {
 							count
@@ -52,10 +54,10 @@ const E = {
       }).subscribe({
         next: ({ data: n }) => {
           var l;
-          d.value = ((l = n == null ? void 0 : n.lend) == null ? void 0 : l.countryFacets) ?? [], y.value = !1;
+          g.value = ((l = n == null ? void 0 : n.lend) == null ? void 0 : l.countryFacets) ?? [], c.value = !1;
         }
-      }), i.watchQuery({
-        query: v`
+      }), a.watchQuery({
+        query: f`
 					query lendMenuData {
 						lend {
 							loanChannels(popular: true, applyMinLoanCount: true, limit: 50) {
@@ -70,12 +72,12 @@ const E = {
 				`
       }).subscribe({
         next: ({ data: n }) => {
-          var l, C;
-          e.value = ((C = (l = n == null ? void 0 : n.lend) == null ? void 0 : l.loanChannels) == null ? void 0 : C.values) ?? [], p.value = !1;
+          var l, _;
+          e.value = ((_ = (l = n == null ? void 0 : n.lend) == null ? void 0 : l.loanChannels) == null ? void 0 : _.values) ?? [], C.value = !1;
         }
       }), s.value) {
-        const { data: n } = await i.query({
-          query: v`
+        const { data: n } = await a.query({
+          query: f`
 						query lendMenuPrivateData($userId: Int!) {
 							lend {
 								loans(limit: 1, filters: {
@@ -100,69 +102,72 @@ const E = {
           },
           fetchPolicy: "network-only"
         });
-        m.value = ((t = (r = n == null ? void 0 : n.lend) == null ? void 0 : r.loans) == null ? void 0 : t.totalCount) ?? 0, u.value = ((c = (o = n == null ? void 0 : n.my) == null ? void 0 : o.savedSearches) == null ? void 0 : c.values) ?? [];
+        m.value = ((t = (r = n == null ? void 0 : n.lend) == null ? void 0 : r.loans) == null ? void 0 : t.totalCount) ?? 0, u.value = ((d = (o = n == null ? void 0 : n.my) == null ? void 0 : o.savedSearches) == null ? void 0 : d.values) ?? [];
       }
-    }, b = _(() => {
-      const i = d.value.map((o) => ({
+    }, b = k(() => {
+      const a = g.value.map((o) => ({
         name: o.country.name,
         region: o.country.region,
         isoCode: o.country.isoCode.toLowerCase(),
         count: o.count || 0
-      })), r = O(i, "region"), t = [];
-      for (const [o, c] of Object.entries(r))
+      })), r = R(a, "region"), t = [];
+      for (const [o, d] of Object.entries(r))
         t.push({
           name: o,
-          countries: c.sort(w("name"))
+          countries: d.sort(L("name"))
         });
-      return t.sort(N(g, "name"));
-    }), I = _(() => {
+      return t.sort(O(v, "name"));
+    }), I = k(() => {
       var r;
       return ((r = e.value) == null ? void 0 : r.map((t) => {
         const o = JSON.parse(JSON.stringify(t));
         return o.url = o.url.replace("lend", "lend-by-category"), o;
-      })).sort(w("name"));
+      })).sort(L("name"));
     });
     return S(() => {
-      h("load-lend-menu-data");
+      p("load-lend-menu-data");
     }), {
       onLoad: M,
       regions: b,
       computedCategories: I,
-      isChannelsLoading: p,
-      isRegionsLoading: y,
+      isChannelsLoading: C,
+      isRegionsLoading: c,
       savedSearches: u,
       favoritesCount: m
     };
   }
 };
-function D(f, h, s, e, d, m) {
-  const u = L("kv-lend-list-menu"), g = L("kv-lend-mega-menu");
-  return x(), A("div", null, [
-    k(u, {
-      class: "lg:tw-hidden",
-      categories: e.computedCategories,
-      regions: e.regions,
-      "user-id": s.userId,
-      favorites: e.favoritesCount,
-      searches: e.savedSearches,
-      "is-regions-loading": e.isRegionsLoading,
-      "is-channels-loading": e.isChannelsLoading,
-      "show-m-g-upsell-link": s.showMGUpsellLink
-    }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading", "show-m-g-upsell-link"]),
-    k(g, {
-      class: "tw-hidden lg:tw-block",
-      categories: e.computedCategories,
-      regions: e.regions,
-      "user-id": s.userId,
-      favorites: e.favoritesCount,
-      searches: e.savedSearches,
-      "is-regions-loading": e.isRegionsLoading,
-      "is-channels-loading": e.isChannelsLoading,
-      "show-m-g-upsell-link": s.showMGUpsellLink
-    }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading", "show-m-g-upsell-link"])
-  ]);
+function G(y, p, s, e, g, m) {
+  const u = h("kv-lend-list-menu"), v = h("kv-lend-mega-menu"), c = h("kv-page-container");
+  return x(), A(c, null, {
+    default: B(() => [
+      w(u, {
+        class: "lg:tw-hidden",
+        categories: e.computedCategories,
+        regions: e.regions,
+        "user-id": s.userId,
+        favorites: e.favoritesCount,
+        searches: e.savedSearches,
+        "is-regions-loading": e.isRegionsLoading,
+        "is-channels-loading": e.isChannelsLoading,
+        "show-m-g-upsell-link": s.showMGUpsellLink
+      }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading", "show-m-g-upsell-link"]),
+      w(v, {
+        class: "tw-hidden lg:tw-block",
+        categories: e.computedCategories,
+        regions: e.regions,
+        "user-id": s.userId,
+        favorites: e.favoritesCount,
+        searches: e.savedSearches,
+        "is-regions-loading": e.isRegionsLoading,
+        "is-channels-loading": e.isChannelsLoading,
+        "show-m-g-upsell-link": s.showMGUpsellLink
+      }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading", "show-m-g-upsell-link"])
+    ]),
+    _: 1
+  });
 }
-const V = /* @__PURE__ */ R(E, [["render", D]]);
+const T = /* @__PURE__ */ D(E, [["render", G]]);
 export {
-  V as default
+  T as default
 };

package/dist/vue/KvWwwHeader.css

@@ -1 +1 @@
-.header-margins[data-v-c4b7061b]{margin:0 auto;max-width:1400px}.header-fade-enter-active[data-v-c4b7061b]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-c4b7061b]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-c4b7061b],.header-fade-leave-to[data-v-c4b7061b]{opacity:0}.header-fade-leave[data-v-c4b7061b],.header-fade-enter-to[data-v-c4b7061b]{opacity:1}.bg-opacity-50[data-v-c4b7061b]{background-color:rgba(var(--bg-action-highlight),.5)}
+.header-fade-enter-active[data-v-07310dbf]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-07310dbf]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-07310dbf],.header-fade-leave-to[data-v-07310dbf]{opacity:0}.header-fade-leave[data-v-07310dbf],.header-fade-enter-to[data-v-07310dbf]{opacity:1}.bg-opacity-50[data-v-07310dbf]{background-color:rgba(var(--bg-action-highlight),.5)}

package/dist/vue/KvWwwHeader.js

@@ -1,14 +1,16 @@
-import { ref as i, shallowRef as L, resolveComponent as c, resolveDirective as M, openBlock as v, createBlock as y, withCtx as f, createElementVNode as m, createVNode as u, Transition as k, withDirectives as g, vShow as p, createElementBlock as C, normalizeStyle as H, resolveDynamicComponent as B } from "vue";
-import D from "./KvWwwHeader/KvHeaderLinkBar.js";
-import U from "./KvWwwHeader/KvHeaderLogo.js";
-import x from "./KvThemeProvider.js";
+import { ref as i, shallowRef as L, resolveComponent as u, resolveDirective as M, openBlock as v, createBlock as h, withCtx as c, createElementVNode as f, createVNode as s, Transition as p, withDirectives as g, vShow as I, createElementBlock as H, normalizeStyle as B, resolveDynamicComponent as D } from "vue";
+import U from "./KvWwwHeader/KvHeaderLinkBar.js";
+import N from "./KvWwwHeader/KvHeaderLogo.js";
+import T from "./KvThemeProvider.js";
+import x from "./KvPageContainer.js";
 import "./KvWwwHeader.css";
-import N from "../_virtual/_plugin-vue_export-helper.js";
-const T = {
+import S from "../_virtual/_plugin-vue_export-helper.js";
+const E = {
   components: {
-    KvHeaderLinkBar: D,
-    KvHeaderLogo: U,
-    KvThemeProvider: x
+    KvHeaderLinkBar: U,
+    KvHeaderLogo: N,
+    KvThemeProvider: T,
+    KvPageContainer: x
   },
   props: {
     loggedIn: {
@@ -63,98 +65,104 @@ const T = {
   emits: [
     "load-lend-menu-data"
   ],
-  setup(I, { emit: n }) {
-    const e = i(!0), t = i(null), l = i(!1), a = L(null), s = i(null), r = i({ left: 0, position: "relative" });
-    let d;
+  setup(C, { emit: t }) {
+    const e = i(!0), n = i(null), l = i(!1), a = L(null), d = i(null), r = i({ left: 0, position: "relative" });
+    let m;
     return {
       emitLendMenuEvent: () => {
-        n("load-lend-menu-data");
+        t("load-lend-menu-data");
       },
       linksVisible: e,
       menuOpen: l,
-      onHover: (_, o, h) => {
-        o ? (clearTimeout(d), a.value !== o && (r.value = { left: 0, position: "relative" }), a.value = o, l.value = !0, h && (r.value = {
-          ...h,
+      onHover: (k, o, y) => {
+        o ? (clearTimeout(m), a.value !== o && (r.value = { left: 0, position: "relative" }), a.value = o, l.value = !0, y && (r.value = {
+          ...y,
           position: "absolute"
-        })) : l.value && (d = setTimeout(() => {
+        })) : l.value && (m = setTimeout(() => {
           l.value = !1, a.value = null;
         }, 50));
       },
-      loadMenuData: (_) => {
+      loadMenuData: (k) => {
         var o;
-        (o = s.value) == null || o.onLoad(_);
+        (o = d.value) == null || o.onLoad(k);
       },
-      activeHeaderItem: t,
+      activeHeaderItem: n,
       menuComponent: a,
-      menuComponentInstance: s,
+      menuComponentInstance: d,
       menuPosition: r
     };
   }
-}, S = {
-  class: "header-margins tw-relative tw-py-1 tw-px-1.5 tw-font-medium",
+}, K = {
+  class: "tw-font-medium",
   style: { height: "3.75rem" }
-}, E = {
+}, V = {
   href: "/",
   class: "tw-px-1 tw-py-2 tw-cursor-pointer tw-absolute tw-top-1/2 tw-left-1/2 tw--translate-y-1/2 tw--translate-x-1/2 tw-transition-all tw-duration-300"
-}, K = {
+}, P = {
   class: "tw-absolute tw-z-modal tw-h-full tw-inset-x-0 tw-bg-eco-green-4 bg-opacity-50 tw-min-h-screen",
   style: { top: "3.75rem" }
-}, V = { class: "header-margins tw-px-2.5" };
-function z(I, n, e, t, l, a) {
-  const s = c("kv-header-link-bar"), r = c("kv-header-logo"), d = c("kv-theme-provider"), b = M("kv-track-event");
-  return v(), y(d, { tag: "div" }, {
-    default: f(() => [
-      m("nav", S, [
-        u(k, { name: "header-fade" }, {
-          default: f(() => [
-            g(u(s, {
-              "logged-in": e.loggedIn,
-              "basket-count": e.basketCount,
-              "login-url": e.loginUrl,
-              "open-menu-item": t.menuComponent,
-              "my-dashboard-url": e.myDashboardUrl,
-              "lender-name": e.lenderName,
-              "lender-image-url": e.lenderImageUrl,
-              "is-mobile": e.isMobile,
-              balance: e.balance,
-              onItemHover: t.onHover
-            }, null, 8, ["logged-in", "basket-count", "login-url", "open-menu-item", "my-dashboard-url", "lender-name", "lender-image-url", "is-mobile", "balance", "onItemHover"]), [
-              [p, t.linksVisible]
+};
+function z(C, t, e, n, l, a) {
+  const d = u("kv-header-link-bar"), r = u("kv-header-logo"), m = u("kv-page-container"), _ = u("kv-theme-provider"), b = M("kv-track-event");
+  return v(), h(_, {
+    tag: "div",
+    class: "tw-bg-primary tw-relative"
+  }, {
+    default: c(() => [
+      f("nav", K, [
+        s(m, null, {
+          default: c(() => [
+            s(p, { name: "header-fade" }, {
+              default: c(() => [
+                g(s(d, {
+                  "logged-in": e.loggedIn,
+                  "basket-count": e.basketCount,
+                  "login-url": e.loginUrl,
+                  "open-menu-item": n.menuComponent,
+                  "my-dashboard-url": e.myDashboardUrl,
+                  "lender-name": e.lenderName,
+                  "lender-image-url": e.lenderImageUrl,
+                  "is-mobile": e.isMobile,
+                  balance: e.balance,
+                  onItemHover: n.onHover
+                }, null, 8, ["logged-in", "basket-count", "login-url", "open-menu-item", "my-dashboard-url", "lender-name", "lender-image-url", "is-mobile", "balance", "onItemHover"]), [
+                  [I, n.linksVisible]
+                ])
+              ]),
+              _: 1
+            }),
+            g((v(), H("a", V, [
+              s(r)
+            ])), [
+              [b, ["TopNav", "click-Logo"]]
             ])
           ]),
           _: 1
-        }),
-        g((v(), C("a", E, [
-          u(r)
-        ])), [
-          [b, ["TopNav", "click-Logo"]]
-        ])
+        })
       ]),
-      u(k, { name: "header-fade" }, {
-        default: f(() => [
-          g(m("div", K, [
-            m("div", {
+      s(p, { name: "header-fade" }, {
+        default: c(() => [
+          g(f("div", P, [
+            f("div", {
               class: "tw-bg-primary",
-              style: H(t.menuPosition),
-              onMouseover: n[0] || (n[0] = (w) => t.onHover(t.activeHeaderItem, t.menuComponent)),
-              onMouseout: n[1] || (n[1] = (w) => t.onHover())
+              style: B(n.menuPosition),
+              onMouseover: t[0] || (t[0] = (w) => n.onHover(n.activeHeaderItem, n.menuComponent)),
+              onMouseout: t[1] || (t[1] = (w) => n.onHover())
             }, [
-              m("div", V, [
-                (v(), y(B(t.menuComponent), {
-                  ref: "menuComponentInstance",
-                  "logged-in": e.loggedIn,
-                  "login-url": e.loginUrl,
-                  "user-id": e.userId,
-                  "is-borrower": e.isBorrower,
-                  "is-trustee": e.isTrustee,
-                  "my-dashboard-url": e.myDashboardUrl,
-                  "show-m-g-upsell-link": e.showMGUpsellLink,
-                  onLoadLendMenuData: t.emitLendMenuEvent
-                }, null, 40, ["logged-in", "login-url", "user-id", "is-borrower", "is-trustee", "my-dashboard-url", "show-m-g-upsell-link", "onLoadLendMenuData"]))
-              ])
+              (v(), h(D(n.menuComponent), {
+                ref: "menuComponentInstance",
+                "logged-in": e.loggedIn,
+                "login-url": e.loginUrl,
+                "user-id": e.userId,
+                "is-borrower": e.isBorrower,
+                "is-trustee": e.isTrustee,
+                "my-dashboard-url": e.myDashboardUrl,
+                "show-m-g-upsell-link": e.showMGUpsellLink,
+                onLoadLendMenuData: n.emitLendMenuEvent
+              }, null, 40, ["logged-in", "login-url", "user-id", "is-borrower", "is-trustee", "my-dashboard-url", "show-m-g-upsell-link", "onLoadLendMenuData"]))
             ], 36)
           ], 512), [
-            [p, t.menuOpen]
+            [I, n.menuOpen]
           ])
         ]),
         _: 1
@@ -163,7 +171,7 @@ function z(I, n, e, t, l, a) {
     _: 1
   });
 }
-const A = /* @__PURE__ */ N(T, [["render", z], ["__scopeId", "data-v-c4b7061b"]]);
+const F = /* @__PURE__ */ S(E, [["render", z], ["__scopeId", "data-v-07310dbf"]]);
 export {
-  A as default
+  F as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.49.1",
+  "version": "6.49.3",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -113,5 +113,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "f03ff523198dcc597eebe95a49a39847fb1d37e0"
+  "gitHead": "bbbdaa1f86dc87c05f49fd0d922f9a08a1f5061a"
 }