@privyid/persona 1.2.1 → 1.2.2-rc.2

package/dist/components/pdf-viewer/assets/pdf-loading.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="595" height="842" aria-labelledby="loading-aria" preserveAspectRatio="none" role="img" viewBox="0 0 595 842"><title id="loading-aria">Loading...</title><rect width="100%" height="100%" x="0" y="0" clip-path="url(#clip-path)" style="fill:url(#fill)"/><defs><clipPath id="clip-path"><rect width="191" height="14" x="44" y="64" rx="2.068"/><rect width="140" height="14" x="44" y="94" rx="2.068"/><rect width="507" height="14" x="44" y="152" rx="7"/><rect width="507" height="14" x="44" y="182" rx="7"/><rect width="507" height="14" x="44" y="212" rx="7"/><rect width="507" height="14" x="44" y="242" rx="7"/><rect width="507" height="14" x="44" y="272" rx="7"/><rect width="507" height="14" x="44" y="302" rx="7"/><rect width="349" height="14" x="44" y="332" rx="7"/><rect width="507" height="14" x="44" y="390" rx="7"/><rect width="507" height="14" x="44" y="420" rx="7"/><rect width="507" height="14" x="44" y="450" rx="7"/><rect width="507" height="14" x="44" y="480" rx="7"/><rect width="507" height="14" x="44" y="510" rx="7"/><rect width="507" height="14" x="44" y="540" rx="7"/><rect width="183" height="14" x="44" y="570" rx="7"/><rect width="191" height="14" x="360" y="628" rx="2.068"/><rect width="140" height="14" x="411" y="678" rx="2.068"/><rect width="191" height="14" x="44" y="64" rx="2.068"/><rect width="140" height="14" x="44" y="94" rx="2.068"/><rect width="507" height="14" x="44" y="152" rx="7"/><rect width="507" height="14" x="44" y="182" rx="7"/><rect width="507" height="14" x="44" y="212" rx="7"/><rect width="507" height="14" x="44" y="242" rx="7"/><rect width="507" height="14" x="44" y="272" rx="7"/><rect width="507" height="14" x="44" y="302" rx="7"/><rect width="349" height="14" x="44" y="332" rx="7"/><rect width="507" height="14" x="44" y="390" rx="7"/><rect width="507" height="14" x="44" y="420" rx="7"/><rect width="507" height="14" x="44" y="450" rx="7"/><rect width="507" height="14" x="44" y="480" rx="7"/><rect width="507" height="14" x="44" y="510" rx="7"/><rect width="507" height="14" x="44" y="540" rx="7"/><rect width="183" height="14" x="44" y="570" rx="7"/><rect width="191" height="14" x="360" y="628" rx="2.068"/><rect width="140" height="14" x="411" y="678" rx="2.068"/></clipPath><linearGradient id="fill"><stop offset=".6" stop-color="#E7E7E8" stop-opacity="1"><animate attributeName="offset" dur="2s" keyTimes="0; 0.25; 1" repeatCount="indefinite" values="-2; -2; 1"/></stop><stop offset="1.6" stop-color="#CFCFD1" stop-opacity="1"><animate attributeName="offset" dur="2s" keyTimes="0; 0.25; 1" repeatCount="indefinite" values="-1; -1; 2"/></stop><stop offset="2.6" stop-color="#E7E7E8" stop-opacity="1"><animate attributeName="offset" dur="2s" keyTimes="0; 0.25; 1" repeatCount="indefinite" values="0; 0; 3"/></stop></linearGradient></defs></svg>

package/dist/components/pdf-viewer/index.d.ts

@@ -0,0 +1,25 @@
+import type { InjectionKey, Ref } from 'vue';
+export type LayoutVariant = 'fixed' | 'fit';
+export interface PdfViewerContext {
+    page: Ref<number>;
+    scale: Ref<number>;
+    totalPage: Readonly<Ref<number>>;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    next: () => void;
+    prev: () => void;
+    first: () => void;
+    last: () => void;
+}
+export declare const PDF_VIEWER_CONTEXT: InjectionKey<PdfViewerContext>;
+export declare function usePdfContext(): {
+    page: Ref<number, number>;
+    scale: Ref<number, number>;
+    totalPage: Ref<number, number>;
+    zoomIn: (...args: any[]) => void;
+    zoomOut: (...args: any[]) => void;
+    next: (...args: any[]) => void;
+    prev: (...args: any[]) => void;
+    first: (...args: any[]) => void;
+    last: (...args: any[]) => void;
+};

package/dist/components/pdf-viewer/index.mjs

@@ -0,0 +1,24 @@
+import {
+  inject,
+  ref
+} from "vue";
+import { noop } from "lodash-es";
+export const PDF_VIEWER_CONTEXT = Symbol("PdfViewer");
+export function usePdfContext() {
+  return inject(PDF_VIEWER_CONTEXT, () => {
+    const page = ref(1);
+    const scale = ref(1);
+    const totalPage = ref(0);
+    return {
+      page,
+      scale,
+      totalPage,
+      zoomIn: noop,
+      zoomOut: noop,
+      next: noop,
+      prev: noop,
+      first: noop,
+      last: noop
+    };
+  }, true);
+}

package/dist/components/pdf-viewer/utils/pdfjs.d.ts

@@ -0,0 +1,69 @@
+import type * as PDFJS from 'pdfjs-dist';
+import type * as PDFJSViewer from 'pdfjs-dist/legacy/web/pdf_viewer.mjs';
+export declare function getDocument(...params: Parameters<typeof PDFJS['getDocument']>): Promise<import("pdfjs-dist/types/src/display/api").PDFDocumentLoadingTask>;
+export declare function getCMAPUri(): Promise<string>;
+export declare function getWasmUri(): Promise<string>;
+export declare function getVersion(): Promise<string>;
+export declare function createEventBus(): Promise<PDFJSViewer.EventBus>;
+export declare function createViewer(...params: ConstructorParameters<typeof PDFJSViewer['PDFViewer']>): Promise<PDFJSViewer.PDFViewer>;
+export declare function createLinkService(...params: ConstructorParameters<typeof PDFJSViewer['PDFLinkService']>): Promise<PDFJSViewer.PDFLinkService>;
+export type * as PDFJSViewer from 'pdfjs-dist/web/pdf_viewer.mjs';
+export type * as PDFJS from 'pdfjs-dist';
+export declare function normalizeRect(rect: number[]): number[];
+export interface PDFJSAnnotation {
+    id: string;
+    annotationFlags: number;
+    borderStyle?: {
+        width: number;
+        rawWidth: number;
+        style: number;
+        dashArray: number[];
+        horizontalCornerRadius: number;
+        verticalCornerRadius: number;
+    };
+    color?: Uint8ClampedArray;
+    backgroundColor?: Uint8ClampedArray;
+    borderColor?: Uint8ClampedArray;
+    rotation: 0 | 90 | 180 | 270;
+    contentsObj: {
+        str: string;
+        dir: 'ltr' | 'rtl';
+    };
+    hasAppearance: boolean;
+    modificationDate?: Date;
+    rect: [
+        number,
+        number,
+        number,
+        number
+    ];
+    subtype: string;
+    hasOwnCanvas: boolean;
+    noRotate: boolean;
+    noHTML: boolean;
+    isEditable: boolean;
+    structParent: number;
+    annotationType: number;
+    fieldName: string;
+    actions?: string;
+    fieldValue?: string;
+    defaultFieldValue?: string;
+    alternativeText: string;
+    defaultAppearanceData?: {
+        fontSize: number;
+        fontName: string;
+        fontColor: Uint8ClampedArray;
+    };
+    fieldType: string;
+    fieldFlags: number;
+    password: boolean;
+    readOnly: boolean;
+    required: boolean;
+    hidden: boolean;
+}
+export interface PDFJSRawDimension {
+    pageWidth: number;
+    pageHeight: number;
+    pageX: number;
+    pageY: number;
+}

package/dist/components/pdf-viewer/utils/pdfjs.mjs

@@ -0,0 +1,57 @@
+import { withBase } from "ufo";
+import { getCDN } from "../../global/store.mjs";
+let pdfjsLib;
+let pdfjsViewer;
+async function importPdfJS() {
+  if (!pdfjsLib) {
+    const pdfjs = await import("pdfjs-dist");
+    if (typeof window !== "undefined" && "Worker" in window)
+      pdfjs.GlobalWorkerOptions.workerSrc = withBase(`pdfjs-dist@${pdfjs.version}/legacy/build/pdf.worker.min.mjs`, getCDN());
+    pdfjsLib = pdfjs;
+  }
+  return pdfjsLib;
+}
+async function importPdfJSViewer() {
+  await importPdfJS();
+  if (!pdfjsViewer)
+    pdfjsViewer = await import("pdfjs-dist/legacy/web/pdf_viewer.mjs");
+  return pdfjsViewer;
+}
+export async function getDocument(...params) {
+  await importPdfJS();
+  return pdfjsLib.getDocument(...params);
+}
+export async function getCMAPUri() {
+  return withBase(`pdfjs-dist@${await getVersion()}/cmaps/`, getCDN());
+}
+export async function getWasmUri() {
+  return withBase(`pdfjs-dist@${await getVersion()}/wasm/`, getCDN());
+}
+export async function getVersion() {
+  await importPdfJS();
+  return pdfjsLib.version;
+}
+export async function createEventBus() {
+  await importPdfJSViewer();
+  return new pdfjsViewer.EventBus();
+}
+export async function createViewer(...params) {
+  await importPdfJSViewer();
+  return new pdfjsViewer.PDFViewer(...params);
+}
+export async function createLinkService(...params) {
+  await importPdfJSViewer();
+  return new pdfjsViewer.PDFLinkService(...params);
+}
+export function normalizeRect(rect) {
+  const r = [...rect];
+  if (rect[0] > rect[2]) {
+    r[0] = rect[2];
+    r[2] = rect[0];
+  }
+  if (rect[1] > rect[3]) {
+    r[1] = rect[3];
+    r[3] = rect[1];
+  }
+  return r;
+}

package/dist/components/pdf-viewer/utils/use-idle.d.ts

@@ -0,0 +1,2 @@
+import type { MaybeRef } from '@vueuse/core';
+export declare function useIdle(target: MaybeRef<HTMLElement>, timeout?: number): import("vue").Ref<boolean, boolean>;

package/dist/components/pdf-viewer/utils/use-idle.mjs

@@ -0,0 +1,25 @@
+import {
+  useEventListener
+} from "@vueuse/core";
+import { ref } from "vue";
+const TRACK_EVENTS = [
+  "mousemove",
+  "mousedown",
+  "touchstart",
+  "keydown",
+  "scroll"
+];
+export function useIdle(target, timeout = 5e3) {
+  const idle = ref(false);
+  let timer;
+  function onActivities() {
+    idle.value = false;
+    if (timer)
+      clearTimeout(timer);
+    timer = setTimeout(() => {
+      idle.value = true;
+    }, timeout);
+  }
+  useEventListener(target, TRACK_EVENTS, onActivities, { passive: true });
+  return idle;
+}

package/dist/components/pdf-viewer/utils/use-sticky.d.ts

@@ -0,0 +1,6 @@
+import type { MaybeRef } from '@vueuse/core';
+import type { Ref } from 'vue';
+export interface StickyOptions {
+    offsetTop: MaybeRef<number>;
+}
+export declare function useSticky(target: Ref<HTMLElement>, options?: Partial<StickyOptions>): Ref<boolean, boolean>;

package/dist/components/pdf-viewer/utils/use-sticky.mjs

@@ -0,0 +1,49 @@
+import {
+  useElementBounding,
+  useWindowSize
+} from "@vueuse/core";
+import {
+  computed,
+  ref,
+  unref,
+  watchEffect
+} from "vue";
+export function useSticky(target, options = {}) {
+  const enable = ref(false);
+  const offsetTop = computed(() => unref(options.offsetTop) ?? 0);
+  const parent = computed(() => unref(target)?.parentElement);
+  const {
+    top,
+    height
+  } = useElementBounding(parent);
+  const {
+    top: targetTop,
+    width,
+    left
+  } = useElementBounding(target);
+  const { height: windowHeight } = useWindowSize();
+  watchEffect((onCleanup) => {
+    if (enable.value && target.value) {
+      if (top.value - offsetTop.value >= 0) {
+        target.value.style.setProperty("height", `${windowHeight.value - targetTop.value}px`);
+        target.value.style.setProperty("width", "100%");
+      } else {
+        parent.value.style.setProperty("min-height", `${height.value}px`);
+        target.value.style.setProperty("position", "fixed");
+        target.value.style.setProperty("top", `${offsetTop.value}px`);
+        target.value.style.setProperty("left", `${left.value}px`);
+        target.value.style.setProperty("width", `${width.value}px`);
+        target.value.style.setProperty("height", `${windowHeight.value - offsetTop.value}px`);
+      }
+      onCleanup(() => {
+        parent.value.style.removeProperty("min-height");
+        target.value.style.removeProperty("position");
+        target.value.style.removeProperty("top");
+        target.value.style.removeProperty("left");
+        target.value.style.removeProperty("width");
+        target.value.style.removeProperty("height");
+      });
+    }
+  });
+  return enable;
+}

package/dist/components/pdf-viewer/utils/use-viewer.d.ts

@@ -0,0 +1,27 @@
+import 'pdfjs-dist/web/pdf_viewer.css';
+import type { Ref } from 'vue';
+import type { PDFJSViewer } from './pdfjs';
+export interface OpenDocConfig {
+    disableStream?: boolean;
+    disableRange?: boolean;
+    httpHeaders?: Object;
+}
+export declare function useViewer(container: Ref<HTMLDivElement>, viewer: Ref<HTMLDivElement>): {
+    page: Ref<number, number>;
+    scale: Ref<number, number>;
+    totalPage: import("vue").ComputedRef<number>;
+    loading: import("vue").WritableComputedRef<boolean, boolean>;
+    error: import("vue").ShallowRef<Error | undefined, Error | undefined>;
+    ready: import("vue").ShallowRef<boolean, boolean>;
+    openDoc: (url: string, password?: string, config?: OpenDocConfig) => Promise<void>;
+    closeDoc: () => Promise<void>;
+    pdfDoc: import("vue").ShallowRef<import("pdfjs-dist/types/src/display/api").PDFDocumentProxy | undefined, import("pdfjs-dist/types/src/display/api").PDFDocumentProxy | undefined>;
+    pdfEventBus: import("vue").ShallowRef<PDFJSViewer.EventBus | undefined, PDFJSViewer.EventBus | undefined>;
+    pdfViewer: import("vue").ShallowRef<PDFJSViewer.PDFViewer | undefined, PDFJSViewer.PDFViewer | undefined>;
+    pdfLoadingTask: import("vue").ShallowRef<import("pdfjs-dist/types/src/display/api").PDFDocumentLoadingTask | undefined, import("pdfjs-dist/types/src/display/api").PDFDocumentLoadingTask | undefined>;
+    pdfLinkService: import("vue").ShallowRef<PDFJSViewer.PDFLinkService | undefined, PDFJSViewer.PDFLinkService | undefined>;
+    onLoaded: import("@vueuse/core").EventHookOn<import("pdfjs-dist/types/src/display/api").PDFDocumentProxy>;
+    onError: import("@vueuse/core").EventHookOn<Error>;
+    onReady: import("@vueuse/core").EventHookOn<PDFJSViewer.PDFViewer>;
+    onLoading: import("@vueuse/core").EventHookOn<import("pdfjs-dist/types/src/display/api").OnProgressParameters>;
+};

package/dist/components/pdf-viewer/utils/use-viewer.mjs

@@ -0,0 +1,193 @@
+import "pdfjs-dist/web/pdf_viewer.css";
+import {
+  computed,
+  onBeforeUnmount,
+  shallowRef,
+  watch
+} from "vue";
+import {
+  createEventBus,
+  createLinkService,
+  createViewer,
+  getCMAPUri,
+  getDocument,
+  getWasmUri,
+  normalizeRect
+} from "./pdfjs.mjs";
+import useLoading from "../../overlay/utils/use-loading.mjs";
+import { useClamp, useMax } from "@vueuse/math";
+import { createEventHook } from "@vueuse/core";
+export function useViewer(container, viewer) {
+  const pdfDoc = shallowRef();
+  const pdfEventBus = shallowRef();
+  const pdfViewer = shallowRef();
+  const pdfLoadingTask = shallowRef();
+  const pdfLinkService = shallowRef();
+  const totalPage = computed(() => pdfDoc.value?.numPages ?? 0);
+  const scale = useClamp(1, 0.1, 2);
+  const page = useClamp(1, 1, useMax(totalPage, 1));
+  const loading = useLoading();
+  const ready = shallowRef(false);
+  const error = shallowRef();
+  const loadEvent = createEventHook();
+  const loadingEvent = createEventHook();
+  const errorEvent = createEventHook();
+  const readyEvent = createEventHook();
+  async function openDoc(url, password, config = {}) {
+    loading.value = true;
+    error.value = void 0;
+    try {
+      await closeDoc();
+      if (url) {
+        pdfLoadingTask.value = await getDocument({
+          url,
+          password,
+          cMapUrl: await getCMAPUri(),
+          cMapPacked: true,
+          wasmUrl: await getWasmUri(),
+          disableStream: config.disableStream,
+          disableRange: config.disableRange,
+          httpHeaders: config.httpHeaders
+        });
+        pdfLoadingTask.value.onProgress = loadingEvent.trigger;
+        pdfDoc.value = await pdfLoadingTask.value.promise;
+        pdfViewer.value.setDocument(pdfDoc.value);
+        pdfLinkService.value.setDocument(pdfDoc.value);
+        void loadEvent.trigger(pdfDoc.value);
+      }
+    } catch (error_) {
+      if (error_ instanceof Error) {
+        error.value = error_;
+        void errorEvent.trigger(error_);
+      }
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function closeDoc() {
+    if (pdfLoadingTask.value && !pdfLoadingTask.value.destroyed) {
+      await pdfLoadingTask.value.destroy();
+      pdfDoc.value = void 0;
+      pdfLoadingTask.value = void 0;
+      pdfViewer.value?.setDocument(null);
+      pdfLinkService.value?.setDocument(null);
+    }
+  }
+  async function initPdfViewer() {
+    if (typeof navigator !== "undefined" && container.value && viewer.value) {
+      const bus = await createEventBus();
+      bus.on("pagesinit", () => {
+        const width = viewer.value?.clientWidth ?? 0;
+        const isMobile = width > 0 && width < 793;
+        pdfViewer.value.currentScaleValue = isMobile ? "page-width" : "1";
+        pdfViewer.value.currentPageNumber = page.value;
+        ready.value = true;
+        void readyEvent.trigger(pdfViewer.value);
+      });
+      bus.on("pagechanging", (event) => {
+        page.value = event.pageNumber;
+      });
+      bus.on("scalechanging", (event) => {
+        scale.value = event.scale;
+      });
+      bus.on("annotationlayerrendered", async (event) => {
+        if (!event.error) {
+          const source = event.source;
+          const page2 = source.pdfPage;
+          const annotations = await page2.getAnnotations();
+          for (const data of annotations) {
+            if (data.annotationType === 20 && data.fieldType === "Sig" && !source.annotationLayer.annotationStorage.has(data.id)) {
+              const {
+                pageWidth,
+                pageHeight,
+                pageX,
+                pageY
+              } = source.viewport.rawDims;
+              const width = data.rect[2] - data.rect[0];
+              const height = data.rect[3] - data.rect[1];
+              const rect = normalizeRect([
+                data.rect[0],
+                page2.view[3] - data.rect[1] + page2.view[1],
+                data.rect[2],
+                page2.view[3] - data.rect[3] + page2.view[1]
+              ]);
+              const div = document.createElement("section");
+              div.dataset.annotationId = data.id;
+              div.tabIndex = 1e3;
+              div.className = "signatureWidgetAnnotation";
+              div.role = "img";
+              div.id = `pdfjs_internal_id_${data.id}`;
+              div.style.zIndex = "0";
+              div.style.left = `${100 * (rect[0] - pageX) / pageWidth}%`;
+              div.style.top = `${100 * (rect[1] - pageY) / pageHeight}%`;
+              if (data.rotation === 0) {
+                div.style.width = `${100 * width / pageWidth}%`;
+                div.style.height = `${100 * height / pageHeight}%`;
+              } else {
+                div.style.width = `${100 * height / pageWidth}%`;
+                div.style.height = `${100 * width / pageHeight}%`;
+                div.dataset.mainRotation = `${(360 - data.rotation) % 360}`;
+              }
+              source.annotationLayer.div.append(div);
+              source.annotationLayer.annotationStorage.setValue(data.id, { div });
+            }
+          }
+        }
+      });
+      pdfEventBus.value = bus;
+      pdfLinkService.value = await createLinkService({ eventBus: pdfEventBus.value });
+      pdfViewer.value = await createViewer({
+        container: container.value,
+        viewer: viewer.value,
+        eventBus: pdfEventBus.value,
+        linkService: pdfLinkService.value,
+        removePageBorders: true,
+        annotationEditorMode: -1
+      });
+      pdfLinkService.value.setViewer(pdfViewer.value);
+    }
+  }
+  watch([container, viewer], async ([container_, viewer_]) => {
+    if (pdfViewer.value) {
+      if (container_ && viewer_) {
+        pdfViewer.value.container = container_;
+        pdfViewer.value.viewer = viewer_;
+        if (pdfDoc.value)
+          pdfViewer.value.setDocument(pdfDoc.value);
+        pdfViewer.value.update();
+      }
+    } else
+      await initPdfViewer();
+  });
+  watch(page, (value) => {
+    if (pdfViewer.value && value !== pdfViewer.value.currentPageNumber)
+      pdfViewer.value.currentPageNumber = value;
+  });
+  watch(scale, (value) => {
+    if (pdfViewer.value && value !== pdfViewer.value.currentScale)
+      pdfViewer.value.currentScale = value;
+  });
+  onBeforeUnmount(async () => {
+    await closeDoc();
+    pdfViewer.value?.cleanup();
+  });
+  return {
+    page,
+    scale,
+    totalPage,
+    loading,
+    error,
+    ready,
+    openDoc,
+    closeDoc,
+    pdfDoc,
+    pdfEventBus,
+    pdfViewer,
+    pdfLoadingTask,
+    pdfLinkService,
+    onLoaded: loadEvent.on,
+    onError: errorEvent.on,
+    onReady: readyEvent.on,
+    onLoading: loadingEvent.on
+  };
+}

package/dist/components/popover/Popover.vue

@@ -0,0 +1,109 @@
+<template>
+  <div
+    ref="root"
+    data-testid="popover"
+    class="popover">
+    <slot
+      name="activator"
+      :is-show="isShow"
+      :toggle="toggle"
+      :show="show"
+      :hide="hide" />
+
+    <p-tooltip
+      ref="tooltip"
+      :show="isShow"
+      class="popover__tooltip"
+      data-testid="popover-tooltip"
+      :color="color"
+      :placement="placement"
+      :target="root"
+      @show="$emit('show')"
+      @hide="$emit('hide')">
+      <slot
+        :is-show="isShow"
+        :toggle="toggle"
+        :show="show"
+        :hide="hide" />
+    </p-tooltip>
+  </div>
+</template>
+
+<script setup>
+import {
+  ref,
+  provide,
+  computed
+} from "vue";
+import pTooltip from "../tooltip/Tooltip.vue";
+import { useVModel } from "../input";
+import { onClickOutside } from "@vueuse/core";
+import { POPOVER_CONTEXT } from ".";
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  color: {
+    type: String,
+    default: "white"
+  },
+  placement: {
+    type: String,
+    default: "top"
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  }
+});
+const root = ref();
+const tooltip = ref();
+const isShow = useVModel(props);
+const tooltipEl = computed(() => tooltip.value.$el);
+onClickOutside(tooltipEl, () => {
+  if (isShow.value) {
+    setTimeout(() => {
+      hide();
+    });
+  }
+}, { ignore: [root] });
+function toggle() {
+  if (!props.disabled) {
+    if (isShow.value)
+      hide();
+    else
+      show();
+  }
+}
+function show() {
+  if (!props.disabled)
+    isShow.value = true;
+}
+function hide() {
+  if (!props.disabled)
+    isShow.value = false;
+}
+defineEmits(["show", "hide", "update:modelValue"]);
+defineSlots();
+defineExpose({
+  isShow,
+  show,
+  hide,
+  toggle
+});
+provide(POPOVER_CONTEXT, {
+  isShow,
+  show,
+  hide,
+  toggle
+});
+</script>
+
+<style lang="postcss">
+.popover {
+  & > &__tooltip.tooltip {
+    @apply text-base;
+  }
+}
+</style>