@kiva/kv-components 7.6.3 → 8.0.1

package/dist/vue/KvSideSheet2.js

@@ -0,0 +1,224 @@
+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 X from "./KvMaterialIcon.js";
+const te = {
+  name: "KvSideSheet",
+  components: {
+    KvMaterialIcon: X
+  },
+  props: {
+    /**
+     * Whether the side sheet is open or not
+     * */
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Show the back button
+     * */
+    showBackButton: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Show the go to link button
+     * */
+    showGoToLink: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Show the border of the headline section
+     * */
+    showHeadlineBorder: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Tracking event function
+     * */
+    kvTrackFunction: {
+      type: Function,
+      default: () => ({})
+    },
+    /**
+     * Tracking event category
+     * */
+    trackEventCategory: {
+      type: String,
+      default: ""
+    },
+    /**
+     * The headline of the side sheet
+     * */
+    headline: {
+      type: String,
+      default: ""
+    },
+    /**
+     * The CSS width of the SideSheet, either as a string (e.g., '33.33%') or an object with
+     * breakpoint-specific widths (e.g., { default: '100%', lg: '50%' }). Supports responsive
+     * design with breakpoints: default, sm, md, lg, xl, 2xl
+     * */
+    widthDimensions: {
+      type: [String, Object],
+      default: () => ({ default: "100%", md: "50%" }),
+      validator: (i) => typeof i == "string" ? /^(\d+px|[\d.]+%|auto|inherit|initial)$/.test(i) : typeof i == "object" ? Object.keys(i).every((v) => ["default", "sm", "md", "lg", "xl", "2xl"].includes(v) && /^(\d+px|[\d.]+%|auto|inherit|initial)$/.test(i[v])) : !1
+    },
+    /**
+     * Whether to hide the background of the headline section on mobile (e.g., in Borrower Profile Sidesheet)
+     * */
+    hideHeadlineBgOnMobile: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Whether to animate the opening of the side sheet
+     * */
+    isAnimated: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["side-sheet-closed", "go-to-link"],
+  setup(i, { emit: v, slots: u }) {
+    const {
+      visible: O,
+      kvTrackFunction: M,
+      trackEventCategory: $,
+      widthDimensions: l,
+      hideHeadlineBgOnMobile: I,
+      isAnimated: W
+    } = D(i), s = o(!W.value), n = o({}), k = o(null), f = o(null), m = o(null), S = o(null), T = o(null), p = o(null), y = o(null), R = o("100vh"), r = _({
+      headline: 0,
+      controls: 0
+    }), z = E(() => {
+      const e = S.value - (I.value ? 0 : r.headline) - r.controls;
+      return Math.max(e, 0);
+    }), C = E(() => {
+      if (typeof l.value == "string")
+        return l.value;
+      const e = {
+        sm: 640,
+        md: 768,
+        lg: 1024,
+        xl: 1280,
+        "2xl": 1536
+      }, t = T.value || (typeof window < "u" ? window.innerWidth : 0), d = Object.keys(l.value).filter((a) => a !== "default").sort((a, B) => e[B] - e[a]).find((a) => t >= e[a]);
+      return d ? l.value[d] : l.value.default || "100%";
+    }), U = (e, t) => {
+      let d;
+      return (...a) => {
+        clearTimeout(d), d = setTimeout(() => e(...a), t);
+      };
+    }, w = () => {
+      S.value = typeof window < "u" ? window.innerHeight : 0, T.value = typeof window < "u" ? window.innerWidth : 0, setTimeout(() => {
+        J(() => {
+          var e;
+          if (m.value) {
+            const t = m.value.getBoundingClientRect();
+            r.headline = t.height;
+          } else
+            r.headline = 0;
+          if ((e = u.controls) != null && e.call(u) && f.value) {
+            const t = f.value.getBoundingClientRect();
+            r.controls = t.height;
+          } else
+            r.controls = 0;
+        });
+      }, 300);
+    }, g = U(w, 100), b = () => {
+      const e = "tw-overflow-hidden";
+      s.value ? document.body.classList.add(e) : document.body.classList.remove(e);
+    }, L = () => {
+      s.value = !1, b(), M.value($.value, "click", "side-sheet-closed"), setTimeout(() => {
+        v("side-sheet-closed");
+      }, 300), document.removeEventListener("keyup", x);
+    }, A = () => {
+      v("go-to-link");
+    }, x = (e) => {
+      (e == null ? void 0 : e.key) === "Escape" && L();
+    }, F = E(() => ({
+      width: C.value
+    })), j = () => {
+      if (typeof l.value == "object" && k.value) {
+        const e = "side-sheet-styles";
+        let t = document.getElementById(e);
+        t || (t = document.createElement("style"), t.id = e, document.head.appendChild(t));
+        const d = {
+          sm: "640px",
+          md: "768px",
+          lg: "1024px",
+          xl: "1280px",
+          "2xl": "1536px"
+        }, B = Object.keys(l.value).filter((c) => c !== "default").sort((c, K) => {
+          const H = ["sm", "md", "lg", "xl", "2xl"];
+          return H.indexOf(c) - H.indexOf(K);
+        }).map((c) => `
+						@media (min-width: ${d[c]}) {
+							#side-sheet-${i.trackEventCategory || "default"} {
+								width: ${l.value[c]} !important;
+							}
+						}
+					`).join("");
+        t.textContent = B, k.value.id = `side-sheet-${i.trackEventCategory || "default"}`;
+      }
+    };
+    return h(O, (e) => {
+      typeof window < "u" && (e ? (document.addEventListener("keyup", x), n.value = {}, setTimeout(() => {
+        s.value = !0, b(), w();
+      }, 10)) : (s.value = !1, b(), document.removeEventListener("keyup", x), n.value = {}));
+    }, { immediate: !0 }), h(() => {
+      var e;
+      return (e = u.controls) == null ? void 0 : e.call(u);
+    }, () => {
+      setTimeout(() => {
+        w();
+      }, 100);
+    }, { deep: !0 }), h(C, (e) => {
+      s.value && O.value && n.value && Object.keys(n.value).length > 0 && (n.value = {
+        ...n.value,
+        width: e,
+        transition: "none"
+        // No animation for resize
+      }, setTimeout(() => {
+        n.value && Object.keys(n.value).length > 0 && (n.value = {
+          ...n.value,
+          transition: "all 0.3s ease-in-out"
+        });
+      }, 50));
+    }), h(l, () => {
+      s.value && j();
+    }, { immediate: !0 }), h(s, (e) => {
+      e && j();
+    }), G(() => {
+      R.value = "auto", setTimeout(() => {
+        w();
+      }, 100), f.value && (p.value = new ResizeObserver(g), p.value.observe(f.value)), m.value && (y.value = new ResizeObserver(g), y.value.observe(m.value)), window.addEventListener("resize", g);
+    }), N(() => {
+      s.value && document.body.classList.remove("tw-overflow-hidden");
+    }), q(() => {
+      p.value && p.value.disconnect(), y.value && y.value.disconnect(), window.removeEventListener("resize", g);
+      const e = document.getElementById("side-sheet-styles");
+      e && e.remove();
+    }), {
+      closeSideSheet: L,
+      contentHeight: z,
+      controlsRef: f,
+      headlineRef: m,
+      sideSheetRef: k,
+      sideSheetStyles: F,
+      goToLink: A,
+      mdiArrowLeft: P,
+      mdiClose: Q,
+      mdiOpenInNew: V,
+      modalStyles: n,
+      open: s,
+      loadingContentMinHeight: R
+    };
+  }
+};
+export {
+  te as default
+};

package/dist/vue/KvSwitch.js

@@ -1,88 +1,35 @@
-import { ref as a, onMounted as b, openBlock as g, createElementBlock as k, normalizeClass as d, normalizeStyle as y, createElementVNode as l, mergeProps as V, toHandlers as _, withModifiers as x, renderSlot as C } from "vue";
-import { nanoid as u } from "nanoid";
-import { useAttrs as A } from "../utils/attrs.js";
-import B from "../_virtual/_plugin-vue_export-helper.js";
-const c = [
-  "update:modelValue"
-], S = {
-  inheritAttrs: !1,
-  // v-model will change when checked value changes
-  model: {
-    prop: "modelValue",
-    event: "update:modelValue"
-  },
-  props: {
-    /**
-     * Whether the switch is on or off
-     * */
-    modelValue: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Prevents the switch from being toggled or focused
-     * */
-    disabled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: c,
-  setup(i, t) {
-    const { emit: s } = t, e = a(`kvs-${u(10)}`), o = a(null), {
-      classes: r,
-      styles: n,
-      inputAttrs: w,
-      inputListeners: f
-    } = A(t, c), p = (v) => {
-      s("update:modelValue", v.target.checked);
-    }, m = () => {
-      o.value.focus();
-    }, h = () => {
-      o.value.blur();
-    };
-    return b(() => {
-      e.value = `kvs-${u(10)}`;
-    }), {
-      uuid: e,
-      onChange: p,
-      focus: m,
-      blur: h,
-      classes: r,
-      styles: n,
-      inputAttrs: w,
-      inputListeners: f
-    };
-  }
-}, z = ["for"], E = ["id", "checked", "disabled"], L = { class: "tw-flex-1 peer-focus-visible:tw-ring-2 peer-focus-visible:tw-ring-action" };
-function M(i, t, s, e, o, r) {
-  return g(), k("div", {
-    class: d(e.classes),
-    style: y(e.styles)
+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 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) {
+  return w(), a("div", {
+    class: r(e.classes),
+    style: d(e.styles)
   }, [
-    l("label", {
-      class: d(["tw-inline-flex tw-gap-2 tw-items-center tw-relative hover:tw-cursor-pointer", { "tw-opacity-low": s.disabled }]),
+    i("label", {
+      class: r(["tw-inline-flex tw-gap-2 tw-items-center tw-relative hover:tw-cursor-pointer", { "tw-opacity-low": l.disabled }]),
       for: e.uuid
     }, [
-      l("input", V({ id: e.uuid }, e.inputAttrs, {
+      i("input", c({ id: e.uuid }, e.inputAttrs, {
         ref: "switchRef",
         class: "tw-sr-only tw-peer",
         type: "checkbox",
         role: "switch",
-        checked: s.modelValue,
-        disabled: s.disabled
-      }, _(e.inputListeners, !0), {
-        onChange: t[0] || (t[0] = x((...n) => e.onChange && e.onChange(...n), ["prevent"]))
-      }), null, 16, E),
-      t[1] || (t[1] = l("div", { class: "tw-w-7 tw-h-4 tw-rounded-full tw-relative tw-overflow-hidden peer-focus-visible:tw-ring-2 peer-focus-visible:tw-ring-action tw-bg-tertiary peer-checked:tw-bg-action tw-transition-all tw-ease-in-out" }, null, -1)),
-      t[2] || (t[2] = l("div", { class: "tw-flex-shrink-0 tw-w-3 tw-h-3 tw-absolute tw-m-0.5 tw-top-0 tw-rounded-full tw-bg-white tw-transform tw-transition-all tw-ease-in-out peer-checked:tw-translate-x-3" }, null, -1)),
-      l("div", L, [
-        C(i.$slots, "default")
+        checked: l.modelValue,
+        disabled: l.disabled
+      }, f(e.inputListeners, !0), {
+        onChange: t[0] || (t[0] = u((...n) => e.onChange && e.onChange(...n), ["prevent"]))
+      }), null, 16, v),
+      t[1] || (t[1] = i("div", { class: "tw-w-7 tw-h-4 tw-rounded-full tw-relative tw-overflow-hidden peer-focus-visible:tw-ring-2 peer-focus-visible:tw-ring-action tw-bg-tertiary peer-checked:tw-bg-action tw-transition-all tw-ease-in-out" }, null, -1)),
+      t[2] || (t[2] = i("div", { class: "tw-flex-shrink-0 tw-w-3 tw-h-3 tw-absolute tw-m-0.5 tw-top-0 tw-rounded-full tw-bg-white tw-transform tw-transition-all tw-ease-in-out peer-checked:tw-translate-x-3" }, null, -1)),
+      i("div", p, [
+        h(o.$slots, "default")
       ])
-    ], 10, z)
+    ], 10, b)
   ], 6);
 }
-const P = /* @__PURE__ */ B(S, [["render", M]]);
+const S = /* @__PURE__ */ m(s, [["render", g]]);
 export {
-  P as default
+  S as default
 };

package/dist/vue/KvSwitch.vue.d.ts

@@ -0,0 +1,34 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    uuid: import('vue').Ref<string, string>;
+    onChange: (event: any) => void;
+    focus: () => void;
+    blur: () => void;
+    classes: any[];
+    styles: any[];
+    inputAttrs: any;
+    inputListeners: any;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, string[], string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
+}>, {
+    disabled: boolean;
+    modelValue: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvSwitch2.js

@@ -0,0 +1,59 @@
+import { ref as o, onMounted as v } from "vue";
+import { nanoid as l } from "nanoid";
+import { useAttrs as V } from "../utils/attrs.js";
+const u = [
+  "update:modelValue"
+], A = {
+  inheritAttrs: !1,
+  // v-model will change when checked value changes
+  model: {
+    prop: "modelValue",
+    event: "update:modelValue"
+  },
+  props: {
+    /**
+     * Whether the switch is on or off
+     * */
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Prevents the switch from being toggled or focused
+     * */
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: u,
+  setup(h, e) {
+    const { emit: a } = e, t = o(`kvs-${l(10)}`), s = o(null), {
+      classes: n,
+      styles: r,
+      inputAttrs: d,
+      inputListeners: p
+    } = V(e, u), c = (f) => {
+      a("update:modelValue", f.target.checked);
+    }, i = () => {
+      s.value.focus();
+    }, m = () => {
+      s.value.blur();
+    };
+    return v(() => {
+      t.value = `kvs-${l(10)}`;
+    }), {
+      uuid: t,
+      onChange: c,
+      focus: i,
+      blur: m,
+      classes: n,
+      styles: r,
+      inputAttrs: d,
+      inputListeners: p
+    };
+  }
+};
+export {
+  A as default
+};

package/dist/vue/KvTab.js

@@ -1,67 +1,25 @@
-import { toRefs as d, inject as f, computed as s, onMounted as v, getCurrentInstance as b, openBlock as u, createElementBlock as x, normalizeClass as m, renderSlot as w } from "vue";
-import k from "../_virtual/_plugin-vue_export-helper.js";
-const p = {
-  props: {
-    /**
-     * A unique id which correspondes to an `id` property on the KvTabPanel it controls
-     * e.g., <kv-tab for="foo">... <kv-tab-panel id="foo">
-     * */
-    forPanel: {
-      type: String,
-      required: !0
-    },
-    /**
-     * The tab should be initially selected.
-     * */
-    selected: {
-      type: Boolean,
-      default: !1
-    },
-    vertical: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(l) {
-    const {
-      forPanel: a
-    } = d(l), e = f("$KvTabContext"), n = s(() => {
-      var c;
-      let t = [], o = 0;
-      return e && (t = e.navItems, o = e.selectedIndex), ((c = t[o]) == null ? void 0 : c.forPanel) === a.value;
-    }), r = s(() => {
-      let t = [];
-      return e && (t = e.navItems), t == null ? void 0 : t.findIndex((o) => o.forPanel === a.value);
-    }), i = () => {
-      e.setTab(r.value);
-    };
-    return v(() => {
-      const t = b();
-      e.navItems.push(t.proxy);
-    }), {
-      isActive: n,
-      handleTabClicked: i
-    };
-  }
-}, C = ["id", "aria-selected", "aria-controls", "tabindex"];
-function h(l, a, e, n, r, i) {
-  return u(), x("button", {
+import o from "./KvTab2.js";
+import { openBlock as l, createElementBlock as n, normalizeClass as c, renderSlot as d } from "vue";
+import s from "../_virtual/_plugin-vue_export-helper.js";
+const b = ["id", "aria-selected", "aria-controls", "tabindex"];
+function f(r, a, e, t, m, w) {
+  return l(), n("button", {
     id: `kv-tab-${e.forPanel}`,
-    class: m(["tw-text-h3 tw-mb-1.5 tw-whitespace-nowrap tw-text-left", {
-      "hover:tw-text-action": !n.isActive,
+    class: c(["tw-text-h3 tw-mb-1.5 tw-whitespace-nowrap tw-text-left", {
+      "hover:tw-text-action": !t.isActive,
       "md:tw-border-l-2 tw-border-transparent md:tw-pl-2": e.vertical,
-      "tw-text-action": n.isActive && e.vertical
+      "tw-text-action": t.isActive && e.vertical
     }]),
     role: "tab",
-    "aria-selected": n.isActive,
+    "aria-selected": t.isActive,
     "aria-controls": `kv-tab-panel-${e.forPanel}`,
-    tabindex: n.isActive ? null : -1,
-    onClick: a[0] || (a[0] = (...t) => n.handleTabClicked && n.handleTabClicked(...t))
+    tabindex: t.isActive ? null : -1,
+    onClick: a[0] || (a[0] = (...i) => t.handleTabClicked && t.handleTabClicked(...i))
   }, [
-    w(l.$slots, "default")
-  ], 10, C);
+    d(r.$slots, "default")
+  ], 10, b);
 }
-const _ = /* @__PURE__ */ k(p, [["render", h]]);
+const _ = /* @__PURE__ */ s(o, [["render", f]]);
 export {
   _ as default
 };

package/dist/vue/KvTab.vue.d.ts

@@ -0,0 +1,34 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    forPanel: {
+        type: StringConstructor;
+        required: true;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    isActive: import('vue').ComputedRef<boolean>;
+    handleTabClicked: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    forPanel: {
+        type: StringConstructor;
+        required: true;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    vertical: boolean;
+    selected: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvTab2.js

@@ -0,0 +1,48 @@
+import { toRefs as u, inject as f, computed as s, onMounted as i, getCurrentInstance as p } from "vue";
+const x = {
+  props: {
+    /**
+     * A unique id which correspondes to an `id` property on the KvTabPanel it controls
+     * e.g., <kv-tab for="foo">... <kv-tab-panel id="foo">
+     * */
+    forPanel: {
+      type: String,
+      required: !0
+    },
+    /**
+     * The tab should be initially selected.
+     * */
+    selected: {
+      type: Boolean,
+      default: !1
+    },
+    vertical: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(l) {
+    const {
+      forPanel: a
+    } = u(l), t = f("$KvTabContext"), r = s(() => {
+      var o;
+      let e = [], n = 0;
+      return t && (e = t.navItems, n = t.selectedIndex), ((o = e[n]) == null ? void 0 : o.forPanel) === a.value;
+    }), c = s(() => {
+      let e = [];
+      return t && (e = t.navItems), e == null ? void 0 : e.findIndex((n) => n.forPanel === a.value);
+    }), d = () => {
+      t.setTab(c.value);
+    };
+    return i(() => {
+      const e = p();
+      t.navItems.push(e.proxy);
+    }), {
+      isActive: r,
+      handleTabClicked: d
+    };
+  }
+};
+export {
+  x as default
+};

package/dist/vue/KvTabPanel.js

@@ -1,31 +1,9 @@
-import { toRefs as c, inject as r, computed as d, openBlock as s, createBlock as v, Transition as p, withCtx as u, withDirectives as b, createElementBlock as f, renderSlot as w, vShow as _ } from "vue";
-import m from "../_virtual/_plugin-vue_export-helper.js";
-const k = {
-  props: {
-    /**
-     * A unique id which correspondes to a `for` property on the KvTab which controls it
-     * e.g., <kv-tab for="foo">... <kv-tab-panel id="foo">
-     * */
-    id: {
-      type: String,
-      required: !0
-    }
-  },
-  setup(e) {
-    const {
-      id: o
-    } = c(e), t = r("$KvTabContext");
-    return {
-      isActive: d(() => {
-        var l;
-        let i = [], n = 0;
-        return t && (i = t.navItems, n = t.selectedIndex), ((l = i[n]) == null ? void 0 : l.forPanel) === o.value;
-      })
-    };
-  }
-}, x = ["id", "aria-hidden", "aria-labelledby"];
-function y(e, o, t, a, i, n) {
-  return s(), v(p, {
+import l from "./KvTabPanel2.js";
+import { openBlock as a, createBlock as o, Transition as c, withCtx as r, withDirectives as n, createElementBlock as s, renderSlot as d, vShow as v } from "vue";
+import b from "../_virtual/_plugin-vue_export-helper.js";
+const w = ["id", "aria-hidden", "aria-labelledby"];
+function f(i, p, t, e, _, m) {
+  return a(), o(c, {
     "enter-active-class": "tw-transition-opacity tw-duration-700",
     "leave-active-class": "",
     "enter-class": "tw-opacity-0 tw-absolute tw-top-0",
@@ -33,24 +11,24 @@ function y(e, o, t, a, i, n) {
     "leave-class": "",
     "leave-to-class": "tw-opacity-0 tw-absolute tw-top-0"
   }, {
-    default: u(() => [
-      b((s(), f("div", {
+    default: r(() => [
+      n((a(), s("div", {
         id: `kv-tab-panel-${t.id}`,
         key: `kv-tab-panel-${t.id}`,
         role: "tabpanel",
-        "aria-hidden": !a.isActive,
+        "aria-hidden": !e.isActive,
         "aria-labelledby": `kv-tab-${t.id}`,
         tabindex: "0"
       }, [
-        w(e.$slots, "default")
-      ], 8, x)), [
-        [_, a.isActive]
+        d(i.$slots, "default")
+      ], 8, w)), [
+        [v, e.isActive]
       ])
     ]),
     _: 3
   });
 }
-const I = /* @__PURE__ */ m(k, [["render", y]]);
+const y = /* @__PURE__ */ b(l, [["render", f]]);
 export {
-  I as default
+  y as default
 };

package/dist/vue/KvTabPanel.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, {
+    isActive: import('vue').ComputedRef<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;