@kiva/kv-components 6.40.4 → 6.40.6

package/dist/vue/KvWwwHeader/LendMenu/KvLendListMenu.css

@@ -1 +1 @@
-.lend-link[data-v-e4e7d18f]{display:block;width:100%;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.lend-link[data-v-e4e7d18f]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1))}
+.lend-link[data-v-4fed1891]{display:block;width:100%;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.lend-link[data-v-4fed1891]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}

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

@@ -251,7 +251,7 @@ function le(C, e, r, f, N, K) {
     }, 512)
   ]);
 }
-const fe = /* @__PURE__ */ z(G, [["render", le], ["__scopeId", "data-v-e4e7d18f"]]);
+const fe = /* @__PURE__ */ z(G, [["render", le], ["__scopeId", "data-v-4fed1891"]]);
 export {
   fe as default
 };

package/dist/vue/KvWwwHeader/LendMenu/KvLendMegaMenu.css

@@ -1 +1 @@
-.menu-heading[data-v-4e0a05e6]{font-weight:300;font-size:1rem;letter-spacing:0em;line-height:1.5}@media (min-width: 64rem){.menu-heading[data-v-4e0a05e6]{font-size:1.0625rem;letter-spacing:0em}}.menu-heading[data-v-4e0a05e6]{font-weight:400}.region-list[data-v-4e0a05e6],.search-list[data-v-4e0a05e6]{-moz-column-fill:auto;column-fill:auto;-moz-columns:3;columns:3;gap:2rem}.mega-menu-link[data-v-4e0a05e6]{display:inline-block;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mega-menu-link[data-v-4e0a05e6]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1))}.link-item[data-v-4e0a05e6]{width:11rem}
+.menu-heading[data-v-c47f9ef7]{font-weight:300;font-size:1rem;letter-spacing:0em;line-height:1.5}@media (min-width: 64rem){.menu-heading[data-v-c47f9ef7]{font-size:1.0625rem;letter-spacing:0em}}.menu-heading[data-v-c47f9ef7]{font-weight:400}.region-list[data-v-c47f9ef7],.search-list[data-v-c47f9ef7]{-moz-column-fill:auto;column-fill:auto;-moz-columns:3;columns:3;gap:2rem}.mega-menu-link[data-v-c47f9ef7]{display:inline-block;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mega-menu-link[data-v-c47f9ef7]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}.link-item[data-v-c47f9ef7]{width:11rem;text-decoration-line:none}.link-item[data-v-c47f9ef7]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}

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

@@ -46,7 +46,7 @@ const z = {
     }
   },
   setup(p) {
-    const e = L(null), i = L(""), l = k(() => i.value !== ""), y = (a) => i.value === a, S = (a) => {
+    const e = L(null), i = L(""), l = k(() => i.value !== ""), f = (a) => i.value === a, S = (a) => {
       i.value = a;
     }, h = k(() => {
       var r;
@@ -56,19 +56,19 @@ const z = {
         a.transform = `translateX(${o * -1}px)`;
       }
       return a;
-    }), f = k(() => p.regions.filter((a) => y(a.name))), _ = k(() => p.searches.length > 0);
+    }), y = k(() => p.regions.filter((a) => f(a.name))), _ = k(() => p.searches.length > 0);
     return {
       mdiArrowRight: N,
       mdiChevronLeft: T,
       categoriesSection: e,
       openedSection: i,
       sectionOpen: l,
-      isOpenSection: y,
+      isOpenSection: f,
       openSection: S,
       onClose: () => {
         i.value = "";
       },
-      openRegions: f,
+      openRegions: y,
       computedStyle: h,
       hasSearches: _,
       savedSearchesTitle: "Saved searches"
@@ -88,16 +88,16 @@ const z = {
   href: "/lend"
 }, Z = { key: 0 }, $ = { class: "tw-font-medium" }, ee = ["href"], te = {
   key: 1,
-  class: "tw-text-secondary tw-py-1 tw-inline-block"
+  class: "tw-text-secondary tw-py-1 tw-inline-block tw-no-underline hover:tw-underline"
 }, ne = ["aria-pressed"], se = {
   key: 1,
   class: "tw-text-secondary tw-py-1 tw-inline-block"
 }, oe = {
   href: "/lend/countries-not-lent",
-  class: "tw-text-primary tw-text-left hover:tw-text-action tw-py-1 tw-inline-block"
+  class: "tw-text-primary tw-text-left hover:tw-text-action tw-py-1 tw-inline-block tw-no-underline hover:tw-underline"
 }, le = { class: "tw-col-span-2" }, ie = { class: "tw-col-span-8 tw-flex tw-flex-col" }, ae = { class: "tw-flex tw-whitespace-nowrap tw-h-full" }, re = { class: "tw-font-medium" }, ce = ["aria-pressed", "onClick"];
-function de(p, e, i, l, y, S) {
-  const h = u("kv-loading-placeholder"), f = u("kv-material-icon"), _ = u("kv-lend-menu-search-list"), b = u("kv-lend-menu-country-list"), a = u("kv-grid"), r = R("kv-track-event");
+function de(p, e, i, l, f, S) {
+  const h = u("kv-loading-placeholder"), y = u("kv-material-icon"), _ = u("kv-lend-menu-search-list"), b = u("kv-lend-menu-country-list"), a = u("kv-grid"), r = R("kv-track-event");
   return n(), s("div", E, [
     t("div", {
       style: A(l.computedStyle),
@@ -164,7 +164,7 @@ function de(p, e, i, l, y, S) {
                       i.favorites > 0 ? d((n(), s("a", {
                         key: 0,
                         href: `/lend?lenderFavorite=${i.userId}`,
-                        class: "tw-text-primary tw-text-left hover:tw-text-action tw-py-1 tw-inline-block"
+                        class: "tw-text-primary tw-text-left hover:tw-text-action tw-py-1 tw-inline-block tw-no-underline hover:tw-underline"
                       }, e[6] || (e[6] = [
                         m(" Saved loans ")
                       ]), 8, ee)), [
@@ -197,7 +197,7 @@ function de(p, e, i, l, y, S) {
               class: "tw-flex",
               onClick: e[1] || (e[1] = (o) => l.openedSection = "")
             }, [
-              w(f, {
+              w(y, {
                 class: "tw-flex-shrink-0 tw-w-3 tw-h-3",
                 icon: l.mdiChevronLeft
               }, null, 8, ["icon"]),
@@ -230,7 +230,7 @@ function de(p, e, i, l, y, S) {
                   }, [
                     d((n(), s("button", {
                       "aria-pressed": l.isOpenSection(o.name) ? "true" : "false",
-                      class: O(["tw-text-primary tw-text-left tw-py-1 hover:tw-text-action-highlight hover:tw-underline", { "tw-text-action": l.isOpenSection(o.name) }]),
+                      class: O(["tw-text-primary tw-text-left tw-py-1 hover:tw-text-action hover:tw-underline", { "tw-text-action": l.isOpenSection(o.name) }]),
                       onClick: (g) => l.openSection(o.name)
                     }, [
                       m(x(o.name), 1)
@@ -257,7 +257,7 @@ function de(p, e, i, l, y, S) {
     ], 4)
   ]);
 }
-const _e = /* @__PURE__ */ F(z, [["render", de], ["__scopeId", "data-v-4e0a05e6"]]);
+const _e = /* @__PURE__ */ F(z, [["render", de], ["__scopeId", "data-v-c47f9ef7"]]);
 export {
   _e as default
 };

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

@@ -1,14 +1,14 @@
 import { gql as v } from "@apollo/client/core";
-import { toRefs as w, ref as a, computed as _, onMounted as S, resolveComponent as L, openBlock as x, createElementBlock as A, createVNode as I } from "vue";
-import N from "./KvLendListMenu.js";
-import O from "./KvLendMegaMenu.js";
-import { indexIn as R } from "../../../utils/comparators.js";
-import { groupBy as B, sortBy as b } from "../../../utils/arrayUtils.js";
-import E from "../../../_virtual/_plugin-vue_export-helper.js";
-const F = {
+import { toRefs as w, ref as a, computed as _, onMounted as S, resolveComponent as L, openBlock as x, createElementBlock as A, createVNode as b } 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 I } from "../../../utils/arrayUtils.js";
+import B from "../../../_virtual/_plugin-vue_export-helper.js";
+const E = {
   components: {
-    KvLendListMenu: N,
-    KvLendMegaMenu: O
+    KvLendListMenu: F,
+    KvLendMegaMenu: N
   },
   props: {
     userId: {
@@ -20,7 +20,7 @@ const F = {
   setup(f, { emit: y }) {
     const {
       userId: i
-    } = w(f), e = a([]), d = a([]), m = a(0), u = a([]), g = [
+    } = w(f), e = a([]), d = a([]), m = a(0), c = a([]), g = [
       "North America",
       "Central America",
       "South America",
@@ -30,7 +30,7 @@ const F = {
       "Asia",
       "Oceania"
     ], h = a(!0), C = a(!0), M = async (t) => {
-      var s, r, o, l;
+      var r, s, o, u;
       if (t.watchQuery({
         query: v`query countryFacets {
 					lend {
@@ -47,8 +47,8 @@ const F = {
 				}`
       }).subscribe({
         next: ({ data: n }) => {
-          var c;
-          d.value = ((c = n == null ? void 0 : n.lend) == null ? void 0 : c.countryFacets) ?? [], h.value = !1;
+          var l;
+          d.value = ((l = n == null ? void 0 : n.lend) == null ? void 0 : l.countryFacets) ?? [], h.value = !1;
         }
       }), t.watchQuery({
         query: v`
@@ -66,15 +66,17 @@ const F = {
 				`
       }).subscribe({
         next: ({ data: n }) => {
-          var c, p;
-          e.value = ((p = (c = n == null ? void 0 : n.lend) == null ? void 0 : c.loanChannels) == null ? void 0 : p.values) ?? [], C.value = !1;
+          var l, p;
+          e.value = ((p = (l = n == null ? void 0 : n.lend) == null ? void 0 : l.loanChannels) == null ? void 0 : p.values) ?? [], C.value = !1;
         }
       }), i.value) {
         const { data: n } = await t.query({
           query: v`
 						query lendMenuPrivateData($userId: Int!) {
 							lend {
-								loans(userId: $userId, limit: 0) {
+								loans(limit: 1, filters: {
+									lenderFavorite: $userId
+								}) {
 									totalCount
 								}
 							}
@@ -94,7 +96,7 @@ const F = {
           },
           fetchPolicy: "network-only"
         });
-        m.value = ((r = (s = n == null ? void 0 : n.lend) == null ? void 0 : s.loans) == null ? void 0 : r.totalCount) ?? 0, u.value = ((l = (o = n == null ? void 0 : n.my) == null ? void 0 : o.savedSearches) == null ? void 0 : l.values) ?? [];
+        m.value = ((s = (r = n == null ? void 0 : n.lend) == null ? void 0 : r.loans) == null ? void 0 : s.totalCount) ?? 0, c.value = ((u = (o = n == null ? void 0 : n.my) == null ? void 0 : o.savedSearches) == null ? void 0 : u.values) ?? [];
       }
     }, k = _(() => {
       const t = d.value.map((o) => ({
@@ -102,19 +104,19 @@ const F = {
         region: o.country.region,
         isoCode: o.country.isoCode.toLowerCase(),
         count: o.count || 0
-      })), s = B(t, "region"), r = [];
-      for (const [o, l] of Object.entries(s))
-        r.push({
+      })), r = R(t, "region"), s = [];
+      for (const [o, u] of Object.entries(r))
+        s.push({
           name: o,
-          countries: l.sort(b("name"))
+          countries: u.sort(I("name"))
         });
-      return r.sort(R(g, "name"));
+      return s.sort(O(g, "name"));
     }), q = _(() => {
-      var s;
-      return ((s = e.value) == null ? void 0 : s.map((r) => {
-        const o = JSON.parse(JSON.stringify(r));
+      var r;
+      return ((r = e.value) == null ? void 0 : r.map((s) => {
+        const o = JSON.parse(JSON.stringify(s));
         return o.url = o.url.replace("lend", "lend-by-category"), o;
-      })).sort(b("name"));
+      })).sort(I("name"));
     });
     return S(() => {
       y("load-lend-menu-data");
@@ -124,15 +126,15 @@ const F = {
       computedCategories: q,
       isChannelsLoading: C,
       isRegionsLoading: h,
-      savedSearches: u,
+      savedSearches: c,
       favoritesCount: m
     };
   }
 };
 function D(f, y, i, e, d, m) {
-  const u = L("kv-lend-list-menu"), g = L("kv-lend-mega-menu");
+  const c = L("kv-lend-list-menu"), g = L("kv-lend-mega-menu");
   return x(), A("div", null, [
-    I(u, {
+    b(c, {
       class: "lg:tw-hidden",
       categories: e.computedCategories,
       regions: e.regions,
@@ -142,7 +144,7 @@ function D(f, y, i, e, d, m) {
       "is-regions-loading": e.isRegionsLoading,
       "is-channels-loading": e.isChannelsLoading
     }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading"]),
-    I(g, {
+    b(g, {
       class: "tw-hidden lg:tw-block",
       categories: e.computedCategories,
       regions: e.regions,
@@ -154,7 +156,7 @@ function D(f, y, i, e, d, m) {
     }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading"])
   ]);
 }
-const G = /* @__PURE__ */ E(F, [["render", D]]);
+const G = /* @__PURE__ */ B(E, [["render", D]]);
 export {
   G as default
 };

package/dist/vue/KvWwwHeader/LendMenu/KvLendMenuCountryList.css

@@ -1 +1 @@
-.country-list-item[data-v-219fb066]{width:11rem}
+.country-list-item[data-v-b291d337]{width:11rem}

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

@@ -1,7 +1,7 @@
-import { resolveDirective as n, openBlock as e, createElementBlock as o, Fragment as c, renderList as a, withDirectives as l, createTextVNode as p, toDisplayString as r } from "vue";
+import { resolveDirective as i, openBlock as e, createElementBlock as o, Fragment as c, renderList as a, withDirectives as l, createTextVNode as d, toDisplayString as r } from "vue";
 import "./KvLendMenuCountryList.css";
-import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-const d = {
+import p from "../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
   name: "CountryList",
   props: {
     countries: {
@@ -9,12 +9,12 @@ const d = {
       default: () => []
     }
   }
-}, m = { class: "tw-whitespace-nowrap tw-font-medium" }, u = ["href"], f = {
+}, m = { class: "tw-whitespace-nowrap tw-font-medium" }, u = ["href"], w = {
   key: 1,
   class: "tw-block tw-py-1 tw-text-tertiary"
 };
-function w(h, k, s, v, y, x) {
-  const i = n("kv-track-event");
+function f(k, v, s, h, y, x) {
+  const n = i("kv-track-event");
   return e(), o("ul", m, [
     (e(!0), o(c, null, a(s.countries, (t) => (e(), o("li", {
       key: t.isoCode,
@@ -23,16 +23,16 @@ function w(h, k, s, v, y, x) {
       t.count > 0 ? l((e(), o("a", {
         key: 0,
         href: `/lend/filter?country=${t.isoCode}`,
-        class: "tw-text-primary hover:tw-text-action-highlight tw-block tw-w-full tw-py-1"
+        class: "tw-text-primary hover:tw-text-action tw-block tw-w-full tw-py-1"
       }, [
-        p(r(t.name) + " (" + r(t.count) + ") ", 1)
+        d(r(t.name) + " (" + r(t.count) + ") ", 1)
       ], 8, u)), [
-        [i, ["TopNav", "click-Lend-Country", t.name]]
-      ]) : (e(), o("span", f, r(t.name) + " (0) ", 1))
+        [n, ["TopNav", "click-Lend-Country", t.name]]
+      ]) : (e(), o("span", w, r(t.name) + " (0) ", 1))
     ]))), 128))
   ]);
 }
-const $ = /* @__PURE__ */ _(d, [["render", w], ["__scopeId", "data-v-219fb066"]]);
+const b = /* @__PURE__ */ p(_, [["render", f], ["__scopeId", "data-v-b291d337"]]);
 export {
-  $ as default
+  b as default
 };

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

@@ -1,32 +1,32 @@
-import { openBlock as e, createElementBlock as r, Fragment as a, renderList as l, createElementVNode as o, toDisplayString as i } from "vue";
-import c from "../../../_virtual/_plugin-vue_export-helper.js";
-const h = {
+import { openBlock as e, createElementBlock as r, Fragment as a, renderList as l, createElementVNode as o, toDisplayString as c } from "vue";
+import i from "../../../_virtual/_plugin-vue_export-helper.js";
+const p = {
   props: {
     searches: {
       type: Array,
       default: () => []
     }
   }
-}, p = { class: "tw-font-book" }, d = ["href"];
-function f(u, s, n, w, m, _) {
-  return e(), r("ul", p, [
+}, d = { class: "tw-font-book" }, f = ["href"];
+function u(w, s, n, m, _, h) {
+  return e(), r("ul", d, [
     (e(!0), r(a, null, l(n.searches, (t) => (e(), r("li", {
       key: t.id
     }, [
       o("a", {
-        class: "tw-text-primary hover:tw-text-action-highlight tw-block tw-w-full tw-py-1",
+        class: "tw-text-primary hover:tw-text-action tw-block tw-w-full tw-py-1",
         href: t.url
-      }, i(t.name), 9, d)
+      }, c(t.name), 9, f)
     ]))), 128)),
     s[0] || (s[0] = o("li", null, [
       o("a", {
-        class: "tw-text-primary hover:tw-text-action-highlight tw-block tw-w-full tw-py-1",
+        class: "tw-text-primary hover:tw-text-action tw-block tw-w-full tw-py-1",
         href: "/lend/saved-search"
       }, " Manage saved searches ")
     ], -1))
   ]);
 }
-const x = /* @__PURE__ */ c(h, [["render", f]]);
+const k = /* @__PURE__ */ i(p, [["render", u]]);
 export {
-  x as default
+  k as default
 };

package/dist/vue/KvWwwHeader.css

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

package/dist/vue/KvWwwHeader.js

@@ -1,4 +1,4 @@
-import { ref as s, shallowRef as L, resolveComponent as c, resolveDirective as H, openBlock as h, createBlock as p, withCtx as d, createElementVNode as g, createVNode as r, Transition as w, withDirectives as _, vShow as k, createElementBlock as O, normalizeClass as x, createCommentVNode as B, resolveDynamicComponent as I } from "vue";
+import { ref as s, shallowRef as L, resolveComponent as c, resolveDirective as H, openBlock as h, createBlock as p, withCtx as d, createElementVNode as g, createVNode as r, Transition as w, withDirectives as _, vShow as b, createElementBlock as O, normalizeClass as x, createCommentVNode as B, resolveDynamicComponent as I } from "vue";
 import N from "./KvWwwHeader/KvHeaderLinkBar.js";
 import E from "./KvWwwHeader/KvHeaderLogo.js";
 import M from "./KvWwwHeader/KvHeaderSearchBar.js";
@@ -48,11 +48,11 @@ const D = {
     "load-lend-menu-data"
   ],
   setup(C, { emit: n }) {
-    const t = s(!0), e = s(null), u = s(!1), b = s(null), l = s(!1), i = L(null), m = s(null);
+    const t = s(!0), e = s(null), m = s(!1), k = s(null), l = s(!1), i = L(null), u = s(null);
     let f;
     return {
       afterLinksNotVisible: () => {
-        u.value = !0;
+        m.value = !0;
       },
       afterSearchClosed: () => {
         t.value = !0;
@@ -65,7 +65,7 @@ const D = {
         n("load-lend-menu-data");
       },
       linksVisible: t,
-      searchOpen: u,
+      searchOpen: m,
       menuOpen: l,
       onHover: (a, o) => {
         o ? (clearTimeout(f), i.value = o, l.value = !0) : l.value && (f = setTimeout(() => {
@@ -76,7 +76,7 @@ const D = {
         t.value = !1;
       },
       closeSearch: () => {
-        u.value = !1;
+        m.value = !1;
       },
       getSuggestions: (a) => {
         var o;
@@ -84,23 +84,23 @@ const D = {
       },
       loadMenuData: (a) => {
         var o;
-        (o = m.value) == null || o.onLoad(a);
+        (o = u.value) == null || o.onLoad(a);
       },
-      activeHeaderItem: b,
+      activeHeaderItem: k,
       searchBar: e,
       menuComponent: i,
-      menuComponentInstance: m
+      menuComponentInstance: u
     };
   }
 }, K = {
   class: "header-margins tw-relative tw-py-1 tw-px-1.5 tw-font-medium",
   style: { height: "3.75rem" }
 }, U = { class: "header-margins tw-px-2.5" };
-function z(C, n, t, e, u, b) {
-  const l = c("kv-header-link-bar"), i = c("kv-header-logo"), m = c("kv-header-search-bar"), f = c("kv-header-search-suggestions"), S = c("kv-theme-provider"), y = H("kv-track-event");
+function z(C, n, t, e, m, k) {
+  const l = c("kv-header-link-bar"), i = c("kv-header-logo"), u = c("kv-header-search-bar"), f = c("kv-header-search-suggestions"), S = c("kv-theme-provider"), y = H("kv-track-event");
   return h(), p(S, {
-    tag: "header",
-    class: "tw-bg-secondary"
+    tag: "div",
+    class: "tw-bg-secondary tw-border-b tw-border-tertiary"
   }, {
     default: d(() => [
       g("nav", K, [
@@ -117,7 +117,7 @@ function z(C, n, t, e, u, b) {
               onItemHover: e.onHover,
               onOpenSearch: e.openSearch
             }, null, 8, ["logged-in", "basket-count", "login-url", "open-menu-item", "onItemHover", "onOpenSearch"]), [
-              [k, e.linksVisible]
+              [b, e.linksVisible]
             ])
           ]),
           _: 1
@@ -138,7 +138,7 @@ function z(C, n, t, e, u, b) {
           onAfterLeave: e.afterSearchClosed
         }, {
           default: d(() => [
-            _(r(m, {
+            _(r(u, {
               ref: "searchBar",
               class: "tw-absolute tw-left-1/2 tw--translate-x-1/2 tw-top-1/2 tw--translate-y-1/2 tw-h-full tw-w-full",
               style: {
@@ -146,7 +146,7 @@ function z(C, n, t, e, u, b) {
               },
               onCloseSearch: e.closeSearch
             }, null, 8, ["onCloseSearch"]), [
-              [k, e.searchOpen]
+              [b, e.searchOpen]
             ])
           ]),
           _: 1
@@ -164,7 +164,7 @@ function z(C, n, t, e, u, b) {
       r(w, { name: "header-fade" }, {
         default: d(() => [
           _(g("div", {
-            class: "tw-absolute tw-z-modal tw-h-full tw-inset-x-0 tw-bg-eco-green-4 bg-opacity-50",
+            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" },
             onClick: n[2] || (n[2] = (...v) => e.closeSearch && e.closeSearch(...v))
           }, [
@@ -187,7 +187,7 @@ function z(C, n, t, e, u, b) {
               ])
             ], 32)
           ], 512), [
-            [k, e.menuOpen || e.searchOpen]
+            [b, e.menuOpen || e.searchOpen]
           ])
         ]),
         _: 1
@@ -196,7 +196,7 @@ function z(C, n, t, e, u, b) {
     _: 1
   });
 }
-const te = /* @__PURE__ */ V(D, [["render", z], ["__scopeId", "data-v-31b1473c"]]);
+const te = /* @__PURE__ */ V(D, [["render", z], ["__scopeId", "data-v-2269b77f"]]);
 export {
   te as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.40.4",
+  "version": "6.40.6",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "233682ee4d7f6947c0612ee982497cc97cf83487"
+  "gitHead": "f9688efee23caf916e373fd05deefd1880830d6e"
 }