@kiva/kv-components 6.52.4 → 6.52.5

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/package.json

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