@kiva/kv-components 7.6.3 → 8.0.1

package/dist/vue/KvTextLink.js

@@ -1,93 +1,30 @@
-import { toRefs as f, ref as d, computed as m, watch as w, onMounted as p, resolveComponent as v, openBlock as s, createBlock as u, resolveDynamicComponent as k, normalizeClass as _, withCtx as b, renderSlot as g, createCommentVNode as h } from "vue";
-import x from "./KvMaterialIcon.js";
-import C from "../_virtual/_plugin-vue_export-helper.js";
-const y = {
-  components: {
-    KvMaterialIcon: x
-  },
-  props: {
-    /**
-     * Use if linking to a Vue route
-     * */
-    to: {
-      type: [String, Object],
-      default: null
-    },
-    /**
-     * Use if linking to an external link or old-stack page
-     * */
-    href: {
-      type: String,
-      default: null
-    },
-    /**
-     * SVG path data passed in from an imported @mdi/js module.
-     * ```
-     * import { mdiArrowRight } from '@mdi/js';
-     * data() { return { mdiArrowRight } };
-     * <kv-text-link :icon="mdiArrowRight" />`
-     * ```
-     * */
-    icon: {
-      type: String,
-      default: ""
-    },
-    /**
-     * State of the button
-     * @values '', disabled
-     * */
-    state: {
-      type: String,
-      default: "",
-      validator(n) {
-        return ["", "disabled"].includes(n);
-      }
-    }
-  },
-  emits: [
-    "click"
-  ],
-  setup(n, { emit: i }) {
-    const {
-      to: t,
-      href: e
-    } = f(n), o = d(null), r = m(() => t.value ? "router-link" : e.value ? "a" : "button"), a = (c) => {
-      r.value === "button" && (c.preventDefault(), i("click", c));
-    }, l = () => {
-      e.value && (o.value.href = e.value);
-    };
-    return w(e, () => l()), p(() => l()), {
-      tag: r,
-      onClick: a,
-      buttonRef: o,
-      setHref: l
-    };
-  }
-};
-function S(n, i, t, e, o, r) {
-  const a = v("kv-material-icon");
-  return s(), u(k(e.tag), {
+import r from "./KvTextLink2.js";
+import { resolveComponent as l, openBlock as o, createBlock as n, resolveDynamicComponent as c, normalizeClass as s, withCtx as m, renderSlot as w, createCommentVNode as d } from "vue";
+import f from "../_virtual/_plugin-vue_export-helper.js";
+function u(a, _, t, e, k, x) {
+  const i = l("kv-material-icon");
+  return o(), n(c(e.tag), {
     ref: "buttonRef",
     to: t.to,
     disabled: t.state === "disabled",
-    class: _(["tw-text-h4 tw-text-link", {
+    class: s(["tw-text-h4 tw-text-link", {
       "tw-opacity-low tw-pointer-events-none": t.state === "disabled",
       "tw-group tw-inline-flex tw-items-center tw-gap-x-0.5": t.icon
     }]),
     onClick: e.onClick
   }, {
-    default: b(() => [
-      g(n.$slots, "default"),
-      t.icon ? (s(), u(a, {
+    default: m(() => [
+      w(a.$slots, "default"),
+      t.icon ? (o(), n(i, {
         key: 0,
         icon: t.icon,
         class: "tw-w-1.5 tw-h-1.5 md:tw-w-2 md:tw-h-2 tw-transition-transform tw-ease-in-out tw-duration-200 group-hover:tw-translate-x-[0.125rem] group-focus:tw-translate-x-[0.125rem]"
-      }, null, 8, ["icon"])) : h("", !0)
+      }, null, 8, ["icon"])) : d("", !0)
     ]),
     _: 3
   }, 8, ["to", "disabled", "class", "onClick"]);
 }
-const K = /* @__PURE__ */ C(y, [["render", S]]);
+const b = /* @__PURE__ */ f(r, [["render", u]]);
 export {
-  K as default
+  b as default
 };

package/dist/vue/KvTextLink.vue.d.ts

@@ -0,0 +1,64 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    to: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: any;
+    };
+    href: {
+        type: StringConstructor;
+        default: any;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    state: {
+        type: StringConstructor;
+        default: string;
+        validator(value: string): boolean;
+    };
+}>, {
+    tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
+    onClick: (event: any) => void;
+    buttonRef: import('vue').Ref<any, any>;
+    setHref: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    to: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: any;
+    };
+    href: {
+        type: StringConstructor;
+        default: any;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    state: {
+        type: StringConstructor;
+        default: string;
+        validator(value: string): boolean;
+    };
+}>> & Readonly<{
+    onClick?: (...args: any[]) => any;
+}>, {
+    to: string | Record<string, any>;
+    icon: string;
+    href: string;
+    state: string;
+}, {}, {
+    KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        icon: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvTextLink2.js

@@ -0,0 +1,68 @@
+import { toRefs as f, ref as c, computed as s, watch as p, onMounted as d } from "vue";
+import m from "./KvMaterialIcon.js";
+const g = {
+  components: {
+    KvMaterialIcon: m
+  },
+  props: {
+    /**
+     * Use if linking to a Vue route
+     * */
+    to: {
+      type: [String, Object],
+      default: null
+    },
+    /**
+     * Use if linking to an external link or old-stack page
+     * */
+    href: {
+      type: String,
+      default: null
+    },
+    /**
+     * SVG path data passed in from an imported @mdi/js module.
+     * ```
+     * import { mdiArrowRight } from '@mdi/js';
+     * data() { return { mdiArrowRight } };
+     * <kv-text-link :icon="mdiArrowRight" />`
+     * ```
+     * */
+    icon: {
+      type: String,
+      default: ""
+    },
+    /**
+     * State of the button
+     * @values '', disabled
+     * */
+    state: {
+      type: String,
+      default: "",
+      validator(e) {
+        return ["", "disabled"].includes(e);
+      }
+    }
+  },
+  emits: [
+    "click"
+  ],
+  setup(e, { emit: l }) {
+    const {
+      to: a,
+      href: t
+    } = f(e), r = c(null), o = s(() => a.value ? "router-link" : t.value ? "a" : "button"), i = (u) => {
+      o.value === "button" && (u.preventDefault(), l("click", u));
+    }, n = () => {
+      t.value && (r.value.href = t.value);
+    };
+    return p(t, () => n()), d(() => n()), {
+      tag: o,
+      onClick: i,
+      buttonRef: r,
+      setHref: n
+    };
+  }
+};
+export {
+  g as default
+};

package/dist/vue/KvThemeProvider.js

@@ -1,72 +1,21 @@
-import { openBlock as r, createBlock as o, resolveDynamicComponent as a, normalizeStyle as l, withCtx as n, renderSlot as c } from "vue";
+import r from "./KvThemeProvider2.js";
+import { openBlock as o, createBlock as a, resolveDynamicComponent as m, normalizeStyle as n, withCtx as l, renderSlot as c } from "vue";
 import "./KvThemeProvider.css";
 import i from "../_virtual/_plugin-vue_export-helper.js";
-const m = {
-  props: {
-    tag: {
-      type: String,
-      default: "div"
-    },
-    /**
-     * An object containing CSS custom properties set to RGB values.
-     *
-     * For custom theming, see all available custom properties set to white in RGB, below
-     * @usage
-     * ```
-     * {
-     *    --text-primary: '255, 255, 255',
-     *    --text-primary-inverse: '255, 255, 255',
-     *    --text-secondary: '255, 255, 255',
-     *    --text-tertiary: '255, 255, 255',
-     *    --text-action: '255, 255, 255',
-     *    --text-action-highlight: '255, 255, 255',
-     *    --text-danger: '255, 255, 255',
-     *    --text-danger-highlight: '255, 255, 255',
-     *
-     *    --bg-primary: '255, 255, 255',
-     *    --bg-primary-inverse: '255, 255, 255',
-     *    --bg-secondary: '255, 255, 255',
-     *    --bg-tertiary: '255, 255, 255',
-     *    --bg-action: '255, 255, 255',
-     *    --bg-action-highlight: '255, 255, 255',
-     *    --bg-danger: '255, 255, 255',
-     *    --bg-danger-highlight: '255, 255, 255',
-     *    --bg-caution: '255, 255, 255',
-     *
-     *    --border-primary: '255, 255, 255',
-     *    --border-primary-inverse: '255, 255, 255',
-     *    --border-secondary: '255, 255, 255',
-     *    --border-tertiary: '255, 255, 255',
-     *    --border-action: '255, 255, 255',
-     *    --border-action-highlight: '255, 255, 255',
-     *    --border-danger: '255, 255, 255',
-     *    --border-danger-highlight: '255, 255, 255',
-     *
-     *    --heading-underline-primary: url('/kvui/heading-underline.svg#FFFFFF'),
-     * }
-     * ```
-     *
-     * */
-    theme: {
-      type: Object,
-      default: null
-    }
-  }
-};
-function s(t, p, e, d, f, u) {
-  return r(), o(a(e.tag), {
-    style: l({
+function s(t, f, e, p, d, _) {
+  return o(), a(m(e.tag), {
+    style: n({
       ...e.theme,
       color: "rgb(var(--text-primary))"
     })
   }, {
-    default: n(() => [
+    default: l(() => [
       c(t.$slots, "default")
     ]),
     _: 3
   }, 8, ["style"]);
 }
-const v = /* @__PURE__ */ i(m, [["render", s]]);
+const x = /* @__PURE__ */ i(r, [["render", s]]);
 export {
-  v as default
+  x as default
 };

package/dist/vue/KvThemeProvider.vue.d.ts

@@ -0,0 +1,23 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    theme: {
+        type: ObjectConstructor;
+        default: any;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    theme: {
+        type: ObjectConstructor;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    tag: string;
+    theme: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvThemeProvider2.js

@@ -0,0 +1,55 @@
+const t = {
+  props: {
+    tag: {
+      type: String,
+      default: "div"
+    },
+    /**
+     * An object containing CSS custom properties set to RGB values.
+     *
+     * For custom theming, see all available custom properties set to white in RGB, below
+     * @usage
+     * ```
+     * {
+     *    --text-primary: '255, 255, 255',
+     *    --text-primary-inverse: '255, 255, 255',
+     *    --text-secondary: '255, 255, 255',
+     *    --text-tertiary: '255, 255, 255',
+     *    --text-action: '255, 255, 255',
+     *    --text-action-highlight: '255, 255, 255',
+     *    --text-danger: '255, 255, 255',
+     *    --text-danger-highlight: '255, 255, 255',
+     *
+     *    --bg-primary: '255, 255, 255',
+     *    --bg-primary-inverse: '255, 255, 255',
+     *    --bg-secondary: '255, 255, 255',
+     *    --bg-tertiary: '255, 255, 255',
+     *    --bg-action: '255, 255, 255',
+     *    --bg-action-highlight: '255, 255, 255',
+     *    --bg-danger: '255, 255, 255',
+     *    --bg-danger-highlight: '255, 255, 255',
+     *    --bg-caution: '255, 255, 255',
+     *
+     *    --border-primary: '255, 255, 255',
+     *    --border-primary-inverse: '255, 255, 255',
+     *    --border-secondary: '255, 255, 255',
+     *    --border-tertiary: '255, 255, 255',
+     *    --border-action: '255, 255, 255',
+     *    --border-action-highlight: '255, 255, 255',
+     *    --border-danger: '255, 255, 255',
+     *    --border-danger-highlight: '255, 255, 255',
+     *
+     *    --heading-underline-primary: url('/kvui/heading-underline.svg#FFFFFF'),
+     * }
+     * ```
+     *
+     * */
+    theme: {
+      type: Object,
+      default: null
+    }
+  }
+};
+export {
+  t as default
+};

package/dist/vue/KvToast.js

@@ -1,65 +1,28 @@
-import { ref as i, computed as u, resolveComponent as C, openBlock as l, createElementBlock as m, createVNode as p, Transition as M, withCtx as x, createElementVNode as n, normalizeClass as H, createBlock as b, renderSlot as E, createCommentVNode as R } from "vue";
-import { mdiAlert as S, mdiAlertCircle as V, mdiCheckCircle as A, mdiClose as B } from "@mdi/js";
-import N from "./KvMaterialIcon.js";
-import I from "./KvPageContainer.js";
-import K from "../_virtual/_plugin-vue_export-helper.js";
-const L = {
-  components: {
-    KvMaterialIcon: N,
-    KvPageContainer: I
-  },
-  emits: [
-    "close"
-  ],
-  setup(g, { emit: e, slots: r }) {
-    const t = i(!1), c = i(""), s = i("confirmation"), o = i(!1), a = i(null), d = u(() => s.value === "warning" ? S : s.value === "error" ? V : A), h = u(() => {
-      const w = document.createElement("span");
-      w.innerHTML = c.value;
-      const k = 100 * w.innerText.length;
-      return Math.max(k, 5e3);
-    }), T = u(() => !!(r != null && r.toastContent)), _ = () => {
-      t.value = !1, clearTimeout(a.value), e("close");
-    };
-    return {
-      mdiClose: B,
-      isVisible: t,
-      message: c,
-      messageType: s,
-      persist: o,
-      timeout: a,
-      icon: d,
-      msToDisplayToast: h,
-      close: _,
-      show: (f, v, w, y) => {
-        t.value = !0, c.value = typeof f == "string" ? f : "", s.value = typeof v == "string" ? v : "", o.value = !!w, o.value || (a.value = setTimeout(() => {
-          _();
-        }, y ?? h.value));
-      },
-      hasToastContentSlot: T
-    };
-  }
-}, P = {
+import d from "./KvToast2.js";
+import { resolveComponent as l, openBlock as n, createElementBlock as s, createVNode as i, Transition as f, withCtx as r, createElementVNode as o, normalizeClass as g, createBlock as v, renderSlot as y, createCommentVNode as p } from "vue";
+import _ from "../_virtual/_plugin-vue_export-helper.js";
+const x = {
   role: "alert",
   "aria-live": "polite"
-}, Z = {
+}, h = {
   key: 0,
   "data-test": "tip-message",
   class: "tw-mx-2.5"
-}, j = { class: "tw-rounded tw-overflow-hidden tw-flex tw-bg-secondary tw-mx-auto tw-w-full md:tw-w-max md:tw-max-w-full md:tw-min-w-1/2 tw-shadow" }, U = {
+}, k = { class: "tw-rounded tw-overflow-hidden tw-flex tw-bg-secondary tw-mx-auto tw-w-full md:tw-w-max md:tw-max-w-full md:tw-min-w-1/2 tw-shadow" }, C = {
   key: 0,
   width: "16",
   height: "24",
   viewBox: "0 0 16 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, z = {
+}, u = {
   ref: "messageRef",
   class: "tw-flex-1 tw-px-1 tw-py-2 tw-flex"
-}, D = ["innerHTML"];
-function q(g, e, r, t, c, s) {
-  const o = C("kv-material-icon"), a = C("kv-page-container");
-  return l(), m("div", P, [
-    p(M, {
+}, T = ["innerHTML"];
+function b(w, e, H, t, V, M) {
+  const a = l("kv-material-icon"), c = l("kv-page-container");
+  return n(), s("div", x, [
+    i(f, {
       "enter-active-class": "tw-transition-opacity tw-duration-300",
       "leave-active-class": "tw-transition-opacity tw-duration-300",
       "enter-class": "tw-opacity-0",
@@ -67,57 +30,57 @@ function q(g, e, r, t, c, s) {
       "leave-class": "tw-opacity-full",
       "leave-to-class": "tw-opacity-0"
     }, {
-      default: x(() => [
-        t.isVisible ? (l(), m("div", Z, [
-          p(a, null, {
-            default: x(() => [
-              n("div", j, [
-                n("div", {
-                  class: H(["tw-w-5 tw-flex-shrink-0 tw-flex tw-items-center tw-justify-center", {
+      default: r(() => [
+        t.isVisible ? (n(), s("div", h, [
+          i(c, null, {
+            default: r(() => [
+              o("div", k, [
+                o("div", {
+                  class: g(["tw-w-5 tw-flex-shrink-0 tw-flex tw-items-center tw-justify-center", {
                     "tw-bg-brand tw-text-white": t.messageType === "" || t.messageType === "confirmation" || t.messageType === "kiva-logo",
                     "tw-bg-danger tw-text-primary-inverse": t.messageType === "error",
                     "tw-bg-caution tw-text-primary": t.messageType === "warning"
                   }])
                 }, [
-                  t.messageType === "kiva-logo" ? (l(), m("svg", U, e[1] || (e[1] = [
-                    n("path", {
+                  t.messageType === "kiva-logo" ? (n(), s("svg", C, e[1] || (e[1] = [
+                    o("path", {
                       d: "M4.78202 0H0V23.141H4.78202V0ZM6.00533 14.6274C13.6788 14.6274 15.4582 8.05649 15.4582 6.91372H14.7909C7.11743 6.91372 5.33807 13.4846 5.33807 14.6274H6.00533ZM5.33807 15.1988C5.33807 16.3987 6.67259 23.0838 14.9021 23.0838H15.5694C15.5694 21.8839 14.2349 15.1988 6.00533 15.1988H5.33807Z",
                       fill: "white"
                     }, null, -1)
-                  ]))) : (l(), b(o, {
+                  ]))) : (n(), v(a, {
                     key: 1,
                     class: "tw-w-2.5 tw-h-2.5",
                     icon: t.icon
                   }, null, 8, ["icon"]))
                 ], 2),
-                n("div", z, [
-                  t.hasToastContentSlot ? E(g.$slots, "toastContent", { key: 0 }) : (l(), m("p", {
+                o("div", u, [
+                  t.hasToastContentSlot ? y(w.$slots, "toastContent", { key: 0 }) : (n(), s("p", {
                     key: 1,
                     class: "tw-inline-block tw-m-auto",
                     innerHTML: t.message
-                  }, null, 8, D))
+                  }, null, 8, T))
                 ], 512),
-                n("button", {
+                o("button", {
                   class: "tw-w-5 tw-flex-shrink-0 tw-flex tw-items-center tw-justify-center tw-bg-secondary hover:tw-text-action-highlight",
-                  onClick: e[0] || (e[0] = (...d) => t.close && t.close(...d))
+                  onClick: e[0] || (e[0] = (...m) => t.close && t.close(...m))
                 }, [
-                  p(o, {
+                  i(a, {
                     class: "tw-w-2.5 tw-h-2.5",
                     icon: t.mdiClose
                   }, null, 8, ["icon"]),
-                  e[2] || (e[2] = n("span", { class: "tw-sr-only" }, "Close notification", -1))
+                  e[2] || (e[2] = o("span", { class: "tw-sr-only" }, "Close notification", -1))
                 ])
               ])
             ]),
             _: 3
           })
-        ])) : R("", !0)
+        ])) : p("", !0)
       ]),
       _: 3
     })
   ]);
 }
-const X = /* @__PURE__ */ K(L, [["render", q]]);
+const j = /* @__PURE__ */ _(d, [["render", b]]);
 export {
-  X as default
+  j as default
 };

package/dist/vue/KvToast.vue.d.ts

@@ -0,0 +1,31 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    mdiClose: string;
+    isVisible: import('vue').Ref<boolean, boolean>;
+    message: import('vue').Ref<string, string>;
+    messageType: import('vue').Ref<string, string>;
+    persist: import('vue').Ref<boolean, boolean>;
+    timeout: import('vue').Ref<any, any>;
+    icon: import('vue').ComputedRef<string>;
+    msToDisplayToast: import('vue').ComputedRef<number>;
+    close: () => void;
+    show: (messageInput: any, type: any, persistInput: any, hideDelay: any) => void;
+    hasToastContentSlot: import('vue').ComputedRef<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onClose?: (...args: any[]) => any;
+}>, {}, {}, {
+    KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        icon: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvPageContainer: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvToast2.js

@@ -0,0 +1,43 @@
+import { ref as e, computed as u } from "vue";
+import { mdiAlert as h, mdiAlertCircle as _, mdiCheckCircle as d, mdiClose as g } from "@mdi/js";
+import A from "./KvMaterialIcon.js";
+import R from "./KvPageContainer.js";
+const H = {
+  components: {
+    KvMaterialIcon: A,
+    KvPageContainer: R
+  },
+  emits: [
+    "close"
+  ],
+  setup(E, { emit: v, slots: n }) {
+    const r = e(!1), a = e(""), t = e("confirmation"), s = e(!1), c = e(null), M = u(() => t.value === "warning" ? h : t.value === "error" ? _ : d), m = u(() => {
+      const o = document.createElement("span");
+      o.innerHTML = a.value;
+      const T = 100 * o.innerText.length;
+      return Math.max(T, 5e3);
+    }), C = u(() => !!(n != null && n.toastContent) || !1), f = () => {
+      r.value = !1, clearTimeout(c.value), v("close");
+    };
+    return {
+      mdiClose: g,
+      isVisible: r,
+      message: a,
+      messageType: t,
+      persist: s,
+      timeout: c,
+      icon: M,
+      msToDisplayToast: m,
+      close: f,
+      show: (i, l, o, p) => {
+        r.value = !0, a.value = typeof i == "string" ? i : "", t.value = typeof l == "string" ? l : "", s.value = !!o, s.value || (c.value = setTimeout(() => {
+          f();
+        }, p ?? m.value));
+      },
+      hasToastContentSlot: C
+    };
+  }
+};
+export {
+  H as default
+};

package/dist/vue/KvTooltip.css

@@ -1 +1 @@
-.tooltip-pane[data-v-89cfb447],.tooltip-arrow[data-v-89cfb447]{box-shadow:0 4px 12px #00000014}.tooltip-arrow[data-v-89cfb447]{margin:.5rem;border-color:rgba(var(--bg-primary),var(--tw-bg-opacity, 1))}.tooltip-pane[x-placement^=top][data-v-89cfb447]{margin-bottom:.5rem}.tooltip-pane[x-placement^=top] .tooltip-arrow[data-v-89cfb447]{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-89cfb447]{margin-top:.5rem}.tooltip-pane[x-placement^=bottom] .tooltip-arrow[data-v-89cfb447]{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-89cfb447]{margin-left:.5rem}.tooltip-pane[x-placement^=right] .tooltip-arrow[data-v-89cfb447]{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-89cfb447]{margin-right:.5rem}.tooltip-pane[x-placement^=left] .tooltip-arrow[data-v-89cfb447]{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-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}