@destyler/dialog 0.0.2 → 0.0.4

package/dist/component.mjs

@@ -1,537 +1,11 @@
-import { defineComponent, ref, toRefs, h, mergeProps, onMounted, withDirectives } from 'vue';
-import { DestylerPrimitive } from '@destyler/primitive';
-import { createContext, getOpenState } from '@destyler/shared';
-import { useVModel, useId, useForwardExpose, useEmitAsProps, useHideOthers } from '@destyler/composition';
-import { DestylerPresence } from '@destyler/presence';
-import { DestylerFocusScope } from '@destyler/focus-scope';
-import { DestylerDismissableLayer } from '@destyler/dismissable-layer';
-import { BindOnceDirective } from '@destyler/directives';
-import { DestylerTeleport } from '@destyler/teleport';
-
-const destylerDialogRootProps = {
-  open: {
-    type: Boolean,
-    required: false,
-    default: void 0
-  },
-  defaultOpen: {
-    type: Boolean,
-    required: false,
-    default: false
-  },
-  modal: {
-    type: Boolean,
-    required: false,
-    default: true
-  }
-};
-const [injectDialogRootContext, provideDialogRootContext] = createContext("DestylerDialogRoot");
-const DestylerDialogRoot = defineComponent({
-  name: "DestylerDialogRoot",
-  props: destylerDialogRootProps,
-  emits: ["update:open"],
-  setup(props, { emit }) {
-    const open = useVModel(props, "open", emit, {
-      defaultValue: props.defaultOpen,
-      passive: props.open === void 0
-    });
-    const triggerElement = ref();
-    const contentElement = ref();
-    const { modal } = toRefs(props);
-    provideDialogRootContext({
-      open,
-      modal,
-      openModal: () => {
-        open.value = true;
-      },
-      onOpenChange: (value) => {
-        open.value = value;
-      },
-      onOpenToggle: () => {
-        open.value = !open.value;
-      },
-      contentId: useId(),
-      titleId: useId(),
-      descriptionId: useId(),
-      triggerElement,
-      contentElement
-    });
-  },
-  render() {
-    return this.$slots.default?.();
-  }
-});
-
-const destylerDialogCloseProps = {
-  asChild: {
-    type: Boolean,
-    required: false,
-    default: false
-  },
-  as: {
-    type: [String, Object],
-    required: false,
-    default: "button"
-  }
-};
-const DestylerDialogClose = defineComponent({
-  name: "DestylerDialogClose",
-  props: destylerDialogCloseProps,
-  setup() {
-    const rootContext = injectDialogRootContext();
-    return {
-      rootContext
-    };
-  },
-  render() {
-    return h(DestylerPrimitive, mergeProps(this.$props, {
-      type: this.$props.as === "button" ? "button" : void 0,
-      onClick: () => {
-        this.rootContext.onOpenChange(false);
-      }
-    }), {
-      default: () => this.$slots.default?.()
-    });
-  }
-});
-
-const destylerDialogContentImplProps = {
-  as: {
-    type: [String, Object],
-    required: false,
-    default: "div"
-  },
-  asChild: {
-    type: Boolean,
-    required: false,
-    default: false
-  },
-  forceMount: {
-    type: Boolean,
-    required: false
-  },
-  trapFocus: {
-    type: Boolean,
-    required: false,
-    default: false
-  }
-};
-const DestylerDialogContentImpl = defineComponent({
-  name: "DestylerDialogContentImpl",
-  props: destylerDialogContentImplProps,
-  emits: ["openAutoFocus", "closeAutoFocus", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "dismiss"],
-  setup() {
-    const rootContext = injectDialogRootContext();
-    const { forwardRef, currentElement: contentElement } = useForwardExpose();
-    onMounted(() => {
-      rootContext.contentElement = contentElement;
-    });
-    return {
-      rootContext,
-      forwardRef
-    };
-  },
-  render() {
-    return h(DestylerFocusScope, {
-      asChild: true,
-      loop: true,
-      trapped: this.$props.trapFocus,
-      onMountAutoFocus: (event) => {
-        this.$emit("openAutoFocus", event);
-      },
-      onUnmountAutoFocus: (event) => {
-        this.$emit("closeAutoFocus", event);
-      }
-    }, withDirectives(h(DestylerDismissableLayer, mergeProps(this.$attrs, {
-      "ref": (el) => this.forwardRef(el),
-      "as": this.$props.as,
-      "asChild": this.$props.asChild,
-      "role": "dialog",
-      "aria-describedby": this.rootContext.descriptionId,
-      "aria-labelledby": this.rootContext.titleId,
-      "data-state": getOpenState(this.rootContext.open.value),
-      "isDismissable": true,
-      "onDismiss": () => {
-        this.rootContext.onOpenChange(false);
-      },
-      "onEscapeKeyDown": (event) => {
-        this.$emit("escapeKeyDown", event);
-      },
-      "onFocusOutside": (event) => {
-        this.$emit("focusOutside", event);
-      },
-      "onInteractOutside": (event) => {
-        this.$emit("interactOutside", event);
-      },
-      "onPointerDownOutside": (event) => {
-        this.$emit("pointerDownOutside", event);
-      }
-    }), {
-      default: () => this.$slots.default?.()
-    }), [
-      [BindOnceDirective, { id: this.rootContext.contentId }]
-    ]));
-  }
-});
-
-const DestylerDialogContentModal = defineComponent({
-  name: "DestylerDialogContentModal",
-  props: destylerDialogContentImplProps,
-  emits: ["openAutoFocus", "closeAutoFocus", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "dismiss"],
-  setup(_, { emit }) {
-    const rootContext = injectDialogRootContext();
-    const emitsAsProps = useEmitAsProps(emit);
-    const { forwardRef, currentElement } = useForwardExpose();
-    useHideOthers(currentElement);
-    return {
-      rootContext,
-      emitsAsProps,
-      forwardRef
-    };
-  },
-  render() {
-    return h(DestylerDialogContentImpl, mergeProps(this.$props, this.emitsAsProps, {
-      "ref": (el) => this.forwardRef(el),
-      "trap-focus": this.rootContext.open.value,
-      "disableOutsidePointerEvents": true,
-      "onCloseAutoFocus": (event) => {
-        this.$emit("closeAutoFocus", event);
-        if (!event.defaultPrevented) {
-          event.preventDefault();
-          this.rootContext.triggerElement.value?.focus();
-        }
-      },
-      "onPointerDownOutside": (event) => {
-        const originalEvent = event.detail.originalEvent;
-        const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
-        const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
-        if (isRightClick)
-          event.preventDefault();
-      },
-      "onFocusOutside": (event) => {
-        event.preventDefault();
-      },
-      "onOpenAutoFocus": (event) => {
-        this.$emit("openAutoFocus", event);
-      }
-    }), {
-      default: () => this.$slots.default?.()
-    });
-  }
-});
-
-const DestylerDialogContentNonModal = defineComponent({
-  name: "DestylerDialogContentNonModal",
-  props: destylerDialogContentImplProps,
-  emits: ["openAutoFocus", "closeAutoFocus", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "dismiss"],
-  setup(_, { emit }) {
-    const rootContext = injectDialogRootContext();
-    const hasInteractedOutsideRef = ref(false);
-    const hasPointerDownOutsideRef = ref(false);
-    const emitsAsProps = useEmitAsProps(emit);
-    return {
-      rootContext,
-      hasInteractedOutsideRef,
-      hasPointerDownOutsideRef,
-      emitsAsProps
-    };
-  },
-  render() {
-    return h(DestylerDialogContentImpl, mergeProps(this.$props, this.emitsAsProps, {
-      "trap-focus": false,
-      "disableOutsidePointerEvents": false,
-      "onCloseAutoFocus": (event) => {
-        this.$emit("closeAutoFocus", event);
-        if (!event.defaultPrevented) {
-          if (!this.hasInteractedOutsideRef)
-            this.rootContext.triggerElement.value?.focus();
-          event.preventDefault();
-        }
-        this.hasInteractedOutsideRef = false;
-        this.hasPointerDownOutsideRef = false;
-      },
-      "onInteractOutside": (event) => {
-        if (!event.defaultPrevented) {
-          this.hasInteractedOutsideRef = true;
-          if (event.detail.originalEvent.type === "pointerdown")
-            this.hasPointerDownOutsideRef = true;
-        }
-        const target = event.target;
-        const targetIsTrigger = this.rootContext.triggerElement.value?.contains(target);
-        if (targetIsTrigger)
-          event.preventDefault();
-        if (event.detail.originalEvent.type === "focusin" && this.hasPointerDownOutsideRef)
-          event.preventDefault();
-      }
-    }), {
-      default: () => this.$slots.default?.()
-    });
-  }
-});
-
-const destylerDialogContentProps = {
-  as: {
-    type: [String, Object],
-    required: false,
-    default: "div"
-  },
-  asChild: {
-    type: Boolean,
-    required: false,
-    default: false
-  },
-  forceMount: {
-    type: Boolean,
-    required: false
-  },
-  trapFocus: {
-    type: Boolean,
-    required: false,
-    default: false
-  }
-};
-const DestylerDialogContent = defineComponent({
-  name: "DestylerDialogContent",
-  props: destylerDialogContentProps,
-  emits: ["openAutoFocus", "closeAutoFocus", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "dismiss"],
-  setup(_, { emit }) {
-    const rootContext = injectDialogRootContext();
-    const emitsAsProps = useEmitAsProps(emit);
-    const { forwardRef } = useForwardExpose();
-    return {
-      rootContext,
-      emitsAsProps,
-      forwardRef
-    };
-  },
-  render() {
-    const useVShow = this.rootContext.modal.value;
-    return h(DestylerPresence, {
-      present: this.$props.forceMount || this.rootContext.open.value
-    }, [
-      useVShow ? h(DestylerDialogContentModal, mergeProps(this.$props, this.emitsAsProps, this.$attrs, {
-        ref: (el) => this.forwardRef(el),
-        onOpenAutoFocus: (event) => {
-          this.$emit("openAutoFocus", event);
-        }
-      }), {
-        default: () => this.$slots.default?.()
-      }) : h(DestylerDialogContentNonModal, mergeProps(this.$props, this.emitsAsProps, this.$attrs), {
-        ref: (el) => this.forwardRef(el),
-        default: () => this.$slots.default?.()
-      })
-    ]);
-  }
-});
-
-const destylerDialogDescriptionProps = {
-  asChild: {
-    type: Boolean,
-    required: false,
-    default: false
-  },
-  as: {
-    type: [String, Object],
-    required: false,
-    default: "p"
-  }
-};
-const DestylerDialogDescription = defineComponent({
-  name: "DestylerDialogDescription",
-  props: destylerDialogDescriptionProps,
-  setup() {
-    const rootContext = injectDialogRootContext();
-    return {
-      rootContext
-    };
-  },
-  render() {
-    return withDirectives(h(DestylerPrimitive, {
-      as: this.$props.as,
-      asChild: this.$props.asChild
-    }, {
-      default: () => this.$slots.default?.()
-    }), [
-      [BindOnceDirective, { id: this.rootContext.descriptionId }]
-    ]);
-  }
-});
-
-const destylerDialogOverlayImplProps = {
-  as: {
-    type: [String, Object],
-    required: false,
-    default: "div"
-  },
-  asChild: {
-    type: Boolean,
-    required: false,
-    default: false
-  }
-};
-const DestylerDialogOverlayImpl = defineComponent({
-  name: "DestylerDialogOverlayImpl",
-  props: destylerDialogOverlayImplProps,
-  setup() {
-    const rootContext = injectDialogRootContext();
-    useForwardExpose();
-    return {
-      rootContext
-    };
-  },
-  render() {
-    return h(DestylerPrimitive, {
-      "as": this.$props.as,
-      "asChild": this.$props.asChild,
-      "data-state": this.rootContext.open.value ? "open" : "closed",
-      "style": {
-        "pointer-events": "auto"
-      }
-    }, {
-      default: () => this.$slots.default?.()
-    });
-  }
-});
-
-const destylerDialogOverlayProps = {
-  as: {
-    type: [String, Object],
-    required: false,
-    default: "div"
-  },
-  asChild: {
-    type: Boolean,
-    required: false,
-    default: false
-  },
-  forceMount: {
-    type: Boolean,
-    required: false
-  }
-};
-const DestylerDialogOverlay = defineComponent({
-  name: "DestylerDialogOverlay",
-  props: destylerDialogOverlayProps,
-  setup() {
-    const rootContext = injectDialogRootContext();
-    const { forwardRef } = useForwardExpose();
-    return {
-      rootContext,
-      forwardRef
-    };
-  },
-  render() {
-    const useVShow = this.rootContext?.modal.value;
-    return useVShow ? h(DestylerPresence, {
-      present: this.$props.forceMount || this.rootContext.open.value
-    }, h(DestylerDialogOverlayImpl, mergeProps(this.$attrs, {
-      ref: (el) => this.forwardRef(el),
-      as: this.$props.as,
-      asChild: this.$props.asChild
-    }), {
-      default: () => this.$slots.default?.()
-    })) : null;
-  }
-});
-
-const destylerDialogPortalProps = {
-  as: {
-    type: [String, Object],
-    required: false,
-    default: "div"
-  },
-  asChild: {
-    type: Boolean,
-    required: false,
-    default: false
-  }
-};
-const DestylerDialogPortal = defineComponent({
-  name: "DestylerDialogPortal",
-  props: destylerDialogPortalProps,
-  render() {
-    return h(DestylerTeleport, {}, {
-      default: () => this.$slots.default?.()
-    });
-  }
-});
-
-const destylerDialogTitleProps = {
-  asChild: {
-    type: Boolean,
-    required: false,
-    default: false
-  },
-  as: {
-    type: [String, Object],
-    required: false,
-    default: "h2"
-  }
-};
-const DestylerDialogTitle = defineComponent({
-  name: "DestylerDialogTitle",
-  props: destylerDialogTitleProps,
-  setup() {
-    const rootContext = injectDialogRootContext();
-    return {
-      rootContext
-    };
-  },
-  render() {
-    return withDirectives(h(DestylerPrimitive, {
-      as: this.$props.as,
-      asChild: this.$props.asChild
-    }, {
-      default: () => this.$slots.default?.()
-    }), [
-      [BindOnceDirective, { id: this.rootContext.titleId }]
-    ]);
-  }
-});
-
-const destylerDialogTriggerProps = {
-  asChild: {
-    type: Boolean,
-    required: false,
-    default: false
-  },
-  as: {
-    type: [String, Object],
-    required: false,
-    default: "button"
-  }
-};
-const DestylerDialogTrigger = defineComponent({
-  name: "DestylerDialogTrigger",
-  props: destylerDialogTriggerProps,
-  setup() {
-    const rootContext = injectDialogRootContext();
-    const { forwardRef, currentElement } = useForwardExpose();
-    onMounted(() => {
-      rootContext.triggerElement = currentElement;
-    });
-    return {
-      rootContext,
-      forwardRef
-    };
-  },
-  render() {
-    return h(DestylerPrimitive, mergeProps(this.$attrs, {
-      "as": this.$props.as,
-      "asChild": this.$props.asChild,
-      "ref": (el) => this.forwardRef(el),
-      "type": this.$props.as === "button" ? "button" : void 0,
-      "aria-haspopup": "dialog",
-      "aria-expanded": this.rootContext.open.value || false,
-      "aria-controls": this.rootContext.contentId,
-      "data-state": this.rootContext.open.value ? "open" : "closed",
-      "onClick": () => {
-        this.rootContext.onOpenToggle();
-      }
-    }), {
-      default: () => this.$slots.default?.()
-    });
-  }
-});
-
-export { DestylerDialogClose, DestylerDialogContent, DestylerDialogContentImpl, DestylerDialogContentModal, DestylerDialogContentNonModal, DestylerDialogDescription, DestylerDialogOverlay, DestylerDialogOverlayImpl, DestylerDialogPortal, DestylerDialogRoot, DestylerDialogTitle, DestylerDialogTrigger };
+export { D as DialogClose, a as DialogContent, q as DialogContentImpl, t as DialogContentModal, u as DialogContentNonModal, c as DialogDescription, f as DialogOverlay, v as DialogOverlayImpl, h as DialogPortal, j as DialogRoot, l as DialogTitle, n as DialogTrigger, d as dialogCloseProps, p as dialogContentEmits, r as dialogContentImplEmtis, s as dialogContentImplProps, b as dialogContentProps, e as dialogDescriptionProps, w as dialogOverlayImplProps, i as dialogPortalProps, x as dialogRootEmits, k as dialogRootProps, m as dialogTitleProps, o as dialogTriggerProps } from './shared/dialog.1e7a01aa.mjs';
+import 'vue';
+import '@destyler/primitive';
+import '@destyler/composition';
+import '@destyler/shared';
+import '@destyler/presence';
+import '@destyler/focus-scope';
+import '@destyler/dismissable-layer';
+import '@destyler/dismissable-layer/component';
+import '@destyler/directives';
+import '@destyler/teleport';

package/dist/index.cjs

@@ -1,23 +1,32 @@
 'use strict';
 
-const index = require('./component.cjs');
+const index = require('./shared/dialog.d09a7a95.cjs');
 require('vue');
 require('@destyler/primitive');
-require('@destyler/shared');
 require('@destyler/composition');
+require('@destyler/shared');
 require('@destyler/presence');
 require('@destyler/focus-scope');
 require('@destyler/dismissable-layer');
+require('@destyler/dismissable-layer/component');
 require('@destyler/directives');
 require('@destyler/teleport');
 
 
 
-exports.DestylerDialogClose = index.DestylerDialogClose;
-exports.DestylerDialogContent = index.DestylerDialogContent;
-exports.DestylerDialogDescription = index.DestylerDialogDescription;
-exports.DestylerDialogOverlay = index.DestylerDialogOverlay;
-exports.DestylerDialogPortal = index.DestylerDialogPortal;
-exports.DestylerDialogRoot = index.DestylerDialogRoot;
-exports.DestylerDialogTitle = index.DestylerDialogTitle;
-exports.DestylerDialogTrigger = index.DestylerDialogTrigger;
+exports.DialogClose = index.DialogClose;
+exports.DialogContent = index.DialogContent;
+exports.DialogDescription = index.DialogDescription;
+exports.DialogOverlay = index.DialogOverlay;
+exports.DialogPortal = index.DialogPortal;
+exports.DialogRoot = index.DialogRoot;
+exports.DialogTitle = index.DialogTitle;
+exports.DialogTrigger = index.DialogTrigger;
+exports.dialogCloseProps = index.dialogCloseProps;
+exports.dialogContentProps = index.dialogContentProps;
+exports.dialogDescriptionProps = index.dialogDescriptionProps;
+exports.dialogOverlayProps = index.dialogOverlayProps;
+exports.dialogPortalProps = index.dialogPortalProps;
+exports.dialogRootProps = index.dialogRootProps;
+exports.dialogTitleProps = index.dialogTitleProps;
+exports.dialogTriggerProps = index.dialogTriggerProps;

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-export { a as DestylerDialogClose, b as DestylerDialogCloseProps, c as DestylerDialogContent, d as DestylerDialogContentProps, e as DestylerDialogDescription, f as DestylerDialogDescriptionProps, g as DestylerDialogOverlay, p as DestylerDialogOverlayProps, h as DestylerDialogPortal, i as DestylerDialogPortalProps, j as DestylerDialogRoot, k as DestylerDialogRootProps, l as DestylerDialogTitle, m as DestylerDialogTitleProps, n as DestylerDialogTrigger, o as DestylerDialogTriggerProps } from './shared/dialog.25aba8c4.cjs';
+export { a as DialogClose, b as DialogCloseProps, c as DialogContent, g as DialogContentProps, h as DialogDescription, j as DialogDescriptionProps, k as DialogOverlay, z as DialogOverlayProps, l as DialogPortal, n as DialogPortalProps, o as DialogRoot, r as DialogRootProps, s as DialogTitle, u as DialogTitleProps, v as DialogTrigger, x as DialogTriggerProps, d as dialogCloseProps, e as dialogContentProps, i as dialogDescriptionProps, y as dialogOverlayProps, m as dialogPortalProps, p as dialogRootProps, t as dialogTitleProps, w as dialogTriggerProps } from './shared/dialog.f396ab6e.cjs';
 import 'vue';
 import '@destyler/shared';
 import '@destyler/primitive';

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-export { a as DestylerDialogClose, b as DestylerDialogCloseProps, c as DestylerDialogContent, d as DestylerDialogContentProps, e as DestylerDialogDescription, f as DestylerDialogDescriptionProps, g as DestylerDialogOverlay, p as DestylerDialogOverlayProps, h as DestylerDialogPortal, i as DestylerDialogPortalProps, j as DestylerDialogRoot, k as DestylerDialogRootProps, l as DestylerDialogTitle, m as DestylerDialogTitleProps, n as DestylerDialogTrigger, o as DestylerDialogTriggerProps } from './shared/dialog.25aba8c4.mjs';
+export { a as DialogClose, b as DialogCloseProps, c as DialogContent, g as DialogContentProps, h as DialogDescription, j as DialogDescriptionProps, k as DialogOverlay, z as DialogOverlayProps, l as DialogPortal, n as DialogPortalProps, o as DialogRoot, r as DialogRootProps, s as DialogTitle, u as DialogTitleProps, v as DialogTrigger, x as DialogTriggerProps, d as dialogCloseProps, e as dialogContentProps, i as dialogDescriptionProps, y as dialogOverlayProps, m as dialogPortalProps, p as dialogRootProps, t as dialogTitleProps, w as dialogTriggerProps } from './shared/dialog.f396ab6e.mjs';
 import 'vue';
 import '@destyler/shared';
 import '@destyler/primitive';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { a as DestylerDialogClose, b as DestylerDialogCloseProps, c as DestylerDialogContent, d as DestylerDialogContentProps, e as DestylerDialogDescription, f as DestylerDialogDescriptionProps, g as DestylerDialogOverlay, p as DestylerDialogOverlayProps, h as DestylerDialogPortal, i as DestylerDialogPortalProps, j as DestylerDialogRoot, k as DestylerDialogRootProps, l as DestylerDialogTitle, m as DestylerDialogTitleProps, n as DestylerDialogTrigger, o as DestylerDialogTriggerProps } from './shared/dialog.25aba8c4.js';
+export { a as DialogClose, b as DialogCloseProps, c as DialogContent, g as DialogContentProps, h as DialogDescription, j as DialogDescriptionProps, k as DialogOverlay, z as DialogOverlayProps, l as DialogPortal, n as DialogPortalProps, o as DialogRoot, r as DialogRootProps, s as DialogTitle, u as DialogTitleProps, v as DialogTrigger, x as DialogTriggerProps, d as dialogCloseProps, e as dialogContentProps, i as dialogDescriptionProps, y as dialogOverlayProps, m as dialogPortalProps, p as dialogRootProps, t as dialogTitleProps, w as dialogTriggerProps } from './shared/dialog.f396ab6e.js';
 import 'vue';
 import '@destyler/shared';
 import '@destyler/primitive';

package/dist/index.mjs

@@ -1,10 +1,11 @@
-export { DestylerDialogClose, DestylerDialogContent, DestylerDialogDescription, DestylerDialogOverlay, DestylerDialogPortal, DestylerDialogRoot, DestylerDialogTitle, DestylerDialogTrigger } from './component.mjs';
+export { D as DialogClose, a as DialogContent, c as DialogDescription, f as DialogOverlay, h as DialogPortal, j as DialogRoot, l as DialogTitle, n as DialogTrigger, d as dialogCloseProps, b as dialogContentProps, e as dialogDescriptionProps, g as dialogOverlayProps, i as dialogPortalProps, k as dialogRootProps, m as dialogTitleProps, o as dialogTriggerProps } from './shared/dialog.1e7a01aa.mjs';
 import 'vue';
 import '@destyler/primitive';
-import '@destyler/shared';
 import '@destyler/composition';
+import '@destyler/shared';
 import '@destyler/presence';
 import '@destyler/focus-scope';
 import '@destyler/dismissable-layer';
+import '@destyler/dismissable-layer/component';
 import '@destyler/directives';
 import '@destyler/teleport';

package/dist/resolver.cjs

@@ -4,16 +4,16 @@ const name = "@destyler/dialog";
 
 const packageName = name;
 const dialogComponentName = [
-  "DestylerDialogClose",
-  "DestylerDialogContent",
-  "DestylerDialogDescription",
-  "DestylerDialogOverlay",
-  "DestylerDialogPortal",
-  "DestylerDialogRoot",
-  "DestylerDialogTitle",
-  "DestylerDialogTrigger"
+  "DialogClose",
+  "DialogContent",
+  "DialogDescription",
+  "DialogOverlay",
+  "DialogPortal",
+  "DialogRoot",
+  "DialogTitle",
+  "DialogTrigger"
 ];
-function DestylerDialogResolver() {
+function DialogResolver() {
   return {
     type: "component",
     resolve: (name2) => {
@@ -23,5 +23,5 @@ function DestylerDialogResolver() {
   };
 }
 
-exports.DestylerDialogResolver = DestylerDialogResolver;
+exports.DialogResolver = DialogResolver;
 exports.dialogComponentName = dialogComponentName;

package/dist/resolver.d.cts

@@ -1,6 +1,6 @@
 import { ComponentResolver } from 'unplugin-vue-components';
 
 declare const dialogComponentName: string[];
-declare function DestylerDialogResolver(): ComponentResolver;
+declare function DialogResolver(): ComponentResolver;
 
-export { DestylerDialogResolver, dialogComponentName };
+export { DialogResolver, dialogComponentName };

package/dist/resolver.d.mts

@@ -1,6 +1,6 @@
 import { ComponentResolver } from 'unplugin-vue-components';
 
 declare const dialogComponentName: string[];
-declare function DestylerDialogResolver(): ComponentResolver;
+declare function DialogResolver(): ComponentResolver;
 
-export { DestylerDialogResolver, dialogComponentName };
+export { DialogResolver, dialogComponentName };