@jasmine-ui/vue 0.6.0

package/dist/components/list-item/list-item.props.d.ts

@@ -0,0 +1,43 @@
+import { PropType } from 'vue';
+export declare const listItemProps: {
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    description: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    href: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    to: {
+        type: PropType<string | object>;
+        default: undefined;
+    };
+    color: {
+        default: "default";
+        type: PropType<import('../..').Color>;
+    };
+    size: {
+        type: PropType<import('../..').Size>;
+        default: "md";
+    };
+    isPressable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

package/dist/components/list-item/list-item.style.d.ts

@@ -0,0 +1,139 @@
+export declare const listItemVariants: import('tailwind-variants').TVReturnType<{
+    color: {
+        default: {
+            root: string;
+        };
+        primary: {
+            root: string;
+        };
+        danger: {
+            root: string;
+        };
+        success: {
+            root: string;
+        };
+        warning: {
+            root: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+    isActive: {
+        true: {
+            root: string;
+        };
+    };
+    isPressable: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    content: string;
+    label: string;
+    description: string;
+    start: string;
+    end: string;
+}, undefined, {
+    color: {
+        default: {
+            root: string;
+        };
+        primary: {
+            root: string;
+        };
+        danger: {
+            root: string;
+        };
+        success: {
+            root: string;
+        };
+        warning: {
+            root: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+    isActive: {
+        true: {
+            root: string;
+        };
+    };
+    isPressable: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    content: string;
+    label: string;
+    description: string;
+    start: string;
+    end: string;
+}, import('tailwind-variants').TVReturnType<{
+    color: {
+        default: {
+            root: string;
+        };
+        primary: {
+            root: string;
+        };
+        danger: {
+            root: string;
+        };
+        success: {
+            root: string;
+        };
+        warning: {
+            root: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+    isActive: {
+        true: {
+            root: string;
+        };
+    };
+    isPressable: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    content: string;
+    label: string;
+    description: string;
+    start: string;
+    end: string;
+}, undefined, unknown, unknown, undefined>>;

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

@@ -0,0 +1 @@
+export { default as Modal } from './modal';

package/dist/components/modal/modal.composable.d.ts

@@ -0,0 +1,114 @@
+import { ExtractPropTypes } from 'vue';
+import { modalProps } from './modal.props';
+type ModalProps = ExtractPropTypes<typeof modalProps>;
+type ModalEmitFn = (event: 'update:open', value: boolean) => void;
+/**
+ * Composable that handles Modal component logic.
+ * Returns computed class bindings and close behavior guards.
+ */
+export declare const useModal: (props: ModalProps, emit: ModalEmitFn) => {
+    classes: import('vue').ComputedRef<{
+        overlay: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "fullscreen" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            placement?: "center" | "bottom" | "auto" | undefined;
+            backdrop?: "transparent" | "dimmed" | "blur" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        content: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "fullscreen" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            placement?: "center" | "bottom" | "auto" | undefined;
+            backdrop?: "transparent" | "dimmed" | "blur" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        close: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "fullscreen" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            placement?: "center" | "bottom" | "auto" | undefined;
+            backdrop?: "transparent" | "dimmed" | "blur" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        header: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "fullscreen" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            placement?: "center" | "bottom" | "auto" | undefined;
+            backdrop?: "transparent" | "dimmed" | "blur" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        title: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "fullscreen" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            placement?: "center" | "bottom" | "auto" | undefined;
+            backdrop?: "transparent" | "dimmed" | "blur" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        description: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "fullscreen" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            placement?: "center" | "bottom" | "auto" | undefined;
+            backdrop?: "transparent" | "dimmed" | "blur" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        body: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "fullscreen" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            placement?: "center" | "bottom" | "auto" | undefined;
+            backdrop?: "transparent" | "dimmed" | "blur" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        footer: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "fullscreen" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            placement?: "center" | "bottom" | "auto" | undefined;
+            backdrop?: "transparent" | "dimmed" | "blur" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {
+        overlay: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "fullscreen" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            placement?: "center" | "bottom" | "auto" | undefined;
+            backdrop?: "transparent" | "dimmed" | "blur" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        content: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "fullscreen" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            placement?: "center" | "bottom" | "auto" | undefined;
+            backdrop?: "transparent" | "dimmed" | "blur" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        close: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "fullscreen" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            placement?: "center" | "bottom" | "auto" | undefined;
+            backdrop?: "transparent" | "dimmed" | "blur" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        header: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "fullscreen" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            placement?: "center" | "bottom" | "auto" | undefined;
+            backdrop?: "transparent" | "dimmed" | "blur" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        title: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "fullscreen" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            placement?: "center" | "bottom" | "auto" | undefined;
+            backdrop?: "transparent" | "dimmed" | "blur" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        description: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "fullscreen" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            placement?: "center" | "bottom" | "auto" | undefined;
+            backdrop?: "transparent" | "dimmed" | "blur" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        body: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "fullscreen" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            placement?: "center" | "bottom" | "auto" | undefined;
+            backdrop?: "transparent" | "dimmed" | "blur" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        footer: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "fullscreen" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            placement?: "center" | "bottom" | "auto" | undefined;
+            backdrop?: "transparent" | "dimmed" | "blur" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {}>;
+    close: () => void;
+    contentRef: import('vue').Ref<import('vue').ComponentPublicInstance | null, import('vue').ComponentPublicInstance | null>;
+    handleBackdropClick: (event: Event) => void;
+    handleEscapeKey: (event: Event) => void;
+};
+export {};

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

@@ -0,0 +1,274 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {
+            close: () => void;
+        }): any;
+        default?(_: {
+            close: () => void;
+        }): any;
+        footer?(_: {
+            close: () => void;
+        }): any;
+    };
+    refs: {
+        contentRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly forceMount?: boolean | undefined;
+                readonly asChild?: boolean | undefined;
+                readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
+                readonly disableOutsidePointerEvents?: boolean | undefined;
+                readonly onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined | undefined;
+                readonly onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined | undefined;
+                readonly onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined | undefined;
+                readonly onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined | undefined;
+                readonly onOpenAutoFocus?: ((event: Event) => any) | undefined | undefined;
+                readonly onCloseAutoFocus?: ((event: Event) => any) | undefined | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "escapeKeyDown", event: KeyboardEvent) => void) & ((event: "pointerDownOutside", event: import('reka-ui').PointerDownOutsideEvent) => void) & ((event: "focusOutside", event: import('reka-ui').FocusOutsideEvent) => void) & ((event: "interactOutside", event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => void) & ((event: "openAutoFocus", event: Event) => void) & ((event: "closeAutoFocus", event: Event) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogContentProps> & Readonly<{
+                onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+                onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
+                onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
+                onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
+                onOpenAutoFocus?: ((event: Event) => any) | undefined;
+                onCloseAutoFocus?: ((event: Event) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                escapeKeyDown: (event: KeyboardEvent) => any;
+                pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
+                focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
+                interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
+                openAutoFocus: (event: Event) => any;
+                closeAutoFocus: (event: Event) => any;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<import('reka-ui').DialogContentProps> & Readonly<{
+            onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+            onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
+            onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
+            onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
+            onOpenAutoFocus?: ((event: Event) => any) | undefined;
+            onCloseAutoFocus?: ((event: Event) => any) | undefined;
+        }>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?: (props: {}) => any;
+            } & {
+                default?: (props: {}) => any;
+            };
+        }) | null;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    description: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: import('vue').PropType<import('../..').ModalSize>;
+        default: "md";
+    };
+    radius: {
+        default: "lg";
+        type: import('vue').PropType<import('../..').Radius>;
+    };
+    placement: {
+        type: import('vue').PropType<import('../../types/common').ModalPlacement>;
+        default: "auto";
+    };
+    backdrop: {
+        type: import('vue').PropType<import('../../types/common').ModalBackdrop>;
+        default: "blur";
+    };
+    closeOnBackdropClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    description: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: import('vue').PropType<import('../..').ModalSize>;
+        default: "md";
+    };
+    radius: {
+        default: "lg";
+        type: import('vue').PropType<import('../..').Radius>;
+    };
+    placement: {
+        type: import('vue').PropType<import('../../types/common').ModalPlacement>;
+        default: "auto";
+    };
+    backdrop: {
+        type: import('vue').PropType<import('../../types/common').ModalBackdrop>;
+        default: "blur";
+    };
+    closeOnBackdropClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    size: import('../..').ModalSize;
+    radius: import('../..').Radius;
+    open: boolean;
+    title: string;
+    description: string;
+    placement: import('../../types/common').ModalPlacement;
+    closeOnBackdropClick: boolean;
+    closeOnEscape: boolean;
+    showCloseButton: boolean;
+    backdrop: import('../../types/common').ModalBackdrop;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    contentRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly forceMount?: boolean | undefined;
+            readonly asChild?: boolean | undefined;
+            readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
+            readonly disableOutsidePointerEvents?: boolean | undefined;
+            readonly onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined | undefined;
+            readonly onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined | undefined;
+            readonly onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined | undefined;
+            readonly onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined | undefined;
+            readonly onOpenAutoFocus?: ((event: Event) => any) | undefined | undefined;
+            readonly onCloseAutoFocus?: ((event: Event) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "escapeKeyDown", event: KeyboardEvent) => void) & ((event: "pointerDownOutside", event: import('reka-ui').PointerDownOutsideEvent) => void) & ((event: "focusOutside", event: import('reka-ui').FocusOutsideEvent) => void) & ((event: "interactOutside", event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => void) & ((event: "openAutoFocus", event: Event) => void) & ((event: "closeAutoFocus", event: Event) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogContentProps> & Readonly<{
+            onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+            onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
+            onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
+            onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
+            onOpenAutoFocus?: ((event: Event) => any) | undefined;
+            onCloseAutoFocus?: ((event: Event) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            escapeKeyDown: (event: KeyboardEvent) => any;
+            pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
+            focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
+            interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
+            openAutoFocus: (event: Event) => any;
+            closeAutoFocus: (event: Event) => any;
+        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<import('reka-ui').DialogContentProps> & Readonly<{
+        onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+        onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
+        onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
+        onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
+        onOpenAutoFocus?: ((event: Event) => any) | undefined;
+        onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    }>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        };
+    }) | null;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/modal/modal.props.d.ts

@@ -0,0 +1,44 @@
+import { PropType } from 'vue';
+import { ModalSize } from '../../types/common';
+export declare const modalProps: {
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    description: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: PropType<ModalSize>;
+        default: "md";
+    };
+    radius: {
+        default: "lg";
+        type: PropType<import('../../types/common').Radius>;
+    };
+    placement: {
+        type: PropType<import('../../types/common').ModalPlacement>;
+        default: "auto";
+    };
+    backdrop: {
+        type: PropType<import('../../types/common').ModalBackdrop>;
+        default: "blur";
+    };
+    closeOnBackdropClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};