@jasmine-ui/vue 0.6.0

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

@@ -0,0 +1,15 @@
+import { PropType } from 'vue';
+export declare const dividerProps: {
+    orientation: {
+        default: "horizontal";
+        type: PropType<import('../..').Orientation>;
+    };
+    content: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    contentPosition: {
+        type: PropType<import('../../types/common').ContentPosition>;
+        default: "center";
+    };
+};

package/dist/components/divider/divider.style.d.ts

@@ -0,0 +1,43 @@
+export declare const dividerVariants: import('tailwind-variants').TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    contentPosition: {
+        start: string;
+        center: string;
+        end: string;
+    };
+    hasContent: {
+        true: string;
+        false: string;
+    };
+}, undefined, "divider", {
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    contentPosition: {
+        start: string;
+        center: string;
+        end: string;
+    };
+    hasContent: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    contentPosition: {
+        start: string;
+        center: string;
+        end: string;
+    };
+    hasContent: {
+        true: string;
+        false: string;
+    };
+}, undefined, "divider", unknown, unknown, undefined>>;

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

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

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

@@ -0,0 +1,82 @@
+import { ExtractPropTypes } from 'vue';
+import { drawerProps } from './drawer.props';
+type DrawerProps = ExtractPropTypes<typeof drawerProps>;
+type DrawerEmitFn = (event: 'update:open', value: boolean) => void;
+/**
+ * Composable that handles Drawer component logic.
+ * Returns computed class bindings and close behavior guards.
+ */
+export declare const useDrawer: (props: DrawerProps, emit: DrawerEmitFn) => {
+    classes: import('vue').ComputedRef<{
+        overlay: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "full" | undefined;
+            placement?: "left" | "right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        content: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "full" | undefined;
+            placement?: "left" | "right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        close: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "full" | undefined;
+            placement?: "left" | "right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        header: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "full" | undefined;
+            placement?: "left" | "right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        title: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "full" | undefined;
+            placement?: "left" | "right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        description: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "full" | undefined;
+            placement?: "left" | "right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        body: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "full" | undefined;
+            placement?: "left" | "right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        footer: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "full" | undefined;
+            placement?: "left" | "right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {
+        overlay: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "full" | undefined;
+            placement?: "left" | "right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        content: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "full" | undefined;
+            placement?: "left" | "right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        close: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "full" | undefined;
+            placement?: "left" | "right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        header: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "full" | undefined;
+            placement?: "left" | "right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        title: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "full" | undefined;
+            placement?: "left" | "right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        description: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "full" | undefined;
+            placement?: "left" | "right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        body: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "full" | undefined;
+            placement?: "left" | "right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        footer: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "full" | undefined;
+            placement?: "left" | "right" | 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/drawer/drawer.d.ts

@@ -0,0 +1,256 @@
+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('../..').DrawerSize>;
+        default: "md";
+    };
+    placement: {
+        type: import('vue').PropType<import('../..').DrawerPlacement>;
+        default: "right";
+    };
+    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('../..').DrawerSize>;
+        default: "md";
+    };
+    placement: {
+        type: import('vue').PropType<import('../..').DrawerPlacement>;
+        default: "right";
+    };
+    closeOnBackdropClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    size: import('../..').DrawerSize;
+    open: boolean;
+    title: string;
+    description: string;
+    placement: import('../..').DrawerPlacement;
+    closeOnBackdropClick: boolean;
+    closeOnEscape: boolean;
+    showCloseButton: boolean;
+}, {}, {}, {}, 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/drawer/drawer.props.d.ts

@@ -0,0 +1,34 @@
+export declare const drawerProps: {
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    description: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: import('vue').PropType<import('../..').DrawerSize>;
+        default: "md";
+    };
+    placement: {
+        type: import('vue').PropType<import('../..').DrawerPlacement>;
+        default: "right";
+    };
+    closeOnBackdropClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

package/dist/components/drawer/drawer.style.d.ts

@@ -0,0 +1,97 @@
+export declare const drawerVariants: import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+        full: {
+            content: string;
+        };
+    };
+    placement: {
+        left: {
+            content: string;
+        };
+        right: {
+            content: string;
+        };
+    };
+}, {
+    overlay: string;
+    content: string;
+    close: string;
+    header: string;
+    title: string;
+    description: string;
+    body: string;
+    footer: string;
+}, undefined, {
+    size: {
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+        full: {
+            content: string;
+        };
+    };
+    placement: {
+        left: {
+            content: string;
+        };
+        right: {
+            content: string;
+        };
+    };
+}, {
+    overlay: string;
+    content: string;
+    close: string;
+    header: string;
+    title: string;
+    description: string;
+    body: string;
+    footer: string;
+}, import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+        full: {
+            content: string;
+        };
+    };
+    placement: {
+        left: {
+            content: string;
+        };
+        right: {
+            content: string;
+        };
+    };
+}, {
+    overlay: string;
+    content: string;
+    close: string;
+    header: string;
+    title: string;
+    description: string;
+    body: string;
+    footer: string;
+}, undefined, unknown, unknown, undefined>>;

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

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

package/dist/components/dropdown/dropdown.d.ts

@@ -0,0 +1,102 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {
+            isDisabled: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    items: {
+        type: import('vue').PropType<import('../../types/common').DropdownInput>;
+        default: () => never[];
+    };
+    color: {
+        default: "default";
+        type: import('vue').PropType<import('../../types/common').Color>;
+    };
+    size: {
+        type: import('vue').PropType<import('../../types/common').Size>;
+        default: "md";
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    side: {
+        type: import('vue').PropType<"top" | "right" | "bottom" | "left">;
+        default: "bottom";
+    };
+    sideOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    align: {
+        type: import('vue').PropType<"start" | "center" | "end">;
+        default: "start";
+    };
+    alignOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    open: () => any;
+    select: (value: string) => any;
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    items: {
+        type: import('vue').PropType<import('../../types/common').DropdownInput>;
+        default: () => never[];
+    };
+    color: {
+        default: "default";
+        type: import('vue').PropType<import('../../types/common').Color>;
+    };
+    size: {
+        type: import('vue').PropType<import('../../types/common').Size>;
+        default: "md";
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    side: {
+        type: import('vue').PropType<"top" | "right" | "bottom" | "left">;
+        default: "bottom";
+    };
+    sideOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    align: {
+        type: import('vue').PropType<"start" | "center" | "end">;
+        default: "start";
+    };
+    alignOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    onOpen?: (() => any) | undefined;
+    onSelect?: ((value: string) => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    color: import('../../types/common').Color;
+    size: import('../../types/common').Size;
+    items: import('../../types/common').DropdownInput;
+    isDisabled: boolean;
+    side: "bottom" | "left" | "right" | "top";
+    sideOffset: number;
+    align: "center" | "start" | "end";
+    alignOffset: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/dropdown/dropdown.props.d.ts

@@ -0,0 +1,36 @@
+import { PropType } from 'vue';
+import { DropdownInput } from '../../types/common';
+export declare const dropdownProps: {
+    items: {
+        type: PropType<DropdownInput>;
+        default: () => never[];
+    };
+    color: {
+        default: "default";
+        type: PropType<import('../../types/common').Color>;
+    };
+    size: {
+        type: PropType<import('../../types/common').Size>;
+        default: "md";
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    side: {
+        type: PropType<"top" | "right" | "bottom" | "left">;
+        default: "bottom";
+    };
+    sideOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    align: {
+        type: PropType<"start" | "center" | "end">;
+        default: "start";
+    };
+    alignOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+};