yuyeon 0.0.38 → 0.0.39

package/lib/components/tooltip/YTooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YTooltip.mjs","names":["computed","defineComponent","mergeProps","nextTick","ref","watch","watchEffect","useModelDuplex","useRender","polyTransitionPropOptions","toKebabCase","bindClasses","YLayer","YPlate","NAME","KEBAB_NAME","YTooltipPropOptions","modelValue","type","Boolean","default","tooltipClasses","Array","String","Object","disabled","position","align","openOnHover","preventClip","YTooltip","name","props","transition","emits","setup","_ref","slots","emit","expose","el$","base$","baseSlot","baseEl","contentEl","classes","boundClasses","model","active","get","value","set","v","coordinatesStyles","$base","$content","rect","getBoundingClientRect","top","left","width","clientHeight","height","clientWidth","right","baseFromSlotEl","el","nodeType","base","$el","neo","content$","onMouseenter","e","onMouseleave","bindHover","addEventListener","unbindHover","removeEventListener","old","slotBase","_createVNode","_Fragment","$event","_len","arguments","length","args","_key"],"sources":["../../../src/components/tooltip/YTooltip.tsx"],"sourcesContent":["import type { CSSProperties, PropType } from 'vue';\r\nimport {\r\n  computed,\r\n  defineComponent,\r\n  mergeProps,\r\n  nextTick,\r\n  ref,\r\n  watch,\r\n  watchEffect,\r\n} from 'vue';\r\n\r\nimport { useModelDuplex } from '../../composables/communication';\r\nimport { useRender } from '../../composables/component';\r\nimport { polyTransitionPropOptions } from '../../composables/transition';\r\nimport { toKebabCase } from '../../util/string';\r\nimport { bindClasses } from '../../util/vue-component';\r\nimport { YLayer } from '../layer';\r\nimport { YPlate } from '../plate';\r\n\r\nimport './YTooltip.scss';\r\n\r\nconst NAME = 'YTooltip';\r\nconst KEBAB_NAME = toKebabCase(NAME);\r\n\r\nconst YTooltipPropOptions = {\r\n  modelValue: {\r\n    type: Boolean as PropType<boolean>,\r\n    default: false,\r\n  },\r\n  tooltipClasses: {\r\n    type: [Array, String, Object] as PropType<\r\n      string[] | string | Record<string, any>\r\n    >,\r\n  },\r\n  disabled: {\r\n    type: Boolean as PropType<boolean>,\r\n    default: false,\r\n  },\r\n  position: {\r\n    type: String as PropType<'default' | 'top' | 'bottom' | 'left' | 'right'>,\r\n    default: 'default',\r\n  },\r\n  align: {\r\n    type: String as PropType<'center' | 'start' | 'end'>,\r\n    default: 'center',\r\n  },\r\n  openOnHover: {\r\n    type: Boolean as PropType<boolean>,\r\n    default: true,\r\n  },\r\n  preventClip: {\r\n    type: Boolean as PropType<boolean>,\r\n    default: true,\r\n  },\r\n};\r\n\r\n/**\r\n * #  Component\r\n */\r\nexport const YTooltip = defineComponent({\r\n  name: NAME,\r\n  props: {\r\n    ...YTooltipPropOptions,\r\n    transition: {\r\n      ...polyTransitionPropOptions.transition,\r\n      default: 'fade',\r\n    },\r\n  },\r\n  emits: ['update:modelValue'],\r\n  setup(props, { slots, emit, expose }) {\r\n    const el$ = ref<typeof YLayer>();\r\n    const base$ = ref();\r\n    const baseSlot = ref();\r\n    const baseEl = ref<HTMLElement>();\r\n    const contentEl = ref<HTMLElement>();\r\n\r\n    const classes = computed(() => {\r\n      const boundClasses = bindClasses(props.tooltipClasses);\r\n      return {\r\n        ...boundClasses,\r\n        'y-tooltip': true,\r\n      };\r\n    });\r\n\r\n    const model = useModelDuplex(props);\r\n\r\n    const active = computed({\r\n      get: (): boolean => {\r\n        return !!model.value;\r\n      },\r\n      set: (v: boolean) => {\r\n        if (!(v && props.disabled)) model.value = v;\r\n      },\r\n    });\r\n\r\n    const coordinatesStyles = computed<CSSProperties>(() => {\r\n      const $base = baseEl.value;\r\n      if ($base) {\r\n        const { position, align } = props;\r\n        const $content = contentEl.value;\r\n        const rect = $base.getBoundingClientRect();\r\n\r\n        let top = rect.top;\r\n        let left = rect.left + rect.width / 2;\r\n\r\n        if ($content) {\r\n          if (position === 'top' || position === 'bottom') {\r\n            if (position === 'top') {\r\n              top -= $content.clientHeight;\r\n              top -= 8; // Offset\r\n            }\r\n\r\n            if (position === 'bottom') {\r\n              top += rect.height;\r\n              top += 8; // Offset\r\n            }\r\n\r\n            if (align === 'center') {\r\n              left -= $content.clientWidth / 2;\r\n            } else if (align === 'end') {\r\n              left = rect.right;\r\n              left -= $content.clientWidth;\r\n            }\r\n          } else if (position === 'left' || position === 'right') {\r\n\r\n          }\r\n        }\r\n\r\n        return {\r\n          top: `${top}px`,\r\n          left: `${left}px`,\r\n        };\r\n      }\r\n      return {};\r\n    });\r\n\r\n    const baseFromSlotEl = computed(() => {\r\n      return baseSlot.value?.[0]?.el;\r\n    });\r\n\r\n    watchEffect(() => {\r\n      if (!base$.value) {\r\n        if (baseFromSlotEl.value?.nodeType !== 3) {\r\n          baseEl.value = baseFromSlotEl.value;\r\n        }\r\n        return;\r\n      }\r\n      const base = base$.value;\r\n      baseEl.value = base$.value?.$el ? base$.value?.$el : base;\r\n    });\r\n\r\n    watch(active, (neo) => {\r\n      if (neo) {\r\n        nextTick(() => {\r\n          const $content = el$.value?.content$;\r\n          contentEl.value = $content;\r\n        });\r\n      }\r\n    });\r\n\r\n    function onMouseenter(e: MouseEvent) {\r\n      if (props.openOnHover) {\r\n        active.value = true;\r\n      }\r\n    }\r\n\r\n    function onMouseleave(e: MouseEvent) {\r\n      if (props.openOnHover) {\r\n        active.value = false;\r\n      }\r\n    }\r\n\r\n    function bindHover(el: HTMLElement) {\r\n      el.addEventListener('mouseenter', onMouseenter);\r\n      el.addEventListener('mouseleave', onMouseleave);\r\n    }\r\n\r\n    function unbindHover(el: HTMLElement) {\r\n      el.removeEventListener('mouseenter', onMouseenter);\r\n      el.removeEventListener('mouseleave', onMouseleave);\r\n    }\r\n\r\n    watch(baseEl, (neo, old) => {\r\n      if (neo) {\r\n        bindHover(neo);\r\n      } else if (old) {\r\n        unbindHover(old);\r\n      }\r\n    });\r\n\r\n    useRender(() => {\r\n      const slotBase = slots.base?.({\r\n        active: active.value,\r\n        props: mergeProps({\r\n          ref: base$,\r\n        }),\r\n      });\r\n      baseSlot.value = slotBase;\r\n      return (\r\n        <>\r\n          {slotBase}\r\n          <YLayer\r\n            v-model={active.value}\r\n            ref={el$}\r\n            classes={classes.value}\r\n            scrim={false}\r\n            disabled={props.disabled}\r\n            content-styles={{ ...coordinatesStyles.value }}\r\n            transition={props.transition}\r\n          >\r\n            {{\r\n              default: (...args: any) => {\r\n                return (\r\n                  <>\r\n                    <YPlate></YPlate>\r\n                    <div class=\"y-tooltip__content\">\r\n                      {slots.default?.(...args) ?? ''}\r\n                    </div>\r\n                  </>\r\n                );\r\n              },\r\n            }}\r\n          </YLayer>\r\n        </>\r\n      );\r\n    });\r\n\r\n    return {\r\n      base$,\r\n      el$,\r\n      baseEl,\r\n      coordinatesStyles,\r\n      baseSlot,\r\n      active,\r\n    };\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"YTooltip.mjs","names":["computed","defineComponent","nextTick","ref","watch","watchEffect","useModelDuplex","useRender","polyTransitionPropOptions","omit","bindClasses","chooseProps","YLayer","pressYLayerProps","useDelay","YPlate","NAME","YTooltipPropOptions","tooltipClasses","type","Array","String","Object","preventClip","Boolean","default","YTooltip","name","props","coordinateStrategy","openOnHover","align","offset","transition","emits","setup","_ref","slots","emit","expose","layer$","base$","baseSlot","baseEl","contentEl","classes","boundClasses","model","active","get","value","set","v","disabled","hovered","baseFromSlotEl","el","nodeType","base","$el","neo","$content","content$","startOpenDelay","startCloseDelay","changeActive","onMouseenter","e","onMouseleave","bindHover","addEventListener","unbindHover","removeEventListener","old","_createVNode","_Fragment","_mergeProps","$event","_len","arguments","length","args","_key","_len2","_key2","el$"],"sources":["../../../src/components/tooltip/YTooltip.tsx"],"sourcesContent":["import type { PropType } from 'vue';\nimport {\n  computed,\n  defineComponent,\n  nextTick,\n  ref,\n  watch,\n  watchEffect,\n} from 'vue';\n\nimport { useModelDuplex } from '../../composables/communication';\nimport { useRender } from '../../composables/component';\nimport { polyTransitionPropOptions } from '../../composables/transition';\nimport { omit } from '../../util';\nimport { bindClasses, chooseProps } from '../../util/vue-component';\nimport { YLayer, pressYLayerProps } from '../layer';\nimport { useDelay } from '../layer/active-delay';\nimport { YPlate } from '../plate';\n\nimport './YTooltip.scss';\n\nconst NAME = 'YTooltip';\n\nconst YTooltipPropOptions = {\n  tooltipClasses: {\n    type: [Array, String, Object] as PropType<\n      string[] | string | Record<string, any>\n    >,\n  },\n  preventClip: {\n    type: Boolean as PropType<boolean>,\n    default: true,\n  },\n};\n\n/**\n * #  Component\n */\nexport const YTooltip = defineComponent({\n  name: NAME,\n  props: {\n    ...YTooltipPropOptions,\n    ...pressYLayerProps({\n      coordinateStrategy: 'levitation',\n      openOnHover: true,\n      align: 'center',\n      offset: 8,\n    }),\n    transition: {\n      ...polyTransitionPropOptions.transition,\n      default: 'fade',\n    },\n  },\n  emits: ['update:modelValue'],\n  setup(props, { slots, emit, expose }) {\n    const layer$ = ref<typeof YLayer>();\n    const base$ = ref();\n    const baseSlot = ref();\n    const baseEl = ref<HTMLElement>();\n    const contentEl = ref<HTMLElement>();\n\n    const classes = computed(() => {\n      const boundClasses = bindClasses(props.tooltipClasses);\n      return {\n        ...boundClasses,\n        'y-tooltip': true,\n      };\n    });\n\n    const model = useModelDuplex(props);\n\n    const active = computed({\n      get: (): boolean => {\n        return !!model.value;\n      },\n      set: (v: boolean) => {\n        if (!(v && props.disabled)) model.value = v;\n      },\n    });\n\n    const hovered = computed(() => !!layer$.value?.hovered);\n\n    const baseFromSlotEl = computed(() => {\n      return baseSlot.value?.[0]?.el;\n    });\n\n    watchEffect(() => {\n      if (!base$.value) {\n        if (baseFromSlotEl.value?.nodeType !== 3) {\n          baseEl.value = baseFromSlotEl.value;\n        }\n        return;\n      }\n      const base = base$.value;\n      baseEl.value = base$.value?.$el ? base$.value?.$el : base;\n    });\n\n    watch(active, (neo) => {\n      if (neo) {\n        nextTick(() => {\n          const $content = layer$.value?.content$;\n          contentEl.value = $content;\n        });\n      }\n    });\n\n    const { startOpenDelay, startCloseDelay } = useDelay(\n      props,\n      (changeActive) => {\n        if (!changeActive && props.openOnHover && !hovered.value) {\n          active.value = false;\n        } else if (changeActive) {\n          active.value = true;\n        }\n      },\n    );\n\n    function onMouseenter(e: MouseEvent) {\n      if (props.openOnHover) {\n        startOpenDelay();\n      }\n    }\n\n    function onMouseleave(e: MouseEvent) {\n      if (props.openOnHover) {\n        startCloseDelay();\n      }\n    }\n\n    watch(hovered, (value) => {\n      if (!value) {\n        startCloseDelay();\n      }\n    });\n\n    function bindHover(el: HTMLElement) {\n      el.addEventListener('mouseenter', onMouseenter);\n      el.addEventListener('mouseleave', onMouseleave);\n    }\n\n    function unbindHover(el: HTMLElement) {\n      el.removeEventListener('mouseenter', onMouseenter);\n      el.removeEventListener('mouseleave', onMouseleave);\n    }\n\n    watch(\n      () => layer$.value?.baseEl,\n      (neo, old) => {\n        if (neo) {\n          bindHover(neo);\n        } else if (old) {\n          unbindHover(old);\n        }\n      },\n    );\n\n    useRender(() => {\n      return (\n        <>\n          <YLayer\n            ref={layer$}\n            {...omit(chooseProps(props, YLayer.props), ['scrim'])}\n            classes={classes.value}\n            scrim={false}\n            transition={props.transition}\n            v-model={active.value}\n          >\n            {{\n              default: (...args: any) => {\n                return (\n                  <>\n                    <YPlate></YPlate>\n                    <div class=\"y-tooltip__content\">\n                      {slots.default?.(...args) ?? ''}\n                    </div>\n                  </>\n                );\n              },\n              base: (...args: any[]) => slots.base?.(...args),\n            }}\n          </YLayer>\n        </>\n      );\n    });\n\n    return {\n      base$,\n      el$: layer$,\n      baseEl,\n      baseSlot,\n      active,\n    };\n  },\n});\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.0.38",
+  "version": "0.0.39",
   "keywords": [
     "UI Library",
     "Vue"

package/types/components/dialog/YDialog.d.ts

@@ -116,6 +116,7 @@ export declare const YDialog: import("vue").DefineComponent<{
         onAfterUpdate: () => void;
         scrim$: import("vue").Ref<HTMLElement | undefined>;
         content$: import("vue").Ref<HTMLElement | undefined>;
+        base$: import("vue").Ref<any>;
         baseEl: import("vue").Ref<HTMLElement | undefined>;
         polyTransitionBindProps: import("vue").ComputedRef<{
             is: any;

package/types/components/dropdown/YDropdown.d.ts

@@ -76,8 +76,8 @@ export declare const pressYDropdownPropsOptions: <Defaults extends {
         type: PropType<"end" | "start" | "center">;
         default: string;
     }, "default" | "type"> & {
-        type: PropType<unknown extends Defaults["align"] ? "end" | "start" | "center" : Defaults["align"] | NonNullable<"end" | "start" | "center">>;
-        default: unknown extends Defaults["align"] ? "end" | "start" | "center" : Defaults["align"] | NonNullable<"end" | "start" | "center">;
+        type: PropType<unknown extends Defaults["align"] ? "end" | "start" | "center" : NonNullable<"end" | "start" | "center"> | Defaults["align"]>;
+        default: unknown extends Defaults["align"] ? "end" | "start" | "center" : NonNullable<"end" | "start" | "center"> | Defaults["align"];
     };
     origin: unknown extends Defaults["origin"] ? {
         type: StringConstructor;
@@ -94,8 +94,8 @@ export declare const pressYDropdownPropsOptions: <Defaults extends {
     } : Omit<{
         type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
     }, "default" | "type"> & {
-        type: PropType<unknown extends Defaults["offset"] ? string | number | unknown[] : Defaults["offset"] | NonNullable<string | number | unknown[]>>;
-        default: unknown extends Defaults["offset"] ? string | number | unknown[] : Defaults["offset"] | NonNullable<string | number | unknown[]>;
+        type: PropType<unknown extends Defaults["offset"] ? string | number | unknown[] : NonNullable<string | number | unknown[]> | Defaults["offset"]>;
+        default: unknown extends Defaults["offset"] ? string | number | unknown[] : NonNullable<string | number | unknown[]> | Defaults["offset"];
     };
     viewportMargin: unknown extends Defaults["viewportMargin"] ? {
         type: NumberConstructor;

package/types/components/layer/YLayer.d.ts

@@ -334,6 +334,7 @@ export declare const YLayer: import("vue").DefineComponent<{
     onAfterUpdate: () => void;
     scrim$: import("vue").Ref<HTMLElement | undefined>;
     content$: import("vue").Ref<HTMLElement | undefined>;
+    base$: import("vue").Ref<any>;
     baseEl: import("vue").Ref<HTMLElement | undefined>;
     polyTransitionBindProps: import("vue").ComputedRef<{
         is: any;

package/types/components/menu/YMenu.d.ts

@@ -290,6 +290,7 @@ export declare const YMenu: import("vue").DefineComponent<{
         onAfterUpdate: () => void;
         scrim$: import("vue").Ref<HTMLElement | undefined>;
         content$: import("vue").Ref<HTMLElement | undefined>;
+        base$: import("vue").Ref<any>;
         baseEl: import("vue").Ref<HTMLElement | undefined>;
         polyTransitionBindProps: import("vue").ComputedRef<{
             is: any;

package/types/components/select/YSelect.d.ts

@@ -747,4 +747,8 @@ export declare const YSelect: import("vue").DefineComponent<{
     'menu-prepend': any;
     'menu-append': any;
     'expand-icon': any;
+    item: {
+        item: any;
+        selected: boolean;
+    };
 }>>;

package/types/components/tooltip/YTooltip.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, PropType } from 'vue';
+import type { PropType } from 'vue';
 /**
  * #  Component
  */
@@ -9,28 +9,91 @@ export declare const YTooltip: import("vue").DefineComponent<{
             is?: import("vue").Component | undefined;
         })>;
     };
+    minWidth: PropType<string | number>;
+    width: PropType<string | number>;
+    maxWidth: PropType<string | number>;
+    minHeight: PropType<string | number>;
+    height: PropType<string | number>;
+    maxHeight: PropType<string | number>;
+    coordinateStrategy: Omit<{
+        type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<string | import("../../composables/coordinate").CoordinateStrategyFn>;
+        default: string | import("../../composables/coordinate").CoordinateStrategyFn;
+    };
+    position: {
+        type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+        default: string;
+    };
+    align: Omit<{
+        type: PropType<"end" | "start" | "center">;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<string>;
+        default: string;
+    };
+    origin: {
+        type: StringConstructor;
+        default: string;
+    };
+    offset: Omit<{
+        type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<string | number | unknown[]>>;
+        default: NonNullable<string | number | unknown[]>;
+    };
+    viewportMargin: {
+        type: NumberConstructor;
+        default: number;
+    };
+    theme: StringConstructor;
     modelValue: {
         type: PropType<boolean>;
-        default: boolean;
     };
-    tooltipClasses: {
+    scrim: {
+        type: PropType<boolean>;
+    };
+    scrimOpacity: {
+        type: PropType<number>;
+    };
+    eager: {
+        type: PropType<boolean>;
+    };
+    classes: {
         type: PropType<string | string[] | Record<string, any>>;
     };
-    disabled: {
+    contentClasses: {
+        type: PropType<string | string[] | Record<string, any>>;
+    };
+    closeClickScrim: {
         type: PropType<boolean>;
-        default: boolean;
     };
-    position: {
-        type: PropType<"default" | "top" | "right" | "bottom" | "left">;
-        default: string;
+    contentStyles: {
+        type: PropType<import("vue").CSSProperties>;
+        default: () => void;
     };
-    align: {
-        type: PropType<"end" | "start" | "center">;
-        default: string;
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
     };
-    openOnHover: {
+    openOnHover: Omit<{
         type: PropType<boolean>;
         default: boolean;
+    }, "default" | "type"> & {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    openDelay: {
+        type: PropType<number>;
+        default: number;
+    };
+    closeDelay: {
+        type: PropType<number>;
+        default: number;
+    };
+    tooltipClasses: {
+        type: PropType<string | string[] | Record<string, any>>;
     };
     preventClip: {
         type: PropType<boolean>;
@@ -88,9 +151,6 @@ export declare const YTooltip: import("vue").DefineComponent<{
             type: PropType<boolean>;
         };
         classes: {
-            /**
-             * #  Component
-             */
             type: PropType<string | string[] | Record<string, any>>;
         };
         contentClasses: {
@@ -100,7 +160,7 @@ export declare const YTooltip: import("vue").DefineComponent<{
             type: PropType<boolean>;
         };
         contentStyles: {
-            type: PropType<CSSProperties>;
+            type: PropType<import("vue").CSSProperties>;
             default: () => void;
         };
         disabled: {
@@ -133,6 +193,7 @@ export declare const YTooltip: import("vue").DefineComponent<{
         onAfterUpdate: () => void;
         scrim$: import("vue").Ref<HTMLElement | undefined>;
         content$: import("vue").Ref<HTMLElement | undefined>;
+        base$: import("vue").Ref<any>;
         baseEl: import("vue").Ref<HTMLElement | undefined>;
         polyTransitionBindProps: import("vue").ComputedRef<{
             is: any;
@@ -1755,9 +1816,6 @@ export declare const YTooltip: import("vue").DefineComponent<{
             type: PropType<boolean>;
         };
         classes: {
-            /**
-             * #  Component
-             */
             type: PropType<string | string[] | Record<string, any>>;
         };
         contentClasses: {
@@ -1767,7 +1825,7 @@ export declare const YTooltip: import("vue").DefineComponent<{
             type: PropType<boolean>;
         };
         contentStyles: {
-            type: PropType<CSSProperties>;
+            type: PropType<import("vue").CSSProperties>;
             default: () => void;
         };
         disabled: {
@@ -1793,7 +1851,7 @@ export declare const YTooltip: import("vue").DefineComponent<{
         "onClick:complement"?: ((mouseEvent: MouseEvent) => any) | undefined;
     }, {
         disabled: boolean;
-        contentStyles: CSSProperties;
+        contentStyles: import("vue").CSSProperties;
         openOnHover: boolean;
         openDelay: number;
         closeDelay: number;
@@ -1807,7 +1865,6 @@ export declare const YTooltip: import("vue").DefineComponent<{
         });
     }, {}> | undefined>;
     baseEl: import("vue").Ref<HTMLElement | undefined>;
-    coordinatesStyles: import("vue").ComputedRef<CSSProperties>;
     baseSlot: import("vue").Ref<any>;
     active: import("vue").WritableComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1817,28 +1874,91 @@ export declare const YTooltip: import("vue").DefineComponent<{
             is?: import("vue").Component | undefined;
         })>;
     };
+    minWidth: PropType<string | number>;
+    width: PropType<string | number>;
+    maxWidth: PropType<string | number>;
+    minHeight: PropType<string | number>;
+    height: PropType<string | number>;
+    maxHeight: PropType<string | number>;
+    coordinateStrategy: Omit<{
+        type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<string | import("../../composables/coordinate").CoordinateStrategyFn>;
+        default: string | import("../../composables/coordinate").CoordinateStrategyFn;
+    };
+    position: {
+        type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
+        default: string;
+    };
+    align: Omit<{
+        type: PropType<"end" | "start" | "center">;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<string>;
+        default: string;
+    };
+    origin: {
+        type: StringConstructor;
+        default: string;
+    };
+    offset: Omit<{
+        type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<string | number | unknown[]>>;
+        default: NonNullable<string | number | unknown[]>;
+    };
+    viewportMargin: {
+        type: NumberConstructor;
+        default: number;
+    };
+    theme: StringConstructor;
     modelValue: {
         type: PropType<boolean>;
-        default: boolean;
     };
-    tooltipClasses: {
+    scrim: {
+        type: PropType<boolean>;
+    };
+    scrimOpacity: {
+        type: PropType<number>;
+    };
+    eager: {
+        type: PropType<boolean>;
+    };
+    classes: {
         type: PropType<string | string[] | Record<string, any>>;
     };
-    disabled: {
+    contentClasses: {
+        type: PropType<string | string[] | Record<string, any>>;
+    };
+    closeClickScrim: {
         type: PropType<boolean>;
-        default: boolean;
     };
-    position: {
-        type: PropType<"default" | "top" | "right" | "bottom" | "left">;
-        default: string;
+    contentStyles: {
+        type: PropType<import("vue").CSSProperties>;
+        default: () => void;
     };
-    align: {
-        type: PropType<"end" | "start" | "center">;
-        default: string;
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
     };
-    openOnHover: {
+    openOnHover: Omit<{
         type: PropType<boolean>;
         default: boolean;
+    }, "default" | "type"> & {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    openDelay: {
+        type: PropType<number>;
+        default: number;
+    };
+    closeDelay: {
+        type: PropType<number>;
+        default: number;
+    };
+    tooltipClasses: {
+        type: PropType<string | string[] | Record<string, any>>;
     };
     preventClip: {
         type: PropType<boolean>;
@@ -1848,10 +1968,16 @@ export declare const YTooltip: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    modelValue: boolean;
+    contentStyles: import("vue").CSSProperties;
     openOnHover: boolean;
-    position: "default" | "top" | "right" | "bottom" | "left";
-    align: "end" | "start" | "center";
+    openDelay: number;
+    closeDelay: number;
+    coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
+    position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
+    align: string;
+    origin: string;
+    offset: NonNullable<string | number | unknown[]>;
+    viewportMargin: number;
     transition: string | (import("vue").TransitionProps & {
         is?: import("vue").Component | undefined;
     });