@kiva/kv-components 6.48.0 → 6.49.0

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

@@ -1 +1 @@
-.header-link[data-v-c569a6b0]{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-c569a6b0]: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-c569a6b0]{padding-left:1.25rem;padding-right:1.25rem}}
+.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}}

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

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

package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.css

@@ -1 +1 @@
-.mobile-link[data-v-c9569b42]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-c9569b42]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}
+.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}

package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.js

@@ -74,7 +74,10 @@ const b = {
 function $(H, e, M, S, p, V) {
   const c = k("KvAccordionItem"), i = v("kv-track-event");
   return t(), o("nav", _, [
-    d(c, { class: "tw-w-full tw-border-b-0" }, {
+    d(c, {
+      open: "",
+      class: "tw-w-full tw-border-b-0"
+    }, {
       header: a(() => e[0] || (e[0] = [
         l("h3", null, "Take action", -1)
       ])),
@@ -147,7 +150,7 @@ function $(H, e, M, S, p, V) {
     })
   ]);
 }
-const q = /* @__PURE__ */ h(b, [["render", $], ["__scopeId", "data-v-c9569b42"]]);
+const q = /* @__PURE__ */ h(b, [["render", $], ["__scopeId", "data-v-463ea821"]]);
 export {
   q as default
 };

package/dist/vue/KvWwwHeader.css

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

package/dist/vue/KvWwwHeader.js

@@ -78,7 +78,7 @@ const T = {
           position: "absolute"
         })) : l.value && (d = setTimeout(() => {
           l.value = !1, a.value = null;
-        }, 200));
+        }, 50));
       },
       loadMenuData: (_) => {
         var o;
@@ -101,7 +101,7 @@ const T = {
   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"), w = M("kv-track-event");
+  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, [
@@ -127,7 +127,7 @@ function z(I, n, e, t, l, a) {
         g((v(), C("a", E, [
           u(r)
         ])), [
-          [w, ["TopNav", "click-Logo"]]
+          [b, ["TopNav", "click-Logo"]]
         ])
       ]),
       u(k, { name: "header-fade" }, {
@@ -136,8 +136,8 @@ function z(I, n, e, t, l, a) {
             m("div", {
               class: "tw-bg-primary",
               style: H(t.menuPosition),
-              onMouseover: n[0] || (n[0] = (b) => t.onHover(t.activeHeaderItem, t.menuComponent)),
-              onMouseout: n[1] || (n[1] = (b) => t.onHover())
+              onMouseover: n[0] || (n[0] = (w) => t.onHover(t.activeHeaderItem, t.menuComponent)),
+              onMouseout: n[1] || (n[1] = (w) => t.onHover())
             }, [
               m("div", V, [
                 (v(), y(B(t.menuComponent), {
@@ -163,7 +163,7 @@ function z(I, n, e, t, l, a) {
     _: 1
   });
 }
-const A = /* @__PURE__ */ N(T, [["render", z], ["__scopeId", "data-v-588c2857"]]);
+const A = /* @__PURE__ */ N(T, [["render", z], ["__scopeId", "data-v-c4b7061b"]]);
 export {
   A as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.48.0",
+  "version": "6.49.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -21,7 +21,7 @@
     "@babel/preset-env": "^7.24.8",
     "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
-    "@kiva/kv-tokens": "^3.4.0",
+    "@kiva/kv-tokens": "^3.4.1",
     "@kiva/vite-plugin-vue-lib-css": "^2.0.0",
     "@laynezh/vite-plugin-lib-assets": "^0.6.1",
     "@mdi/js": "^7.4.47",
@@ -113,5 +113,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "16c3d26321c8cb8cc7915fc55e60bcd1616de1f3"
+  "gitHead": "49de729c4f6dd4d032d2a2ea0b26705321e2f4a8"
 }