@sprawlify/vue 0.0.67 → 0.0.72

package/dist/components/hover-card/index.js

@@ -0,0 +1,335 @@
+import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
+import { n as useMachine, r as normalizeProps$1, t as mergeProps$1 } from "../../core-DNndr38p.js";
+import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, s as DEFAULT_ENVIRONMENT } from "../../providers-DNBWT-O_.js";
+import { t as createContext } from "../../create-context-Ds1GbsVc.js";
+import { t as useForwardExpose } from "../../use-forward-expose-CCAmHTUB.js";
+import { t as sprawlify } from "../../factory-Co08Aw8u.js";
+import { t as cleanProps } from "../../clean-props-D2R4tz5e.js";
+import { t as RenderStrategyPropsProvider } from "../../use-render-strategy-DA33j31C.js";
+import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-B4-UhJY9.js";
+import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as hoverCard from "@sprawlify/primitives/machines/hover-card";
+import { anatomy as hoverCardAnatomy } from "@sprawlify/primitives/machines/hover-card";
+
+//#region src/components/hover-card/use-hover-card-context.ts
+const [HoverCardProvider, useHoverCardContext] = createContext("HoverCardContext");
+
+//#endregion
+//#region src/components/hover-card/hover-card-arrow-tip.vue?vue&type=script&setup=true&lang.ts
+var hover_card_arrow_tip_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "hover-card-arrow-tip",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const hoverCard = useHoverCardContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(hoverCard).getArrowTipProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/hover-card/hover-card-arrow-tip.vue
+var hover_card_arrow_tip_default = hover_card_arrow_tip_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/hover-card/hover-card-arrow.vue?vue&type=script&setup=true&lang.ts
+var hover_card_arrow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "hover-card-arrow",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const hoverCard = useHoverCardContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(hoverCard).getArrowProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/hover-card/hover-card-arrow.vue
+var hover_card_arrow_default = hover_card_arrow_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/hover-card/hover-card-content.vue?vue&type=script&setup=true&lang.ts
+var hover_card_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "hover-card-content",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const hoverCard = useHoverCardContext();
+		const presence = usePresenceContext();
+		const mergedProps = computed(() => mergeProps$1(hoverCard.value.getContentProps(), presence.value.presenceProps));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(sprawlify).div, mergeProps({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/hover-card/hover-card-content.vue
+var hover_card_content_default = hover_card_content_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/hover-card/hover-card-context.vue?vue&type=script&setup=true&lang.ts
+var hover_card_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "hover-card-context",
+	setup(__props) {
+		const hoverCard = useHoverCardContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(hoverCard))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/hover-card/hover-card-context.vue
+var hover_card_context_default = hover_card_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/hover-card/hover-card-positioner.vue?vue&type=script&setup=true&lang.ts
+var hover_card_positioner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "hover-card-positioner",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const hoverCard = useHoverCardContext();
+		const presence = usePresenceContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(sprawlify).div, mergeProps({ key: 0 }, unref(hoverCard).getPositionerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/hover-card/hover-card-positioner.vue
+var hover_card_positioner_default = hover_card_positioner_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/hover-card/hover-card-root-provider.vue?vue&type=script&setup=true&lang.ts
+var hover_card_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "hover-card-root-provider",
+	props: {
+		value: {
+			type: null,
+			required: true
+		},
+		lazyMount: {
+			type: Boolean,
+			required: false
+		},
+		unmountOnExit: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: ["exitComplete"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const hoverCard = computed(() => props.value);
+		const presence = usePresence(computed(() => ({
+			present: hoverCard.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})), emits);
+		HoverCardProvider(hoverCard);
+		PresenceProvider(presence);
+		RenderStrategyPropsProvider(computed(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+
+//#endregion
+//#region src/components/hover-card/hover-card-root-provider.vue
+var hover_card_root_provider_default = hover_card_root_provider_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/hover-card/use-hover-card.ts
+const useHoverCard = (props = {}, emit) => {
+	const id = useId();
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const context = computed(() => {
+		const localeProps = toValue(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localeProps),
+			onOpenChange: (details) => {
+				emit?.("openChange", details);
+				emit?.("update:open", details.open);
+				localeProps.onOpenChange?.(details);
+			},
+			onFocusOutside: (details) => {
+				emit?.("focusOutside", details);
+				localeProps.onFocusOutside?.(details);
+			},
+			onInteractOutside: (details) => {
+				emit?.("interactOutside", details);
+				localeProps.onInteractOutside?.(details);
+			},
+			onPointerDownOutside: (details) => {
+				emit?.("pointerDownOutside", details);
+				localeProps.onPointerDownOutside?.(details);
+			}
+		};
+	});
+	const service = useMachine(hoverCard.machine, context);
+	return computed(() => hoverCard.connect(service, normalizeProps$1));
+};
+
+//#endregion
+//#region src/components/hover-card/hover-card-root.vue?vue&type=script&setup=true&lang.ts
+var hover_card_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "hover-card-root",
+	props: /* @__PURE__ */ mergeDefaults({
+		closeDelay: {
+			type: Number,
+			required: false
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		ids: {
+			type: Object,
+			required: false
+		},
+		open: {
+			type: Boolean,
+			required: false
+		},
+		openDelay: {
+			type: Number,
+			required: false
+		},
+		positioning: {
+			type: null,
+			required: false
+		},
+		lazyMount: {
+			type: Boolean,
+			required: false
+		},
+		unmountOnExit: {
+			type: Boolean,
+			required: false
+		}
+	}, {
+		defaultOpen: void 0,
+		disabled: void 0,
+		open: void 0
+	}),
+	emits: [
+		"exitComplete",
+		"focusOutside",
+		"interactOutside",
+		"openChange",
+		"pointerDownOutside",
+		"update:open"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const hoverCard = useHoverCard(props, emits);
+		const presence = usePresence(computed(() => ({
+			present: hoverCard.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})), emits);
+		HoverCardProvider(hoverCard);
+		PresenceProvider(presence);
+		RenderStrategyPropsProvider(computed(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+
+//#endregion
+//#region src/components/hover-card/hover-card-root.vue
+var hover_card_root_default = hover_card_root_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/hover-card/hover-card-trigger.vue?vue&type=script&setup=true&lang.ts
+var hover_card_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "hover-card-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const hoverCard = useHoverCardContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(hoverCard).getTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/hover-card/hover-card-trigger.vue
+var hover_card_trigger_default = hover_card_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/hover-card/hover-card.ts
+var hover_card_exports = /* @__PURE__ */ __exportAll({
+	Arrow: () => hover_card_arrow_default,
+	ArrowTip: () => hover_card_arrow_tip_default,
+	Content: () => hover_card_content_default,
+	Context: () => hover_card_context_default,
+	Positioner: () => hover_card_positioner_default,
+	Root: () => hover_card_root_default,
+	RootProvider: () => hover_card_root_provider_default,
+	Trigger: () => hover_card_trigger_default
+});
+
+//#endregion
+export { hover_card_exports as HoverCard, hover_card_arrow_default as HoverCardArrow, hover_card_arrow_tip_default as HoverCardArrowTip, hover_card_content_default as HoverCardContent, hover_card_context_default as HoverCardContext, hover_card_positioner_default as HoverCardPositioner, hover_card_root_default as HoverCardRoot, hover_card_root_provider_default as HoverCardRootProvider, hover_card_trigger_default as HoverCardTrigger, hoverCardAnatomy, useHoverCard, useHoverCardContext };

package/dist/components/image-cropper/index.d.ts

@@ -0,0 +1,211 @@
+import { t as PolymorphicProps } from "../../factory-B5zr8_kk.js";
+import { a as Optional, r as EmitFn$1 } from "../../types-DIEO6uP3.js";
+import { r as PropTypes } from "../../index-CCRVRFFQ.js";
+import * as _sprawlify_primitives_types0 from "@sprawlify/primitives/types";
+import { Rect } from "@sprawlify/primitives/types";
+import * as vue97 from "vue";
+import { ComputedRef, HTMLAttributes, ImgHTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
+import * as imageCropper from "@sprawlify/primitives/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 "@sprawlify/primitives/machines/image-cropper";
+
+//#region src/components/image-cropper/use-image-cropper-context.d.ts
+interface UseImageCropperContext extends ComputedRef<ReturnType<typeof connect>> {}
+//#endregion
+//#region src/components/image-cropper/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<vue97.DefineComponent<{}, {}, {}, {}, {}, vue97.ComponentOptionsMixin, vue97.ComponentOptionsMixin, {}, string, vue97.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue97.ComponentProvideOptions, true, {}, any>, {
+  default(imageCropper: UnwrapRef<UseImageCropperContext>): unknown;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/image-cropper/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<vue97.DefineComponent<ImageCropperGridProps, {}, {}, {}, {}, vue97.ComponentOptionsMixin, vue97.ComponentOptionsMixin, {}, string, vue97.PublicProps, Readonly<ImageCropperGridProps> & Readonly<{}>, {}, {}, {}, {}, string, vue97.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/image-cropper/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<vue97.DefineComponent<ImageCropperHandleProps, {}, {}, {}, {}, vue97.ComponentOptionsMixin, vue97.ComponentOptionsMixin, {}, string, vue97.PublicProps, Readonly<ImageCropperHandleProps> & Readonly<{}>, {}, {}, {}, {}, string, vue97.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/image-cropper/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: vue97.DefineComponent<ImageCropperImageProps, {}, {}, {}, {}, vue97.ComponentOptionsMixin, vue97.ComponentOptionsMixin, {}, string, vue97.PublicProps, Readonly<ImageCropperImageProps> & Readonly<{}>, {}, {}, {}, {}, string, vue97.ComponentProvideOptions, false, {}, any>;
+//#endregion
+//#region src/components/image-cropper/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/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<vue97.DefineComponent<ImageCropperRootProps, {}, {}, {}, {}, vue97.ComponentOptionsMixin, vue97.ComponentOptionsMixin, {
+  zoomChange: (details: imageCropper.ZoomChangeDetails) => any;
+  "update:zoom": (zoom: number) => any;
+  rotationChange: (details: imageCropper.RotationChangeDetails) => any;
+  "update:rotation": (rotation: number) => any;
+  flipChange: (details: imageCropper.FlipChangeDetails) => any;
+  "update:flip": (flip: imageCropper.FlipState) => any;
+  cropChange: (details: imageCropper.CropChangeDetails) => any;
+  "update:crop": (crop: _sprawlify_primitives_types0.Rect) => any;
+}, string, vue97.PublicProps, Readonly<ImageCropperRootProps> & Readonly<{
+  onZoomChange?: ((details: imageCropper.ZoomChangeDetails) => any) | undefined;
+  "onUpdate:zoom"?: ((zoom: number) => any) | undefined;
+  onRotationChange?: ((details: imageCropper.RotationChangeDetails) => any) | undefined;
+  "onUpdate:rotation"?: ((rotation: number) => any) | undefined;
+  onFlipChange?: ((details: imageCropper.FlipChangeDetails) => any) | undefined;
+  "onUpdate:flip"?: ((flip: imageCropper.FlipState) => any) | undefined;
+  onCropChange?: ((details: imageCropper.CropChangeDetails) => any) | undefined;
+  "onUpdate:crop"?: ((crop: _sprawlify_primitives_types0.Rect) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue97.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/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<vue97.DefineComponent<ImageCropperRootProviderProps, {}, {}, {}, {}, vue97.ComponentOptionsMixin, vue97.ComponentOptionsMixin, {}, string, vue97.PublicProps, Readonly<ImageCropperRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue97.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/image-cropper/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<vue97.DefineComponent<ImageCropperSelectionProps, {}, {}, {}, {}, vue97.ComponentOptionsMixin, vue97.ComponentOptionsMixin, {}, string, vue97.PublicProps, Readonly<ImageCropperSelectionProps> & Readonly<{}>, {}, {}, {}, {}, string, vue97.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/image-cropper/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<vue97.DefineComponent<ImageCropperViewportProps, {}, {}, {}, {}, vue97.ComponentOptionsMixin, vue97.ComponentOptionsMixin, {}, string, vue97.PublicProps, Readonly<ImageCropperViewportProps> & Readonly<{}>, {}, {}, {}, {}, string, vue97.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/image-cropper/image-cropper-anatomy.d.ts
+declare const imageCropperAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"image" | "grid" | "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 };