@destyler/dialog 0.0.2 → 0.0.4

package/dist/shared/dialog.f396ab6e.d.cts

@@ -0,0 +1,622 @@
+import * as vue from 'vue';
+import { PropType, Ref } from 'vue';
+import { ExtractPublicPropTypes } from '@destyler/shared';
+import * as _destyler_primitive from '@destyler/primitive';
+
+declare const dialogRootProps: {
+    /**
+     * The controlled open state of the dialog. Can be binded as `v-model:open`.
+     *
+     * @default undefined
+     */
+    readonly open: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: undefined;
+    };
+    /**
+     * The open state of the dialog when it is initially rendered.
+     * Use when you do not need to control its open state.
+     *
+     * @default false
+     */
+    readonly defaultOpen: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    /**
+     * The modality of the dialog When set to true,
+     * interaction with outside elements will be
+     * disabled and only dialog content will
+     * be visible to screen readers.
+     *
+     * @default true
+     */
+    readonly modal: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+};
+type DialogRootProps = ExtractPublicPropTypes<typeof dialogRootProps>;
+interface DialogRootContext {
+    open: Readonly<Ref<boolean>>;
+    modal: Ref<boolean | undefined>;
+    openModal: () => void;
+    onOpenChange: (value: boolean) => void;
+    onOpenToggle: () => void;
+    triggerElement: Ref<HTMLElement | undefined>;
+    contentElement: Ref<HTMLElement | undefined>;
+    contentId: string;
+    titleId: string;
+    descriptionId: string;
+}
+declare const dialogRootEmits: {
+    /**
+     * Event handler called when the open state of the dialog changes.
+     */
+    'update:open': (_value: boolean) => boolean;
+};
+declare const DialogRoot: vue.DefineComponent<{
+    /**
+     * The controlled open state of the dialog. Can be binded as `v-model:open`.
+     *
+     * @default undefined
+     */
+    readonly open: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: undefined;
+    };
+    /**
+     * The open state of the dialog when it is initially rendered.
+     * Use when you do not need to control its open state.
+     *
+     * @default false
+     */
+    readonly defaultOpen: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    /**
+     * The modality of the dialog When set to true,
+     * interaction with outside elements will be
+     * disabled and only dialog content will
+     * be visible to screen readers.
+     *
+     * @default true
+     */
+    readonly modal: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    /**
+     * Event handler called when the open state of the dialog changes.
+     */
+    'update:open': (_value: boolean) => boolean;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * The controlled open state of the dialog. Can be binded as `v-model:open`.
+     *
+     * @default undefined
+     */
+    readonly open: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: undefined;
+    };
+    /**
+     * The open state of the dialog when it is initially rendered.
+     * Use when you do not need to control its open state.
+     *
+     * @default false
+     */
+    readonly defaultOpen: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    /**
+     * The modality of the dialog When set to true,
+     * interaction with outside elements will be
+     * disabled and only dialog content will
+     * be visible to screen readers.
+     *
+     * @default true
+     */
+    readonly modal: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+}>> & {
+    "onUpdate:open"?: ((_value: boolean) => any) | undefined;
+}, {
+    readonly open: boolean;
+    readonly defaultOpen: boolean;
+    readonly modal: boolean;
+}, {}>;
+
+declare const dialogCloseProps: {
+    /**
+     * @default button
+     */
+    readonly as: {
+        readonly default: "button";
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type DialogCloseProps = ExtractPublicPropTypes<typeof dialogCloseProps>;
+declare const DialogClose: vue.DefineComponent<{
+    /**
+     * @default button
+     */
+    readonly as: {
+        readonly default: "button";
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    rootContext: DialogRootContext;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * @default button
+     */
+    readonly as: {
+        readonly default: "button";
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly as: _destyler_primitive.AsTag | vue.Component;
+    readonly asChild: boolean;
+}, {}>;
+
+declare const dialogContentProps: {
+    readonly forceMount: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+    };
+    readonly trapFocus: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly disableOutsidePointerEvents: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly isDismissable: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+    readonly as: {
+        readonly type: vue.PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type DialogContentProps = ExtractPublicPropTypes<typeof dialogContentProps>;
+declare const dialogContentEmits: {
+    openAutoFocus: (_event: Event) => boolean;
+    closeAutoFocus: (_event: Event) => boolean;
+    escapeKeyDown: (_event: KeyboardEvent) => boolean;
+    pointerDownOutside: (_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => boolean;
+    focusOutside: (_event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => boolean;
+    interactOutside: (_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => boolean;
+};
+declare const DialogContent: vue.DefineComponent<{
+    readonly forceMount: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+    };
+    readonly trapFocus: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly disableOutsidePointerEvents: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly isDismissable: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+    readonly as: {
+        readonly type: vue.PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    rootContext: DialogRootContext;
+    emitsAsProps: Record<string, any>;
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    openAutoFocus: (_event: Event) => boolean;
+    closeAutoFocus: (_event: Event) => boolean;
+    escapeKeyDown: (_event: KeyboardEvent) => boolean;
+    pointerDownOutside: (_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => boolean;
+    focusOutside: (_event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => boolean;
+    interactOutside: (_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => boolean;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly forceMount: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+    };
+    readonly trapFocus: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly disableOutsidePointerEvents: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly isDismissable: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+    readonly as: {
+        readonly type: vue.PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>> & {
+    onOpenAutoFocus?: ((_event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((_event: Event) => any) | undefined;
+    onEscapeKeyDown?: ((_event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => any) | undefined;
+    onFocusOutside?: ((_event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any) | undefined;
+    onInteractOutside?: ((_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any) | undefined;
+}, {
+    readonly as: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag;
+    readonly asChild: boolean;
+    readonly trapFocus: boolean;
+    readonly disableOutsidePointerEvents: boolean;
+    readonly isDismissable: boolean;
+}, {}>;
+
+declare const dialogDescriptionProps: {
+    /**
+     * @default p
+     */
+    readonly as: {
+        readonly default: "p";
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type DialogDescriptionProps = ExtractPublicPropTypes<typeof dialogDescriptionProps>;
+declare const DialogDescription: vue.DefineComponent<{
+    /**
+     * @default p
+     */
+    readonly as: {
+        readonly default: "p";
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    rootContext: DialogRootContext;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * @default p
+     */
+    readonly as: {
+        readonly default: "p";
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly as: _destyler_primitive.AsTag | vue.Component;
+    readonly asChild: boolean;
+}, {}>;
+
+declare const dialogOverlayProps: {
+    /**
+     * Used to force mounting when more control is needed.
+     * Useful when controlling animation with Vue animation libraries.
+     */
+    readonly forceMount: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly as: {
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type DialogOverlayProps = ExtractPublicPropTypes<typeof dialogOverlayProps>;
+declare const DialogOverlay: vue.DefineComponent<{
+    /**
+     * Used to force mounting when more control is needed.
+     * Useful when controlling animation with Vue animation libraries.
+     */
+    readonly forceMount: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly as: {
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    rootContext: DialogRootContext;
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * Used to force mounting when more control is needed.
+     * Useful when controlling animation with Vue animation libraries.
+     */
+    readonly forceMount: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly as: {
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly as: _destyler_primitive.AsTag | vue.Component;
+    readonly asChild: boolean;
+}, {}>;
+
+declare const dialogPortalProps: {
+    readonly to: {
+        readonly type: vue.PropType<string | HTMLElement>;
+        readonly required: false;
+        readonly default: "body";
+    };
+    readonly disabled: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly forceMount: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type DialogPortalProps = ExtractPublicPropTypes<typeof dialogPortalProps>;
+declare const DialogPortal: vue.DefineComponent<{
+    readonly to: {
+        readonly type: vue.PropType<string | HTMLElement>;
+        readonly required: false;
+        readonly default: "body";
+    };
+    readonly disabled: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly forceMount: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly to: {
+        readonly type: vue.PropType<string | HTMLElement>;
+        readonly required: false;
+        readonly default: "body";
+    };
+    readonly disabled: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly forceMount: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly forceMount: boolean;
+    readonly to: string | HTMLElement;
+    readonly disabled: boolean;
+}, {}>;
+
+declare const dialogTitleProps: {
+    /**
+     * @default h2
+     */
+    readonly as: {
+        readonly default: "h2";
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type DialogTitleProps = ExtractPublicPropTypes<typeof dialogTitleProps>;
+declare const DialogTitle: vue.DefineComponent<{
+    /**
+     * @default h2
+     */
+    readonly as: {
+        readonly default: "h2";
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    rootContext: DialogRootContext;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * @default h2
+     */
+    readonly as: {
+        readonly default: "h2";
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly as: _destyler_primitive.AsTag | vue.Component;
+    readonly asChild: boolean;
+}, {}>;
+
+declare const dialogTriggerProps: {
+    /**
+     * @default button
+     */
+    readonly as: {
+        readonly default: "button";
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type DialogTriggerProps = ExtractPublicPropTypes<typeof dialogTriggerProps>;
+declare const DialogTrigger: vue.DefineComponent<{
+    /**
+     * @default button
+     */
+    readonly as: {
+        readonly default: "button";
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    rootContext: DialogRootContext;
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * @default button
+     */
+    readonly as: {
+        readonly default: "button";
+        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    readonly asChild: {
+        readonly type: vue.PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly as: _destyler_primitive.AsTag | vue.Component;
+    readonly asChild: boolean;
+}, {}>;
+
+export { type DialogRootContext as D, DialogClose as a, type DialogCloseProps as b, DialogContent as c, dialogCloseProps as d, dialogContentProps as e, dialogContentEmits as f, type DialogContentProps as g, DialogDescription as h, dialogDescriptionProps as i, type DialogDescriptionProps as j, DialogOverlay as k, DialogPortal as l, dialogPortalProps as m, type DialogPortalProps as n, DialogRoot as o, dialogRootProps as p, dialogRootEmits as q, type DialogRootProps as r, DialogTitle as s, dialogTitleProps as t, type DialogTitleProps as u, DialogTrigger as v, dialogTriggerProps as w, type DialogTriggerProps as x, dialogOverlayProps as y, type DialogOverlayProps as z };