@kiva/kv-components 8.13.3 → 8.14.1

package/dist/utils/postGoalStatement.d.ts

@@ -8,7 +8,6 @@ export interface ComputePostGoalStatementArgs {
     loanStatus: string;
     loanUse: string;
     anonymizationLevel?: string;
-    whySpecial?: string;
 }
 export interface PostGoalStatementResult {
     borrowerNameWithCountry: string;

package/dist/utils/postGoalStatement.js

@@ -1,39 +1,38 @@
-import L from "numeral";
-const S = 200, o = "...";
-function p(e) {
-  return e.length ? e.charAt(0).toLowerCase() + e.slice(1) : "";
+import w from "numeral";
+const $ = 200, o = "...";
+function E(t) {
+  return t.length ? t.charAt(0).toLowerCase() + t.slice(1) : "";
 }
-function g(e, t) {
-  return t <= 0 ? "" : e.length <= t ? e : t <= o.length ? o.slice(0, t) : `${e.slice(0, t - o.length).trimEnd()}${o}`;
+function L(t, e) {
+  return e <= 0 ? "" : t.length <= e ? t : e <= o.length ? o.slice(0, e) : `${t.slice(0, e - o.length).trimEnd()}${o}`;
 }
-function U(e) {
+function g(t) {
   const {
-    anonymizationLevel: t,
+    anonymizationLevel: e,
     borrowerName: a,
     distributionModel: l,
     formattedLocation: s,
-    loanAmount: w,
-    loanBorrowerCount: b,
-    loanStatus: T,
-    loanUse: c,
-    whySpecial: f
-  } = e, u = s ? `${a} in ${s}` : a, n = t !== "full" && !!c.length, m = ["fundraising", "inactive", "reviewed"].includes(T) ? "helps" : "helped", r = n ? [
-    L(w).format("$0,0"),
-    l === "direct" ? "to" : m,
-    b > 1 ? "a member of" : ""
+    loanAmount: S,
+    loanBorrowerCount: p,
+    loanStatus: b,
+    loanUse: c
+  } = t, f = s ? `${a} in ${s}` : a, n = e !== "full" && !!c.length, u = ["fundraising", "inactive", "reviewed"].includes(b) ? "helps" : "helped", r = n ? [
+    w(S).format("$0,0"),
+    l === "direct" ? "to" : u,
+    p > 1 ? "a member of" : ""
   ].filter(Boolean).join(" ") : "";
   let i = "";
-  n && (i = l === "direct" ? ` ${m} ` : " ");
-  const E = f ? ` This loan is special because ${p(f)}` : "", d = n ? `${p(c)}${E}` : "For the borrower's privacy, this loan has been made anonymous.", h = n ? `${r} ${u}${i}` : "", $ = `${h}${d}`;
+  n && (i = l === "direct" ? ` ${u} ` : " ");
+  const m = n ? E(c) : "For the borrower's privacy, this loan has been made anonymous.", d = n ? `${r} ${f}${i}` : "", h = `${d}${m}`;
   return {
-    borrowerNameWithCountry: u,
+    borrowerNameWithCountry: f,
     loanUsePrefixStart: r ? `${r} ` : "",
     loanUsePrefixEnd: i,
-    statementTitle: $.length > S ? $ : void 0,
-    visibleUseStatement: g(d, S - h.length)
+    statementTitle: h.length > $ ? h : void 0,
+    visibleUseStatement: L(m, $ - d.length)
   };
 }
 export {
-  S as POST_GOAL_STATEMENT_MAX_LENGTH,
-  U as computePostGoalLoanCardStatement
+  $ as POST_GOAL_STATEMENT_MAX_LENGTH,
+  g as computePostGoalLoanCardStatement
 };

package/dist/vue/KvCompactLoanCard.css

@@ -1 +1 @@
-.loan-card-use[data-v-02c91111]:hover,.loan-card-use[data-v-02c91111]:focus{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1))}.loan-card-active-hover:hover .loan-card-use[data-v-02c91111]{text-decoration-line:underline}.loan-card-progress[data-v-02c91111]:hover,.loan-card-progress[data-v-02c91111]:focus{text-decoration-line:none}.loan-card-use-text[data-v-02c91111] p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;text-overflow:ellipsis}.loan-card-cta[data-v-02c91111] form,.loan-card-cta[data-v-02c91111] fieldset,.loan-card-cta[data-v-02c91111] .tw-w-full,.loan-card-cta[data-v-02c91111] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-02c91111] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}[data-v-02c91111] .amount-dropdown select{height:2.25rem;--tw-border-opacity: 1;border-color:rgb(245 245 245 / var(--tw-border-opacity, 1));padding-left:.5rem}[data-v-02c91111] .goal-variant-callouts span{font-weight:500}.goal-variant-progress-group[data-v-02c91111] div[role=progressbar]{background-color:#d9d9d9}
+.loan-card-use[data-v-f5998610]:hover,.loan-card-use[data-v-f5998610]:focus{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1))}.loan-card-active-hover:hover .loan-card-use[data-v-f5998610]{text-decoration-line:underline}.loan-card-progress[data-v-f5998610]:hover,.loan-card-progress[data-v-f5998610]:focus{text-decoration-line:none}.loan-card-use-text[data-v-f5998610] p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;text-overflow:ellipsis}.loan-card-cta[data-v-f5998610] form,.loan-card-cta[data-v-f5998610] fieldset,.loan-card-cta[data-v-f5998610] .tw-w-full,.loan-card-cta[data-v-f5998610] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-f5998610] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}[data-v-f5998610] .amount-dropdown select{height:2.25rem;--tw-border-opacity: 1;border-color:rgb(245 245 245 / var(--tw-border-opacity, 1));padding-left:.5rem}[data-v-f5998610] .goal-variant-callouts span{font-weight:500}.goal-variant-progress-group[data-v-f5998610] div[role=progressbar]{background-color:#d9d9d9}

package/dist/vue/KvCompactLoanCard.js

@@ -316,7 +316,7 @@ function Q(g, o, t, e, X, L) {
     ], 2)
   ], 10, S);
 }
-const te = /* @__PURE__ */ G(B, [["render", Q], ["__scopeId", "data-v-02c91111"]]);
+const te = /* @__PURE__ */ G(B, [["render", Q], ["__scopeId", "data-v-f5998610"]]);
 export {
   oe as KV_COMPACT_LOAN_CARD_FRAGMENT,
   le as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,

package/dist/vue/KvCompactLoanCard2.js

@@ -1,6 +1,6 @@
 import p from "graphql-tag";
 import W from "numeral";
-import { ref as $, computed as n, watch as H } from "vue";
+import { ref as $, computed as o, watch as H } from "vue";
 import { mdiMapMarker as j, mdiHome as q, mdiLink as z, mdiCached as J } from "@mdi/js";
 import { LOAN_CALLOUTS_FRAGMENT as Q, LOAN_GEOCODE_FRAGMENT as X, LOAN_PROGRESS_FRAGMENT as Y, loanCardComputedProperties as Z, loanCardMethods as ee } from "../utils/loanCard.js";
 import { getDropdownPriceArray as te, getLendCtaSelectedOption as ae, isLessThan25 as oe } from "../utils/loanUtils.js";
@@ -217,18 +217,18 @@ const d = {
     "update:selected-amount"
   ],
   setup(e, { emit: a }) {
-    const r = $(""), s = n(
+    const r = $(""), s = o(
       () => e.variant === d.postGoal
     ), {
       allDataLoaded: C,
       borrowerName: m,
       city: b,
-      countryName: S,
+      countryName: N,
       distributionModel: f,
       formattedLocation: c,
-      fundraisingPercent: w,
-      hasProgressData: N,
-      imageHash: _,
+      fundraisingPercent: S,
+      hasProgressData: _,
+      imageHash: w,
       isLoading: B,
       loanAmount: v,
       loanBorrowerCount: L,
@@ -240,17 +240,17 @@ const d = {
       tag: K,
       unreservedAmount: u,
       sharesAvailable: R
-    } = Z(e), { clickReadMore: P } = ee(e, a), M = n(() => s.value ? void 0 : { width: "100px", height: "100px" }), E = n(() => {
+    } = Z(e), { clickReadMore: P } = ee(e, a), M = o(() => s.value ? void 0 : { width: "100px", height: "100px" }), E = o(() => {
       if (!e.website)
         return "";
       const t = e.website.trim();
       return t.startsWith("http://") || t.startsWith("https://") ? t : `https://${t}`;
-    }), G = n(() => {
+    }), G = o(() => {
       if (s.value) return {};
-      const t = e.showLightView ? "auto" : "6.75rem", o = e.showLightView ? "none" : "6.75rem";
-      return { height: t, maxHeight: o };
-    }), l = n(() => {
-      var t, o;
+      const t = e.showLightView ? "auto" : "6.75rem", n = e.showLightView ? "none" : "6.75rem";
+      return { height: t, maxHeight: n };
+    }), l = o(() => {
+      var t;
       return ne({
         anonymizationLevel: (t = e.loan) == null ? void 0 : t.anonymizationLevel,
         borrowerName: m.value,
@@ -259,18 +259,17 @@ const d = {
         loanAmount: v.value,
         loanBorrowerCount: L.value,
         loanStatus: h.value,
-        loanUse: y.value,
-        whySpecial: (o = e.loan) == null ? void 0 : o.whySpecial
+        loanUse: y.value
       });
-    }), O = n(() => l.value.borrowerNameWithCountry), U = n(() => l.value.loanUsePrefixStart), D = n(() => l.value.loanUsePrefixEnd), V = n(() => l.value.statementTitle), I = n(() => l.value.visibleUseStatement), g = n(() => {
+    }), O = o(() => l.value.borrowerNameWithCountry), U = o(() => l.value.loanUsePrefixStart), D = o(() => l.value.loanUsePrefixEnd), V = o(() => l.value.statementTitle), I = o(() => l.value.visibleUseStatement), g = o(() => {
       var i;
       const t = parseFloat(u.value);
       if (!t) return [];
-      const o = t < 25 ? parseFloat(`${((i = e.loan) == null ? void 0 : i.minNoteSize) ?? 25}`) : 25;
+      const n = t < 25 ? parseFloat(`${((i = e.loan) == null ? void 0 : i.minNoteSize) ?? 25}`) : 25;
       return te(
         u.value,
         pe(t),
-        o,
+        n,
         e.enableFiveDollarsNotes,
         e.isVisitor
       );
@@ -284,7 +283,7 @@ const d = {
           r.value = "";
           return;
         }
-        const o = ae(
+        const n = ae(
           e.getCookie,
           e.setCookie,
           e.enableFiveDollarsNotes,
@@ -293,11 +292,11 @@ const d = {
           e.userBalance ? parseFloat(e.userBalance) : void 0,
           e.fiveDollarsSelected
         );
-        r.value = t.includes(o) ? o : t[0];
+        r.value = t.includes(n) ? n : t[0];
       },
       { immediate: !0 }
     );
-    const x = n(() => e.showLightView ? 3 : 4);
+    const x = o(() => e.showLightView ? 3 : 4);
     return {
       allDataLoaded: C,
       amountOptions: g,
@@ -305,13 +304,13 @@ const d = {
       borrowerName: m,
       borrowerNameWithCountry: O,
       city: b,
-      countryName: S,
+      countryName: N,
       distributionModel: f,
       formattedLocation: c,
       formattedWebsite: E,
-      fundraisingPercent: w,
-      hasProgressData: N,
-      imageHash: _,
+      fundraisingPercent: S,
+      hasProgressData: _,
+      imageHash: w,
       isLoading: B,
       isPostGoalVariant: s,
       loanAmount: v,
@@ -348,12 +347,12 @@ const d = {
         a("refresh-button", t);
       },
       handleSelectedAmount: (t) => {
-        var o;
+        var n;
         r.value = t, a("update:selected-amount", t), e.kvTrackFunction(
           "Lending",
           "Modify lend amount",
           t,
-          e.loanId ?? ((o = e.loan) == null ? void 0 : o.id)
+          e.loanId ?? ((n = e.loan) == null ? void 0 : n.id)
         );
       }
     };

package/dist/vue/KvDatePicker.css

@@ -1 +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}.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__disabled{color:rgb(var(--text-tertiary))}.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-tertiary), 25%);--dp-disabled-color-text: rgb(var(--bg-tertiary));--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))}
+.kv-datepicker .dp__input{font-family:inherit;font-weight:inherit;height:3rem}.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__disabled{color:rgb(var(--text-tertiary))}.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-tertiary), 25%);--dp-disabled-color-text: rgb(var(--bg-tertiary));--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

@@ -1,37 +1,30 @@
-import i from "./KvDatePicker2.js";
-import { resolveComponent as s, openBlock as t, createBlock as n, withCtx as _, createElementVNode as k, normalizeClass as v, createElementBlock as r, resolveDynamicComponent as u, mergeProps as h } from "vue";
+import s from "./KvDatePicker2.js";
+import { resolveComponent as o, openBlock as i, createBlock as _, withCtx as u, createElementVNode as r, normalizeClass as v, createVNode as k, mergeProps as f } from "vue";
 import "./KvDatePicker.css";
-import f from "../_virtual/_plugin-vue_export-helper.js";
-const y = {
-  key: 0,
-  class: "kv-datepicker__content"
-}, C = {
-  key: 1,
-  class: "kv-datepicker__loading"
-};
-function V(l, o, m, a, e, c) {
-  const d = s("kv-theme-provider");
-  return t(), n(d, { theme: a.themeStyle }, {
-    default: _(() => [
-      k("div", {
-        class: v(["kv-datepicker", m.theme])
+import h from "../_virtual/_plugin-vue_export-helper.js";
+const V = { class: "kv-datepicker__content" };
+function C(a, e, l, n, t, d) {
+  const m = o("vue-date-picker"), c = o("kv-theme-provider");
+  return i(), _(c, { theme: n.themeStyle }, {
+    default: u(() => [
+      r("div", {
+        class: v(["kv-datepicker", l.theme])
       }, [
-        e.datepickerComponent ? (t(), r("div", y, [
-          (t(), n(u(e.datepickerComponent), h({
-            key: e.componentKey,
-            modelValue: e.selectedDate,
-            "onUpdate:modelValue": o[0] || (o[0] = (p) => e.selectedDate = p)
-          }, l.$attrs, {
+        r("div", V, [
+          k(m, f({
+            modelValue: t.selectedDate,
+            "onUpdate:modelValue": e[0] || (e[0] = (p) => t.selectedDate = p)
+          }, a.$attrs, {
             "auto-apply": !0,
-            "onUpdate:modelValue": c.handleDateChange
-          }), null, 16, ["modelValue", "onUpdate:modelValue"]))
-        ])) : (t(), r("div", C, " Loading... "))
+            "onUpdate:modelValue": d.handleDateChange
+          }), null, 16, ["modelValue", "onUpdate:modelValue"])
+        ])
       ], 2)
     ]),
     _: 1
   }, 8, ["theme"]);
 }
-const U = /* @__PURE__ */ f(i, [["render", V]]);
+const y = /* @__PURE__ */ h(s, [["render", C]]);
 export {
-  U as default
+  y as default
 };

package/dist/vue/KvDatePicker.vue.d.ts

@@ -11,12 +11,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     themeStyle: import('vue').ComputedRef<any>;
 }, {
-    datepickerComponent: any;
-    datepickerPromise: any;
     selectedDate: any;
-    componentKey: number;
 }, {}, {
-    loadDatepicker(): Promise<any>;
     handleDateChange(value: any): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: {
@@ -54,5 +50,104 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         theme: Record<string, any>;
         tag: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    VueDatePicker: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<string[]> | import('vue').ExtractPropTypes<import('vue').ComponentObjectPropsOptions<import('@vuepic/vue-datepicker').VueDatePickerProps>>> & {
+            onFocus?: (...args: any[]) => any;
+            onBlur?: (...args: any[]) => any;
+            onOpen?: (...args: any[]) => any;
+            "onUpdate:model-value"?: (...args: any[]) => any;
+            "onUpdate:model-timezone-value"?: (...args: any[]) => any;
+            "onText-submit"?: (...args: any[]) => any;
+            onClosed?: (...args: any[]) => any;
+            onCleared?: (...args: any[]) => any;
+            "onInternal-model-change"?: (...args: any[]) => any;
+            "onRecalculate-position"?: (...args: any[]) => any;
+            "onFlow-step"?: (...args: any[]) => any;
+            "onUpdate-month-year"?: (...args: any[]) => any;
+            "onInvalid-select"?: (...args: any[]) => any;
+            "onTooltip-open"?: (...args: any[]) => any;
+            "onTooltip-close"?: (...args: any[]) => any;
+            "onInvalid-fixed-range"?: (...args: any[]) => any;
+            "onTime-picker-open"?: (...args: any[]) => any;
+            "onTime-picker-close"?: (...args: any[]) => any;
+            "onAm-pm-change"?: (...args: any[]) => any;
+            "onRange-start"?: (...args: any[]) => any;
+            "onRange-end"?: (...args: any[]) => any;
+            "onDate-update"?: (...args: any[]) => any;
+            "onInvalid-date"?: (...args: any[]) => any;
+            "onOverlay-toggle"?: (...args: any[]) => any;
+            "onText-input"?: (...args: any[]) => any;
+        }, {}, {}, import('vue').ComputedOptions, import('@vuepic/vue-datepicker').PublicMethods, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, import('@vuepic/vue-datepicker').EmitEvents[], import('@vuepic/vue-datepicker').VueDatePickerProps, {
+            [x: number]: string;
+        } | {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, {} & (Readonly<import('vue').ExtractPropTypes<string[]> | import('vue').ExtractPropTypes<import('vue').ComponentObjectPropsOptions<import('@vuepic/vue-datepicker').VueDatePickerProps>>> & {
+            onFocus?: (...args: any[]) => any;
+            onBlur?: (...args: any[]) => any;
+            onOpen?: (...args: any[]) => any;
+            "onUpdate:model-value"?: (...args: any[]) => any;
+            "onUpdate:model-timezone-value"?: (...args: any[]) => any;
+            "onText-submit"?: (...args: any[]) => any;
+            onClosed?: (...args: any[]) => any;
+            onCleared?: (...args: any[]) => any;
+            "onInternal-model-change"?: (...args: any[]) => any;
+            "onRecalculate-position"?: (...args: any[]) => any;
+            "onFlow-step"?: (...args: any[]) => any;
+            "onUpdate-month-year"?: (...args: any[]) => any;
+            "onInvalid-select"?: (...args: any[]) => any;
+            "onTooltip-open"?: (...args: any[]) => any;
+            "onTooltip-close"?: (...args: any[]) => any;
+            "onInvalid-fixed-range"?: (...args: any[]) => any;
+            "onTime-picker-open"?: (...args: any[]) => any;
+            "onTime-picker-close"?: (...args: any[]) => any;
+            "onAm-pm-change"?: (...args: any[]) => any;
+            "onRange-start"?: (...args: any[]) => any;
+            "onRange-end"?: (...args: any[]) => any;
+            "onDate-update"?: (...args: any[]) => any;
+            "onInvalid-date"?: (...args: any[]) => any;
+            "onOverlay-toggle"?: (...args: any[]) => any;
+            "onText-input"?: (...args: any[]) => any;
+        }), {}, {}, import('vue').ComputedOptions, import('@vuepic/vue-datepicker').PublicMethods, {
+            [x: number]: string;
+        } | {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<string[]> | import('vue').ExtractPropTypes<import('vue').ComponentObjectPropsOptions<import('@vuepic/vue-datepicker').VueDatePickerProps>>> & {
+        onFocus?: (...args: any[]) => any;
+        onBlur?: (...args: any[]) => any;
+        onOpen?: (...args: any[]) => any;
+        "onUpdate:model-value"?: (...args: any[]) => any;
+        "onUpdate:model-timezone-value"?: (...args: any[]) => any;
+        "onText-submit"?: (...args: any[]) => any;
+        onClosed?: (...args: any[]) => any;
+        onCleared?: (...args: any[]) => any;
+        "onInternal-model-change"?: (...args: any[]) => any;
+        "onRecalculate-position"?: (...args: any[]) => any;
+        "onFlow-step"?: (...args: any[]) => any;
+        "onUpdate-month-year"?: (...args: any[]) => any;
+        "onInvalid-select"?: (...args: any[]) => any;
+        "onTooltip-open"?: (...args: any[]) => any;
+        "onTooltip-close"?: (...args: any[]) => any;
+        "onInvalid-fixed-range"?: (...args: any[]) => any;
+        "onTime-picker-open"?: (...args: any[]) => any;
+        "onTime-picker-close"?: (...args: any[]) => any;
+        "onAm-pm-change"?: (...args: any[]) => any;
+        "onRange-start"?: (...args: any[]) => any;
+        "onRange-end"?: (...args: any[]) => any;
+        "onDate-update"?: (...args: any[]) => any;
+        "onInvalid-date"?: (...args: any[]) => any;
+        "onOverlay-toggle"?: (...args: any[]) => any;
+        "onText-input"?: (...args: any[]) => any;
+    }, {}, {}, import('vue').ComputedOptions, import('@vuepic/vue-datepicker').PublicMethods, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, import('@vuepic/vue-datepicker').EmitEvents[], import('@vuepic/vue-datepicker').EmitEvents, {
+        [x: number]: string;
+    } | {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('@vuepic/vue-datepicker').VueDatePickerProps & (new () => {
+        $slots: Readonly<import('@vuepic/vue-datepicker').Slots> & import('@vuepic/vue-datepicker').Slots;
+    });
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/vue/KvDatePicker2.js

@@ -1,10 +1,13 @@
-import { computed as r, markRaw as a } from "vue";
-import { defaultTheme as t, stoneDarkTheme as i, stoneLightTheme as n, marigoldLightTheme as m, greenLightTheme as o, greenDarkTheme as s } from "@kiva/kv-tokens";
-import h from "./KvThemeProvider.js";
+import { computed as r } from "vue";
+import a from "@vuepic/vue-datepicker";
+import "@vuepic/vue-datepicker/dist/main.css";
+import { defaultTheme as t, stoneDarkTheme as n, stoneLightTheme as i, marigoldLightTheme as m, greenLightTheme as h, greenDarkTheme as o } from "@kiva/kv-tokens";
+import s from "./KvThemeProvider.js";
 const p = {
   name: "KvDatePicker",
   components: {
-    KvThemeProvider: h
+    KvThemeProvider: s,
+    VueDatePicker: a
   },
   inheritAttrs: !1,
   props: {
@@ -33,15 +36,15 @@ const p = {
         case "default":
           return t;
         case "greenDark":
-          return s;
-        case "greenLight":
           return o;
+        case "greenLight":
+          return h;
         case "marigoldLight":
           return m;
         case "stoneLight":
-          return n;
-        case "stoneDark":
           return i;
+        case "stoneDark":
+          return n;
         default:
           return t;
       }
@@ -49,10 +52,7 @@ const p = {
   },
   data() {
     return {
-      datepickerComponent: null,
-      datepickerPromise: null,
-      selectedDate: null,
-      componentKey: 0
+      selectedDate: null
     };
   },
   watch: {
@@ -63,19 +63,7 @@ const p = {
       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 = a(e.default), await this.$nextTick();
-        }), this.datepickerPromise);
-    },
     handleDateChange(e) {
       this.selectedDate = e, this.$emit("update:model-value", e), this.$emit("change", e);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "8.13.3",
+  "version": "8.14.1",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -125,5 +125,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "351df7e5ef5fcaff1a4f99394321c549da15a435"
+  "gitHead": "d0fa7bf1f6f09507d97ff5e7713842e346607cc0"
 }