@kiva/kv-components 6.45.2 → 6.47.0

package/dist/vue/KvWwwHeader/KvHeaderAboutMenu.js

@@ -0,0 +1,89 @@
+import s from "./KvHeaderMenuLink.js";
+import { resolveComponent as l, resolveDirective as p, openBlock as t, createElementBlock as f, withDirectives as n, createBlock as i, withCtx as u, createTextVNode as a } from "vue";
+import d from "../../_virtual/_plugin-vue_export-helper.js";
+const k = {
+  components: {
+    KvHeaderMenuLink: s
+  }
+}, m = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start tw-font-medium" };
+function v(w, e, c, b, N, T) {
+  const o = l("kv-header-menu-link"), r = p("kv-track-event");
+  return t(), f("nav", m, [
+    n((t(), i(o, { href: "/about" }, {
+      default: u(() => e[0] || (e[0] = [
+        a(" About us ")
+      ])),
+      _: 1
+    })), [
+      [r, ["TopNav", "click-menu-about-us"]]
+    ]),
+    n((t(), i(o, { href: "/about/partner-with-us" }, {
+      default: u(() => e[1] || (e[1] = [
+        a(" Partner with us ")
+      ])),
+      _: 1
+    })), [
+      [r, ["TopNav", "click-menu-partner-with-us"]]
+    ]),
+    n((t(), i(o, { href: "/about/how" }, {
+      default: u(() => e[2] || (e[2] = [
+        a(" How Kiva works ")
+      ])),
+      _: 1
+    })), [
+      [r, ["TopNav", "click-menu-how-kiva-works"]]
+    ]),
+    n((t(), i(o, { href: "/about/where-kiva-works" }, {
+      default: u(() => e[3] || (e[3] = [
+        a(" Where Kiva works ")
+      ])),
+      _: 1
+    })), [
+      [r, ["TopNav", "click-menu-where-kiva-works"]]
+    ]),
+    n((t(), i(o, { href: "/impact" }, {
+      default: u(() => e[4] || (e[4] = [
+        a(" Impact ")
+      ])),
+      _: 1
+    })), [
+      [r, ["TopNav", "click-menu-impact"]]
+    ]),
+    n((t(), i(o, { href: "/about/leadership" }, {
+      default: u(() => e[5] || (e[5] = [
+        a(" Leadership ")
+      ])),
+      _: 1
+    })), [
+      [r, ["TopNav", "click-menu-leadership"]]
+    ]),
+    n((t(), i(o, { href: "/about/finances" }, {
+      default: u(() => e[6] || (e[6] = [
+        a(" Finances ")
+      ])),
+      _: 1
+    })), [
+      [r, ["TopNav", "click-menu-finances"]]
+    ]),
+    n((t(), i(o, { href: "/about/press-center" }, {
+      default: u(() => e[7] || (e[7] = [
+        a(" Press ")
+      ])),
+      _: 1
+    })), [
+      [r, ["TopNav", "click-menu-press"]]
+    ]),
+    n((t(), i(o, { href: "/about/due-diligence" }, {
+      default: u(() => e[8] || (e[8] = [
+        a(" Due diligence ")
+      ])),
+      _: 1
+    })), [
+      [r, ["TopNav", "click-menu-due-diligence"]]
+    ])
+  ]);
+}
+const K = /* @__PURE__ */ d(k, [["render", v]]);
+export {
+  K as default
+};

package/dist/vue/KvWwwHeader/KvHeaderDropdownLink.js

@@ -0,0 +1,84 @@
+import { getCurrentInstance as i, computed as u, resolveComponent as m, openBlock as f, createElementBlock as c, normalizeClass as s, normalizeStyle as w, renderSlot as p, createVNode as v } from "vue";
+import M from "../KvMaterialIcon.js";
+import y from "../../_virtual/_plugin-vue_export-helper.js";
+const h = {
+  components: { KvMaterialIcon: M },
+  props: {
+    refName: {
+      type: String,
+      default: ""
+    },
+    href: {
+      type: String,
+      default: void 0
+    },
+    menuComponent: {
+      type: Object,
+      default: () => ({})
+    },
+    openMenuItem: {
+      type: Object,
+      default: () => ({})
+    },
+    dropdownIcon: {
+      type: String,
+      default: ""
+    },
+    baseClass: {
+      type: String,
+      default: ""
+    },
+    sendLinkPosition: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "on-hover"
+  ],
+  setup(e, { emit: o }) {
+    const { proxy: n } = i();
+    return {
+      computedClass: u(() => [
+        e.baseClass,
+        { "tw-text-tertiary": e.openMenuItem && e.openMenuItem !== e.menuComponent }
+      ]),
+      handleMouseOver: () => {
+        let l = null;
+        if (e.sendLinkPosition) {
+          const a = n.$refs[e.refName];
+          if (a) {
+            const t = a.getBoundingClientRect();
+            l = {
+              left: `${(t == null ? void 0 : t.left) + (t == null ? void 0 : t.width) / 2}px`,
+              transform: "translateX(-50%)",
+              borderRadius: "0px 0px 8px 8px"
+            };
+          }
+        }
+        o("on-hover", e.refName, e.menuComponent, l);
+      }
+    };
+  }
+}, C = ["href"];
+function x(e, o, n, r, d, l) {
+  const a = m("KvMaterialIcon");
+  return f(), c("a", {
+    ref: n.refName,
+    class: s(["tw-px-1.5 tw-py-1 tw-mx-1 tw-no-underline hover:tw-no-underline tw-text-primary hover:tw-text-action tw-items-center tw-rounded tw-cursor-pointer", r.computedClass]),
+    href: n.href,
+    style: w(e.style),
+    onMouseover: o[0] || (o[0] = (...t) => r.handleMouseOver && r.handleMouseOver(...t)),
+    onMouseout: o[1] || (o[1] = (...t) => r.handleMouseOver && r.handleMouseOver(...t))
+  }, [
+    p(e.$slots, "default"),
+    v(a, {
+      class: s(["tw-inline tw-w-3 tw-ml-0.5 tw-transition-transform tw-duration-300", { "tw-rotate-180": n.openMenuItem === n.menuComponent }]),
+      icon: n.dropdownIcon
+    }, null, 8, ["class", "icon"])
+  ], 46, C);
+}
+const _ = /* @__PURE__ */ y(h, [["render", x]]);
+export {
+  _ as default
+};

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

@@ -1 +1 @@
-.header-link[data-v-ed7c52d8]{cursor:pointer;padding:1rem .5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-ed7c52d8]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}@media (min-width: 64rem){.header-link[data-v-ed7c52d8]{padding-left:1.25rem;padding-right:1.25rem}}
+.header-link[data-v-9da32973]{cursor:pointer;padding:1rem .5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-9da32973]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}@media (min-width: 64rem){.header-link[data-v-9da32973]{padding-left:1.25rem;padding-right:1.25rem}}

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -1,13 +1,19 @@
-import { defineAsyncComponent as f, ref as i, onMounted as B, resolveComponent as g, resolveDirective as C, openBlock as l, createElementBlock as a, normalizeClass as o, createVNode as s, createCommentVNode as v, withDirectives as c, createTextVNode as h, createElementVNode as w } from "vue";
-import { mdiAccountCircle as p, mdiChevronDown as N, mdiMagnify as S, mdiMenu as T } from "@mdi/js";
-import U from "../KvMaterialIcon.js";
-import A from "../KvIconBag.js";
+import { defineAsyncComponent as f, ref as l, computed as O, onMounted as S, onUnmounted as E, resolveComponent as M, resolveDirective as P, openBlock as t, createElementBlock as u, withDirectives as d, normalizeClass as g, createVNode as B, createBlock as b, withCtx as H, createTextVNode as v, createElementVNode as N, createCommentVNode as c, toDisplayString as V } from "vue";
+import { mdiAccountCircle as z, mdiChevronDown as W, mdiMagnify as j, mdiMenu as F } from "@mdi/js";
+import R from "numeral";
+import q from "../KvMaterialIcon.js";
+import G from "../KvIconBag.js";
+import J from "./KvHeaderDropdownLink.js";
+import Q from "../KvUserAvatar.js";
+import { throttle as X } from "../../utils/throttle.js";
 import "./KvHeaderLinkBar.css";
-import D from "../../_virtual/_plugin-vue_export-helper.js";
-const V = f(() => import("./KvHeaderMobileMenu.js")), _ = f(() => import("./KvHeaderMyKivaMenu.js")), E = f(() => import("./LendMenu/KvLendMenu.js")), W = {
+import Y from "../../_virtual/_plugin-vue_export-helper.js";
+const Z = f(() => import("./KvHeaderMobileMenu.js")), T = f(() => import("./KvHeaderMyKivaMenu.js")), $ = f(() => import("./LendMenu/KvLendMenu.js")), ee = f(() => import("./KvHeaderTakeActionMenu.js")), ne = f(() => import("./KvHeaderAboutMenu.js")), C = 118, oe = {
   components: {
-    KvMaterialIcon: U,
-    KvIconBag: A
+    KvMaterialIcon: q,
+    KvIconBag: G,
+    KvHeaderDropdownLink: J,
+    KvUserAvatar: Q
   },
   props: {
     loggedIn: {
@@ -25,154 +31,193 @@ const V = f(() => import("./KvHeaderMobileMenu.js")), _ = f(() => import("./KvHe
     loginUrl: {
       type: String,
       default: "/ui-login"
+    },
+    myDashboardUrl: {
+      type: String,
+      default: "/mykiva"
+    },
+    lenderName: {
+      type: String,
+      default: ""
+    },
+    lenderImageUrl: {
+      type: String,
+      default: ""
+    },
+    isMobile: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
-    "item-hover",
-    "open-search"
+    "item-hover"
   ],
-  setup(y, { emit: e }) {
-    const t = i(null), n = i(null), M = i(null), b = i(null), d = i(null), k = i(null), u = i(null), r = i(null), I = i(null), x = i(null), K = (m, H) => {
-      e("item-hover", m, H);
-    }, L = () => {
-      var m;
-      e("open-search", (m = r.value) == null ? void 0 : m.offsetLeft);
-    };
-    return B(() => {
-      import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js");
+  setup(m, { emit: o }) {
+    const e = l(null), n = l(null), I = l(null), x = l(null), p = l(null), s = l(null), h = l(null), y = l(null), i = l(null), a = (r, w, k = null) => {
+      o("item-hover", r, w, k);
+    }, K = () => {
+      var A, _;
+      const r = (_ = (A = e.value) == null ? void 0 : A.imageRef) == null ? void 0 : _.getBoundingClientRect();
+      let w = null, k = !1;
+      if (r) {
+        const U = (r == null ? void 0 : r.left) + (r == null ? void 0 : r.width) / 2 - C / 2;
+        U + C > window.outerWidth && (k = !0), w = {
+          ...k ? { right: 0 } : { left: m.isMobile ? 0 : `${U}px` },
+          borderRadius: "0px 0px 8px 8px",
+          width: `${m.isMobile ? "100%" : "auto"}`
+        };
+      }
+      a(e.value, T, w);
+    }, L = X(() => {
+      m.openMenuItem && K();
+    }, 50), D = O(() => m.isMobile ? void 0 : "/lend-by-category");
+    return S(() => {
+      import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", L);
+    }), E(() => {
+      window.removeEventListener("resize", L);
     }), {
-      mdiAccountCircle: p,
-      mdiChevronDown: N,
-      mdiMagnify: S,
-      mdiMenu: T,
-      onHover: K,
-      openSearch: L,
-      avatar: t,
+      numeral: R,
+      mdiAccountCircle: z,
+      mdiChevronDown: W,
+      mdiMagnify: j,
+      mdiMenu: F,
+      onHover: a,
+      avatar: e,
       lendButton: n,
-      aboutUsLink: M,
-      partnerWithUsLink: b,
-      borrowLink: d,
-      supportKivaLink: k,
-      basketLink: u,
-      searchButton: r,
-      signInLink: I,
-      menuButton: x,
-      KvHeaderMobileMenu: V,
-      KvHeaderMyKivaMenu: _,
-      KvLendMenu: E
+      aboutUsLink: I,
+      partnerWithUsLink: x,
+      borrowLink: p,
+      supportKivaLink: s,
+      basketLink: h,
+      signInLink: y,
+      menuButton: i,
+      lendUrl: D,
+      handleAvatarMenuPosition: K,
+      KvHeaderMobileMenu: Z,
+      KvHeaderMyKivaMenu: T,
+      KvLendMenu: $,
+      KvHeaderTakeActionMenu: ee,
+      KvHeaderAboutMenu: ne
     };
   }
-}, j = { class: "tw-h-full tw-flex tw-items-center" }, z = ["href"];
-function F(y, e, t, n, M, b) {
-  const d = g("kv-material-icon"), k = g("kv-icon-bag"), u = C("kv-track-event");
-  return l(), a("div", j, [
-    t.loggedIn ? (l(), a("button", {
-      key: 0,
-      ref: "avatar",
-      class: o(["header-link lg:tw-order-last tw-inline-flex", {
-        "tw-text-tertiary": t.openMenuItem && t.openMenuItem !== n.KvHeaderMyKivaMenu
-      }]),
-      onMouseover: e[0] || (e[0] = (r) => n.onHover(n.avatar, n.KvHeaderMyKivaMenu)),
-      onMouseout: e[1] || (e[1] = (r) => n.onHover())
-    }, [
-      s(d, {
-        icon: n.mdiAccountCircle,
-        class: "tw-w-3"
-      }, null, 8, ["icon"])
-    ], 34)) : v("", !0),
-    c((l(), a("a", {
-      ref: "lendButton",
-      href: "/lend-by-category",
-      class: o(["tw-px-1.5 tw-py-1 tw-mx-1 tw-border-2 tw-text-eco-green-3 tw-border-current tw-no-underline hover:tw-no-underline tw-inline-flex tw-items-center", {
-        "tw-text-tertiary": t.openMenuItem && t.openMenuItem !== n.KvLendMenu
+}, te = { class: "tw-h-full tw-flex tw-items-center" }, ie = ["href"], re = {
+  key: 0,
+  class: "tw-bg-eco-green-1 tw-py-0.5 tw-px-1 tw-text-eco-green-4"
+}, le = ["href"];
+function ae(m, o, e, n, I, x) {
+  const p = M("kv-material-icon"), s = M("KvHeaderDropdownLink"), h = M("kv-icon-bag"), y = M("KvUserAvatar"), i = P("kv-track-event");
+  return t(), u("div", te, [
+    d((t(), u("button", {
+      ref: "menuButton",
+      class: g(["header-link tw-inline-flex lg:tw-hidden", {
+        "tw-text-tertiary": e.openMenuItem && e.openMenuItem !== n.KvHeaderMobileMenu
       }]),
-      style: { "border-radius": "1rem" },
-      onMouseover: e[2] || (e[2] = (r) => n.onHover(n.lendButton, n.KvLendMenu)),
-      onMouseout: e[3] || (e[3] = (r) => n.onHover())
+      onMouseover: o[0] || (o[0] = (a) => n.onHover(n.menuButton, n.KvHeaderMobileMenu)),
+      onMouseout: o[1] || (o[1] = (a) => n.onHover())
     }, [
-      e[7] || (e[7] = h(" Lend ")),
-      e[8] || (e[8] = w("span", { class: "tw-hidden lg:tw-inline tw-ml-0.5" }, "now", -1)),
-      s(d, {
-        class: o(["tw-hidden md:tw-inline tw-w-3 tw-ml-0.5 tw-transition-transform tw-duration-300", { "tw-rotate-180": t.openMenuItem === n.KvLendMenu }]),
-        icon: n.mdiChevronDown
-      }, null, 8, ["class", "icon"])
+      B(p, { icon: n.mdiMenu }, null, 8, ["icon"])
     ], 34)), [
-      [u, ["TopNav", "click-Lend"]]
+      [i, e.openMenuItem === n.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
     ]),
-    w("a", {
-      ref: "aboutUsLink",
-      href: "/about",
-      class: o(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
-    }, " About us ", 2),
-    w("a", {
-      ref: "partnerWithUsLink",
-      href: "/about/partner-with-us",
-      class: o(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
-    }, " Partner with us ", 2),
-    e[10] || (e[10] = w("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
-    t.loggedIn ? v("", !0) : (l(), a("a", {
+    d((t(), b(s, {
+      "ref-name": "lendButton",
+      href: n.lendUrl,
+      "menu-component": n.KvLendMenu,
+      "open-menu-item": e.openMenuItem,
+      "dropdown-icon": n.mdiChevronDown,
+      "base-class": "tw-inline-flex",
+      onOnHover: n.onHover
+    }, {
+      default: H(() => o[4] || (o[4] = [
+        v(" Lend ")
+      ])),
+      _: 1
+    }, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
+      [i, ["TopNav", "click-Lend"]]
+    ]),
+    d((t(), b(s, {
+      "ref-name": "takeActionButton",
+      "base-class": "tw-hidden lg:tw-inline-flex",
+      "menu-component": n.KvHeaderTakeActionMenu,
+      "open-menu-item": e.openMenuItem,
+      "dropdown-icon": n.mdiChevronDown,
+      "send-link-position": "",
+      onOnHover: n.onHover
+    }, {
+      default: H(() => o[5] || (o[5] = [
+        v(" Take action ")
+      ])),
+      _: 1
+    }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
+      [i, ["TopNav", "click-TakeAction"]]
+    ]),
+    d((t(), b(s, {
+      "ref-name": "aboutUsLink",
+      "base-class": "tw-hidden lg:tw-inline-flex",
+      "menu-component": n.KvHeaderAboutMenu,
+      "open-menu-item": e.openMenuItem,
+      "dropdown-icon": n.mdiChevronDown,
+      "send-link-position": "",
+      onOnHover: n.onHover
+    }, {
+      default: H(() => o[6] || (o[6] = [
+        v(" About ")
+      ])),
+      _: 1
+    }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
+      [i, ["TopNav", "click-About"]]
+    ]),
+    o[9] || (o[9] = N("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
+    e.loggedIn ? d((t(), u("a", {
+      key: 0,
+      ref: "dashboardLink",
+      href: e.myDashboardUrl,
+      class: g(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!e.openMenuItem }])
+    }, o[7] || (o[7] = [
+      v(" My dashboard ")
+    ]), 10, ie)), [
+      [i, ["TopNav", "click-Dashboard"]]
+    ]) : c("", !0),
+    e.basketCount > 0 ? d((t(), u("a", {
       key: 1,
-      ref: "borrowLink",
-      href: "/borrow",
-      class: o(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
-    }, " Borrow ", 2)),
-    w("a", {
-      ref: "supportKivaLink",
-      href: "/donate/supportus",
-      class: o(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
-    }, " Support Kiva ", 2),
-    t.basketCount > 0 ? c((l(), a("a", {
-      key: 2,
       ref: "basketLink",
       href: "/basket",
-      class: o(["header-link tw-relative", { "tw-text-tertiary": !!t.openMenuItem }])
+      class: g(["header-link tw-relative", { "tw-text-tertiary": !!e.openMenuItem }])
     }, [
-      s(k, {
+      B(h, {
         class: "tw-w-3 tw-h-3 tw-pointer-events-none",
-        count: t.basketCount
+        count: e.basketCount
       }, null, 8, ["count"])
     ], 2)), [
-      [u, ["TopNav", "click-Basket"]]
-    ]) : v("", !0),
-    c((l(), a("button", {
-      ref: "searchButton",
-      class: o(["header-link tw-flex", {
-        "tw-text-tertiary": !!t.openMenuItem
-      }]),
-      onClick: e[4] || (e[4] = (...r) => n.openSearch && n.openSearch(...r))
+      [i, ["TopNav", "click-Basket"]]
+    ]) : c("", !0),
+    N("div", {
+      class: "tw-cursor-pointer tw-flex tw-items-center tw-gap-1",
+      onMouseover: o[2] || (o[2] = (...a) => n.handleAvatarMenuPosition && n.handleAvatarMenuPosition(...a)),
+      onMouseout: o[3] || (o[3] = (a) => n.onHover())
     }, [
-      s(d, {
-        class: "tw-w-3 tw-h-3",
-        icon: n.mdiMagnify
-      }, null, 8, ["icon"])
-    ], 2)), [
-      [u, ["TopNav", "click-Search-toggle"]]
-    ]),
-    t.loggedIn ? v("", !0) : c((l(), a("a", {
-      key: 3,
+      e.loggedIn ? (t(), u("span", re, V(n.numeral(m.balance).format("$0")), 1)) : c("", !0),
+      e.loggedIn ? (t(), b(y, {
+        key: 1,
+        ref: "avatar",
+        "lender-name": e.lenderName,
+        "lender-image-url": e.lenderImageUrl,
+        "is-small": ""
+      }, null, 8, ["lender-name", "lender-image-url"])) : c("", !0)
+    ], 32),
+    e.loggedIn ? c("", !0) : d((t(), u("a", {
+      key: 2,
       ref: "signInLink",
-      href: t.loginUrl,
-      class: o(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
-    }, e[9] || (e[9] = [
-      h(" Sign in ")
-    ]), 10, z)), [
-      [u, ["TopNav", "click-Sign-in"]]
-    ]),
-    c((l(), a("button", {
-      ref: "menuButton",
-      class: o(["header-link tw-inline-flex lg:tw-hidden", {
-        "tw-text-tertiary": t.openMenuItem && t.openMenuItem !== n.KvHeaderMobileMenu
-      }]),
-      onMouseover: e[5] || (e[5] = (r) => n.onHover(n.menuButton, n.KvHeaderMobileMenu)),
-      onMouseout: e[6] || (e[6] = (r) => n.onHover())
-    }, [
-      s(d, { icon: n.mdiMenu }, null, 8, ["icon"])
-    ], 34)), [
-      [u, t.openMenuItem === n.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
+      href: e.loginUrl,
+      class: g(["header-link", { "tw-text-tertiary": !!e.openMenuItem }])
+    }, o[8] || (o[8] = [
+      v(" Sign in ")
+    ]), 10, le)), [
+      [i, ["TopNav", "click-Sign-in"]]
     ])
   ]);
 }
-const R = /* @__PURE__ */ D(W, [["render", F], ["__scopeId", "data-v-ed7c52d8"]]);
+const pe = /* @__PURE__ */ Y(oe, [["render", ae], ["__scopeId", "data-v-9da32973"]]);
 export {
-  R as default
+  pe as default
 };

package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.css

@@ -0,0 +1 @@
+.mobile-link[data-v-c9569b42]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-c9569b42]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}