@kiva/kv-components 8.19.2 → 8.19.3

package/dist/vue/KvSecondaryNav.js

@@ -1,11 +1,11 @@
-import u from "./KvSecondaryNav2.js";
-import { resolveComponent as d, openBlock as i, createBlock as l, withCtx as o, createElementVNode as r, normalizeClass as a, createVNode as s, createElementBlock as c, resolveDynamicComponent as v, createTextVNode as m, toDisplayString as f, createCommentVNode as x, Fragment as y, renderList as b } from "vue";
+import x from "./KvSecondaryNav2.js";
+import { resolveComponent as l, openBlock as i, createBlock as d, withCtx as o, createElementVNode as r, normalizeClass as a, createVNode as s, createElementBlock as c, resolveDynamicComponent as v, createTextVNode as m, toDisplayString as _, createCommentVNode as u, Fragment as y, renderList as b } from "vue";
 import "./KvSecondaryNav.css";
 import C from "../_virtual/_plugin-vue_export-helper.js";
 const L = { class: "kv-secondary-nav__links tw-flex tw-flex-col md:tw-flex-row tw-items-center tw-gap-3" };
-function N(p, w, n, e, E, A) {
-  const _ = d("kv-material-icon"), g = d("kv-page-container"), h = d("kv-theme-provider");
-  return i(), l(h, {
+function N(p, w, t, e, E, A) {
+  const g = l("kv-material-icon"), h = l("kv-page-container"), k = l("kv-theme-provider");
+  return i(), d(k, {
     theme: e.themeStyle,
     class: "kv-tailwind"
   }, {
@@ -16,34 +16,34 @@ function N(p, w, n, e, E, A) {
         r("div", {
           class: a(["tw-w-full tw-overflow-x-auto kv-secondary-nav tw-absolute tw-top-0 tw-left-0 tw-right-0", e.bgClass])
         }, [
-          s(g, null, {
+          s(h, null, {
             default: o(() => [
               r("div", {
                 ref: "navInner",
                 class: a(["kv-secondary-nav__inner tw-flex tw-gap-2 md:tw-gap-4 tw-items-center tw-flex-wrap tw-py-2", e.navAlignmentClass])
               }, [
-                n.heading && n.heading.length > 0 ? (i(), c("div", {
+                t.heading && t.heading.length > 0 ? (i(), c("div", {
                   key: 0,
-                  class: a(["kv-secondary-nav__heading-container", { "tw-block md:tw-hidden": n.linkAlignment === "left" || n.linkAlignment === "center" }])
+                  class: a(["kv-secondary-nav__heading-container", { "tw-block md:tw-hidden": t.linkAlignment === "left" || t.linkAlignment === "center" }])
                 }, [
-                  (i(), l(v(e.hasHeadingLink ? n.headingLink.isExternal ? "a" : "router-link" : "div"), {
-                    to: e.hasHeadingLink ? n.headingLink.isExternal ? void 0 : n.headingLink.href : void 0,
-                    href: e.hasHeadingLink && n.headingLink.isExternal ? n.headingLink.href : void 0,
+                  (i(), d(v(e.hasHeadingLink ? t.headingLink.isExternal ? "a" : "router-link" : "div"), {
+                    to: e.hasHeadingLink ? t.headingLink.isExternal ? void 0 : t.headingLink.href : void 0,
+                    href: e.hasHeadingLink && t.headingLink.isExternal ? t.headingLink.href : void 0,
                     class: a(["kv-secondary-nav__heading tw-text-h3 tw-text-primary tw-bg-transparent tw-border-none tw-no-underline", {
                       "tw-cursor-pointer": e.hasHeadingLink
                     }])
                   }, {
                     default: o(() => [
-                      m(f(n.heading), 1)
+                      m(_(t.heading), 1)
                     ]),
                     _: 1
                   }, 8, ["to", "href", "class"]))
-                ], 2)) : x("", !0),
+                ], 2)) : u("", !0),
                 r("button", {
                   class: "kv-secondary-nav__toggle tw-flex md:tw-hidden tw-text-primary tw-bg-transparent tw-border-none tw-cursor-pointer",
-                  onClick: w[0] || (w[0] = (...t) => e.toggleSubNavigation && e.toggleSubNavigation(...t))
+                  onClick: w[0] || (w[0] = (...n) => e.toggleSubNavigation && e.toggleSubNavigation(...n))
                 }, [
-                  s(_, {
+                  s(g, {
                     icon: e.subNavigationOpen ? e.mdiChevronUp : e.mdiChevronDown
                   }, null, 8, ["icon"])
                 ]),
@@ -52,21 +52,21 @@ function N(p, w, n, e, E, A) {
                   class: a(["kv-secondary-nav__links-container tw-pt-1 md:tw-pt-0 md:tw-block tw-w-full md:tw-w-auto", { "tw-hidden": !e.subNavigationOpen }])
                 }, [
                   r("ul", L, [
-                    (i(!0), c(y, null, b(n.links, (t, k) => (i(), c("li", {
-                      key: k,
+                    (i(!0), c(y, null, b(t.links, (n, f) => (i(), c("li", {
+                      key: f,
                       class: "kv-secondary-nav__link-item tw-w-full md:tw-w-auto"
                     }, [
-                      (i(), l(v(t.isExternal ? "a" : "router-link"), {
-                        to: t.isExternal ? void 0 : t.href,
-                        href: t.isExternal ? t.href : void 0,
+                      (i(), d(v(n.isExternal ? "a" : "router-link"), {
+                        to: n.isExternal ? void 0 : n.href,
+                        href: n.isExternal ? n.href : void 0,
                         class: a([{
-                          "tw-underline": t.isActive,
-                          "tw-no-underline": !t.isActive
+                          "tw-underline": n.isActive,
+                          "tw-no-underline": !n.isActive
                         }, "kv-secondary-nav__link tw-py-2 md:tw-py-n tw-text-primary tw-font-medium hover:tw-underline hover:tw-text-primary tw-cursor-pointer"]),
-                        onClick: (S) => e.handleLinkClick(t)
+                        onClick: (S) => e.handleLinkClick(n)
                       }, {
                         default: o(() => [
-                          m(f(t.text), 1)
+                          m(_(n.text), 1)
                         ]),
                         _: 2
                       }, 1032, ["to", "href", "class", "onClick"]))
@@ -83,7 +83,7 @@ function N(p, w, n, e, E, A) {
     _: 1
   }, 8, ["theme"]);
 }
-const z = /* @__PURE__ */ C(u, [["render", N], ["__scopeId", "data-v-20d1590d"]]);
+const z = /* @__PURE__ */ C(x, [["render", N], ["__scopeId", "data-v-20d1590d"]]);
 export {
   z as default
 };

package/dist/vue/KvSecondaryNav2.js

@@ -1,6 +1,6 @@
 import { toRefs as f, ref as g, computed as n } from "vue";
-import { defaultTheme as b, greenDarkTheme as u, greenLightTheme as p, marigoldLightTheme as v, stoneLightTheme as w } from "@kiva/kv-tokens";
-import { mdiChevronUp as k, mdiChevronDown as C } from "@mdi/js";
+import { stoneLightTheme as b, marigoldLightTheme as p, greenDarkTheme as u, greenLightTheme as v, defaultTheme as w } from "@kiva/kv-tokens";
+import { mdiChevronDown as k, mdiChevronUp as C } from "@mdi/js";
 import L from "./KvThemeProvider.js";
 import j from "./KvMaterialIcon.js";
 import O from "./KvPageContainer.js";
@@ -64,12 +64,12 @@ const _ = {
       linkAlignment: a,
       theme: s
     } = f(e), d = g(null), i = g(!1), m = n(() => e.headingLink && e.headingLink.href), h = n(() => a.value === "right" ? l.value && l.value.length > 0 ? "tw-justify-between" : "tw-justify-between md:tw-justify-end" : a.value === "left" ? "tw-justify-between md:tw-justify-start" : a.value === "center" ? "tw-justify-between md:tw-justify-center" : ""), o = {
-      default: { style: b, bgClass: "tw-bg-secondary" },
+      default: { style: w, bgClass: "tw-bg-secondary" },
       dark: { style: u, bgClass: "tw-bg-primary" },
-      greenLight: { style: p, bgClass: "tw-bg-secondary" },
+      greenLight: { style: v, bgClass: "tw-bg-secondary" },
       greenDark: { style: u, bgClass: "tw-bg-primary" },
-      marigoldLight: { style: v, bgClass: "tw-bg-secondary" },
-      stoneLight: { style: w, bgClass: "tw-bg-secondary" }
+      marigoldLight: { style: p, bgClass: "tw-bg-secondary" },
+      stoneLight: { style: b, bgClass: "tw-bg-secondary" }
     }, c = n(() => {
       var t;
       return (t = o[s.value]) == null ? void 0 : t.style;
@@ -84,8 +84,8 @@ const _ = {
         i.value = !i.value;
       },
       subNavigationOpen: i,
-      mdiChevronUp: k,
-      mdiChevronDown: C,
+      mdiChevronUp: C,
+      mdiChevronDown: k,
       subNavigation: d,
       themeStyle: c,
       bgClass: y,

package/dist/vue/KvSelect.js

@@ -1,33 +1,33 @@
 import s from "./KvSelect2.js";
-import { resolveComponent as d, openBlock as c, createElementBlock as w, normalizeClass as i, normalizeStyle as m, createElementVNode as l, withDirectives as f, mergeProps as p, renderSlot as u, vModelSelect as _, createVNode as b } from "vue";
+import { resolveComponent as d, openBlock as c, createElementBlock as w, normalizeStyle as m, normalizeClass as i, createElementVNode as l, withDirectives as f, mergeProps as p, renderSlot as u, vModelSelect as _, createVNode as v } from "vue";
 import "./KvSelect.css";
-import v from "../_virtual/_plugin-vue_export-helper.js";
+import b from "../_virtual/_plugin-vue_export-helper.js";
 const g = { class: "container" }, y = ["id", "disabled"];
-function h(r, t, o, e, C, x) {
+function h(r, e, o, t, C, x) {
   const a = d("kv-material-icon");
   return c(), w("div", {
-    class: i(["tw-inline-flex", e.classes]),
-    style: m(e.styles)
+    class: i(["tw-inline-flex", t.classes]),
+    style: m(t.styles)
   }, [
     l("div", g, [
-      f(l("select", p({ id: o.id }, e.inputAttrs, {
-        "onUpdate:modelValue": t[0] || (t[0] = (n) => e.inputValue = n),
+      f(l("select", p({ id: o.id }, t.inputAttrs, {
+        "onUpdate:modelValue": e[0] || (e[0] = (n) => t.inputValue = n),
         disabled: o.disabled,
         class: ["tw-text-base !tw-font-medium tw-bg-primary tw-h-6 tw-pr-4 tw-pl-2 tw-border tw-border-tertiary tw-appearance-none tw-w-full tw-ring-inset focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-action focus:tw-border-transparent tw-text-ellipsis", { "tw-opacity-low": o.disabled }],
-        onChange: t[1] || (t[1] = (...n) => e.onChange && e.onChange(...n))
+        onChange: e[1] || (e[1] = (...n) => t.onChange && t.onChange(...n))
       }), [
         u(r.$slots, "default", {}, void 0, !0)
       ], 16, y), [
-        [_, e.inputValue]
+        [_, t.inputValue]
       ]),
-      b(a, {
-        icon: e.mdiChevronDown,
+      v(a, {
+        icon: t.mdiChevronDown,
         class: i(["tw-w-4 tw-absolute tw-right-0 tw-pr-1 tw-pointer-events-none", { "tw-opacity-low": o.disabled }])
       }, null, 8, ["icon", "class"])
     ])
   ], 6);
 }
-const B = /* @__PURE__ */ v(s, [["render", h], ["__scopeId", "data-v-1ea8f2ca"]]);
+const B = /* @__PURE__ */ b(s, [["render", h], ["__scopeId", "data-v-1ea8f2ca"]]);
 export {
   B as default
 };

package/dist/vue/KvSideSheet.js

@@ -1,5 +1,5 @@
 import y from "./KvSideSheet2.js";
-import { resolveComponent as m, openBlock as n, createElementBlock as w, normalizeClass as a, withModifiers as g, createElementVNode as o, normalizeStyle as d, createVNode as f, createCommentVNode as r, toDisplayString as S, renderSlot as h } from "vue";
+import { resolveComponent as m, openBlock as n, createElementBlock as w, withModifiers as g, normalizeClass as a, createElementVNode as o, normalizeStyle as d, createVNode as f, createCommentVNode as r, toDisplayString as S, renderSlot as h } from "vue";
 import b from "../_virtual/_plugin-vue_export-helper.js";
 const k = { class: "tw-flex tw-gap-1.5" }, v = {
   key: 1,

package/dist/vue/KvSideSheet2.js

@@ -1,5 +1,5 @@
 import { toRefs as D, ref as o, reactive as _, computed as E, watch as h, onMounted as G, onBeforeUnmount as N, onUnmounted as q, nextTick as J } from "vue";
-import { mdiArrowLeft as P, mdiClose as Q, mdiOpenInNew as V } from "@mdi/js";
+import { mdiOpenInNew as P, mdiClose as Q, mdiArrowLeft as V } from "@mdi/js";
 import X from "./KvMaterialIcon.js";
 const te = {
   name: "KvSideSheet",
@@ -210,9 +210,9 @@ const te = {
       sideSheetRef: k,
       sideSheetStyles: F,
       goToLink: A,
-      mdiArrowLeft: P,
+      mdiArrowLeft: V,
       mdiClose: Q,
-      mdiOpenInNew: V,
+      mdiOpenInNew: P,
       modalStyles: n,
       open: s,
       loadingContentMinHeight: R

package/dist/vue/KvSimpleMap.css

@@ -1 +1 @@
-.kv-simple-map__pan-layer[data-v-0abc47d3]{transform-origin:0 0}.kv-simple-map__control-btn[data-v-0abc47d3]{display:flex;height:2rem;width:2rem;cursor:pointer;align-items:center;justify-content:center;border-radius:.25rem;border-width:.0625rem;--tw-border-opacity: 1;border-color:rgba(var(--border-tertiary),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 4px 0 rgb(0 0 0 / .08);--tw-shadow-colored: 0 1px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.kv-simple-map__control-btn[data-v-0abc47d3]:disabled{cursor:default;opacity:.3}.kv-simple-map__control-btn[data-v-0abc47d3]:hover:not(:disabled){--tw-bg-opacity: 1;background-color:rgba(var(--bg-secondary),var(--tw-bg-opacity, 1))}.kv-simple-map__play-btn[data-v-0abc47d3]{border-radius:500rem}.kv-simple-map__default-popup[data-v-0abc47d3]{white-space:nowrap;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem 1.5rem;text-align:center;--tw-shadow: 0 1px 4px 0 rgb(0 0 0 / .08);--tw-shadow-colored: 0 1px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);min-width:80px}.kv-simple-map__popup[data-v-0abc47d3]{height:0;width:0}.kv-simple-map__popup-content[data-v-0abc47d3]{position:absolute;white-space:nowrap}.kv-simple-map__popup--top>.kv-simple-map__popup-content[data-v-0abc47d3]{bottom:var(--kv-simple-map-popup-offset, 4px);left:0;transform:translate(-50%)}.kv-simple-map__popup--bottom>.kv-simple-map__popup-content[data-v-0abc47d3]{top:var(--kv-simple-map-popup-offset, 4px);left:0;transform:translate(-50%)}.kv-simple-map__popup--bottom-right>.kv-simple-map__popup-content[data-v-0abc47d3]{top:var(--kv-simple-map-popup-offset, 4px);left:var(--kv-simple-map-popup-offset, 4px)}.kv-simple-map-popup-enter-active[data-v-0abc47d3],.kv-simple-map-popup-leave-active[data-v-0abc47d3]{transition:opacity .18s ease-out}.kv-simple-map-popup-enter-from[data-v-0abc47d3],.kv-simple-map-popup-leave-to[data-v-0abc47d3]{opacity:0}.kv-simple-map-popup-enter-to[data-v-0abc47d3],.kv-simple-map-popup-leave-from[data-v-0abc47d3]{opacity:1}
+.kv-simple-map__pan-layer[data-v-8c42534e]{transform-origin:0 0}.kv-simple-map__control-btn[data-v-8c42534e]{display:flex;height:2rem;width:2rem;cursor:pointer;align-items:center;justify-content:center;border-radius:.25rem;border-width:.0625rem;--tw-border-opacity: 1;border-color:rgba(var(--border-tertiary),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 4px 0 rgb(0 0 0 / .08);--tw-shadow-colored: 0 1px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.kv-simple-map__control-btn[data-v-8c42534e]:disabled{cursor:default;opacity:.3}.kv-simple-map__control-btn[data-v-8c42534e]:hover:not(:disabled){--tw-bg-opacity: 1;background-color:rgba(var(--bg-secondary),var(--tw-bg-opacity, 1))}.kv-simple-map__play-btn[data-v-8c42534e]{border-radius:500rem}.kv-simple-map__default-popup[data-v-8c42534e]{white-space:nowrap;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem 1.5rem;text-align:center;--tw-shadow: 0 1px 4px 0 rgb(0 0 0 / .08);--tw-shadow-colored: 0 1px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);min-width:80px}.kv-simple-map__popup[data-v-8c42534e]{height:0;width:0}.kv-simple-map__popup-content[data-v-8c42534e]{position:absolute;white-space:nowrap}.kv-simple-map__popup--top>.kv-simple-map__popup-content[data-v-8c42534e]{bottom:var(--kv-simple-map-popup-offset, 4px);left:0;transform:translate(-50%)}.kv-simple-map__popup--bottom>.kv-simple-map__popup-content[data-v-8c42534e]{top:var(--kv-simple-map-popup-offset, 4px);left:0;transform:translate(-50%)}.kv-simple-map__popup--bottom-right>.kv-simple-map__popup-content[data-v-8c42534e]{top:var(--kv-simple-map-popup-offset, 4px);left:var(--kv-simple-map-popup-offset, 4px)}.kv-simple-map-popup-enter-active[data-v-8c42534e],.kv-simple-map-popup-leave-active[data-v-8c42534e]{transition:opacity .18s ease-out}.kv-simple-map-popup-enter-from[data-v-8c42534e],.kv-simple-map-popup-leave-to[data-v-8c42534e]{opacity:0}.kv-simple-map-popup-enter-to[data-v-8c42534e],.kv-simple-map-popup-leave-from[data-v-8c42534e]{opacity:1}

package/dist/vue/KvSimpleMap.js

@@ -1,7 +1,7 @@
 import o from "./KvSimpleMap2.js";
 import "./KvSimpleMap.css";
 import p from "../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ p(o, [["__scopeId", "data-v-0abc47d3"]]);
+const a = /* @__PURE__ */ p(o, [["__scopeId", "data-v-8c42534e"]]);
 export {
-  r as default
+  a as default
 };

package/dist/vue/KvSimpleMap2.js

@@ -34,6 +34,7 @@ const it = ["viewBox"], rt = ["d", "fill", "onPointerenter", "onPointerleave"],
      */
     aspectRatio: {
       type: Number,
+      // eslint-disable-next-line vue/valid-define-props -- SVG_W/SVG_H are plain numeric consts; verified the compiled output inlines them correctly
       default: R / D
     },
     /**

package/dist/vue/KvSwitch.js

@@ -1,5 +1,5 @@
 import s from "./KvSwitch2.js";
-import { openBlock as w, createElementBlock as a, normalizeClass as r, normalizeStyle as d, createElementVNode as i, mergeProps as c, toHandlers as f, withModifiers as u, renderSlot as h } from "vue";
+import { openBlock as w, createElementBlock as a, normalizeStyle as d, normalizeClass as r, createElementVNode as i, mergeProps as c, toHandlers as f, withModifiers as u, renderSlot as h } from "vue";
 import m from "../_virtual/_plugin-vue_export-helper.js";
 const b = ["for"], v = ["id", "checked", "disabled"], p = { class: "tw-flex-1 peer-focus-visible:tw-ring-2 peer-focus-visible:tw-ring-action" };
 function g(o, t, l, e, k, x) {

package/dist/vue/KvTabs.vue.d.ts

@@ -22,12 +22,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         transform: string;
     };
     tabContext: TabContext;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "tab-changed"[], "tab-changed", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     vertical: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onTab-changed"?: (...args: any[]) => any;
+}>, {
     vertical: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/vue/KvTabs2.js

@@ -6,48 +6,51 @@ const E = {
       default: !1
     }
   },
-  setup(p, { emit: b }) {
+  emits: [
+    "tab-changed"
+  ],
+  setup(b, { emit: m }) {
     const t = h({
       selectedIndex: 0,
       setTab: null,
       navItems: []
-    }), i = x(null), r = I(() => {
-      var l;
+    }), l = x(null), r = I(() => {
+      var i;
       const { navItems: e, selectedIndex: o } = t;
-      return ((l = e[o]) == null ? void 0 : l.$el) ?? null;
+      return ((i = e[o]) == null ? void 0 : i.$el) ?? null;
     }), n = h({
       width: 3,
       height: "0.25rem",
       transform: ""
     }), c = () => {
       const e = r.value;
-      e && (p.vertical ? (n.width = 3, n.height = `${e.clientHeight}px`, n.transform = `translateY(${e.offsetTop}px)`) : (n.width = e.clientWidth, n.height = "0.25rem", n.transform = `translateX(${e.offsetLeft}px)`));
+      e && (b.vertical ? (n.width = 3, n.height = `${e.clientHeight}px`, n.transform = `translateY(${e.offsetTop}px)`) : (n.width = e.clientWidth, n.height = "0.25rem", n.transform = `translateX(${e.offsetLeft}px)`));
     }, s = (e) => {
-      t.selectedIndex = e, r.value.scrollIntoView({ behavior: "smooth", block: "nearest" }), b("tab-changed", e);
+      t.selectedIndex = e, r.value.scrollIntoView({ behavior: "smooth", block: "nearest" }), m("tab-changed", e);
     };
     t.setTab = s, T("$KvTabContext", t);
-    const m = (e) => {
-      const { navItems: o, selectedIndex: l } = t, d = () => {
+    const p = (e) => {
+      const { navItems: o, selectedIndex: i } = t, d = () => {
         var v;
         const a = o.find((w) => w.isActive);
         a && ((v = a.$el) == null || v.focus());
       }, f = o.length;
       if (e.key === "ArrowRight") {
         e.preventDefault();
-        const a = (l + 1) % f;
+        const a = (i + 1) % f;
         s(a), d();
       }
       if (e.key === "ArrowLeft") {
         e.preventDefault();
-        const a = (l - 1 + f) % f;
+        const a = (i - 1 + f) % f;
         s(a), d();
       }
       e.key === "Home" && (e.preventDefault(), s(0), d()), e.key === "End" && (e.preventDefault(), s(f - 1), d());
     }, u = () => {
       var e;
-      (e = i.value) == null || e.disconnect(), r.value && (i.value = new ResizeObserver(() => {
+      (e = l.value) == null || e.disconnect(), r.value && (l.value = new ResizeObserver(() => {
         c();
-      }), i.value.observe(r.value));
+      }), l.value.observe(r.value));
     };
     return g(r, () => {
       u(), y(c);
@@ -57,9 +60,9 @@ const E = {
       }), c(), u(), window.addEventListener("resize", c);
     }), $(() => {
       var e;
-      (e = i.value) == null || e.disconnect(), window.removeEventListener("resize", c);
+      (e = l.value) == null || e.disconnect(), window.removeEventListener("resize", c);
     }), {
-      handleKeyDown: m,
+      handleKeyDown: p,
       indicatorStyle: n,
       tabContext: t
     };

package/dist/vue/KvTextInput.js

@@ -1,5 +1,5 @@
 import u from "./KvTextInput2.js";
-import { resolveComponent as m, openBlock as l, createElementBlock as w, normalizeClass as c, normalizeStyle as f, createElementVNode as i, mergeProps as g, toHandlers as v, createBlock as s, createCommentVNode as a, withDirectives as b, createVNode as h, vShow as y, renderSlot as x } from "vue";
+import { resolveComponent as m, openBlock as l, createElementBlock as w, normalizeStyle as f, normalizeClass as c, createElementVNode as i, mergeProps as g, toHandlers as v, createBlock as s, createCommentVNode as a, withDirectives as b, createVNode as h, vShow as y, renderSlot as x } from "vue";
 import "./KvTextInput.css";
 import _ from "../_virtual/_plugin-vue_export-helper.js";
 const k = ["id", "type", "placeholder", "disabled", "value"], I = {

package/dist/vue/KvTextInput2.js

@@ -1,5 +1,5 @@
 import { toRefs as m, ref as o } from "vue";
-import { mdiAlertCircleOutline as f, mdiClose as y } from "@mdi/js";
+import { mdiClose as f, mdiAlertCircleOutline as y } from "@mdi/js";
 import { useAttrs as v } from "../utils/attrs.js";
 import g from "./KvMaterialIcon.js";
 const n = [
@@ -98,8 +98,8 @@ const n = [
       inputListeners: c
     } = v(a, n);
     return {
-      mdiAlertCircleOutline: f,
-      mdiClose: y,
+      mdiAlertCircleOutline: y,
+      mdiClose: f,
       onInput: (u) => {
         l.value = u.target.value, e("input", u.target.value), e("update:modelValue", u.target.value);
       },

package/dist/vue/KvThemeProvider.css

@@ -1 +1 @@
-.tw-text-jumbo u,.tw-text-h1 u,.tw-text-h2 u,.tw-text-h3 u,h1 u,h2 u,h3 u{text-decoration:none;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:var(--heading-underline-primary);background-repeat:no-repeat;background-position:left bottom}.tw-text-jumbo u,.tw-text-h1 u,h1 u{background-size:100% .75rem;padding-bottom:.375rem}.tw-text-h2 u,h2 u{background-size:100% .375rem;padding-bottom:.125rem}.tw-text-h3 u,h3 u{background-size:100% .375rem;padding-bottom:.2rem}@media (min-width: 64rem){.tw-text-jumbo u{background-size:100% 1rem;padding-bottom:.375rem}}
+.tw-text-jumbo u,.tw-text-h1 u,.tw-text-h2 u,.tw-text-h3 u,h1 u,h2 u,h3 u{text-decoration:none;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:var(--heading-underline-primary);background-repeat:no-repeat;background-position:left bottom}.tw-text-jumbo u,.tw-text-h1 u,h1 u{background-size:100% .75rem;padding-bottom:.375rem}.tw-text-h2 u,h2 u{background-size:100% .375rem;padding-bottom:.125rem}.tw-text-h3 u,h3 u{background-size:100% .375rem;padding-bottom:.2rem}@media(min-width:64rem){.tw-text-jumbo u{background-size:100% 1rem;padding-bottom:.375rem}}

package/dist/vue/KvTooltip.css

@@ -1 +1 @@
-.tooltip-pane[data-v-7ec95952],.tooltip-arrow[data-v-7ec95952]{box-shadow:0 4px 12px #00000014}.tooltip-arrow[data-v-7ec95952]{margin:.5rem;border-color:rgba(var(--bg-primary),var(--tw-bg-opacity, 1))}.tooltip-pane[x-placement^=top][data-v-7ec95952]{margin-bottom:.5rem}.tooltip-pane[x-placement^=top] .tooltip-arrow[data-v-7ec95952]{border-width:8px 8px 0 8px;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;left:calc(50% - 8px);bottom:-.5rem;margin-top:0;margin-bottom:0}.tooltip-pane[x-placement^=bottom][data-v-7ec95952]{margin-top:.5rem}.tooltip-pane[x-placement^=bottom] .tooltip-arrow[data-v-7ec95952]{border-width:0 8px 8px 8px;border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;left:calc(50% - 8px);top:-.5rem;margin-bottom:0;margin-top:0}.tooltip-pane[x-placement^=right][data-v-7ec95952]{margin-left:.5rem}.tooltip-pane[x-placement^=right] .tooltip-arrow[data-v-7ec95952]{border-width:8px 8px 8px 0;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;top:calc(50% - 8px);left:-.5rem;margin-left:0;margin-right:0}.tooltip-pane[x-placement^=left][data-v-7ec95952]{margin-right:.5rem}.tooltip-pane[x-placement^=left] .tooltip-arrow[data-v-7ec95952]{border-width:8px 0 8px 8px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;top:calc(50% - 8px);right:-.5rem;margin-left:0;margin-right:0}
+.tooltip-pane[data-v-5fd76cc8],.tooltip-arrow[data-v-5fd76cc8]{box-shadow:0 4px 12px #00000014}.tooltip-arrow[data-v-5fd76cc8]{margin:.5rem;border-color:rgba(var(--bg-primary),var(--tw-bg-opacity, 1))}.tooltip-pane[x-placement^=top][data-v-5fd76cc8]{margin-bottom:.5rem}.tooltip-pane[x-placement^=top] .tooltip-arrow[data-v-5fd76cc8]{border-width:8px 8px 0 8px;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;left:calc(50% - 8px);bottom:-.5rem;margin-top:0;margin-bottom:0}.tooltip-pane[x-placement^=bottom][data-v-5fd76cc8]{margin-top:.5rem}.tooltip-pane[x-placement^=bottom] .tooltip-arrow[data-v-5fd76cc8]{border-width:0 8px 8px 8px;border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;left:calc(50% - 8px);top:-.5rem;margin-bottom:0;margin-top:0}.tooltip-pane[x-placement^=right][data-v-5fd76cc8]{margin-left:.5rem}.tooltip-pane[x-placement^=right] .tooltip-arrow[data-v-5fd76cc8]{border-width:8px 8px 8px 0;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;top:calc(50% - 8px);left:-.5rem;margin-left:0;margin-right:0}.tooltip-pane[x-placement^=left][data-v-5fd76cc8]{margin-right:.5rem}.tooltip-pane[x-placement^=left] .tooltip-arrow[data-v-5fd76cc8]{border-width:8px 0 8px 8px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;top:calc(50% - 8px);right:-.5rem;margin-left:0;margin-right:0}

package/dist/vue/KvTooltip.js

@@ -1,5 +1,5 @@
-import f from "./KvTooltip2.js";
-import { resolveComponent as l, openBlock as p, createBlock as c, withCtx as n, createVNode as v, createElementVNode as i, normalizeStyle as w, createElementBlock as u, renderSlot as d, createCommentVNode as _ } from "vue";
+import c from "./KvTooltip2.js";
+import { resolveComponent as l, openBlock as p, createBlock as v, withCtx as n, createVNode as f, createElementVNode as i, normalizeStyle as w, createElementBlock as _, renderSlot as d, createCommentVNode as u } from "vue";
 import "./KvTooltip.css";
 import k from "../_virtual/_plugin-vue_export-helper.js";
 const y = {
@@ -8,12 +8,12 @@ const y = {
 }, h = { class: "tw-text-primary" };
 function b(o, e, r, t, x, V) {
   const s = l("kv-popper"), a = l("kv-theme-provider");
-  return p(), c(a, {
+  return p(), v(a, {
     theme: t.themeStyle,
     class: "kv-tailwind"
   }, {
     default: n(() => [
-      v(s, {
+      f(s, {
         ref: "popperRef",
         controller: r.controller,
         "popper-modifiers": t.popperModifiers,
@@ -28,9 +28,9 @@ function b(o, e, r, t, x, V) {
             class: "tw-p-2.5",
             style: w({ maxWidth: r.maxWidth })
           }, [
-            o.$slots.title ? (p(), u("div", y, [
+            o.$slots.title ? (p(), _("div", y, [
               d(o.$slots, "title", {}, void 0, !0)
-            ])) : _("", !0),
+            ])) : u("", !0),
             i("div", h, [
               d(o.$slots, "default", {}, void 0, !0)
             ])
@@ -46,7 +46,7 @@ function b(o, e, r, t, x, V) {
     _: 3
   }, 8, ["theme"]);
 }
-const N = /* @__PURE__ */ k(f, [["render", b], ["__scopeId", "data-v-7ec95952"]]);
+const N = /* @__PURE__ */ k(c, [["render", b], ["__scopeId", "data-v-5fd76cc8"]]);
 export {
   N as default
 };

package/dist/vue/KvTooltip2.js

@@ -1,12 +1,12 @@
 import { toRefs as S, computed as i, ref as b, watch as M } from "vue";
-import { defaultTheme as l, greenLightTheme as a, greenDarkTheme as m, marigoldLightTheme as p, stoneLightTheme as f, stoneDarkTheme as d, mintTheme as s, darkTheme as u } from "@kiva/kv-tokens";
-import E from "./KvPopper.js";
-import D from "./KvThemeProvider.js";
+import { darkTheme as l, mintTheme as a, stoneDarkTheme as m, stoneLightTheme as p, marigoldLightTheme as f, greenDarkTheme as s, greenLightTheme as u, defaultTheme as d } from "@kiva/kv-tokens";
+import D from "./KvPopper.js";
+import E from "./KvThemeProvider.js";
 const H = {
   name: "KvTooltip",
   components: {
-    KvPopper: E,
-    KvThemeProvider: D
+    KvPopper: D,
+    KvThemeProvider: E
   },
   props: {
     controller: {
@@ -49,7 +49,7 @@ const H = {
       }
     }
   },
-  defineEmits: ["tool-tip-visible"],
+  emits: ["tool-tip-visible"],
   setup(e, { emit: c }) {
     const {
       modifiers: r,
@@ -70,26 +70,26 @@ const H = {
         n.dispatchEvent(new MouseEvent(k, { bubbles: !0 }));
       }
     }, w = i(() => ({
-      default: l,
-      ecoGreenLight: a,
-      ecoGreenDark: m,
-      ecoLightMarigold: p,
-      ecoStoneLight: f,
-      ecoStoneDark: d,
-      mint: s,
-      dark: u
+      default: d,
+      ecoGreenLight: u,
+      ecoGreenDark: s,
+      ecoLightMarigold: f,
+      ecoStoneLight: p,
+      ecoStoneDark: m,
+      mint: a,
+      dark: l
     })[g.value]);
     return M(h, (t) => {
       o(!!t);
     }), {
-      defaultTheme: l,
-      greenLightTheme: a,
-      greenDarkTheme: m,
-      marigoldLightTheme: p,
-      stoneLightTheme: f,
-      stoneDarkTheme: d,
-      mintTheme: s,
-      darkTheme: u,
+      defaultTheme: d,
+      greenLightTheme: u,
+      greenDarkTheme: s,
+      marigoldLightTheme: f,
+      stoneLightTheme: p,
+      stoneDarkTheme: m,
+      mintTheme: a,
+      darkTheme: l,
       handleKvPopperVisibility: L,
       popperModifiers: v,
       popperRef: T,

package/dist/vue/KvTreeMapChart.css

@@ -1 +1 @@
-.treemap-figure[data-v-ec4ea02f]{height:30rem;width:calc(100% + .25rem);margin-right:-.25rem}@media (min-width: 45.875rem){.treemap-figure[data-v-ec4ea02f]{height:20rem}}
+.treemap-figure[data-v-ec4ea02f]{height:30rem;width:calc(100% + .25rem);margin-right:-.25rem}@media(min-width:45.875rem){.treemap-figure[data-v-ec4ea02f]{height:20rem}}

package/dist/vue/KvVerticalCarousel2.js

@@ -1,4 +1,4 @@
-import { mdiPause as x, mdiPlay as I, mdiChevronDown as v, mdiChevronUp as O } from "@mdi/js";
+import { mdiChevronUp as x, mdiChevronDown as I, mdiPlay as v, mdiPause as O } from "@mdi/js";
 import { toRefs as S, computed as A } from "vue";
 import { carouselUtil as j } from "../utils/carousels.js";
 import C from "./KvMaterialIcon.js";
@@ -83,10 +83,10 @@ const _ = {
       handleUserInteraction: s,
       isAriaHidden: u,
       isAutoplaying: d,
-      mdiPause: x,
-      mdiPlay: I,
-      mdiChevronDown: v,
-      mdiChevronUp: O,
+      mdiPause: O,
+      mdiPlay: v,
+      mdiChevronDown: I,
+      mdiChevronUp: x,
       nextIndex: p,
       previousIndex: c,
       reInit: m,

package/dist/vue/KvVotingCard.css

@@ -1 +1 @@
-.kv-voting-card[data-v-482992ab]{max-width:300px}
+.kv-voting-card[data-v-2079a7ca]{max-width:300px}

package/dist/vue/KvVotingCard.js

@@ -1,5 +1,5 @@
 import u from "./KvVotingCard2.js";
-import { resolveComponent as s, openBlock as o, createElementBlock as w, createElementVNode as t, renderSlot as v, toDisplayString as c, createBlock as i, createCommentVNode as n, withCtx as x, createTextVNode as g } from "vue";
+import { resolveComponent as s, openBlock as o, createElementBlock as r, createElementVNode as t, renderSlot as v, toDisplayString as c, createBlock as a, createCommentVNode as n, withCtx as x, createTextVNode as g } from "vue";
 import "./KvVotingCard.css";
 import h from "../_virtual/_plugin-vue_export-helper.js";
 const k = { class: "kv-voting-card tw-bg-white tw-rounded tw-shadow tw-p-1 tw-flex tw-flex-col tw-max-w-300" }, b = { class: "tw-relative tw-flex tw-w-full tw-bg-black tw-rounded tw-mb-1" }, p = {
@@ -9,11 +9,11 @@ const k = { class: "kv-voting-card tw-bg-white tw-rounded tw-shadow tw-p-1 tw-fl
   key: 1,
   class: "tw-ml-2 tw-font-medium"
 };
-function P(a, l, e, d, z, r) {
+function P(w, l, e, d, z, i) {
   const _ = s("kv-material-icon"), m = s("kv-progress-bar"), f = s("kv-button");
-  return o(), w("div", k, [
+  return o(), r("div", k, [
     t("div", b, [
-      v(a.$slots, "image", {}, void 0, !0),
+      v(w.$slots, "image", {}, void 0, !0),
       t("div", p, [
         l[0] || (l[0] = t("span", {
           class: "tw-inline-flex tw-align-text-top",
@@ -39,27 +39,27 @@ function P(a, l, e, d, z, r) {
         t("h3", V, c(e.category), 1)
       ]),
       t("div", B, [
-        e.showInfoIcon ? (o(), i(_, {
+        e.showInfoIcon ? (o(), a(_, {
           key: 0,
           icon: d.infoIcon,
           class: "tw-h-3 tw-w-3",
-          onClick: r.handleInfoClick
+          onClick: i.handleInfoClick
         }, null, 8, ["icon", "onClick"])) : n("", !0)
       ])
     ]),
     t("div", I, [
-      e.showPercentage ? (o(), i(m, {
+      e.showPercentage ? (o(), a(m, {
         key: 0,
         class: "tw-flex-grow",
         label: "Percent of votes for " + e.category,
         value: e.percentage
       }, null, 8, ["label", "value"])) : n("", !0),
-      e.showPercentage ? (o(), w("div", N, c(e.percentage) + "% ", 1)) : n("", !0)
+      e.showPercentage ? (o(), r("div", N, c(e.percentage) + "% ", 1)) : n("", !0)
     ]),
-    e.showVoteButton ? (o(), i(f, {
+    e.showVoteButton ? (o(), a(f, {
       key: 0,
       class: "tw-w-full",
-      onClick: r.castVote
+      onClick: i.castVote
     }, {
       default: x(() => l[1] || (l[1] = [
         g(" Vote ")
@@ -68,7 +68,7 @@ function P(a, l, e, d, z, r) {
     }, 8, ["onClick"])) : n("", !0)
   ]);
 }
-const T = /* @__PURE__ */ h(u, [["render", P], ["__scopeId", "data-v-482992ab"]]);
+const T = /* @__PURE__ */ h(u, [["render", P], ["__scopeId", "data-v-2079a7ca"]]);
 export {
   T as default
 };

package/dist/vue/KvVotingCard.vue.d.ts

@@ -32,7 +32,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {}, {}, {
     castVote(): void;
     handleInfoClick(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("vote" | "info-click")[], "vote" | "info-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     borrowerName: {
         type: StringConstructor;
         default: string;
@@ -61,7 +61,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onVote?: (...args: any[]) => any;
+    "onInfo-click"?: (...args: any[]) => any;
+}>, {
     images: unknown[];
     borrowerName: string;
     category: string;