@kiva/kv-components 6.42.0 → 6.43.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { default as r } from "./vue/KvAccordionItem.js";
+import { default as t } from "./vue/KvAccordionItem.js";
 import { default as a } from "./vue/KvActivityRow.js";
 import { default as l } from "./vue/KvBorrowerImage.js";
 import { default as d } from "./vue/KvButton.js";
@@ -6,17 +6,17 @@ 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 A } from "./vue/KvCartPill.js";
-import { default as i } from "./vue/KvCheckbox.js";
+import { default as C } from "./vue/KvCheckbox.js";
 import { default as L } from "./vue/KvCheckoutReceipt.js";
 import { default as T } from "./vue/KvChip.js";
-import { KV_CLASSIC_LOAN_CARD_FRAGMENT as E, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as R, default as O } from "./vue/KvClassicLoanCard.js";
+import { KV_CLASSIC_LOAN_CARD_FRAGMENT as E, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as R, default as M } from "./vue/KvClassicLoanCard.js";
 import { default as S } from "./vue/KvCommentsAdd.js";
-import { default as G } from "./vue/KvCommentsContainer.js";
+import { default as g } from "./vue/KvCommentsContainer.js";
 import { default as P } from "./vue/KvCommentsHeartButton.js";
 import { default as F } from "./vue/KvCommentsList.js";
 import { default as B } from "./vue/KvCommentsListItem.js";
-import { default as D } from "./vue/KvCommentsReplyButton.js";
-import { default as y } from "./vue/KvContentfulImg.js";
+import { default as k } 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";
@@ -24,102 +24,104 @@ 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/KvInlineActivityCard.js";
-import { default as re } from "./vue/KvInlineActivityFeed.js";
+import { default as te } from "./vue/KvInlineActivityFeed.js";
 import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as ae, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as fe, default as le } from "./vue/KvIntroductionLoanCard.js";
 import { default as de } from "./vue/KvLendAmountButton.js";
 import { KV_LEND_CTA_FRAGMENT as pe, KV_LEND_CTA_USER_FRAGMENT as ue, default as xe } from "./vue/KvLendCta.js";
 import { default as Ke } from "./vue/KvLightbox.js";
 import { default as Ae } from "./vue/KvLineGraph.js";
-import { KV_LOAN_ACTIVITIES_FRAGMENT as ie, default as _e } from "./vue/KvLoanActivities.js";
+import { KV_LOAN_ACTIVITIES_FRAGMENT as Ce, default as _e } from "./vue/KvLoanActivities.js";
 import { KV_LOAN_BOOKMARK_FRAGMENT as Ne, default as Te } from "./vue/KvLoanBookmark.js";
 import { default as Ee } from "./vue/KvLoanCallouts.js";
-import { default as Oe } from "./vue/KvLoanProgressGroup.js";
+import { default as Me } from "./vue/KvLoanProgressGroup.js";
 import { KV_LOAN_TAG_FRAGMENT as Se, default as Ie } from "./vue/KvLoanTag.js";
-import { default as ge } from "./vue/KvLoanTeamPick.js";
+import { default as Ge } from "./vue/KvLoanTeamPick.js";
 import { KV_LOAN_USE_FRAGMENT as he, default as Fe } from "./vue/KvLoanUse.js";
 import { default as Be } from "./vue/KvLoadingPlaceholder.js";
-import { default as De } from "./vue/KvLoadingSpinner.js";
-import { default as ye } from "./vue/KvMap.js";
+import { default as ke } from "./vue/KvLoadingSpinner.js";
+import { default as be } from "./vue/KvMap.js";
 import { default as we } from "./vue/KvMaterialIcon.js";
 import { default as He } from "./vue/KvPageContainer.js";
 import { default as ze } from "./vue/KvPagination.js";
 import { default as qe } from "./vue/KvPieChart.js";
 import { default as Xe } from "./vue/KvPopper.js";
 import { default as Ze } from "./vue/KvProgressBar.js";
-import { default as eo } from "./vue/KvRadio.js";
-import { default as ro } from "./vue/KvSelect.js";
-import { default as ao } from "./vue/KvSideSheet.js";
-import { default as lo } from "./vue/KvSwitch.js";
-import { default as mo } from "./vue/KvTab.js";
-import { default as uo } from "./vue/KvTabPanel.js";
-import { default as no } from "./vue/KvTabs.js";
-import { default as vo } from "./vue/KvTextInput.js";
-import { default as Co } from "./vue/KvTextLink.js";
-import { default as _o } from "./vue/KvThemeProvider.js";
-import { default as No } from "./vue/KvToast.js";
-import { default as co } from "./vue/KvTooltip.js";
-import { default as Ro } from "./vue/KvTreeMapChart.js";
-import { default as Mo } from "./vue/KvUserAvatar.js";
-import { default as Io } from "./vue/KvVerticalCarousel.js";
-import { default as go } from "./vue/KvVotingCard.js";
-import { default as ho } from "./vue/KvVotingCardV2.js";
-import { KV_WIDE_LOAN_CARD_FRAGMENT as Vo, KV_WIDE_LOAN_CARD_USER_FRAGMENT as Bo, default as ko } from "./vue/KvWideLoanCard.js";
-import { default as bo } from "./vue/KvAtbModal.js";
-import { default as Uo } from "./vue/KvSecondaryNav.js";
-import { default as Wo } from "./vue/KvWwwHeader.js";
-import { default as jo, Mash as zo } from "./utils/Alea.js";
-import { useAttrs as qo } from "./utils/attrs.js";
-import { carouselUtil as Xo } from "./utils/carousels.js";
-import { collapse as Zo, expand as $o } from "./utils/expander.js";
-import { isLegacyPlaceholderAvatar as or, randomizedUserAvatarClass as rr } from "./utils/imageUtils.js";
-import { LOAN_CALLOUTS_FRAGMENT as ar, LOAN_GEOCODE_FRAGMENT as fr, LOAN_PROGRESS_FRAGMENT as lr, loanCardComputedProperties as sr, loanCardMethods as dr } from "./utils/loanCard.js";
-import { BALANCE_CAMPAIGN as pr, BASE_CAMPAIGN as ur, ERL_COOKIE_NAME as xr, NO_BALANCE_CAMPAIGN as nr, TOP_UP_CAMPAIGN as Kr, getDropdownPriceArray as vr, getLendCtaSelectedOption as Ar, isBetween25And50 as Cr, isLessThan25 as ir } from "./utils/loanUtils.js";
-import { animationCoordinator as Lr, generateMapMarkers as Nr, getCoordinatesBetween as Tr, getCountryColor as cr, getLoansIntervals as Er } from "./utils/mapUtils.js";
-import { lockPrintSingleEl as Or, unlockPrintSingleEl as Mr } from "./utils/printing.js";
-import { lockScroll as Ir, lockScrollSmallOnly as Gr, unlockScroll as gr, unlockScrollSmallOnly as Pr } from "./utils/scrollLock.js";
-import { buildTailwindClassName as Fr, headerNumberCase as Vr, kebabCase as Br, removeObjectProperty as kr } from "./utils/themeUtils.js";
-import { throttle as br } from "./utils/throttle.js";
-import { isTargetElement as Ur, offBodyTouchstart as wr, onBodyTouchstart as Wr } from "./utils/touchEvents.js";
-import { getTreemap as jr } from "./utils/treemap.js";
-import { KvBlueskyIcon as Qr } from "./assets/icons/bluesky.js";
+import { default as eo } from "./vue/KvPulsingDot.js";
+import { default as to } from "./vue/KvRadio.js";
+import { default as ao } from "./vue/KvSelect.js";
+import { default as lo } from "./vue/KvSideSheet.js";
+import { default as mo } from "./vue/KvSwitch.js";
+import { default as uo } from "./vue/KvTab.js";
+import { default as no } from "./vue/KvTabPanel.js";
+import { default as vo } from "./vue/KvTabs.js";
+import { default as io } from "./vue/KvTextInput.js";
+import { default as _o } from "./vue/KvTextLink.js";
+import { default as No } from "./vue/KvThemeProvider.js";
+import { default as co } from "./vue/KvToast.js";
+import { default as Ro } from "./vue/KvTooltip.js";
+import { default as Oo } from "./vue/KvTreeMapChart.js";
+import { default as Io } from "./vue/KvUserAvatar.js";
+import { default as Go } from "./vue/KvUtilityMenu.js";
+import { default as ho } from "./vue/KvVerticalCarousel.js";
+import { default as Vo } from "./vue/KvVotingCard.js";
+import { default as Do } from "./vue/KvVotingCardV2.js";
+import { KV_WIDE_LOAN_CARD_FRAGMENT as yo, KV_WIDE_LOAN_CARD_USER_FRAGMENT as bo, default as Uo } from "./vue/KvWideLoanCard.js";
+import { default as Wo } from "./vue/KvAtbModal.js";
+import { default as jo } from "./vue/KvSecondaryNav.js";
+import { default as Qo } from "./vue/KvWwwHeader.js";
+import { default as Jo, Mash as Xo } from "./utils/Alea.js";
+import { useAttrs as Zo } from "./utils/attrs.js";
+import { carouselUtil as et } from "./utils/carousels.js";
+import { collapse as tt, expand as rt } from "./utils/expander.js";
+import { isLegacyPlaceholderAvatar as ft, randomizedUserAvatarClass as lt } from "./utils/imageUtils.js";
+import { LOAN_CALLOUTS_FRAGMENT as dt, LOAN_GEOCODE_FRAGMENT as mt, LOAN_PROGRESS_FRAGMENT as pt, loanCardComputedProperties as ut, loanCardMethods as xt } from "./utils/loanCard.js";
+import { BALANCE_CAMPAIGN as Kt, BASE_CAMPAIGN as vt, ERL_COOKIE_NAME as At, NO_BALANCE_CAMPAIGN as it, TOP_UP_CAMPAIGN as Ct, getDropdownPriceArray as _t, getLendCtaSelectedOption as Lt, isBetween25And50 as Nt, isLessThan25 as Tt } from "./utils/loanUtils.js";
+import { animationCoordinator as Et, generateMapMarkers as Rt, getCoordinatesBetween as Mt, getCountryColor as Ot, getLoansIntervals as St } from "./utils/mapUtils.js";
+import { lockPrintSingleEl as gt, unlockPrintSingleEl as Gt } from "./utils/printing.js";
+import { lockScroll as ht, lockScrollSmallOnly as Ft, unlockScroll as Vt, unlockScrollSmallOnly as Bt } from "./utils/scrollLock.js";
+import { buildTailwindClassName as kt, headerNumberCase as yt, kebabCase as bt, removeObjectProperty as Ut } from "./utils/themeUtils.js";
+import { throttle as Wt } from "./utils/throttle.js";
+import { isTargetElement as jt, offBodyTouchstart as zt, onBodyTouchstart as Qt } from "./utils/touchEvents.js";
+import { getTreemap as Jt } from "./utils/treemap.js";
+import { KvBlueskyIcon as Yt } from "./assets/icons/bluesky.js";
 export {
-  jo as Alea,
-  pr as BALANCE_CAMPAIGN,
-  ur as BASE_CAMPAIGN,
-  xr as ERL_COOKIE_NAME,
+  Jo as Alea,
+  Kt as BALANCE_CAMPAIGN,
+  vt as BASE_CAMPAIGN,
+  At as ERL_COOKIE_NAME,
   E as KV_CLASSIC_LOAN_CARD_FRAGMENT,
   R as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
   ae as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
   fe as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
   pe as KV_LEND_CTA_FRAGMENT,
   ue as KV_LEND_CTA_USER_FRAGMENT,
-  ie as KV_LOAN_ACTIVITIES_FRAGMENT,
+  Ce as KV_LOAN_ACTIVITIES_FRAGMENT,
   Ne as KV_LOAN_BOOKMARK_FRAGMENT,
   Se as KV_LOAN_TAG_FRAGMENT,
   he as KV_LOAN_USE_FRAGMENT,
-  Vo as KV_WIDE_LOAN_CARD_FRAGMENT,
-  Bo as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
-  r as KvAccordionItem,
+  yo as KV_WIDE_LOAN_CARD_FRAGMENT,
+  bo as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
+  t as KvAccordionItem,
   a as KvActivityRow,
-  bo as KvAtbModal,
-  Qr as KvBlueskyIcon,
+  Wo as KvAtbModal,
+  Yt as KvBlueskyIcon,
   l as KvBorrowerImage,
   d as KvButton,
   p as KvCardFrame,
   x as KvCarousel,
   K as KvCartModal,
   A as KvCartPill,
-  i as KvCheckbox,
+  C as KvCheckbox,
   L as KvCheckoutReceipt,
   T as KvChip,
-  O as KvClassicLoanCard,
+  M as KvClassicLoanCard,
   S as KvCommentsAdd,
-  G as KvCommentsContainer,
+  g as KvCommentsContainer,
   P as KvCommentsHeartButton,
   F as KvCommentsList,
   B as KvCommentsListItem,
-  D as KvCommentsReplyButton,
-  y as KvContentfulImg,
+  k as KvCommentsReplyButton,
+  b as KvContentfulImg,
   w as KvCountdownTimer,
   H as KvExpandable,
   z as KvExpandableQuestion,
@@ -127,84 +129,86 @@ export {
   X as KvGrid,
   Z as KvImpactDashboardHeader,
   ee as KvInlineActivityCard,
-  re as KvInlineActivityFeed,
+  te as KvInlineActivityFeed,
   le as KvIntroductionLoanCard,
   de as KvLendAmountButton,
   xe as KvLendCta,
   Ke as KvLightbox,
   Ae as KvLineGraph,
   Be as KvLoadingPlaceholder,
-  De as KvLoadingSpinner,
+  ke as KvLoadingSpinner,
   _e as KvLoanActivities,
   Te as KvLoanBookmark,
   Ee as KvLoanCallouts,
-  Oe as KvLoanProgressGroup,
+  Me as KvLoanProgressGroup,
   Ie as KvLoanTag,
-  ge as KvLoanTeamPick,
+  Ge as KvLoanTeamPick,
   Fe as KvLoanUse,
-  ye as KvMap,
+  be as KvMap,
   we as KvMaterialIcon,
   He as KvPageContainer,
   ze as KvPagination,
   qe as KvPieChart,
   Xe as KvPopper,
   Ze as KvProgressBar,
-  eo as KvRadio,
-  Uo as KvSecondaryNav,
-  ro as KvSelect,
-  ao as KvSideSheet,
-  lo as KvSwitch,
-  mo as KvTab,
-  uo as KvTabPanel,
-  no as KvTabs,
-  vo as KvTextInput,
-  Co as KvTextLink,
-  _o as KvThemeProvider,
-  No as KvToast,
-  co as KvTooltip,
-  Ro as KvTreeMapChart,
-  Mo as KvUserAvatar,
-  Io as KvVerticalCarousel,
-  go as KvVotingCard,
-  ho as KvVotingCardV2,
-  ko as KvWideLoanCard,
-  Wo as KvWwwHeader,
-  ar as LOAN_CALLOUTS_FRAGMENT,
-  fr as LOAN_GEOCODE_FRAGMENT,
-  lr as LOAN_PROGRESS_FRAGMENT,
-  zo as Mash,
-  nr as NO_BALANCE_CAMPAIGN,
-  Kr as TOP_UP_CAMPAIGN,
-  Lr as animationCoordinator,
-  Fr as buildTailwindClassName,
-  Xo as carouselUtil,
-  Zo as collapse,
-  $o as expand,
-  Nr as generateMapMarkers,
-  Tr as getCoordinatesBetween,
-  cr as getCountryColor,
-  vr as getDropdownPriceArray,
-  Ar as getLendCtaSelectedOption,
-  Er as getLoansIntervals,
-  jr as getTreemap,
-  Vr as headerNumberCase,
-  Cr as isBetween25And50,
-  or as isLegacyPlaceholderAvatar,
-  ir as isLessThan25,
-  Ur as isTargetElement,
-  Br as kebabCase,
-  sr as loanCardComputedProperties,
-  dr as loanCardMethods,
-  Or as lockPrintSingleEl,
-  Ir as lockScroll,
-  Gr as lockScrollSmallOnly,
-  wr as offBodyTouchstart,
-  Wr as onBodyTouchstart,
-  rr as randomizedUserAvatarClass,
-  kr as removeObjectProperty,
-  br as throttle,
-  Mr as unlockPrintSingleEl,
-  gr as unlockScroll,
-  Pr as unlockScrollSmallOnly,
-  qo as useAttrs
+  eo as KvPulsingDot,
+  to as KvRadio,
+  jo as KvSecondaryNav,
+  ao as KvSelect,
+  lo as KvSideSheet,
+  mo as KvSwitch,
+  uo as KvTab,
+  no as KvTabPanel,
+  vo as KvTabs,
+  io as KvTextInput,
+  _o as KvTextLink,
+  No as KvThemeProvider,
+  co as KvToast,
+  Ro as KvTooltip,
+  Oo as KvTreeMapChart,
+  Io as KvUserAvatar,
+  Go as KvUtilityMenu,
+  ho as KvVerticalCarousel,
+  Vo as KvVotingCard,
+  Do as KvVotingCardV2,
+  Uo as KvWideLoanCard,
+  Qo as KvWwwHeader,
+  dt as LOAN_CALLOUTS_FRAGMENT,
+  mt as LOAN_GEOCODE_FRAGMENT,
+  pt as LOAN_PROGRESS_FRAGMENT,
+  Xo as Mash,
+  it as NO_BALANCE_CAMPAIGN,
+  Ct as TOP_UP_CAMPAIGN,
+  Et as animationCoordinator,
+  kt as buildTailwindClassName,
+  et as carouselUtil,
+  tt as collapse,
+  rt as expand,
+  Rt as generateMapMarkers,
+  Mt as getCoordinatesBetween,
+  Ot as getCountryColor,
+  _t as getDropdownPriceArray,
+  Lt as getLendCtaSelectedOption,
+  St as getLoansIntervals,
+  Jt as getTreemap,
+  yt as headerNumberCase,
+  Nt as isBetween25And50,
+  ft as isLegacyPlaceholderAvatar,
+  Tt as isLessThan25,
+  jt as isTargetElement,
+  bt as kebabCase,
+  ut as loanCardComputedProperties,
+  xt as loanCardMethods,
+  gt as lockPrintSingleEl,
+  ht as lockScroll,
+  Ft as lockScrollSmallOnly,
+  zt as offBodyTouchstart,
+  Qt as onBodyTouchstart,
+  lt as randomizedUserAvatarClass,
+  Ut as removeObjectProperty,
+  Wt as throttle,
+  Gt as unlockPrintSingleEl,
+  Vt as unlockScroll,
+  Bt as unlockScrollSmallOnly,
+  Zo as useAttrs
 };

package/dist/vue/KvCardFrame.js

@@ -1,12 +1,16 @@
-import { computed as n, resolveComponent as d, openBlock as l, createBlock as m, withCtx as i, createElementVNode as h, normalizeClass as u, renderSlot as c } from "vue";
-import { defaultTheme as r, stoneDarkTheme as g, stoneLightTheme as f, marigoldLightTheme as p, greenLightTheme as v, greenDarkTheme as C } from "@kiva/kv-tokens";
-import k from "./KvThemeProvider.js";
-import _ from "../_virtual/_plugin-vue_export-helper.js";
-const w = {
+import { computed as l, resolveComponent as n, openBlock as d, createBlock as m, withCtx as i, createElementVNode as h, normalizeClass as u, renderSlot as c } from "vue";
+import { defaultTheme as r, stoneDarkTheme as f, stoneLightTheme as g, marigoldLightTheme as p, greenLightTheme as v, greenDarkTheme as w } from "@kiva/kv-tokens";
+import C from "./KvThemeProvider.js";
+import k from "../_virtual/_plugin-vue_export-helper.js";
+const _ = {
   components: {
-    KvThemeProvider: k
+    KvThemeProvider: C
   },
   props: {
+    allowOverflow: {
+      type: Boolean,
+      default: !0
+    },
     bgColorClass: {
       type: String,
       default: "tw-bg-primary"
@@ -39,20 +43,20 @@ const w = {
     }
   },
   setup(e) {
-    return { themeStyle: n(() => {
+    return { themeStyle: l(() => {
       switch (e.theme) {
         case "default":
           return r;
         case "greenDark":
-          return C;
+          return w;
         case "greenLight":
           return v;
         case "marigoldLight":
           return p;
         case "stoneLight":
-          return f;
-        case "stoneDark":
           return g;
+        case "stoneDark":
+          return f;
         default:
           return r;
       }
@@ -60,14 +64,21 @@ const w = {
   }
 };
 function y(e, a, t, o, L, S) {
-  const s = d("kv-theme-provider");
-  return l(), m(s, {
+  const s = n("kv-theme-provider");
+  return d(), m(s, {
     theme: o.themeStyle,
     class: "kv-card-frame-theme-provider"
   }, {
     default: i(() => [
       h("div", {
-        class: u(["kv-card-frame tw-overflow-hidden", t.bgColorClass, t.radiusClass, t.shadowClass, t.borderClass])
+        class: u([
+          "kv-card-frame",
+          t.bgColorClass,
+          t.radiusClass,
+          t.shadowClass,
+          t.borderClass,
+          { "tw-overflow-hidden": !t.allowOverflow }
+        ])
       }, [
         c(e.$slots, "default")
       ], 2)
@@ -75,7 +86,7 @@ function y(e, a, t, o, L, S) {
     _: 3
   }, 8, ["theme"]);
 }
-const B = /* @__PURE__ */ _(w, [["render", y]]);
+const B = /* @__PURE__ */ k(_, [["render", y]]);
 export {
   B as default
 };

package/dist/vue/KvPulsingDot.css

@@ -0,0 +1 @@
+.pulsing-dot[data-v-51110652]{position:relative}.pulsing-dot__circle[data-v-51110652]{height:.5rem;width:.5rem;border-radius:500rem}.pulsing-dot__ring[data-v-51110652]{border-width:2px;border-style:solid;position:absolute;height:.75rem;width:.75rem;border-radius:500rem;left:-2px;top:-2px;animation:pulsate-51110652 1s ease-out;animation-iteration-count:infinite;opacity:0}@keyframes pulsate-51110652{0%{transform:scale(.1);opacity:0}50%{opacity:1}to{transform:scale(1.2);opacity:0}}

package/dist/vue/KvPulsingDot.js

@@ -0,0 +1,33 @@
+import { openBlock as e, createElementBlock as l, createElementVNode as o, normalizeClass as s } from "vue";
+import "./KvPulsingDot.css";
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const n = {
+  name: "KvPulsingDot",
+  props: {
+    dotColorClass: {
+      type: String,
+      default: "tw-bg-brand"
+    },
+    pulseColorClass: {
+      type: String,
+      default: "tw-border-brand"
+    }
+  },
+  setup() {
+    return {};
+  }
+}, a = { class: "pulsing-dot" };
+function d(c, i, t, p, u, _) {
+  return e(), l("div", a, [
+    o("div", {
+      class: s(["pulsing-dot__ring", t.pulseColorClass])
+    }, null, 2),
+    o("div", {
+      class: s(["pulsing-dot__circle", t.dotColorClass])
+    }, null, 2)
+  ]);
+}
+const C = /* @__PURE__ */ r(n, [["render", d], ["__scopeId", "data-v-51110652"]]);
+export {
+  C as default
+};

package/dist/vue/KvUtilityMenu.js

@@ -0,0 +1,107 @@
+import { ref as a, onMounted as f, onBeforeUnmount as g, resolveComponent as h, resolveDirective as y, openBlock as s, createElementBlock as d, normalizeClass as u, withDirectives as m, withModifiers as k, createVNode as p, createElementVNode as b, normalizeStyle as C, renderSlot as M, vShow as S } from "vue";
+import { mdiDotsVertical as w } from "@mdi/js";
+import _ from "./KvMaterialIcon.js";
+import z from "../_virtual/_plugin-vue_export-helper.js";
+const A = {
+  name: "KvUtilityMenu",
+  components: {
+    KvMaterialIcon: _
+  },
+  props: {
+    analyticsCategory: {
+      type: String,
+      default: "event-tracking"
+    },
+    buttonBorderClass: {
+      type: String,
+      default: ""
+    },
+    buttonRadiusClass: {
+      type: String,
+      default: "tw-rounded"
+    },
+    buttonSize: {
+      type: String,
+      default: "medium",
+      validator(n) {
+        return [
+          "small",
+          "medium"
+        ].includes(n);
+      }
+    },
+    icon: {
+      type: String,
+      default: w
+    },
+    menuPosition: {
+      type: String,
+      default: "left-aligned",
+      validator(n) {
+        return [
+          "left-aligned",
+          "right-aligned"
+        ].includes(n);
+      }
+    }
+  },
+  emits: [
+    "kv-utility-menu-clicked"
+  ],
+  setup(n, { emit: i }) {
+    const t = a(null), e = a(!1), c = a(null), o = (r) => {
+      t.value && !t.value.contains(r.target) && (e.value = !1);
+    }, l = () => {
+      e.value = !e.value, i("kv-utility-menu-clicked", { open: e.value });
+    };
+    return f(() => {
+      document.addEventListener("click", o);
+    }), g(() => {
+      document.removeEventListener("click", o);
+    }), {
+      handleMenuClickOutside: o,
+      handleMenuAnchorClick: l,
+      mdiDotsVertical: w,
+      menuAnchor: t,
+      menuOpen: e,
+      optionsMenu: c
+    };
+  }
+};
+function B(n, i, t, e, c, o) {
+  const l = h("KvMaterialIcon"), r = y("kv-track-event");
+  return s(), d("div", {
+    class: u(["tw-relative utitlity-menu-wrapper", [
+      t.buttonSize === "small" ? "tw-w-4 tw-h-4" : "tw-w-6 tw-h-6"
+    ]])
+  }, [
+    m((s(), d("button", {
+      ref: "menuAnchor",
+      class: u(["tw-absolute tw-bg-white tw-flex tw-items-center tw-justify-center menu-trigger", [
+        t.buttonBorderClass,
+        t.buttonRadiusClass,
+        t.buttonSize === "small" ? "tw-w-4 tw-h-4" : "tw-w-6 tw-h-6"
+      ]]),
+      onClick: i[0] || (i[0] = k((...v) => e.handleMenuAnchorClick && e.handleMenuAnchorClick(...v), ["stop"]))
+    }, [
+      p(l, { icon: t.icon }, null, 8, ["icon"])
+    ], 2)), [
+      [r, ["`${analyticsCategory}`", "click", "utility-menu"]]
+    ]),
+    m(b("div", {
+      ref: "optionsMenu",
+      class: u(["tw-absolute tw-rounded tw-border tw-border-tertiary tw-bg-white tw-z-1 tw-shadow-lg vertical-menu", [{
+        "tw-right-0": t.menuPosition === "right-aligned"
+      }]]),
+      style: C(`width: 236px; top: ${t.buttonSize === "small" ? "2.5rem" : "3.5rem"};`)
+    }, [
+      M(n.$slots, "default")
+    ], 6), [
+      [S, e.menuOpen]
+    ])
+  ], 2);
+}
+const I = /* @__PURE__ */ z(A, [["render", B]]);
+export {
+  I as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.42.0",
+  "version": "6.43.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "5a5772e9484adec6dffc2867ed9496db570ca57d"
+  "gitHead": "c153687be5fd01c127a6c117eb061899d3da5105"
 }