@maltjoy/core-vue 4.1.0-next → 4.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maltjoy/core-vue",
-  "version": "4.1.0-next",
+  "version": "4.2.0",
   "type": "module",
   "files": [
     "dist",
@@ -24,41 +24,17 @@
     "./dist/style.css": "./dist/style.css",
     "./dist/joy-core-vue-manifest.json": "./dist/joy-core-vue-manifest.json"
   },
-  "scripts": {
-    "prepare": "pnpm generate:components-autoimports && pnpm generate:components-types && pnpm copy:fonticon",
-    "dev": "pnpm prepare && vite",
-    "build:lib": "vite build",
-    "build": "pnpm typecheck && vite build && vue-tsc --declaration --emitDeclarationOnly --outDir dist && pnpm test && pnpm generate:manifest",
-    "preview": "vite preview",
-    "test": "vitest run --dom --coverage",
-    "test:dev": "vitest watch --dom",
-    "test:update": "vitest run --dom -u",
-    "lint": "eslint --ext .ts,.vue src",
-    "lint:fix": "eslint --ext .ts,.vue src --fix",
-    "lint:staged": "eslint --fix",
-    "format": "prettier --write \"**/*.{js,ts,vue}\"",
-    "format:staged": "prettier --write",
-    "storybook": "pnpm prepare && storybook dev --port=33725",
-    "typecheck": "vue-tsc --noEmit",
-    "build-storybook": "pnpm prepare && storybook build",
-    "preview-storybook": "pnpm storybook build && pnpm dlx http-server ./storybook-static/",
-    "generate:components-types": "node src/tasks/generate-components-types.mjs",
-    "generate:components-autoimports": "node src/tasks/generate-components-autoimports.mjs",
-    "generate:manifest": "node src/tasks/generate-manifest.mjs",
-    "copy:fonticon": "node src/tasks/copy-fonticon.mjs"
-  },
   "dependencies": {
     "@floating-ui/dom": "1.5.3",
     "@floating-ui/vue": "^1.0.2",
-    "@maltjoy/css": "4.0.0",
-    "@maltjoy/icons": "4.0.0",
-    "@maltjoy/themes": "4.0.0",
+    "@maltjoy/css": "4.2.0",
+    "@maltjoy/icons": "4.2.0",
+    "@maltjoy/themes": "4.2.0",
     "@vueuse/components": "10.8.0",
     "@vueuse/core": "10.8.0",
-    "@vueuse/integrations": "10.5.0",
     "focus-trap": "^7.5.4",
     "mitt": "3.0.1",
-    "vue": "3.5.12",
+    "vue": "3.5.13",
     "vue-bind-once": "^0.2.1",
     "vue-router": "4.4.0"
   },
@@ -66,16 +42,18 @@
     "@babel/core": "7.20.12",
     "@chromatic-com/storybook": "^1",
     "@rushstack/eslint-patch": "^1.2.0",
-    "@storybook/addon-a11y": "8.2.9",
-    "@storybook/addon-docs": "8.2.9",
-    "@storybook/addon-essentials": "8.2.9",
-    "@storybook/addon-interactions": "8.2.9",
-    "@storybook/addon-links": "8.2.9",
-    "@storybook/addon-viewport": "8.2.9",
-    "@storybook/theming": "8.2.9",
-    "@storybook/vue3": "8.2.9",
-    "@storybook/vue3-vite": "8.2.9",
+    "@storybook/addon-a11y": "8.6.0-alpha.1",
+    "@storybook/addon-docs": "8.6.0-alpha.1",
+    "@storybook/addon-essentials": "8.6.0-alpha.1",
+    "@storybook/addon-interactions": "8.6.0-alpha.1",
+    "@storybook/addon-links": "8.6.0-alpha.1",
+    "@storybook/addon-viewport": "8.6.0-alpha.1",
+    "@storybook/blocks": "8.6.0-alpha.1",
+    "@storybook/theming": "8.6.0-alpha.1",
+    "@storybook/vue3": "^8.6.0-alpha.1",
+    "@storybook/vue3-vite": "^8.6.0-alpha.1",
     "@typescript-eslint/parser": "5.59.11",
+    "@vitejs/plugin-react": "^4.3.4",
     "@vitejs/plugin-vue": "^4.0.0",
     "@vitest/coverage-istanbul": "^0.28.4",
     "@vue/runtime-core": "3.5.13",
@@ -89,11 +67,33 @@
     "prettier": "2.8.8",
     "pretty": "^2.0.0",
     "sass": "1.77.8",
-    "storybook": "8.2.9",
+    "storybook": "8.6.0-alpha.1",
     "typescript": "5.3.3",
     "vite": "5.4.11",
     "vitest": "^0.28.4",
-    "vue-component-type-helpers": "^2.2.0",
+    "vue-component-type-helpers": "2.2.0",
     "vue-tsc": "2.1.6"
+  },
+  "scripts": {
+    "dev": "pnpm prepare && vite",
+    "build:lib": "vite build",
+    "build": "pnpm typecheck && vite build && vue-tsc --declaration --emitDeclarationOnly --outDir dist && pnpm test && pnpm generate:manifest",
+    "preview": "vite preview",
+    "test": "vitest run --dom --coverage",
+    "test:dev": "vitest watch --dom",
+    "test:update": "vitest run --dom -u",
+    "lint": "eslint --ext .ts,.vue src",
+    "lint:fix": "eslint --ext .ts,.vue src --fix",
+    "lint:staged": "eslint --fix",
+    "format": "prettier --write \"**/*.{js,ts,vue}\"",
+    "format:staged": "prettier --write",
+    "storybook": "pnpm prepare && storybook dev --port=33725",
+    "typecheck": "vue-tsc --noEmit",
+    "build-storybook": "pnpm prepare && storybook build",
+    "preview-storybook": "pnpm storybook build && pnpm dlx http-server ./storybook-static/",
+    "generate:components-types": "node src/tasks/generate-components-types.mjs",
+    "generate:components-autoimports": "node src/tasks/generate-components-autoimports.mjs",
+    "generate:manifest": "node src/tasks/generate-manifest.mjs",
+    "copy:fonticon": "node src/tasks/copy-fonticon.mjs"
   }
-}
+}

package/dist/components/JoyBottomSheetTrigger/VJoyBottomSheetTrigger.vue.d.ts

@@ -1,281 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    /** VJoyBottomSheet ref. */
-    bottomSheet: ({
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            closeLabel: string;
-            open: boolean;
-            preventBodyScroll: boolean;
-            teleport: string | import("vue").RendererElement | null | undefined;
-            frozen: boolean;
-        }> & Omit<{
-            readonly closeLabel: string;
-            readonly open: boolean;
-            readonly preventBodyScroll: boolean;
-            readonly teleport: string | import("vue").RendererElement | null | undefined;
-            readonly frozen: boolean;
-            readonly "onBottom-sheet:close"?: (() => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "frozen">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-        $host: Element | null;
-        $emit: (event: "bottom-sheet:close") => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            closeLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            open: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            preventBodyScroll: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            teleport: {
-                type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-                default: string;
-            };
-            frozen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{
-            "onBottom-sheet:close"?: (() => any) | undefined;
-        }>, {
-            hide: () => void;
-            show: () => void;
-            isOpen: import("vue").Ref<boolean, boolean>;
-            moveContainer: (translationY: number) => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-            "bottom-sheet:close": () => any;
-        }, string, {
-            closeLabel: string;
-            open: boolean;
-            preventBodyScroll: boolean;
-            teleport: string | import("vue").RendererElement | null | undefined;
-            frozen: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import("@vue/reactivity").OnCleanup) => any : (args_0: any, args_1: any, args_2: import("@vue/reactivity").OnCleanup) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<{
-        closeLabel: string;
-        open: boolean;
-        preventBodyScroll: boolean;
-        teleport: string | import("vue").RendererElement | null | undefined;
-        frozen: boolean;
-    }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-        closeLabel: {
-            type: StringConstructor;
-            default: string;
-        };
-        open: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        preventBodyScroll: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        teleport: {
-            type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-            default: string;
-        };
-        frozen: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        "onBottom-sheet:close"?: (() => any) | undefined;
-    }>, "hide" | "show" | "isOpen" | "moveContainer" | ("closeLabel" | "open" | "preventBodyScroll" | "teleport" | "frozen")> & import("vue").ShallowUnwrapRef<{
-        hide: () => void;
-        show: () => void;
-        isOpen: import("vue").Ref<boolean, boolean>;
-        moveContainer: (translationY: number) => void;
-    }> & {} & import("vue").ComponentCustomProperties & {} & {
-        $slots: Readonly<{
-            'bottom-sheet-content': () => any;
-            'bottom-sheet-cta': () => any;
-        }> & {
-            'bottom-sheet-content': () => any;
-            'bottom-sheet-cta': () => any;
-        };
-    }) | null | undefined;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: () => any;
-}, string, import("vue").PublicProps, Readonly<{
-    /** VJoyBottomSheet ref. */
-    bottomSheet: ({
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            closeLabel: string;
-            open: boolean;
-            preventBodyScroll: boolean;
-            teleport: string | import("vue").RendererElement | null | undefined;
-            frozen: boolean;
-        }> & Omit<{
-            readonly closeLabel: string;
-            readonly open: boolean;
-            readonly preventBodyScroll: boolean;
-            readonly teleport: string | import("vue").RendererElement | null | undefined;
-            readonly frozen: boolean;
-            readonly "onBottom-sheet:close"?: (() => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "frozen">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-        $host: Element | null;
-        $emit: (event: "bottom-sheet:close") => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            closeLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            open: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            preventBodyScroll: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            teleport: {
-                type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-                default: string;
-            };
-            frozen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{
-            "onBottom-sheet:close"?: (() => any) | undefined;
-        }>, {
-            hide: () => void;
-            show: () => void;
-            isOpen: import("vue").Ref<boolean, boolean>;
-            moveContainer: (translationY: number) => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-            "bottom-sheet:close": () => any;
-        }, string, {
-            closeLabel: string;
-            open: boolean;
-            preventBodyScroll: boolean;
-            teleport: string | import("vue").RendererElement | null | undefined;
-            frozen: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import("@vue/reactivity").OnCleanup) => any : (args_0: any, args_1: any, args_2: import("@vue/reactivity").OnCleanup) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<{
-        closeLabel: string;
-        open: boolean;
-        preventBodyScroll: boolean;
-        teleport: string | import("vue").RendererElement | null | undefined;
-        frozen: boolean;
-    }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-        closeLabel: {
-            type: StringConstructor;
-            default: string;
-        };
-        open: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        preventBodyScroll: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        teleport: {
-            type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-            default: string;
-        };
-        frozen: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        "onBottom-sheet:close"?: (() => any) | undefined;
-    }>, "hide" | "show" | "isOpen" | "moveContainer" | ("closeLabel" | "open" | "preventBodyScroll" | "teleport" | "frozen")> & import("vue").ShallowUnwrapRef<{
-        hide: () => void;
-        show: () => void;
-        isOpen: import("vue").Ref<boolean, boolean>;
-        moveContainer: (translationY: number) => void;
-    }> & {} & import("vue").ComponentCustomProperties & {} & {
-        $slots: Readonly<{
-            'bottom-sheet-content': () => any;
-            'bottom-sheet-cta': () => any;
-        }> & {
-            'bottom-sheet-content': () => any;
-            'bottom-sheet-cta': () => any;
-        };
-    }) | null | undefined;
-}> & Readonly<{
-    onClick?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
-    /** @slot Default slot where you can render anything you need. */
-    default: () => any;
-}> & {
-    /** @slot Default slot where you can render anything you need. */
-    default: () => any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};