@wirekyt/vue 0.0.1 → 0.0.2

package/dist/image-cropper.cjs

@@ -0,0 +1,252 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-XrBZd2Yk.cjs");
+const require_providers = require("./providers-5QhcwgSd.cjs");
+const require_clean_props = require("./clean-props-MyKqus13.cjs");
+const require_factory = require("./factory-JL7MPjkk.cjs");
+let vue = require("vue");
+let _wirekyt_dom_machines_image_cropper = require("@wirekyt/dom/machines/image-cropper");
+_wirekyt_dom_machines_image_cropper = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_image_cropper, 1);
+//#region src/components/image-cropper/use-context.ts
+const [ImageCropperProvider, useImageCropperContext] = require_utils.createContext("ImageCropperContext");
+//#endregion
+//#region src/components/image-cropper/context.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "context",
+	setup(__props) {
+		const imageCropper = useImageCropperContext();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(imageCropper))));
+		};
+	}
+});
+//#endregion
+//#region src/components/image-cropper/grid.vue
+const _sfc_main$1 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "grid",
+	props: {
+		asChild: { type: Boolean },
+		axis: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const imageCropper = useImageCropperContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(imageCropper).getGridProps({ axis: props.axis }), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/image-cropper/handle.vue
+const _sfc_main$2 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "handle",
+	props: {
+		asChild: { type: Boolean },
+		position: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const imageCropper = useImageCropperContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(imageCropper).getHandleProps({ position: props.position }), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/image-cropper/image.vue
+const _sfc_main$3 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "image",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const imageCropper = useImageCropperContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).img, (0, vue.mergeProps)((0, vue.unref)(imageCropper).getImageProps(), { "as-child": __props.asChild }), null, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/image-cropper/use-image-cropper.ts
+const useImageCropper = (props = {}, emit) => {
+	const id = (0, vue.useId)();
+	const env = require_providers.useEnvironmentContext(require_providers.DEFAULT_ENVIRONMENT);
+	const locale = require_providers.useLocaleContext(require_providers.DEFAULT_LOCALE);
+	const context = (0, vue.computed)(() => {
+		const localProps = (0, vue.toValue)(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			getRootNode: env?.value.getRootNode,
+			...require_clean_props.cleanProps(localProps),
+			onZoomChange(details) {
+				emit?.("zoomChange", details);
+				emit?.("update:zoom", details.zoom);
+				localProps.onZoomChange?.(details);
+			},
+			onRotationChange(details) {
+				emit?.("rotationChange", details);
+				emit?.("update:rotation", details.rotation);
+				localProps.onRotationChange?.(details);
+			},
+			onFlipChange(details) {
+				emit?.("flipChange", details);
+				emit?.("update:flip", details.flip);
+				localProps.onFlipChange?.(details);
+			},
+			onCropChange(details) {
+				emit?.("cropChange", details);
+				emit?.("update:crop", details.crop);
+				localProps.onCropChange?.(details);
+			}
+		};
+	});
+	const service = require_utils.useMachine(_wirekyt_dom_machines_image_cropper.machine, context);
+	return (0, vue.computed)(() => _wirekyt_dom_machines_image_cropper.connect(service, require_utils.normalizeProps));
+};
+//#endregion
+//#region src/components/image-cropper/root.vue
+const _sfc_main$4 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root",
+	props: {
+		ids: {},
+		translations: {},
+		initialCrop: {},
+		minWidth: {},
+		minHeight: {},
+		maxWidth: {},
+		maxHeight: {},
+		aspectRatio: {},
+		cropShape: {},
+		zoom: {},
+		rotation: {},
+		flip: {},
+		defaultZoom: {},
+		defaultRotation: {},
+		defaultFlip: {},
+		zoomStep: {},
+		zoomSensitivity: {},
+		minZoom: {},
+		maxZoom: {},
+		nudgeStep: {},
+		nudgeStepShift: {},
+		nudgeStepCtrl: {},
+		fixedCropArea: { type: Boolean },
+		asChild: { type: Boolean }
+	},
+	emits: [
+		"zoomChange",
+		"update:zoom",
+		"rotationChange",
+		"update:rotation",
+		"flipChange",
+		"update:flip",
+		"cropChange",
+		"update:crop"
+	],
+	setup(__props, { emit: __emit }) {
+		const imageCropper = useImageCropper({}, __emit);
+		ImageCropperProvider(imageCropper);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(imageCropper).getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/image-cropper/root-provider.vue
+const _sfc_main$5 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const imageCropper = (0, vue.computed)(() => props.value);
+		ImageCropperProvider(imageCropper);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)(imageCropper.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/image-cropper/selection.vue
+const _sfc_main$6 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "selection",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const imageCropper = useImageCropperContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(imageCropper).getSelectionProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/image-cropper/viewport.vue
+const _sfc_main$7 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "viewport",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const imageCropper = useImageCropperContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(imageCropper).getViewportProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/image-cropper/anatomy.ts
+const imageCropperAnatomy = _wirekyt_dom_machines_image_cropper.anatomy;
+//#endregion
+//#region src/components/image-cropper/image-cropper.ts
+var image_cropper_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Context: () => _sfc_main,
+	Grid: () => _sfc_main$1,
+	Handle: () => _sfc_main$2,
+	Image: () => _sfc_main$3,
+	Root: () => _sfc_main$4,
+	RootProvider: () => _sfc_main$5,
+	Selection: () => _sfc_main$6,
+	Viewport: () => _sfc_main$7,
+	handles: () => _wirekyt_dom_machines_image_cropper.handles
+});
+//#endregion
+Object.defineProperty(exports, "ImageCropper", {
+	enumerable: true,
+	get: function() {
+		return image_cropper_exports;
+	}
+});
+exports.ImageCropperContext = _sfc_main;
+exports.ImageCropperGrid = _sfc_main$1;
+exports.ImageCropperHandle = _sfc_main$2;
+exports.ImageCropperImage = _sfc_main$3;
+exports.ImageCropperRoot = _sfc_main$4;
+exports.ImageCropperRootProvider = _sfc_main$5;
+exports.ImageCropperSelection = _sfc_main$6;
+exports.ImageCropperViewport = _sfc_main$7;
+exports.imageCropperAnatomy = imageCropperAnatomy;
+exports.useImageCropper = useImageCropper;
+exports.useImageCropperContext = useImageCropperContext;

package/dist/image-cropper.d.cts

@@ -0,0 +1,207 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.cjs";
+import { i as EmitFn$1, l as PropTypes, o as Optional } from "./index-B-o8jLyV.cjs";
+import { ComputedRef, HTMLAttributes, ImgHTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import { Rect } from "@wirekyt/dom/types";
+import * as imageCropper from "@wirekyt/dom/machines/image-cropper";
+import { CropChangeDetails, CropChangeDetails as ImageCropperCropChangeDetails, FlipChangeDetails, FlipChangeDetails as ImageCropperFlipChangeDetails, FlipState, FlipState as ImageCropperFlipState, GridProps, HandlePosition, HandlePosition as ImageCropperHandlePosition, HandleProps, RotationChangeDetails, RotationChangeDetails as ImageCropperRotationChangeDetails, ZoomChangeDetails, ZoomChangeDetails as ImageCropperZoomChangeDetails, connect, handles } from "@wirekyt/dom/machines/image-cropper";
+//#region src/components/image-cropper/use-context.d.ts
+interface UseImageCropperContext extends ComputedRef<ReturnType<typeof connect>> {}
+declare const ImageCropperProvider: (opts: UseImageCropperContext) => void, useImageCropperContext: (fallback?: UseImageCropperContext | undefined) => UseImageCropperContext;
+//#endregion
+//#region src/components/image-cropper/context.vue.d.ts
+interface ImageCropperContextProps extends SlotsType<{
+  default: UnwrapRef<UseImageCropperContext>;
+}> {}
+declare const _default: typeof __VLS_export$7;
+declare const __VLS_export$7: __VLS_WithSlots$6<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+  default(imageCropper: UnwrapRef<UseImageCropperContext>): unknown;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/image-cropper/grid.vue.d.ts
+interface ImageCropperGridBaseProps extends PolymorphicProps, GridProps {}
+interface ImageCropperGridProps extends ImageCropperGridBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$1: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$5<import("vue").DefineComponent<ImageCropperGridProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperGridProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/image-cropper/handle.vue.d.ts
+interface ImageCropperHandleBaseProps extends PolymorphicProps, HandleProps {}
+interface ImageCropperHandleProps extends ImageCropperHandleBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$2: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$4<import("vue").DefineComponent<ImageCropperHandleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperHandleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/image-cropper/image.vue.d.ts
+interface ImageCropperImageBaseProps extends PolymorphicProps {}
+interface ImageCropperImageProps extends ImageCropperImageBaseProps,
+/**
+ * @vue-ignore
+ */
+ImgHTMLAttributes {}
+declare const _default$3: typeof __VLS_export$4;
+declare const __VLS_export$4: import("vue").DefineComponent<ImageCropperImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperImageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//#endregion
+//#region src/components/image-cropper/types.d.ts
+interface RootProps {
+  ids?: imageCropper.ElementIds;
+  translations?: imageCropper.IntlTranslations;
+  initialCrop?: Rect;
+  minWidth?: number;
+  minHeight?: number;
+  maxWidth?: number;
+  maxHeight?: number;
+  aspectRatio?: number;
+  cropShape?: "rectangle" | "circle";
+  zoom?: number;
+  rotation?: number;
+  flip?: imageCropper.FlipState;
+  defaultZoom?: number;
+  defaultRotation?: number;
+  defaultFlip?: imageCropper.FlipState;
+  zoomStep?: number;
+  zoomSensitivity?: number;
+  minZoom?: number;
+  maxZoom?: number;
+  nudgeStep?: number;
+  nudgeStepShift?: number;
+  nudgeStepCtrl?: number;
+  fixedCropArea?: boolean;
+}
+type RootEmits = {
+  zoomChange: [details: imageCropper.ZoomChangeDetails];
+  "update:zoom": [zoom: number];
+  rotationChange: [details: imageCropper.RotationChangeDetails];
+  "update:rotation": [rotation: number];
+  flipChange: [details: imageCropper.FlipChangeDetails];
+  "update:flip": [flip: imageCropper.FlipState];
+  cropChange: [details: imageCropper.CropChangeDetails];
+  "update:crop": [crop: Rect];
+};
+//#endregion
+//#region src/components/image-cropper/root.vue.d.ts
+interface ImageCropperRootBaseProps extends RootProps, PolymorphicProps {}
+interface ImageCropperRootProps extends ImageCropperRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+interface ImageCropperRootEmits extends RootEmits {}
+declare const _default$4: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<ImageCropperRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  zoomChange: (details: import("@wirekyt/dom/machines/image-cropper").ZoomChangeDetails) => any;
+  "update:zoom": (zoom: number) => any;
+  rotationChange: (details: import("@wirekyt/dom/machines/image-cropper").RotationChangeDetails) => any;
+  "update:rotation": (rotation: number) => any;
+  flipChange: (details: import("@wirekyt/dom/machines/image-cropper").FlipChangeDetails) => any;
+  "update:flip": (flip: import("@wirekyt/dom/machines/image-cropper").FlipState) => any;
+  cropChange: (details: import("@wirekyt/dom/machines/image-cropper").CropChangeDetails) => any;
+  "update:crop": (crop: import("@wirekyt/dom/types").Rect) => any;
+}, string, import("vue").PublicProps, Readonly<ImageCropperRootProps> & Readonly<{
+  onZoomChange?: ((details: import("@wirekyt/dom/machines/image-cropper").ZoomChangeDetails) => any) | undefined;
+  "onUpdate:zoom"?: ((zoom: number) => any) | undefined;
+  onRotationChange?: ((details: import("@wirekyt/dom/machines/image-cropper").RotationChangeDetails) => any) | undefined;
+  "onUpdate:rotation"?: ((rotation: number) => any) | undefined;
+  onFlipChange?: ((details: import("@wirekyt/dom/machines/image-cropper").FlipChangeDetails) => any) | undefined;
+  "onUpdate:flip"?: ((flip: import("@wirekyt/dom/machines/image-cropper").FlipState) => any) | undefined;
+  onCropChange?: ((details: import("@wirekyt/dom/machines/image-cropper").CropChangeDetails) => any) | undefined;
+  "onUpdate:crop"?: ((crop: import("@wirekyt/dom/types").Rect) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/image-cropper/use-image-cropper.d.ts
+interface UseImageCropperProps extends Optional<Omit<imageCropper.Props, "dir" | "getRootNode">, "id"> {}
+interface UseImageCropperReturn extends ComputedRef<imageCropper.Api<PropTypes>> {}
+declare const useImageCropper: (props?: MaybeRef<UseImageCropperProps>, emit?: EmitFn$1<RootEmits>) => ComputedRef<imageCropper.Api<PropTypes>>;
+//#endregion
+//#region src/components/image-cropper/root-provider.vue.d.ts
+interface RootProviderProps {
+  value: UnwrapRef<UseImageCropperReturn>;
+}
+interface ImageCropperRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface ImageCropperRootProviderProps extends ImageCropperRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$5: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<import("vue").DefineComponent<ImageCropperRootProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/image-cropper/selection.vue.d.ts
+interface ImageCropperSelectionBaseProps extends PolymorphicProps {}
+interface ImageCropperSelectionProps extends ImageCropperSelectionBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$6: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<ImageCropperSelectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperSelectionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/image-cropper/viewport.vue.d.ts
+interface ImageCropperViewportBaseProps extends PolymorphicProps {}
+interface ImageCropperViewportProps extends ImageCropperViewportBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$7: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ImageCropperViewportProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperViewportProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/image-cropper/anatomy.d.ts
+declare const imageCropperAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"grid" | "image" | "root" | "viewport" | "selection" | "handle">;
+declare namespace image_cropper_d_exports {
+  export { _default as Context, ImageCropperContextProps as ContextProps, CropChangeDetails, FlipChangeDetails, FlipState, _default$1 as Grid, ImageCropperGridBaseProps as GridBaseProps, ImageCropperGridProps as GridProps, _default$2 as Handle, ImageCropperHandleBaseProps as HandleBaseProps, HandlePosition, ImageCropperHandleProps as HandleProps, _default$3 as Image, ImageCropperImageBaseProps as ImageBaseProps, ImageCropperImageProps as ImageProps, _default$4 as Root, ImageCropperRootBaseProps as RootBaseProps, ImageCropperRootEmits as RootEmits, ImageCropperRootProps as RootProps, _default$5 as RootProvider, ImageCropperRootProviderBaseProps as RootProviderBaseProps, ImageCropperRootProviderProps as RootProviderProps, RotationChangeDetails, _default$6 as Selection, ImageCropperSelectionBaseProps as SelectionBaseProps, ImageCropperSelectionProps as SelectionProps, _default$7 as Viewport, ImageCropperViewportBaseProps as ViewportBaseProps, ImageCropperViewportProps as ViewportProps, ZoomChangeDetails, handles };
+}
+//#endregion
+export { image_cropper_d_exports as ImageCropper, _default as ImageCropperContext, type ImageCropperContextProps, type ImageCropperCropChangeDetails, type ImageCropperFlipChangeDetails, type ImageCropperFlipState, _default$1 as ImageCropperGrid, type ImageCropperGridBaseProps, type ImageCropperGridProps, _default$2 as ImageCropperHandle, type ImageCropperHandleBaseProps, type ImageCropperHandlePosition, type ImageCropperHandleProps, _default$3 as ImageCropperImage, type ImageCropperImageBaseProps, type ImageCropperImageProps, _default$4 as ImageCropperRoot, type ImageCropperRootBaseProps, type ImageCropperRootEmits, type ImageCropperRootProps, _default$5 as ImageCropperRootProvider, type ImageCropperRootProviderBaseProps, type ImageCropperRootProviderProps, type ImageCropperRotationChangeDetails, _default$6 as ImageCropperSelection, type ImageCropperSelectionBaseProps, type ImageCropperSelectionProps, _default$7 as ImageCropperViewport, type ImageCropperViewportBaseProps, type ImageCropperViewportProps, type ImageCropperZoomChangeDetails, type UseImageCropperContext, type UseImageCropperProps, type UseImageCropperReturn, imageCropperAnatomy, useImageCropper, useImageCropperContext };

package/dist/image-cropper.d.ts

@@ -0,0 +1,207 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.js";
+import { i as EmitFn$1, l as PropTypes, o as Optional } from "./index-BSoF1D-v.js";
+import { ComputedRef, HTMLAttributes, ImgHTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import { Rect } from "@wirekyt/dom/types";
+import * as imageCropper from "@wirekyt/dom/machines/image-cropper";
+import { CropChangeDetails, CropChangeDetails as ImageCropperCropChangeDetails, FlipChangeDetails, FlipChangeDetails as ImageCropperFlipChangeDetails, FlipState, FlipState as ImageCropperFlipState, GridProps, HandlePosition, HandlePosition as ImageCropperHandlePosition, HandleProps, RotationChangeDetails, RotationChangeDetails as ImageCropperRotationChangeDetails, ZoomChangeDetails, ZoomChangeDetails as ImageCropperZoomChangeDetails, connect, handles } from "@wirekyt/dom/machines/image-cropper";
+//#region src/components/image-cropper/use-context.d.ts
+interface UseImageCropperContext extends ComputedRef<ReturnType<typeof connect>> {}
+declare const ImageCropperProvider: (opts: UseImageCropperContext) => void, useImageCropperContext: (fallback?: UseImageCropperContext | undefined) => UseImageCropperContext;
+//#endregion
+//#region src/components/image-cropper/context.vue.d.ts
+interface ImageCropperContextProps extends SlotsType<{
+  default: UnwrapRef<UseImageCropperContext>;
+}> {}
+declare const _default: typeof __VLS_export$7;
+declare const __VLS_export$7: __VLS_WithSlots$6<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+  default(imageCropper: UnwrapRef<UseImageCropperContext>): unknown;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/image-cropper/grid.vue.d.ts
+interface ImageCropperGridBaseProps extends PolymorphicProps, GridProps {}
+interface ImageCropperGridProps extends ImageCropperGridBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$1: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$5<import("vue").DefineComponent<ImageCropperGridProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperGridProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/image-cropper/handle.vue.d.ts
+interface ImageCropperHandleBaseProps extends PolymorphicProps, HandleProps {}
+interface ImageCropperHandleProps extends ImageCropperHandleBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$2: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$4<import("vue").DefineComponent<ImageCropperHandleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperHandleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/image-cropper/image.vue.d.ts
+interface ImageCropperImageBaseProps extends PolymorphicProps {}
+interface ImageCropperImageProps extends ImageCropperImageBaseProps,
+/**
+ * @vue-ignore
+ */
+ImgHTMLAttributes {}
+declare const _default$3: typeof __VLS_export$4;
+declare const __VLS_export$4: import("vue").DefineComponent<ImageCropperImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperImageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//#endregion
+//#region src/components/image-cropper/types.d.ts
+interface RootProps {
+  ids?: imageCropper.ElementIds;
+  translations?: imageCropper.IntlTranslations;
+  initialCrop?: Rect;
+  minWidth?: number;
+  minHeight?: number;
+  maxWidth?: number;
+  maxHeight?: number;
+  aspectRatio?: number;
+  cropShape?: "rectangle" | "circle";
+  zoom?: number;
+  rotation?: number;
+  flip?: imageCropper.FlipState;
+  defaultZoom?: number;
+  defaultRotation?: number;
+  defaultFlip?: imageCropper.FlipState;
+  zoomStep?: number;
+  zoomSensitivity?: number;
+  minZoom?: number;
+  maxZoom?: number;
+  nudgeStep?: number;
+  nudgeStepShift?: number;
+  nudgeStepCtrl?: number;
+  fixedCropArea?: boolean;
+}
+type RootEmits = {
+  zoomChange: [details: imageCropper.ZoomChangeDetails];
+  "update:zoom": [zoom: number];
+  rotationChange: [details: imageCropper.RotationChangeDetails];
+  "update:rotation": [rotation: number];
+  flipChange: [details: imageCropper.FlipChangeDetails];
+  "update:flip": [flip: imageCropper.FlipState];
+  cropChange: [details: imageCropper.CropChangeDetails];
+  "update:crop": [crop: Rect];
+};
+//#endregion
+//#region src/components/image-cropper/root.vue.d.ts
+interface ImageCropperRootBaseProps extends RootProps, PolymorphicProps {}
+interface ImageCropperRootProps extends ImageCropperRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+interface ImageCropperRootEmits extends RootEmits {}
+declare const _default$4: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<ImageCropperRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  zoomChange: (details: import("@wirekyt/dom/machines/image-cropper").ZoomChangeDetails) => any;
+  "update:zoom": (zoom: number) => any;
+  rotationChange: (details: import("@wirekyt/dom/machines/image-cropper").RotationChangeDetails) => any;
+  "update:rotation": (rotation: number) => any;
+  flipChange: (details: import("@wirekyt/dom/machines/image-cropper").FlipChangeDetails) => any;
+  "update:flip": (flip: import("@wirekyt/dom/machines/image-cropper").FlipState) => any;
+  cropChange: (details: import("@wirekyt/dom/machines/image-cropper").CropChangeDetails) => any;
+  "update:crop": (crop: import("@wirekyt/dom/types").Rect) => any;
+}, string, import("vue").PublicProps, Readonly<ImageCropperRootProps> & Readonly<{
+  onZoomChange?: ((details: import("@wirekyt/dom/machines/image-cropper").ZoomChangeDetails) => any) | undefined;
+  "onUpdate:zoom"?: ((zoom: number) => any) | undefined;
+  onRotationChange?: ((details: import("@wirekyt/dom/machines/image-cropper").RotationChangeDetails) => any) | undefined;
+  "onUpdate:rotation"?: ((rotation: number) => any) | undefined;
+  onFlipChange?: ((details: import("@wirekyt/dom/machines/image-cropper").FlipChangeDetails) => any) | undefined;
+  "onUpdate:flip"?: ((flip: import("@wirekyt/dom/machines/image-cropper").FlipState) => any) | undefined;
+  onCropChange?: ((details: import("@wirekyt/dom/machines/image-cropper").CropChangeDetails) => any) | undefined;
+  "onUpdate:crop"?: ((crop: import("@wirekyt/dom/types").Rect) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/image-cropper/use-image-cropper.d.ts
+interface UseImageCropperProps extends Optional<Omit<imageCropper.Props, "dir" | "getRootNode">, "id"> {}
+interface UseImageCropperReturn extends ComputedRef<imageCropper.Api<PropTypes>> {}
+declare const useImageCropper: (props?: MaybeRef<UseImageCropperProps>, emit?: EmitFn$1<RootEmits>) => ComputedRef<imageCropper.Api<PropTypes>>;
+//#endregion
+//#region src/components/image-cropper/root-provider.vue.d.ts
+interface RootProviderProps {
+  value: UnwrapRef<UseImageCropperReturn>;
+}
+interface ImageCropperRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface ImageCropperRootProviderProps extends ImageCropperRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$5: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<import("vue").DefineComponent<ImageCropperRootProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/image-cropper/selection.vue.d.ts
+interface ImageCropperSelectionBaseProps extends PolymorphicProps {}
+interface ImageCropperSelectionProps extends ImageCropperSelectionBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$6: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<ImageCropperSelectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperSelectionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/image-cropper/viewport.vue.d.ts
+interface ImageCropperViewportBaseProps extends PolymorphicProps {}
+interface ImageCropperViewportProps extends ImageCropperViewportBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$7: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ImageCropperViewportProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperViewportProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/image-cropper/anatomy.d.ts
+declare const imageCropperAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"grid" | "image" | "root" | "viewport" | "selection" | "handle">;
+declare namespace image_cropper_d_exports {
+  export { _default as Context, ImageCropperContextProps as ContextProps, CropChangeDetails, FlipChangeDetails, FlipState, _default$1 as Grid, ImageCropperGridBaseProps as GridBaseProps, ImageCropperGridProps as GridProps, _default$2 as Handle, ImageCropperHandleBaseProps as HandleBaseProps, HandlePosition, ImageCropperHandleProps as HandleProps, _default$3 as Image, ImageCropperImageBaseProps as ImageBaseProps, ImageCropperImageProps as ImageProps, _default$4 as Root, ImageCropperRootBaseProps as RootBaseProps, ImageCropperRootEmits as RootEmits, ImageCropperRootProps as RootProps, _default$5 as RootProvider, ImageCropperRootProviderBaseProps as RootProviderBaseProps, ImageCropperRootProviderProps as RootProviderProps, RotationChangeDetails, _default$6 as Selection, ImageCropperSelectionBaseProps as SelectionBaseProps, ImageCropperSelectionProps as SelectionProps, _default$7 as Viewport, ImageCropperViewportBaseProps as ViewportBaseProps, ImageCropperViewportProps as ViewportProps, ZoomChangeDetails, handles };
+}
+//#endregion
+export { image_cropper_d_exports as ImageCropper, _default as ImageCropperContext, type ImageCropperContextProps, type ImageCropperCropChangeDetails, type ImageCropperFlipChangeDetails, type ImageCropperFlipState, _default$1 as ImageCropperGrid, type ImageCropperGridBaseProps, type ImageCropperGridProps, _default$2 as ImageCropperHandle, type ImageCropperHandleBaseProps, type ImageCropperHandlePosition, type ImageCropperHandleProps, _default$3 as ImageCropperImage, type ImageCropperImageBaseProps, type ImageCropperImageProps, _default$4 as ImageCropperRoot, type ImageCropperRootBaseProps, type ImageCropperRootEmits, type ImageCropperRootProps, _default$5 as ImageCropperRootProvider, type ImageCropperRootProviderBaseProps, type ImageCropperRootProviderProps, type ImageCropperRotationChangeDetails, _default$6 as ImageCropperSelection, type ImageCropperSelectionBaseProps, type ImageCropperSelectionProps, _default$7 as ImageCropperViewport, type ImageCropperViewportBaseProps, type ImageCropperViewportProps, type ImageCropperZoomChangeDetails, type UseImageCropperContext, type UseImageCropperProps, type UseImageCropperReturn, imageCropperAnatomy, useImageCropper, useImageCropperContext };