@cropvue/vue 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Philip Rutberg
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,52 @@
+# @cropvue/vue
+
+Renderless Vue 3 components for image cropping and upload. Fully customizable via scoped slots and CSS custom properties.
+
+## Installation
+
+```sh
+pnpm add @cropvue/vue
+```
+
+## Components
+
+- **`CropVue`** - Main orchestrator (dropzone -> editor -> result)
+- **`CropEditor`** - Interactive crop editor with CSS transforms
+- **`CropPreview`** - Real-time canvas preview
+- **`CropDropzone`** - File drop area
+- **`CropToolbar`** - Rotate/flip/zoom controls
+- **`CropQueue`** - Multi-image queue
+- **`CropStencil`** - Crop shape overlay
+
+## Usage
+
+```vue
+<script setup>
+import { CropVue } from '@cropvue/vue'
+import '@cropvue/vue/styles'
+</script>
+
+<template>
+  <CropVue stencil="circle" :aspect-ratio="1" @done="handleDone">
+    <template #dropzone="{ open, isDragging }">
+      <div @click="open">{{ isDragging ? 'Drop!' : 'Click to select' }}</div>
+    </template>
+  </CropVue>
+</template>
+```
+
+## Theming
+
+Override CSS custom properties:
+
+```css
+:root {
+  --cropvue-overlay-color: rgba(0, 0, 0, 0.7);
+  --cropvue-crop-border-color: #3b82f6;
+  --cropvue-toolbar-bg: #1f2937;
+}
+```
+
+## License
+
+MIT

package/dist/components/CropDropzone.vue.d.ts

@@ -0,0 +1,35 @@
+import type { CropVueError } from '@cropvue/core';
+type __VLS_Props = {
+    accept?: string[];
+    maxSize?: number;
+    multiple?: boolean;
+};
+declare var __VLS_1: {
+    open: () => void;
+    isDragging: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    open: () => void;
+    files: import("vue").Ref<File[], File[]>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (error: CropVueError) => any;
+    files: (files: File[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onError?: ((error: CropVueError) => any) | undefined;
+    onFiles?: ((files: File[]) => any) | undefined;
+}>, {
+    accept: string[];
+    multiple: boolean;
+    maxSize: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CropDropzone.vue.d.ts.map

package/dist/components/CropDropzone.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CropDropzone.vue.d.ts","sourceRoot":"","sources":["../../src/components/CropDropzone.vue"],"names":[],"mappings":"AAkEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA0DF,QAAA,IAAI,OAAO;;;CAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAyB/C,QAAA,MAAM,eAAe;;;;;;;;;;YAxFV,MAAM,EAAE;cAEN,OAAO;aADR,MAAM;6EAgGhB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CropEditor.vue.d.ts

@@ -0,0 +1,63 @@
+import type { TransformState, CropState, ImageData as CropImageData } from '@cropvue/core';
+type __VLS_Props = {
+    image: CropImageData | null;
+    transform: TransformState;
+    crop: CropState;
+    pannable?: boolean;
+};
+declare var __VLS_1: {
+    image: CropImageData | null;
+    transform: TransformState;
+    style: {
+        width: string;
+        height: string;
+        transform: string;
+        transformOrigin: string;
+    };
+}, __VLS_3: {
+    crop: CropState;
+    clipPath: string;
+}, __VLS_5: {
+    style: {
+        left: string;
+        top: string;
+        width: string;
+        height: string;
+    };
+    crop: CropState;
+}, __VLS_7: {
+    crop: CropState;
+}, __VLS_9: {
+    crop: CropState;
+};
+type __VLS_Slots = {} & {
+    image?: (props: typeof __VLS_1) => any;
+} & {
+    overlay?: (props: typeof __VLS_3) => any;
+} & {
+    'crop-area'?: (props: typeof __VLS_5) => any;
+} & {
+    grid?: (props: typeof __VLS_7) => any;
+} & {
+    handles?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    editorRef: import("vue").Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
+    displayScale: import("vue").ComputedRef<number>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:transform": (transform: TransformState) => any;
+    "update:crop": (crop: CropState) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:transform"?: ((transform: TransformState) => any) | undefined;
+    "onUpdate:crop"?: ((crop: CropState) => any) | undefined;
+}>, {
+    pannable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CropEditor.vue.d.ts.map

package/dist/components/CropEditor.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CropEditor.vue.d.ts","sourceRoot":"","sources":["../../src/components/CropEditor.vue"],"names":[],"mappings":"AAgeA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,eAAe,CAAA;AAY1F,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,aAAa,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,cAAc,CAAA;IACzB,IAAI,EAAE,SAAS,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA2ZF,QAAA,IAAI,OAAO;;;;;;;;;CAAU,EAAE,OAAO;;;CAAU,EAAE,OAAO;;;;;;;;CAAU,EAAE,OAAO;;CAAU,EAAE,OAAO;;CAAW,CAAE;AACpG,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAChD;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA+B/C,QAAA,MAAM,eAAe;;;;;;;;;;cAjcR,OAAO;6EA0clB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CropPreview.vue.d.ts

@@ -0,0 +1,33 @@
+import type { TransformState, CropState, ImageData as CropImageData } from '@cropvue/core';
+type __VLS_Props = {
+    image: CropImageData | null;
+    transform: TransformState;
+    crop: CropState;
+    maxWidth?: number;
+    maxHeight?: number;
+    debounce?: number;
+};
+declare function render(): void;
+declare var __VLS_1: {
+    canvasRef: HTMLCanvasElement | null;
+    render: typeof render;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    canvasRef: import("vue").Ref<HTMLCanvasElement | null, HTMLCanvasElement | null>;
+    render: typeof render;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    maxWidth: number;
+    maxHeight: number;
+    debounce: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CropPreview.vue.d.ts.map

package/dist/components/CropPreview.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CropPreview.vue.d.ts","sourceRoot":"","sources":["../../src/components/CropPreview.vue"],"names":[],"mappings":"AA8EA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,eAAe,CAAA;AAE1F,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,aAAa,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,cAAc,CAAA;IACzB,IAAI,EAAE,SAAS,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAC;AAUF,iBAAS,MAAM,SASd;AAoDD,QAAA,IAAI,OAAO;;;CAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAuB/C,QAAA,MAAM,eAAe;;;;cAnGR,MAAM;eACL,MAAM;cACP,MAAM;6EAyGjB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CropQueue.vue.d.ts

@@ -0,0 +1,204 @@
+import type { QueueItem } from '@cropvue/core';
+declare function selectItem(index: number): void;
+declare function removeItem(index: number): void;
+declare var __VLS_1: {
+    items: {
+        id: string;
+        file: {
+            readonly lastModified: number;
+            readonly name: string;
+            readonly webkitRelativePath: string;
+            readonly size: number;
+            readonly type: string;
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+            slice: (start?: number, end?: number, contentType?: string) => Blob;
+            stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+            text: () => Promise<string>;
+        };
+        thumbnail: string;
+        result?: {
+            blob: {
+                readonly size: number;
+                readonly type: string;
+                arrayBuffer: () => Promise<ArrayBuffer>;
+                bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+                slice: (start?: number, end?: number, contentType?: string) => Blob;
+                stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+                text: () => Promise<string>;
+            };
+            file: {
+                readonly lastModified: number;
+                readonly name: string;
+                readonly webkitRelativePath: string;
+                readonly size: number;
+                readonly type: string;
+                arrayBuffer: () => Promise<ArrayBuffer>;
+                bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+                slice: (start?: number, end?: number, contentType?: string) => Blob;
+                stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+                text: () => Promise<string>;
+            };
+            url: string;
+            coords: {
+                x: number;
+                y: number;
+                width: number;
+                height: number;
+                rotation: number;
+                flipX: boolean;
+                flipY: boolean;
+                scale: number;
+            };
+            width: number;
+            height: number;
+            originalWidth: number;
+            originalHeight: number;
+        } | undefined;
+        status: "pending" | "cropping" | "done";
+    }[];
+    currentIndex: number;
+    select: typeof selectItem;
+    remove: typeof removeItem;
+    add: (files: File[]) => void;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {
+    queue: {
+        images: import("vue").Ref<{
+            id: string;
+            file: {
+                readonly lastModified: number;
+                readonly name: string;
+                readonly webkitRelativePath: string;
+                readonly size: number;
+                readonly type: string;
+                arrayBuffer: () => Promise<ArrayBuffer>;
+                bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+                slice: (start?: number, end?: number, contentType?: string) => Blob;
+                stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+                text: () => Promise<string>;
+            };
+            thumbnail: string;
+            result?: {
+                blob: {
+                    readonly size: number;
+                    readonly type: string;
+                    arrayBuffer: () => Promise<ArrayBuffer>;
+                    bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+                    slice: (start?: number, end?: number, contentType?: string) => Blob;
+                    stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+                    text: () => Promise<string>;
+                };
+                file: {
+                    readonly lastModified: number;
+                    readonly name: string;
+                    readonly webkitRelativePath: string;
+                    readonly size: number;
+                    readonly type: string;
+                    arrayBuffer: () => Promise<ArrayBuffer>;
+                    bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+                    slice: (start?: number, end?: number, contentType?: string) => Blob;
+                    stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+                    text: () => Promise<string>;
+                };
+                url: string;
+                coords: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    rotation: number;
+                    flipX: boolean;
+                    flipY: boolean;
+                    scale: number;
+                };
+                width: number;
+                height: number;
+                originalWidth: number;
+                originalHeight: number;
+            } | undefined;
+            status: "pending" | "cropping" | "done";
+        }[], QueueItem[] | {
+            id: string;
+            file: {
+                readonly lastModified: number;
+                readonly name: string;
+                readonly webkitRelativePath: string;
+                readonly size: number;
+                readonly type: string;
+                arrayBuffer: () => Promise<ArrayBuffer>;
+                bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+                slice: (start?: number, end?: number, contentType?: string) => Blob;
+                stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+                text: () => Promise<string>;
+            };
+            thumbnail: string;
+            result?: {
+                blob: {
+                    readonly size: number;
+                    readonly type: string;
+                    arrayBuffer: () => Promise<ArrayBuffer>;
+                    bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+                    slice: (start?: number, end?: number, contentType?: string) => Blob;
+                    stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+                    text: () => Promise<string>;
+                };
+                file: {
+                    readonly lastModified: number;
+                    readonly name: string;
+                    readonly webkitRelativePath: string;
+                    readonly size: number;
+                    readonly type: string;
+                    arrayBuffer: () => Promise<ArrayBuffer>;
+                    bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+                    slice: (start?: number, end?: number, contentType?: string) => Blob;
+                    stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+                    text: () => Promise<string>;
+                };
+                url: string;
+                coords: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    rotation: number;
+                    flipX: boolean;
+                    flipY: boolean;
+                    scale: number;
+                };
+                width: number;
+                height: number;
+                originalWidth: number;
+                originalHeight: number;
+            } | undefined;
+            status: "pending" | "cropping" | "done";
+        }[]>;
+        current: import("vue").Ref<number, number>;
+        add: (files: File[]) => void;
+        remove: (index: number) => void;
+        select: (index: number) => void;
+        next: () => void;
+        previous: () => void;
+        clear: () => void;
+        results: import("vue").ComputedRef<import("@cropvue/core").CropResult[]>;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (item: QueueItem) => any;
+    change: (items: QueueItem[]) => any;
+    remove: (item: QueueItem) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onSelect?: ((item: QueueItem) => any) | undefined;
+    onChange?: ((items: QueueItem[]) => any) | undefined;
+    onRemove?: ((item: QueueItem) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CropQueue.vue.d.ts.map

package/dist/components/CropQueue.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CropQueue.vue.d.ts","sourceRoot":"","sources":["../../src/components/CropQueue.vue"],"names":[],"mappings":"AAsJA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAW9C,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,QAKhC;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,QAMhC;AAiGD,QAAA,IAAI,OAAO;;;;;;;;;;;yBAlFkB,CAAC,aAAa,CAAC,qBAAqB,CAAC;;;;;;;;;;;6BAad,CAAC,aAAa,CAAC,qBACnE,CAAC;;;;;;;;;;;;6BAciC,CAAC,aAEjC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDH,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB/C,QAAA,MAAM,eAAe;;;;;;;;;;;;6BA1GQ,CAAC,aAAa,CAAC,qBAAqB,CAAC;;;;;kBAM5C,CAAC;;;;;;iCAO6B,CAAC,aAAa,CAAC,qBACnE,CAAC;;;;;;;;;;;;iCAciC,CAAC,aAEjC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BA0CzB,CAAC,aAGK,CAAC,qBAAqB,CAAC;;;;;kBAGP,CAAC;;;;;;iCAMT,CAAA,aAAa,CAAC,qBAC3B,CAAC;;;;;;;;;;;;iCAgBqB,CAAC,aAAa,CAAC,qBAG9B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFASP,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CropStencil.vue.d.ts

@@ -0,0 +1,28 @@
+import type { CropState, Point } from '@cropvue/core';
+type __VLS_Props = {
+    crop: CropState;
+    containerWidth: number;
+    containerHeight: number;
+};
+declare var __VLS_1: {
+    crop: CropState;
+    stencil: import("@cropvue/core").StencilType;
+    points: Point[] | undefined;
+    style: {
+        clipPath: string;
+        WebkitClipPath: string;
+    };
+    clipPath: string;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CropStencil.vue.d.ts.map

package/dist/components/CropStencil.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CropStencil.vue.d.ts","sourceRoot":"","sources":["../../src/components/CropStencil.vue"],"names":[],"mappings":"AAsEA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAErD,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,SAAS,CAAA;IACf,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;CACxB,CAAC;AA0DF,QAAA,IAAI,OAAO;;;;;;;;;CAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqB/C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CropToolbar.vue.d.ts

@@ -0,0 +1,49 @@
+import type { TransformState } from '@cropvue/core';
+type __VLS_Props = {
+    transform: TransformState;
+};
+declare function rotateLeft(): void;
+declare function rotateRight(): void;
+declare function flipX(): void;
+declare function flipY(): void;
+declare function zoomIn(): void;
+declare function zoomOut(): void;
+declare function reset(): void;
+declare var __VLS_1: {
+    rotateLeft: typeof rotateLeft;
+    rotateRight: typeof rotateRight;
+    flipX: typeof flipX;
+    flipY: typeof flipY;
+    zoomIn: typeof zoomIn;
+    zoomOut: typeof zoomOut;
+    reset: typeof reset;
+    transform: TransformState;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "rotate-left": () => any;
+    "rotate-right": () => any;
+    "flip-x": () => any;
+    "flip-y": () => any;
+    "zoom-in": () => any;
+    "zoom-out": () => any;
+    reset: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onRotate-left"?: (() => any) | undefined;
+    "onRotate-right"?: (() => any) | undefined;
+    "onFlip-x"?: (() => any) | undefined;
+    "onFlip-y"?: (() => any) | undefined;
+    "onZoom-in"?: (() => any) | undefined;
+    "onZoom-out"?: (() => any) | undefined;
+    onReset?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CropToolbar.vue.d.ts.map

package/dist/components/CropToolbar.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CropToolbar.vue.d.ts","sourceRoot":"","sources":["../../src/components/CropToolbar.vue"],"names":[],"mappings":"AAAA,OA4IO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAEnD,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,cAAc,CAAA;CAC1B,CAAC;AAcF,iBAAS,UAAU,SAA0B;AAC7C,iBAAS,WAAW,SAA2B;AAC/C,iBAAS,KAAK,SAAqB;AACnC,iBAAS,KAAK,SAAqB;AACnC,iBAAS,MAAM,SAAsB;AACrC,iBAAS,OAAO,SAAuB;AACvC,iBAAS,KAAK,SAAoB;AAiNlC,QAAA,IAAI,OAAO;;;;;;;;;CAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA2B/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}