pxd 0.0.23 → 0.0.26

package/dist/components/modal/index.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentLabel } from '../../types/components';
+import type { ComponentLabel } from '../../types/shared';
 interface Props {
     title?: ComponentLabel;
     subtitle?: ComponentLabel;
@@ -10,15 +10,15 @@ interface Props {
     closeOnPressEscape?: boolean;
     closeOnClickOverlay?: boolean;
 }
-declare var __VLS_13: {}, __VLS_15: {}, __VLS_20: {}, __VLS_22: {};
+declare var __VLS_14: {}, __VLS_16: {}, __VLS_22: {}, __VLS_24: {};
 type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_13) => any;
+    title?: (props: typeof __VLS_14) => any;
 } & {
-    subtitle?: (props: typeof __VLS_15) => any;
+    subtitle?: (props: typeof __VLS_16) => any;
 } & {
-    default?: (props: typeof __VLS_20) => any;
+    default?: (props: typeof __VLS_22) => any;
 } & {
-    footer?: (props: typeof __VLS_22) => any;
+    footer?: (props: typeof __VLS_24) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     open: () => any;

package/dist/components/more-button/index.vue

@@ -14,15 +14,21 @@ const props = defineProps({
   moreText: { type: String, required: false, default: "Show More" },
   lessText: { type: String, required: false, default: "Show Less" },
   modelValue: { type: Boolean, required: false, default: false },
-  buttonProps: { type: null, required: false, default: () => ({}) }
+  as: { type: null, required: false },
+  variant: { type: String, required: false },
+  size: { type: String, required: false },
+  shape: { type: String, required: false, default: "rounded" },
+  align: { type: String, required: false },
+  icon: { type: Boolean, required: false },
+  block: { type: Boolean, required: false },
+  loading: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false }
 });
 const emits = defineEmits(["update:modelValue"]);
 const isExpanded = useModelValue(props, emits);
 const buttonProps = computed(() => {
-  return {
-    shape: "rounded",
-    ...props.buttonProps
-  };
+  const { moreText, lessText, modelValue, ...rest } = props;
+  return rest;
 });
 function onToggleExpand() {
   isExpanded.value = !isExpanded.value;

package/dist/components/more-button/index.vue.d.ts

@@ -1,18 +1,17 @@
-import PButton from '../button/index.vue';
-interface Props {
+import type { ButtonProps } from '../../types/components/button';
+interface Props extends ButtonProps {
     moreText?: string;
     lessText?: string;
     modelValue?: boolean;
-    buttonProps?: InstanceType<typeof PButton>['$props'];
 }
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: (args_0: boolean) => any;
 }>, {
+    shape: "square" | "rounded";
     modelValue: boolean;
     moreText: string;
     lessText: string;
-    buttonProps: InstanceType<typeof PButton>["$props"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/note/index.vue

@@ -3,9 +3,9 @@ import CheckCircleIcon from "@gdsicon/vue/check-circle";
 import InformationIcon from "@gdsicon/vue/information";
 import StopIcon from "@gdsicon/vue/stop";
 import WarningIcon from "@gdsicon/vue/warning";
-import { twMerge } from "tailwind-merge";
 import { computed, h } from "vue";
-import { useConfigProviderSize } from "../../composables/useConfigProviderContext";
+import { useConfigProvider } from "../../composables/useConfigProviderContext";
+import { isTruthyProp } from "../../utils/format";
 import { getFallbackValue } from "../../utils/value";
 defineOptions({
   name: "PNote"
@@ -25,42 +25,43 @@ const VARIANTS = {
   success: {
     icon: CheckCircleIcon,
     fill: "text-blue-900 bg-blue-200 border-blue-100",
-    classes: "text-blue-900 border-blue-500"
+    basic: "text-blue-900 border-blue-500"
   },
   error: {
     icon: StopIcon,
     fill: "text-red-900 bg-red-200 border-red-100",
-    classes: "text-red-900 border-red-500"
+    basic: "text-red-900 border-red-500"
   },
   warning: {
     icon: WarningIcon,
     fill: "text-amber-900 bg-amber-200 border-amber-100",
-    classes: "text-amber-900 border-amber-500"
+    basic: "text-amber-900 border-amber-500"
   },
   default: {
     icon: InformationIcon,
     fill: "text-foreground-secondary bg-gray-200 border-gray-100",
-    classes: "text-foreground-secondary border-input"
+    basic: "text-foreground-secondary border-input"
   },
   primary: {
     icon: InformationIcon,
     fill: "text-gray-100 bg-primary border-gray-100",
-    classes: "text-primary border-gray-alpha-400"
+    basic: "text-primary border-gray-alpha-400"
   },
   violet: {
     icon: InformationIcon,
     fill: "text-violet-900 bg-violet-200 border-violet-100",
-    classes: "text-violet-900 border-violet-400"
+    basic: "text-violet-900 border-violet-400"
   },
   cyan: {
     icon: InformationIcon,
     fill: "text-teal-900 bg-teal-200 border-teal-100",
-    classes: "text-teal-900 border-teal-400"
+    basic: "text-teal-900 border-teal-400"
   }
 };
+const config = useConfigProvider();
 const computedLabel = computed(() => {
   const { label } = props;
-  if (label === true || label === "") {
+  if (isTruthyProp(label)) {
     return getFallbackValue(props.variant, VARIANTS).icon;
   }
   if (typeof label === "string" && label) {
@@ -68,13 +69,12 @@ const computedLabel = computed(() => {
   }
   return false;
 });
-const computedSize = useConfigProviderSize(props.size, SIZES);
 const computedClass = computed(() => {
-  const basic = ["pxd-note flex flex-col sm:flex-row sm:items-center gap-2 border rounded-md w-max max-w-full"];
-  basic.push(computedSize.value);
-  const { fill, classes } = getFallbackValue(props.variant, VARIANTS);
-  basic.push(props.fill ? fill : classes);
-  return twMerge(basic);
+  const classes = ["pxd-note flex flex-col sm:flex-row sm:items-center gap-2 border rounded-md w-max max-w-full"];
+  classes.push(getFallbackValue(props.size, SIZES, config.size));
+  const { fill, basic } = getFallbackValue(props.variant, VARIANTS);
+  classes.push(props.fill ? fill : basic);
+  return classes.join(" ");
 });
 </script>
 

package/dist/components/note/index.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentSize } from '../../types/components';
+import type { ComponentSize } from '../../types/shared';
 interface Props {
     variant?: keyof typeof VARIANTS;
     size?: ComponentSize;
@@ -13,7 +13,7 @@ declare const VARIANTS: {
             fill?: string;
         }>;
         fill: string;
-        classes: string;
+        basic: string;
     };
     error: {
         icon: DefineComponent<{
@@ -22,7 +22,7 @@ declare const VARIANTS: {
             fill?: string;
         }>;
         fill: string;
-        classes: string;
+        basic: string;
     };
     warning: {
         icon: DefineComponent<{
@@ -31,7 +31,7 @@ declare const VARIANTS: {
             fill?: string;
         }>;
         fill: string;
-        classes: string;
+        basic: string;
     };
     default: {
         icon: DefineComponent<{
@@ -40,7 +40,7 @@ declare const VARIANTS: {
             fill?: string;
         }>;
         fill: string;
-        classes: string;
+        basic: string;
     };
     primary: {
         icon: DefineComponent<{
@@ -49,7 +49,7 @@ declare const VARIANTS: {
             fill?: string;
         }>;
         fill: string;
-        classes: string;
+        basic: string;
     };
     violet: {
         icon: DefineComponent<{
@@ -58,7 +58,7 @@ declare const VARIANTS: {
             fill?: string;
         }>;
         fill: string;
-        classes: string;
+        basic: string;
     };
     cyan: {
         icon: DefineComponent<{
@@ -67,16 +67,16 @@ declare const VARIANTS: {
             fill?: string;
         }>;
         fill: string;
-        classes: string;
+        basic: string;
     };
 };
-declare var __VLS_1: {}, __VLS_7: {}, __VLS_9: {};
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
     label?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_8) => any;
 } & {
-    action?: (props: typeof __VLS_9) => any;
+    action?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     variant: keyof typeof VARIANTS;

package/dist/components/overlay/index.vue

@@ -1,38 +1,61 @@
 <script setup>
 import { computed, nextTick, onBeforeUnmount, shallowRef, watch } from "vue";
 import { getScrollContainer, getScrollElByContainer } from "../../utils/dom";
+import { off, on } from "../../utils/events";
+import { isServer } from "../../utils/is";
 import PTeleport from "../teleport/index.vue";
 defineOptions({
-  name: "POverlay"
+  name: "POverlay",
+  model: {
+    prop: "modelValue",
+    event: "update:modelValue"
+  }
 });
 const props = defineProps({
+  blur: { type: Boolean, required: false },
   zIndex: { type: Number, required: false },
   modelValue: { type: Boolean, required: false, default: false },
   appendToBody: { type: Boolean, required: false, default: true },
-  overlayClass: { type: String, required: false }
+  overlayClass: { type: [String, Array, Object], required: false },
+  closeOnPressEscape: { type: Boolean, required: false, default: true }
 });
-const emits = defineEmits(["click"]);
+const emits = defineEmits(["click", "update:modelValue"]);
 const overlayRef = shallowRef();
-const computedStyle = computed(() => {
-  return {
-    "--z": props.zIndex
-  };
-});
+const computedStyle = computed(() => ({
+  "--z": props.zIndex
+}));
 function onOverlayClick(ev) {
   emits("click", ev);
 }
+function onOverlayKeydown(ev) {
+  if (!props.closeOnPressEscape) {
+    return;
+  }
+  if (ev.key !== "Escape") {
+    return;
+  }
+  if (ev.ctrlKey || ev.metaKey || ev.altKey || ev.shiftKey) {
+    return;
+  }
+  emits("update:modelValue", false);
+}
 let scrollContainer;
 watch(() => props.modelValue, (visible) => {
+  if (isServer) {
+    return;
+  }
   if (!visible) {
     if (scrollContainer) {
       scrollContainer.classList.remove("scroll-disabled");
     }
+    off(document, "keydown", onOverlayKeydown);
     return;
   }
   nextTick(() => {
     if (!scrollContainer) {
       scrollContainer = getScrollElByContainer(getScrollContainer(overlayRef.value));
     }
+    on(document, "keydown", onOverlayKeydown);
     scrollContainer.classList.add("scroll-disabled");
   });
 }, { immediate: true });
@@ -51,8 +74,8 @@ onBeforeUnmount(() => {
       <div
         v-if="modelValue"
         ref="overlayRef"
-        tabindex="-1"
-        class="pxd-overlay fixed inset-0 bg-black/40 sm:bg-background/80 motion-safe:transition-colors"
+        :data-blur="blur"
+        class="pxd-overlay fixed inset-0 bg-black/40 z-[var(--z,10)] sm:bg-background/80 data-[blur=true]:backdrop-blur-xs motion-safe:transition-colors"
         :class="overlayClass"
         :style="computedStyle"
         @click="onOverlayClick"
@@ -62,9 +85,3 @@ onBeforeUnmount(() => {
     <slot />
   </PTeleport>
 </template>
-
-<style>
-.pxd-overlay {
-  z-index: var(--z, 10);
-}
-</style>

package/dist/components/overlay/index.vue.d.ts

@@ -1,19 +1,25 @@
+import type { ComponentClass } from '../../types/shared';
 interface Props {
+    blur?: boolean;
     zIndex?: number;
     modelValue?: boolean;
     appendToBody?: boolean;
-    overlayClass?: string;
+    overlayClass?: ComponentClass;
+    closeOnPressEscape?: boolean;
 }
-declare var __VLS_9: {};
+declare var __VLS_11: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (args_0: MouseEvent) => any;
+    "update:modelValue": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onClick?: (args_0: MouseEvent) => any;
+    "onUpdate:modelValue"?: (args_0: boolean) => any;
 }>, {
     modelValue: boolean;
+    closeOnPressEscape: boolean;
     appendToBody: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/components/pagination/index.vue

@@ -14,13 +14,13 @@ const config = useConfigProvider();
 
 <template>
   <nav aria-label="pagination" class="pxd-pagination flex flex-wrap w-full relative justify-between items-start">
-    <RouterLink v-if="prev" :to="prev.href" class="pxd-pagination--prev group pl-6 !no-underline">
+    <RouterLink v-if="prev" :to="prev.href" class="pxd-pagination--prev min-h-13 group py-1 pl-2 pl-6 !no-underline">
       <PText secondary class="text-[13px] group-hover:text-foreground">
         {{ config.locale.compare.prev }}
       </PText>
 
       <div class="pxd-pagination--label prev text-foreground relative flex items-center">
-        <span class="text-foreground">{{ prev.label }}</span>
+        <span class="text-foreground font-medium">{{ prev.label }}</span>
         <ChevronRightIcon class="absolute text-foreground-secondary -left-5 rotate-180" />
       </div>
     </RouterLink>
@@ -29,13 +29,13 @@ const config = useConfigProvider();
       <slot />
     </div>
 
-    <RouterLink v-if="next" :to="next.href" class="pxd-pagination--next group pr-6 !no-underline">
+    <RouterLink v-if="next" :to="next.href" class="pxd-pagination--next min-h-13 group py-1 pl-2 pr-6 !no-underline">
       <PText secondary class="text-[13px] group-hover:text-foreground">
         {{ config.locale.compare.next }}
       </PText>
 
       <div class="pxd-pagination--label next text-foreground relative flex items-center">
-        <span class="text-foreground">{{ next.label }}</span>
+        <span class="text-foreground font-medium">{{ next.label }}</span>
         <ChevronRightIcon class="absolute text-foreground-secondary -right-5" />
       </div>
     </RouterLink>

package/dist/components/pagination/index.vue.d.ts

@@ -6,9 +6,9 @@ interface Props {
     prev?: Page;
     next?: Page;
 }
-declare var __VLS_12: {};
+declare var __VLS_15: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_12) => any;
+    default?: (props: typeof __VLS_15) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/components/pin-input/index.vue

@@ -1,7 +1,8 @@
 <script setup>
 import { computed, ref, shallowRef } from "vue";
-import { useConfigProviderSize } from "../../composables/useConfigProviderContext";
+import { useConfigProvider } from "../../composables/useConfigProviderContext";
 import { useModelValue } from "../../composables/useModelValue";
+import { getFallbackValue } from "../../utils/value";
 import PError from "../error/index.vue";
 defineOptions({
   name: "PPinInput",
@@ -30,9 +31,9 @@ const SIZES = {
   md: "w-9 text-sm",
   lg: "w-10 text-base"
 };
+const config = useConfigProvider();
 const inputsRef = shallowRef([]);
 const modelValue = useModelValue(props, emits);
-const computedSize = useConfigProviderSize(props.size, SIZES);
 const modelValueLocal = ref(
   (() => {
     if (typeof props.modelValue === "string") {
@@ -56,15 +57,15 @@ const computedInputMode = computed(() => {
   return props.type.includes("numeric") ? "numeric" : "text";
 });
 const computedClass = computed(() => {
-  const basic = ["pxd-input--border rounded-md motion-safe:transition-all"];
+  const classes = ["pxd-input--border rounded-md motion-safe:transition-all"];
   if (props.error) {
-    basic.push("is-error");
+    classes.push("is-error");
   }
   if (props.disabled) {
-    basic.push("is-disabled");
+    classes.push("is-disabled");
   }
-  basic.push(computedSize.value);
-  return basic;
+  classes.push(getFallbackValue(props.size, SIZES, config.size));
+  return classes.join(" ");
 });
 function setInputValue(value, index) {
   if (index !== void 0) {
@@ -91,6 +92,25 @@ function focusInputField(dir, index) {
   }
   inputsRef.value[correctIndex].select();
 }
+function getFirstEmptyIndex() {
+  const length = modelValueLocal.value.length;
+  if (length === props.length) {
+    return modelValueLocal.value.findIndex((value) => !value);
+  }
+  return length;
+}
+function onContainerClick(ev) {
+  const input = ev.target;
+  if (input.tagName !== "INPUT") {
+    return;
+  }
+  const index = Number(input.dataset.index);
+  const firstEmptyIndex = getFirstEmptyIndex();
+  if (index === firstEmptyIndex || firstEmptyIndex >= props.length) {
+    return;
+  }
+  inputsRef.value[firstEmptyIndex]?.select();
+}
 function onCompositionEnd(ev) {
   const input = ev.target;
   const index = Number(input.dataset.index);
@@ -169,15 +189,16 @@ function onInputPastedValue(ev) {
 </script>
 
 <template>
-  <label class="pxd-pin-input">
+  <label class="pxd-pin-input flex flex-col w-max">
     <div v-if="label || $slots.label" class="pxd-form--label">
       <slot name="label">{{ label }}</slot>
     </div>
 
     <div
-      class="flex items-center gap-1.5"
+      class="w-max flex items-center gap-1.5"
       @keydown="onContainerKeydown"
       @compositionend="onCompositionEnd"
+      @click="onContainerClick"
     >
       <div v-for="(n, i) of length" :key="n" :class="computedClass">
         <input

package/dist/components/pin-input/index.vue.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'vue';
-import type { ComponentLabel, ComponentSizeWithXs } from '../../types/components';
+import type { ComponentLabel, ComponentSizeWithXs } from '../../types/shared';
 interface Props {
     size?: ComponentSizeWithXs;
     error?: string;

package/dist/components/popover/index.vue

@@ -29,8 +29,8 @@ const props = defineProps({
   enterable: { type: Boolean, required: false },
   showArrow: { type: Boolean, required: false, default: true },
   arrowColor: { type: String, required: false, default: "var(--color-gray-1000)" },
-  triggerClass: { type: String, required: false },
-  popoverClass: { type: String, required: false },
+  triggerClass: { type: [String, Array, Object], required: false },
+  popoverClass: { type: [String, Array, Object], required: false },
   destroyDelay: { type: Number, required: false, default: 2e3 },
   scrollHidden: { type: Boolean, required: false, default: false },
   popoverStyle: { type: [Object, String], required: false },
@@ -39,10 +39,10 @@ const props = defineProps({
   hideTransition: { type: Boolean, required: false, default: true },
   translateOffset: { type: [String, Number], required: false, default: 0 },
   closeOnPressEscape: { type: Boolean, required: false, default: false },
-  scrollHiddenThreshold: { type: Number, required: false, default: 60 },
-  dynamicPositionThreshold: { type: Number, required: false, default: 8 }
+  scrollHiddenThreshold: { type: Number, required: false, default: 100 },
+  dynamicPositionThreshold: { type: Number, required: false, default: 5 }
 });
-const emits = defineEmits(["show", "hide"]);
+const emits = defineEmits(["show", "hide", "trigger-keydown"]);
 let triggerRect = null;
 let viewportRect = null;
 let scrollContainer;
@@ -212,12 +212,12 @@ async function onTriggerClick() {
     return;
   }
   if (isVisible.value) {
-    await handlePopoverHide();
     off(document, "click", onClickOutsideToHide);
+    await handlePopoverHide();
     return;
   }
-  await handlePopoverShow();
   on(document, "click", onClickOutsideToHide);
+  await handlePopoverShow();
 }
 function onTriggerPointerEnter() {
   if (props.disabled) {
@@ -423,10 +423,18 @@ function updateTriggerEvents(methods, dom, handler) {
     }
   }
 }
-function onTriggerKeydown() {
+function onTriggerKeydown(ev) {
+  if (!isVisible.value) {
+    return;
+  }
+  emits("trigger-keydown", ev);
   if (!props.closeOnPressEscape) {
     return;
   }
+  if (ev.key !== "Escape") {
+    return;
+  }
+  ev.stopPropagation();
   handlePopoverHide();
 }
 watch(
@@ -469,9 +477,10 @@ defineExpose({
   <div class="pxd-popover relative inline-flex w-max">
     <div
       ref="triggerRef"
-      class="pxd-popover__trigger"
+      class="pxd-popover__trigger active:select-none"
       :class="triggerClass"
-      @keydown.esc.stop="onTriggerKeydown"
+      @contextmenu.prevent
+      @keydown="onTriggerKeydown"
     >
       <slot />
     </div>
@@ -482,10 +491,15 @@ defineExpose({
         :style="{ '--translate-offset': translateOffset, zIndex }"
       >
         <div
-          v-if="isRender" v-show="isVisible" ref="containerRef" :style="containerStyle"
-          :data-position="localPosition" class="pxd-popover__container isolate absolute w-max"
+          v-if="isRender"
+          v-show="isVisible"
+          ref="containerRef"
+          :style="containerStyle"
+          :data-position="localPosition"
+          class="pxd-popover__container isolate absolute w-max"
           :class="[{ 'pointer-events-none': !enterable, 'show-arrow': showArrow }]"
-          @pointerenter="onContentPointerEnter" @pointerleave="onContentPointerLeave"
+          @pointerenter="onContentPointerEnter"
+          @pointerleave="onContentPointerLeave"
         >
           <div class="pxd-popover__content" :class="popoverClass" :style="popoverStyle">
             <slot name="content">

package/dist/components/popover/index.vue.d.ts

@@ -1,5 +1,6 @@
 import type { CSSProperties } from 'vue';
-import type { ComponentPosition, PopoverTrigger } from '../../types/components';
+import type { PopoverTrigger } from '../../types/components/popover';
+import type { ComponentClass, ComponentPosition } from '../../types/shared';
 interface Props {
     zIndex?: number;
     offset?: number;
@@ -14,8 +15,8 @@ interface Props {
     enterable?: boolean;
     showArrow?: boolean;
     arrowColor?: string;
-    triggerClass?: string;
-    popoverClass?: string;
+    triggerClass?: ComponentClass;
+    popoverClass?: ComponentClass;
     destroyDelay?: number;
     scrollHidden?: boolean;
     popoverStyle?: CSSProperties | string;
@@ -29,11 +30,11 @@ interface Props {
 }
 declare function handlePopoverShow(immediate?: boolean): Promise<void>;
 declare function handlePopoverHide(immediate?: boolean): Promise<void>;
-declare var __VLS_1: {}, __VLS_10: {};
+declare var __VLS_1: {}, __VLS_12: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
-    content?: (props: typeof __VLS_10) => any;
+    content?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<Props, {
     show: typeof handlePopoverShow;
@@ -41,9 +42,11 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     hide: () => any;
     show: () => any;
+    "trigger-keydown": (args_0: KeyboardEvent) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onHide?: () => any;
     onShow?: () => any;
+    "onTrigger-keydown"?: (args_0: KeyboardEvent) => any;
 }>, {
     offset: number;
     maxWidth: number;