@kiva/kv-components 6.52.4 → 6.52.6

package/dist/index.js

@@ -4,7 +4,7 @@ import { default as l } from "./vue/KvBorrowerImage.js";
 import { default as d } from "./vue/KvButton.js";
 import { default as p } from "./vue/KvCardFrame.js";
 import { default as x } from "./vue/KvCarousel.js";
-import { default as K } from "./vue/KvCartModal.js";
+import { default as n } from "./vue/KvCartModal.js";
 import { default as A } from "./vue/KvCartPill.js";
 import { default as C } from "./vue/KvCheckbox.js";
 import { default as L } from "./vue/KvCheckoutReceipt.js";
@@ -14,104 +14,105 @@ import { default as S } from "./vue/KvCommentsAdd.js";
 import { default as P } from "./vue/KvCommentsContainer.js";
 import { default as G } from "./vue/KvCommentsHeartButton.js";
 import { default as F } from "./vue/KvCommentsList.js";
-import { default as B } from "./vue/KvCommentsListItem.js";
-import { default as k } from "./vue/KvCommentsReplyButton.js";
+import { default as D } from "./vue/KvCommentsListItem.js";
+import { default as B } from "./vue/KvCommentsReplyButton.js";
 import { default as b } from "./vue/KvContentfulImg.js";
 import { default as w } from "./vue/KvCountdownTimer.js";
-import { default as H } from "./vue/KvExpandable.js";
-import { default as z } from "./vue/KvExpandableQuestion.js";
-import { default as q } from "./vue/KvFlag.js";
-import { default as X } from "./vue/KvGrid.js";
-import { default as Z } from "./vue/KvImpactDashboardHeader.js";
-import { default as ee } from "./vue/KvImpactVerticalSelector.js";
-import { default as te } from "./vue/KvInlineActivityCard.js";
-import { default as ae } from "./vue/KvInlineActivityFeed.js";
-import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as le, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as se, default as de } from "./vue/KvIntroductionLoanCard.js";
-import { default as pe } from "./vue/KvLendAmountButton.js";
-import { KV_LEND_CTA_FRAGMENT as xe, KV_LEND_CTA_USER_FRAGMENT as ne, default as Ke } from "./vue/KvLendCta.js";
-import { default as Ae } from "./vue/KvLightbox.js";
-import { default as Ce } from "./vue/KvLineGraph.js";
-import { KV_LOAN_ACTIVITIES_FRAGMENT as Le, default as Ne } from "./vue/KvLoanActivities.js";
-import { KV_LOAN_BOOKMARK_FRAGMENT as ce, default as Ee } from "./vue/KvLoanBookmark.js";
-import { default as Me } from "./vue/KvLoanCallouts.js";
-import { default as Se } from "./vue/KvLoanProgressGroup.js";
-import { KV_LOAN_TAG_FRAGMENT as Pe, default as ge } from "./vue/KvLoanTag.js";
-import { default as he } from "./vue/KvLoanTeamPick.js";
-import { KV_LOAN_USE_FRAGMENT as Ve, default as Be } from "./vue/KvLoanUse.js";
-import { default as ke } from "./vue/KvLoadingPlaceholder.js";
-import { default as be } from "./vue/KvLoadingSpinner.js";
-import { default as we } from "./vue/KvMap.js";
-import { default as He } from "./vue/KvMaterialIcon.js";
-import { default as ze } from "./vue/KvPageContainer.js";
-import { default as qe } from "./vue/KvPagination.js";
-import { default as Xe } from "./vue/KvPieChart.js";
-import { default as Ze } from "./vue/KvPill.js";
-import { default as eo } from "./vue/KvPopper.js";
-import { default as to } from "./vue/KvProgressBar.js";
-import { default as ao } from "./vue/KvPulsingDot.js";
-import { default as lo } from "./vue/KvRadio.js";
-import { default as mo } from "./vue/KvSelect.js";
-import { default as uo } from "./vue/KvSideSheet.js";
-import { default as no } from "./vue/KvSwitch.js";
-import { default as vo } from "./vue/KvTab.js";
-import { default as io } from "./vue/KvTabPanel.js";
-import { default as _o } from "./vue/KvTabs.js";
-import { default as No } from "./vue/KvTextInput.js";
-import { default as co } from "./vue/KvTextLink.js";
-import { default as Ro } from "./vue/KvThemeProvider.js";
-import { default as Oo } from "./vue/KvToast.js";
-import { default as Io } from "./vue/KvTooltip.js";
-import { default as go } from "./vue/KvTreeMapChart.js";
-import { default as ho } from "./vue/KvUserAvatar.js";
-import { default as Vo } from "./vue/KvUtilityMenu.js";
-import { default as Do } from "./vue/KvVerticalCarousel.js";
-import { default as yo } from "./vue/KvVotingCard.js";
-import { default as Uo } from "./vue/KvVotingCardV2.js";
-import { KV_WIDE_LOAN_CARD_FRAGMENT as Wo, KV_WIDE_LOAN_CARD_USER_FRAGMENT as Ho, default as jo } from "./vue/KvWideLoanCard.js";
-import { default as Qo } from "./vue/KvAtbModal.js";
-import { default as Jo } from "./vue/KvSecondaryNav.js";
-import { default as Yo } from "./vue/KvWwwHeader.js";
-import { default as $o, Mash as et } from "./utils/Alea.js";
-import { useAttrs as tt } from "./utils/attrs.js";
-import { carouselUtil as at } from "./utils/carousels.js";
-import { collapse as lt, expand as st } from "./utils/expander.js";
-import { isLegacyPlaceholderAvatar as mt, randomizedUserAvatarClass as pt } from "./utils/imageUtils.js";
-import { LOAN_CALLOUTS_FRAGMENT as xt, LOAN_GEOCODE_FRAGMENT as nt, LOAN_PROGRESS_FRAGMENT as Kt, loanCardComputedProperties as vt, loanCardMethods as At } from "./utils/loanCard.js";
-import { BALANCE_CAMPAIGN as Ct, BASE_CAMPAIGN as _t, ERL_COOKIE_NAME as Lt, NO_BALANCE_CAMPAIGN as Nt, TOP_UP_CAMPAIGN as Tt, getDropdownPriceArray as ct, getLendCtaSelectedOption as Et, isBetween25And50 as Rt, isLessThan25 as Mt } from "./utils/loanUtils.js";
-import { animationCoordinator as St, generateMapMarkers as It, getCoordinatesBetween as Pt, getCountryColor as gt, getLoansIntervals as Gt } from "./utils/mapUtils.js";
-import { lockPrintSingleEl as Ft, unlockPrintSingleEl as Vt } from "./utils/printing.js";
-import { lockScroll as Dt, lockScrollSmallOnly as kt, unlockScroll as yt, unlockScrollSmallOnly as bt } from "./utils/scrollLock.js";
-import { buildTailwindClassName as wt, headerNumberCase as Wt, kebabCase as Ht, removeObjectProperty as jt } from "./utils/themeUtils.js";
-import { throttle as Qt } from "./utils/throttle.js";
-import { isTargetElement as Jt, offBodyTouchstart as Xt, onBodyTouchstart as Yt } from "./utils/touchEvents.js";
-import { getTreemap as $t } from "./utils/treemap.js";
-import { KvBlueskyIcon as or } from "./assets/icons/bluesky.js";
+import { default as H } from "./vue/KvDatePicker.js";
+import { default as z } from "./vue/KvExpandable.js";
+import { default as q } from "./vue/KvExpandableQuestion.js";
+import { default as X } from "./vue/KvFlag.js";
+import { default as Z } from "./vue/KvGrid.js";
+import { default as ee } from "./vue/KvImpactDashboardHeader.js";
+import { default as te } from "./vue/KvImpactVerticalSelector.js";
+import { default as ae } from "./vue/KvInlineActivityCard.js";
+import { default as le } from "./vue/KvInlineActivityFeed.js";
+import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as de, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as me, default as pe } from "./vue/KvIntroductionLoanCard.js";
+import { default as xe } from "./vue/KvLendAmountButton.js";
+import { KV_LEND_CTA_FRAGMENT as ne, KV_LEND_CTA_USER_FRAGMENT as ve, default as Ae } from "./vue/KvLendCta.js";
+import { default as Ce } from "./vue/KvLightbox.js";
+import { default as Le } from "./vue/KvLineGraph.js";
+import { KV_LOAN_ACTIVITIES_FRAGMENT as Te, default as ce } from "./vue/KvLoanActivities.js";
+import { KV_LOAN_BOOKMARK_FRAGMENT as Re, default as Me } from "./vue/KvLoanBookmark.js";
+import { default as Se } from "./vue/KvLoanCallouts.js";
+import { default as Pe } from "./vue/KvLoanProgressGroup.js";
+import { KV_LOAN_TAG_FRAGMENT as Ge, default as he } from "./vue/KvLoanTag.js";
+import { default as Ve } from "./vue/KvLoanTeamPick.js";
+import { KV_LOAN_USE_FRAGMENT as ke, default as Be } from "./vue/KvLoanUse.js";
+import { default as be } from "./vue/KvLoadingPlaceholder.js";
+import { default as we } from "./vue/KvLoadingSpinner.js";
+import { default as He } from "./vue/KvMap.js";
+import { default as ze } from "./vue/KvMaterialIcon.js";
+import { default as qe } from "./vue/KvPageContainer.js";
+import { default as Xe } from "./vue/KvPagination.js";
+import { default as Ze } from "./vue/KvPieChart.js";
+import { default as eo } from "./vue/KvPill.js";
+import { default as to } from "./vue/KvPopper.js";
+import { default as ao } from "./vue/KvProgressBar.js";
+import { default as lo } from "./vue/KvPulsingDot.js";
+import { default as mo } from "./vue/KvRadio.js";
+import { default as uo } from "./vue/KvSelect.js";
+import { default as Ko } from "./vue/KvSideSheet.js";
+import { default as vo } from "./vue/KvSwitch.js";
+import { default as io } from "./vue/KvTab.js";
+import { default as _o } from "./vue/KvTabPanel.js";
+import { default as No } from "./vue/KvTabs.js";
+import { default as co } from "./vue/KvTextInput.js";
+import { default as Ro } from "./vue/KvTextLink.js";
+import { default as Oo } from "./vue/KvThemeProvider.js";
+import { default as Io } from "./vue/KvToast.js";
+import { default as go } from "./vue/KvTooltip.js";
+import { default as ho } from "./vue/KvTreeMapChart.js";
+import { default as Vo } from "./vue/KvUserAvatar.js";
+import { default as ko } from "./vue/KvUtilityMenu.js";
+import { default as yo } from "./vue/KvVerticalCarousel.js";
+import { default as Uo } from "./vue/KvVotingCard.js";
+import { default as Wo } from "./vue/KvVotingCardV2.js";
+import { KV_WIDE_LOAN_CARD_FRAGMENT as jo, KV_WIDE_LOAN_CARD_USER_FRAGMENT as zo, default as Qo } from "./vue/KvWideLoanCard.js";
+import { default as Jo } from "./vue/KvAtbModal.js";
+import { default as Yo } from "./vue/KvSecondaryNav.js";
+import { default as $o } from "./vue/KvWwwHeader.js";
+import { default as ot, Mash as tt } from "./utils/Alea.js";
+import { useAttrs as at } from "./utils/attrs.js";
+import { carouselUtil as lt } from "./utils/carousels.js";
+import { collapse as dt, expand as mt } from "./utils/expander.js";
+import { isLegacyPlaceholderAvatar as ut, randomizedUserAvatarClass as xt } from "./utils/imageUtils.js";
+import { LOAN_CALLOUTS_FRAGMENT as nt, LOAN_GEOCODE_FRAGMENT as vt, LOAN_PROGRESS_FRAGMENT as At, loanCardComputedProperties as it, loanCardMethods as Ct } from "./utils/loanCard.js";
+import { BALANCE_CAMPAIGN as Lt, BASE_CAMPAIGN as Nt, ERL_COOKIE_NAME as Tt, NO_BALANCE_CAMPAIGN as ct, TOP_UP_CAMPAIGN as Et, getDropdownPriceArray as Rt, getLendCtaSelectedOption as Mt, isBetween25And50 as Ot, isLessThan25 as St } from "./utils/loanUtils.js";
+import { animationCoordinator as Pt, generateMapMarkers as gt, getCoordinatesBetween as Gt, getCountryColor as ht, getLoansIntervals as Ft } from "./utils/mapUtils.js";
+import { lockPrintSingleEl as Dt, unlockPrintSingleEl as kt } from "./utils/printing.js";
+import { lockScroll as yt, lockScrollSmallOnly as bt, unlockScroll as Ut, unlockScrollSmallOnly as wt } from "./utils/scrollLock.js";
+import { buildTailwindClassName as Ht, headerNumberCase as jt, kebabCase as zt, removeObjectProperty as Qt } from "./utils/themeUtils.js";
+import { throttle as Jt } from "./utils/throttle.js";
+import { isTargetElement as Yt, offBodyTouchstart as Zt, onBodyTouchstart as $t } from "./utils/touchEvents.js";
+import { getTreemap as or } from "./utils/treemap.js";
+import { KvBlueskyIcon as rr } from "./assets/icons/bluesky.js";
 export {
-  $o as Alea,
-  Ct as BALANCE_CAMPAIGN,
-  _t as BASE_CAMPAIGN,
-  Lt as ERL_COOKIE_NAME,
+  ot as Alea,
+  Lt as BALANCE_CAMPAIGN,
+  Nt as BASE_CAMPAIGN,
+  Tt as ERL_COOKIE_NAME,
   E as KV_CLASSIC_LOAN_CARD_FRAGMENT,
   R as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
-  le as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
-  se as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
-  xe as KV_LEND_CTA_FRAGMENT,
-  ne as KV_LEND_CTA_USER_FRAGMENT,
-  Le as KV_LOAN_ACTIVITIES_FRAGMENT,
-  ce as KV_LOAN_BOOKMARK_FRAGMENT,
-  Pe as KV_LOAN_TAG_FRAGMENT,
-  Ve as KV_LOAN_USE_FRAGMENT,
-  Wo as KV_WIDE_LOAN_CARD_FRAGMENT,
-  Ho as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
+  de as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
+  me as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
+  ne as KV_LEND_CTA_FRAGMENT,
+  ve as KV_LEND_CTA_USER_FRAGMENT,
+  Te as KV_LOAN_ACTIVITIES_FRAGMENT,
+  Re as KV_LOAN_BOOKMARK_FRAGMENT,
+  Ge as KV_LOAN_TAG_FRAGMENT,
+  ke as KV_LOAN_USE_FRAGMENT,
+  jo as KV_WIDE_LOAN_CARD_FRAGMENT,
+  zo as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
   t as KvAccordionItem,
   a as KvActivityRow,
-  Qo as KvAtbModal,
-  or as KvBlueskyIcon,
+  Jo as KvAtbModal,
+  rr as KvBlueskyIcon,
   l as KvBorrowerImage,
   d as KvButton,
   p as KvCardFrame,
   x as KvCarousel,
-  K as KvCartModal,
+  n as KvCartModal,
   A as KvCartPill,
   C as KvCheckbox,
   L as KvCheckoutReceipt,
@@ -121,98 +122,99 @@ export {
   P as KvCommentsContainer,
   G as KvCommentsHeartButton,
   F as KvCommentsList,
-  B as KvCommentsListItem,
-  k as KvCommentsReplyButton,
+  D as KvCommentsListItem,
+  B as KvCommentsReplyButton,
   b as KvContentfulImg,
   w as KvCountdownTimer,
-  H as KvExpandable,
-  z as KvExpandableQuestion,
-  q as KvFlag,
-  X as KvGrid,
-  Z as KvImpactDashboardHeader,
-  ee as KvImpactVerticalSelector,
-  te as KvInlineActivityCard,
-  ae as KvInlineActivityFeed,
-  de as KvIntroductionLoanCard,
-  pe as KvLendAmountButton,
-  Ke as KvLendCta,
-  Ae as KvLightbox,
-  Ce as KvLineGraph,
-  ke as KvLoadingPlaceholder,
-  be as KvLoadingSpinner,
-  Ne as KvLoanActivities,
-  Ee as KvLoanBookmark,
-  Me as KvLoanCallouts,
-  Se as KvLoanProgressGroup,
-  ge as KvLoanTag,
-  he as KvLoanTeamPick,
+  H as KvDatePicker,
+  z as KvExpandable,
+  q as KvExpandableQuestion,
+  X as KvFlag,
+  Z as KvGrid,
+  ee as KvImpactDashboardHeader,
+  te as KvImpactVerticalSelector,
+  ae as KvInlineActivityCard,
+  le as KvInlineActivityFeed,
+  pe as KvIntroductionLoanCard,
+  xe as KvLendAmountButton,
+  Ae as KvLendCta,
+  Ce as KvLightbox,
+  Le as KvLineGraph,
+  be as KvLoadingPlaceholder,
+  we as KvLoadingSpinner,
+  ce as KvLoanActivities,
+  Me as KvLoanBookmark,
+  Se as KvLoanCallouts,
+  Pe as KvLoanProgressGroup,
+  he as KvLoanTag,
+  Ve as KvLoanTeamPick,
   Be as KvLoanUse,
-  we as KvMap,
-  He as KvMaterialIcon,
-  ze as KvPageContainer,
-  qe as KvPagination,
-  Xe as KvPieChart,
-  Ze as KvPill,
-  eo as KvPopper,
-  to as KvProgressBar,
-  ao as KvPulsingDot,
-  lo as KvRadio,
-  Jo as KvSecondaryNav,
-  mo as KvSelect,
-  uo as KvSideSheet,
-  no as KvSwitch,
-  vo as KvTab,
-  io as KvTabPanel,
-  _o as KvTabs,
-  No as KvTextInput,
-  co as KvTextLink,
-  Ro as KvThemeProvider,
-  Oo as KvToast,
-  Io as KvTooltip,
-  go as KvTreeMapChart,
-  ho as KvUserAvatar,
-  Vo as KvUtilityMenu,
-  Do as KvVerticalCarousel,
-  yo as KvVotingCard,
-  Uo as KvVotingCardV2,
-  jo as KvWideLoanCard,
-  Yo as KvWwwHeader,
-  xt as LOAN_CALLOUTS_FRAGMENT,
-  nt as LOAN_GEOCODE_FRAGMENT,
-  Kt as LOAN_PROGRESS_FRAGMENT,
-  et as Mash,
-  Nt as NO_BALANCE_CAMPAIGN,
-  Tt as TOP_UP_CAMPAIGN,
-  St as animationCoordinator,
-  wt as buildTailwindClassName,
-  at as carouselUtil,
-  lt as collapse,
-  st as expand,
-  It as generateMapMarkers,
-  Pt as getCoordinatesBetween,
-  gt as getCountryColor,
-  ct as getDropdownPriceArray,
-  Et as getLendCtaSelectedOption,
-  Gt as getLoansIntervals,
-  $t as getTreemap,
-  Wt as headerNumberCase,
-  Rt as isBetween25And50,
-  mt as isLegacyPlaceholderAvatar,
-  Mt as isLessThan25,
-  Jt as isTargetElement,
-  Ht as kebabCase,
-  vt as loanCardComputedProperties,
-  At as loanCardMethods,
-  Ft as lockPrintSingleEl,
-  Dt as lockScroll,
-  kt as lockScrollSmallOnly,
-  Xt as offBodyTouchstart,
-  Yt as onBodyTouchstart,
-  pt as randomizedUserAvatarClass,
-  jt as removeObjectProperty,
-  Qt as throttle,
-  Vt as unlockPrintSingleEl,
-  yt as unlockScroll,
-  bt as unlockScrollSmallOnly,
-  tt as useAttrs
+  He as KvMap,
+  ze as KvMaterialIcon,
+  qe as KvPageContainer,
+  Xe as KvPagination,
+  Ze as KvPieChart,
+  eo as KvPill,
+  to as KvPopper,
+  ao as KvProgressBar,
+  lo as KvPulsingDot,
+  mo as KvRadio,
+  Yo as KvSecondaryNav,
+  uo as KvSelect,
+  Ko as KvSideSheet,
+  vo as KvSwitch,
+  io as KvTab,
+  _o as KvTabPanel,
+  No as KvTabs,
+  co as KvTextInput,
+  Ro as KvTextLink,
+  Oo as KvThemeProvider,
+  Io as KvToast,
+  go as KvTooltip,
+  ho as KvTreeMapChart,
+  Vo as KvUserAvatar,
+  ko as KvUtilityMenu,
+  yo as KvVerticalCarousel,
+  Uo as KvVotingCard,
+  Wo as KvVotingCardV2,
+  Qo as KvWideLoanCard,
+  $o as KvWwwHeader,
+  nt as LOAN_CALLOUTS_FRAGMENT,
+  vt as LOAN_GEOCODE_FRAGMENT,
+  At as LOAN_PROGRESS_FRAGMENT,
+  tt as Mash,
+  ct as NO_BALANCE_CAMPAIGN,
+  Et as TOP_UP_CAMPAIGN,
+  Pt as animationCoordinator,
+  Ht as buildTailwindClassName,
+  lt as carouselUtil,
+  dt as collapse,
+  mt as expand,
+  gt as generateMapMarkers,
+  Gt as getCoordinatesBetween,
+  ht as getCountryColor,
+  Rt as getDropdownPriceArray,
+  Mt as getLendCtaSelectedOption,
+  Ft as getLoansIntervals,
+  or as getTreemap,
+  jt as headerNumberCase,
+  Ot as isBetween25And50,
+  ut as isLegacyPlaceholderAvatar,
+  St as isLessThan25,
+  Yt as isTargetElement,
+  zt as kebabCase,
+  it as loanCardComputedProperties,
+  Ct as loanCardMethods,
+  Dt as lockPrintSingleEl,
+  yt as lockScroll,
+  bt as lockScrollSmallOnly,
+  Zt as offBodyTouchstart,
+  $t as onBodyTouchstart,
+  xt as randomizedUserAvatarClass,
+  Qt as removeObjectProperty,
+  Jt as throttle,
+  kt as unlockPrintSingleEl,
+  Ut as unlockScroll,
+  wt as unlockScrollSmallOnly,
+  at as useAttrs
 };

package/dist/vue/KvDatePicker.css

@@ -0,0 +1 @@
+.kv-datepicker__loading{padding:20px;text-align:center;color:var(--text-secondary)}.kv-datepicker .dp__input{font-family:inherit;font-weight:inherit;height:3rem;background-color:rgb(var(--bg-primary))}.kv-datepicker .dp__input:focus-within,.kv-datepicker .dp__input:focus-visible{border-color:rgb(var(--bg-action));border-width:2px;outline:none}.kv-datepicker .dp__theme_light{--dp-primary-color: rgb(var(--bg-primary-inverse));--dp-secondary-color: rgb(var(--bg-tertiary));--dp-icon-color: rgb(var(--bg-action));--dp-hover-icon-color: rgb(var(--bg-action));--dp-border-radius: .25rem;--dp-border-color-focus: rgb(var(--bg-action-highlight));--dp-font-family: inherit, "Postgrotesk", sans-serif;--dp-primary-text-color: rgb(var(--text-primary-inverse));--dp-border-color: rgb(var(--bg-tertiary));--dp-hover-color: rgb(var(--bg-tertiary));--dp-background-color: rgb(var(--bg-primary));--dp-text-color: rgb(var(--text-primary));--dp-menu-border-color: rgb(var(--bg-primary-inverse));--dp-disabled-color: rgb(var(--bg-primary));--dp-disabled-color-text: rgb(var(--text-secondary));--dp-success-color: rgb(var(--bg-action));--dp-danger-color: rgb(var(--bg-danger));--dp-highlight-color: rgb(var(--bg-action));--dp-cell-border-radius: .25rem;--dp-loader: rgb(var(--bg-action));--dp-range-between-dates-background-color: rgb(var(--bg-action));--dp-range-between-dates-text-color: rgb(var(--bg-primary));--dp-range-between-border-color: rgb(var(--bg-action))}

package/dist/vue/KvDatePicker.js

@@ -0,0 +1,118 @@
+import { computed as h, markRaw as p, resolveComponent as u, openBlock as r, createBlock as a, withCtx as k, createElementVNode as g, normalizeClass as f, createElementBlock as n, resolveDynamicComponent as D, mergeProps as _ } from "vue";
+import { defaultTheme as i, stoneDarkTheme as v, stoneLightTheme as y, marigoldLightTheme as C, greenLightTheme as L, greenDarkTheme as P } from "@kiva/kv-tokens";
+import T from "./KvThemeProvider.js";
+import "./KvDatePicker.css";
+import V from "../_virtual/_plugin-vue_export-helper.js";
+const w = {
+  name: "KvDatePicker",
+  components: {
+    KvThemeProvider: T
+  },
+  inheritAttrs: !1,
+  props: {
+    modelValue: {
+      type: [Date, String, Number, Array],
+      default: null
+    },
+    theme: {
+      type: String,
+      default: "default",
+      validator(e) {
+        return [
+          "default",
+          "greenLight",
+          "greenDark",
+          "marigoldLight",
+          "stoneLight",
+          "stoneDark"
+        ].includes(e);
+      }
+    }
+  },
+  setup(e) {
+    return { themeStyle: h(() => {
+      switch (e.theme) {
+        case "default":
+          return i;
+        case "greenDark":
+          return P;
+        case "greenLight":
+          return L;
+        case "marigoldLight":
+          return C;
+        case "stoneLight":
+          return y;
+        case "stoneDark":
+          return v;
+        default:
+          return i;
+      }
+    }) };
+  },
+  data() {
+    return {
+      datepickerComponent: null,
+      datepickerPromise: null,
+      selectedDate: null,
+      componentKey: 0
+    };
+  },
+  watch: {
+    modelValue: {
+      handler(e) {
+        this.selectedDate = e;
+      },
+      immediate: !0
+    }
+  },
+  mounted() {
+    this.loadDatepicker();
+  },
+  methods: {
+    async loadDatepicker() {
+      if (!this.datepickerComponent)
+        return this.datepickerPromise ? this.datepickerPromise : (this.datepickerPromise = Promise.all([
+          import("@vuepic/vue-datepicker"),
+          import("@vuepic/vue-datepicker/dist/main.css")
+        ]).then(async ([e]) => {
+          this.datepickerComponent = p(e.default), await this.$nextTick();
+        }), this.datepickerPromise);
+    },
+    handleDateChange(e) {
+      this.selectedDate = e, this.$emit("update:model-value", e), this.$emit("change", e);
+    }
+  }
+}, K = {
+  key: 0,
+  class: "kv-datepicker__content"
+}, S = {
+  key: 1,
+  class: "kv-datepicker__loading"
+};
+function x(e, o, l, m, t, s) {
+  const d = u("kv-theme-provider");
+  return r(), a(d, { theme: m.themeStyle }, {
+    default: k(() => [
+      g("div", {
+        class: f(["kv-datepicker", l.theme])
+      }, [
+        t.datepickerComponent ? (r(), n("div", K, [
+          (r(), a(D(t.datepickerComponent), _({
+            key: t.componentKey,
+            modelValue: t.selectedDate,
+            "onUpdate:modelValue": o[0] || (o[0] = (c) => t.selectedDate = c),
+            placeholder: e.placeholder
+          }, e.$attrs, {
+            "auto-apply": !0,
+            "onUpdate:modelValue": s.handleDateChange
+          }), null, 16, ["modelValue", "placeholder", "onUpdate:modelValue"]))
+        ])) : (r(), n("div", S, " Loading... "))
+      ], 2)
+    ]),
+    _: 1
+  }, 8, ["theme"]);
+}
+const b = /* @__PURE__ */ V(w, [["render", x]]);
+export {
+  b as default
+};

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

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

package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.css

@@ -1 +1 @@
-.mobile-link[data-v-4faf4cb4]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-4faf4cb4]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}
+.mobile-link[data-v-c5a33b4b]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-c5a33b4b]: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,7 +1,7 @@
-import { mdiClose as w } from "@mdi/js";
+import { mdiClose as f } from "@mdi/js";
 import b from "../KvAccordionItem.js";
 import h from "../KvMaterialIcon.js";
-import { resolveComponent as u, resolveDirective as g, openBlock as t, createElementBlock as o, createBlock as _, createCommentVNode as y, createVNode as p, withCtx as a, createElementVNode as r, Fragment as N, renderList as x, withDirectives as n, toDisplayString as m, createTextVNode as s } from "vue";
+import { resolveComponent as p, resolveDirective as g, openBlock as t, createElementBlock as o, createBlock as _, createCommentVNode as y, createVNode as u, withCtx as a, createElementVNode as r, Fragment as N, renderList as x, withDirectives as n, toDisplayString as m, createTextVNode as s } from "vue";
 import "./KvHeaderMobileMenu.css";
 import I from "../../_virtual/_plugin-vue_export-helper.js";
 const K = {
@@ -26,7 +26,7 @@ const K = {
   emits: ["closing-menu"],
   data() {
     return {
-      mdiClose: w,
+      mdiClose: f,
       menuItems: [
         {
           title: "Choose someone to help",
@@ -55,7 +55,7 @@ const K = {
       ]
     };
   }
-}, T = { class: "tw--mt-0.5 tw-pb-0.5 tw-gap-2 tw-flex tw-flex-col tw-items-end md:tw-hidden tw-font-medium tw-p-2.5" }, C = { class: "tw-flex tw-flex-col tw-gap-2" }, M = ["href"], E = { class: "tw-text-secondary tw-font-book" }, B = { class: "tw-flex tw-flex-col tw-gap-2 tw-pt-1 tw-pb-2" }, D = {
+}, T = { class: "tw--mt-0.5 tw-pb-0.5 tw-gap-2 tw-flex tw-flex-col tw-items-end md:tw-hidden tw-font-medium tw-p-2.5" }, C = { class: "tw-flex tw-flex-col tw-gap-2 tw-pl-1" }, M = ["href"], E = { class: "tw-text-secondary tw-font-book" }, B = { class: "tw-flex tw-flex-col tw-gap-2 tw-pb-2 tw-pl-1" }, D = {
   href: "/about",
   class: "mobile-link"
 }, A = {
@@ -81,21 +81,21 @@ const K = {
   class: "mobile-link"
 };
 function S(k, e, v, q, c, z) {
-  const f = u("KvMaterialIcon"), d = u("KvAccordionItem"), i = g("kv-track-event");
+  const w = p("KvMaterialIcon"), d = p("KvAccordionItem"), i = g("kv-track-event");
   return t(), o("nav", T, [
-    v.isMobile ? (t(), _(f, {
+    v.isMobile ? (t(), _(w, {
       key: 0,
       icon: c.mdiClose,
       class: "tw-cursor-pointer",
       onClick: e[0] || (e[0] = (l) => k.$emit("closing-menu"))
     }, null, 8, ["icon"])) : y("", !0),
-    p(d, {
+    u(d, {
       id: "accordion-take-action-menu",
       open: "",
       class: "tw-w-full tw-border-b-0"
     }, {
       header: a(() => e[1] || (e[1] = [
-        r("h3", null, "Take action", -1)
+        r("h3", { class: "tw-pb-0.5" }, " Take action ", -1)
       ])),
       default: a(() => [
         r("div", C, [
@@ -114,12 +114,12 @@ function S(k, e, v, q, c, z) {
       ]),
       _: 1
     }),
-    p(d, {
+    u(d, {
       id: "accordion-about-menu",
-      class: "tw-w-full"
+      class: "tw-w-full tw-pb-1"
     }, {
       header: a(() => e[2] || (e[2] = [
-        r("h3", null, "About", -1)
+        r("h3", { class: "tw-pb-0.5" }, " About ", -1)
       ])),
       default: a(() => [
         r("div", B, [
@@ -169,7 +169,7 @@ function S(k, e, v, q, c, z) {
     })
   ]);
 }
-const Q = /* @__PURE__ */ I(K, [["render", S], ["__scopeId", "data-v-4faf4cb4"]]);
+const Q = /* @__PURE__ */ I(K, [["render", S], ["__scopeId", "data-v-c5a33b4b"]]);
 export {
   Q as default
 };

package/dist/vue/KvWwwHeader/KvHeaderMyKivaMenu.js

@@ -1,9 +1,9 @@
-import f from "./KvHeaderMenuLink.js";
-import { resolveComponent as m, openBlock as a, createElementBlock as u, createVNode as s, withCtx as r, createTextVNode as o, createBlock as l, createCommentVNode as d } from "vue";
-import i from "../../_virtual/_plugin-vue_export-helper.js";
-const w = {
+import d from "./KvHeaderMenuLink.js";
+import { resolveComponent as u, openBlock as a, createElementBlock as i, createVNode as s, withCtx as o, createTextVNode as r, createBlock as l, createCommentVNode as f } from "vue";
+import m from "../../_virtual/_plugin-vue_export-helper.js";
+const p = {
   components: {
-    KvHeaderMenuLink: f
+    KvHeaderMenuLink: d
   },
   props: {
     balance: {
@@ -23,40 +23,40 @@ const w = {
       default: "/mykiva"
     }
   }
-}, p = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start md:tw-items-start tw-font-medium tw-px-2.5" };
+}, w = { 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 y(b, e, n, k, v, x) {
-  const t = m("kv-header-menu-link");
-  return a(), u("nav", p, [
+  const t = u("kv-header-menu-link");
+  return a(), i("nav", w, [
     s(t, {
       href: n.myDashboardUrl,
       class: "md:tw-hidden"
     }, {
-      default: r(() => e[0] || (e[0] = [
-        o(" My Dashboard ")
+      default: o(() => e[0] || (e[0] = [
+        r(" My Dashboard ")
       ])),
       _: 1
     }, 8, ["href"]),
     s(t, { href: "/portfolio" }, {
-      default: r(() => e[1] || (e[1] = [
-        o(" Portfolio ")
+      default: o(() => e[1] || (e[1] = [
+        r(" Portfolio ")
       ])),
       _: 1
     }),
     s(t, { href: "/teams/my-teams" }, {
-      default: r(() => e[2] || (e[2] = [
-        o(" My Teams ")
+      default: o(() => e[2] || (e[2] = [
+        r(" My Teams ")
       ])),
       _: 1
     }),
     s(t, { href: "/portfolio/donations" }, {
-      default: r(() => e[3] || (e[3] = [
-        o(" Donations ")
+      default: o(() => e[3] || (e[3] = [
+        r(" Donations ")
       ])),
       _: 1
     }),
     s(t, { href: "/settings" }, {
-      default: r(() => e[4] || (e[4] = [
-        o(" Settings ")
+      default: o(() => e[4] || (e[4] = [
+        r(" Settings ")
       ])),
       _: 1
     }),
@@ -64,32 +64,32 @@ function y(b, e, n, k, v, x) {
       key: 0,
       href: "/my/borrower"
     }, {
-      default: r(() => e[5] || (e[5] = [
-        o(" Borrower Dashboard ")
+      default: o(() => e[5] || (e[5] = [
+        r(" Borrower Dashboard ")
       ])),
       _: 1
-    })) : d("", !0),
+    })) : f("", !0),
     n.isTrustee ? (a(), l(t, {
       key: 1,
       href: "/my/trustee"
     }, {
-      default: r(() => e[6] || (e[6] = [
-        o(" Trustee Dashboard ")
+      default: o(() => e[6] || (e[6] = [
+        r(" Trustee Dashboard ")
       ])),
       _: 1
-    })) : d("", !0),
+    })) : f("", !0),
     s(t, {
       href: "/ui-logout",
       class: "tw-border-t tw-border-secondary tw-w-full"
     }, {
-      default: r(() => e[7] || (e[7] = [
-        o(" Sign out ")
+      default: o(() => e[7] || (e[7] = [
+        r(" Sign out ")
       ])),
       _: 1
     })
   ]);
 }
-const g = /* @__PURE__ */ i(w, [["render", y]]);
+const g = /* @__PURE__ */ m(p, [["render", y]]);
 export {
   g as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.52.4",
+  "version": "6.52.6",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "e3f89452a835ee45998223392754f5954358600a"
+  "gitHead": "51c20beeb958b68afd1f7012dc701f0671c16a90"
 }