@sprawlify/vue 0.0.66 → 0.0.70

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

@@ -0,0 +1,211 @@
+import { t as PolymorphicProps } from "../../factory-Dg6Whljf.js";
+import { a as Optional, r as EmitFn$1 } from "../../types-BkS9kMJ5.js";
+import { r as PropTypes } from "../../index-DI09ccnU.js";
+import * as _sprawlify_primitives_types0 from "@sprawlify/primitives/types";
+import { Rect } from "@sprawlify/primitives/types";
+import * as vue177 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<vue177.DefineComponent<{}, {}, {}, {}, {}, vue177.ComponentOptionsMixin, vue177.ComponentOptionsMixin, {}, string, vue177.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue177.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<vue177.DefineComponent<ImageCropperGridProps, {}, {}, {}, {}, vue177.ComponentOptionsMixin, vue177.ComponentOptionsMixin, {}, string, vue177.PublicProps, Readonly<ImageCropperGridProps> & Readonly<{}>, {}, {}, {}, {}, string, vue177.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<vue177.DefineComponent<ImageCropperHandleProps, {}, {}, {}, {}, vue177.ComponentOptionsMixin, vue177.ComponentOptionsMixin, {}, string, vue177.PublicProps, Readonly<ImageCropperHandleProps> & Readonly<{}>, {}, {}, {}, {}, string, vue177.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: vue177.DefineComponent<ImageCropperImageProps, {}, {}, {}, {}, vue177.ComponentOptionsMixin, vue177.ComponentOptionsMixin, {}, string, vue177.PublicProps, Readonly<ImageCropperImageProps> & Readonly<{}>, {}, {}, {}, {}, string, vue177.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<vue177.DefineComponent<ImageCropperRootProps, {}, {}, {}, {}, vue177.ComponentOptionsMixin, vue177.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, vue177.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, vue177.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<vue177.DefineComponent<ImageCropperRootProviderProps, {}, {}, {}, {}, vue177.ComponentOptionsMixin, vue177.ComponentOptionsMixin, {}, string, vue177.PublicProps, Readonly<ImageCropperRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue177.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<vue177.DefineComponent<ImageCropperSelectionProps, {}, {}, {}, {}, vue177.ComponentOptionsMixin, vue177.ComponentOptionsMixin, {}, string, vue177.PublicProps, Readonly<ImageCropperSelectionProps> & Readonly<{}>, {}, {}, {}, {}, string, vue177.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<vue177.DefineComponent<ImageCropperViewportProps, {}, {}, {}, {}, vue177.ComponentOptionsMixin, vue177.ComponentOptionsMixin, {}, string, vue177.PublicProps, Readonly<ImageCropperViewportProps> & Readonly<{}>, {}, {}, {}, {}, string, vue177.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 };

package/dist/components/image-cropper/index.js

@@ -0,0 +1,381 @@
+import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
+import { n as useMachine, r as normalizeProps$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-ChPEW0vT.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as imageCropper from "@sprawlify/primitives/machines/image-cropper";
+import { anatomy, handles } from "@sprawlify/primitives/machines/image-cropper";
+
+//#region src/components/image-cropper/use-image-cropper-context.ts
+const [ImageCropperProvider, useImageCropperContext] = createContext("ImageCropperContext");
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-context.vue?vue&type=script&setup=true&lang.ts
+var image_cropper_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "image-cropper-context",
+	setup(__props) {
+		const imageCropper = useImageCropperContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(imageCropper))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-context.vue
+var image_cropper_context_default = image_cropper_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-grid.vue?vue&type=script&setup=true&lang.ts
+var image_cropper_grid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "image-cropper-grid",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		axis: {
+			type: String,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const imageCropper = useImageCropperContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(imageCropper).getGridProps({ axis: props.axis }), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-grid.vue
+var image_cropper_grid_default = image_cropper_grid_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-handle.vue?vue&type=script&setup=true&lang.ts
+var image_cropper_handle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "image-cropper-handle",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		position: {
+			type: String,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const imageCropper = useImageCropperContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(imageCropper).getHandleProps({ position: props.position }), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-handle.vue
+var image_cropper_handle_default = image_cropper_handle_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-image.vue?vue&type=script&setup=true&lang.ts
+var image_cropper_image_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "image-cropper-image",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const imageCropper = useImageCropperContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).img, mergeProps(unref(imageCropper).getImageProps(), { "as-child": __props.asChild }), null, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-image.vue
+var image_cropper_image_default = image_cropper_image_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/image-cropper/use-image-cropper.ts
+const useImageCropper = (props = {}, emit) => {
+	const id = useId();
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const context = computed(() => {
+		const localProps = toValue(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			getRootNode: env?.value.getRootNode,
+			...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 = useMachine(imageCropper.machine, context);
+	return computed(() => imageCropper.connect(service, normalizeProps$1));
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-root.vue?vue&type=script&setup=true&lang.ts
+var image_cropper_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "image-cropper-root",
+	props: {
+		ids: {
+			type: null,
+			required: false
+		},
+		translations: {
+			type: null,
+			required: false
+		},
+		initialCrop: {
+			type: null,
+			required: false
+		},
+		minWidth: {
+			type: Number,
+			required: false
+		},
+		minHeight: {
+			type: Number,
+			required: false
+		},
+		maxWidth: {
+			type: Number,
+			required: false
+		},
+		maxHeight: {
+			type: Number,
+			required: false
+		},
+		aspectRatio: {
+			type: Number,
+			required: false
+		},
+		cropShape: {
+			type: String,
+			required: false
+		},
+		zoom: {
+			type: Number,
+			required: false
+		},
+		rotation: {
+			type: Number,
+			required: false
+		},
+		flip: {
+			type: null,
+			required: false
+		},
+		defaultZoom: {
+			type: Number,
+			required: false
+		},
+		defaultRotation: {
+			type: Number,
+			required: false
+		},
+		defaultFlip: {
+			type: null,
+			required: false
+		},
+		zoomStep: {
+			type: Number,
+			required: false
+		},
+		zoomSensitivity: {
+			type: Number,
+			required: false
+		},
+		minZoom: {
+			type: Number,
+			required: false
+		},
+		maxZoom: {
+			type: Number,
+			required: false
+		},
+		nudgeStep: {
+			type: Number,
+			required: false
+		},
+		nudgeStepShift: {
+			type: Number,
+			required: false
+		},
+		nudgeStepCtrl: {
+			type: Number,
+			required: false
+		},
+		fixedCropArea: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: [
+		"zoomChange",
+		"update:zoom",
+		"rotationChange",
+		"update:rotation",
+		"flipChange",
+		"update:flip",
+		"cropChange",
+		"update:crop"
+	],
+	setup(__props, { emit: __emit }) {
+		const imageCropper = useImageCropper({}, __emit);
+		ImageCropperProvider(imageCropper);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(imageCropper).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-root.vue
+var image_cropper_root_default = image_cropper_root_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-root-provider.vue?vue&type=script&setup=true&lang.ts
+var image_cropper_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "image-cropper-root-provider",
+	props: {
+		value: {
+			type: null,
+			required: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const imageCropper = computed(() => props.value);
+		ImageCropperProvider(imageCropper);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(imageCropper.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-root-provider.vue
+var image_cropper_root_provider_default = image_cropper_root_provider_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-selection.vue?vue&type=script&setup=true&lang.ts
+var image_cropper_selection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "image-cropper-selection",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const imageCropper = useImageCropperContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(imageCropper).getSelectionProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-selection.vue
+var image_cropper_selection_default = image_cropper_selection_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-viewport.vue?vue&type=script&setup=true&lang.ts
+var image_cropper_viewport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "image-cropper-viewport",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const imageCropper = useImageCropperContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(imageCropper).getViewportProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-viewport.vue
+var image_cropper_viewport_default = image_cropper_viewport_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-anatomy.ts
+const imageCropperAnatomy = anatomy;
+
+//#endregion
+//#region src/components/image-cropper/image-cropper.ts
+var image_cropper_exports = /* @__PURE__ */ __exportAll({
+	Context: () => image_cropper_context_default,
+	Grid: () => image_cropper_grid_default,
+	Handle: () => image_cropper_handle_default,
+	Image: () => image_cropper_image_default,
+	Root: () => image_cropper_root_default,
+	RootProvider: () => image_cropper_root_provider_default,
+	Selection: () => image_cropper_selection_default,
+	Viewport: () => image_cropper_viewport_default,
+	handles: () => handles
+});
+
+//#endregion
+export { image_cropper_exports as ImageCropper, image_cropper_context_default as ImageCropperContext, image_cropper_grid_default as ImageCropperGrid, image_cropper_handle_default as ImageCropperHandle, image_cropper_image_default as ImageCropperImage, image_cropper_root_default as ImageCropperRoot, image_cropper_root_provider_default as ImageCropperRootProvider, image_cropper_selection_default as ImageCropperSelection, image_cropper_viewport_default as ImageCropperViewport, imageCropperAnatomy, useImageCropper, useImageCropperContext };

package/dist/components/json-tree-view/index.d.ts

@@ -0,0 +1,91 @@
+import "../../factory-Dg6Whljf.js";
+import { r as PropTypes } from "../../index-DI09ccnU.js";
+import "../../use-render-strategy-bdLKqL57.js";
+import "../../index-ECeveDvH.js";
+import { _ as TreeViewRootBaseProps, h as TreeViewTreeProps, it as UseTreeViewProps, w as TreeViewRootProviderProps } from "../../index-ByYmM8LZ.js";
+import * as vue262 from "vue";
+import { ComputedRef, HTMLAttributes, MaybeRef } from "vue";
+import { JsonNode, JsonNodeHastElement, JsonNodePreviewOptions } from "@sprawlify/primitives/json-tree-utils";
+import * as treeView from "@sprawlify/primitives/machines/tree-view";
+
+//#region src/components/json-tree-view/json-tree-view-props-context.d.ts
+interface JsonTreeViewOptions extends Partial<JsonNodePreviewOptions> {
+  quotesOnKeys?: boolean;
+}
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-root.vue.d.ts
+interface JsonTreeViewRootBaseProps extends JsonTreeViewOptions, Omit<TreeViewRootBaseProps<JsonNode>, 'collection'> {
+  data: object;
+  defaultExpandedDepth?: number;
+}
+interface JsonTreeViewRootProps extends JsonTreeViewRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<vue262.DefineComponent<JsonTreeViewRootProps, {}, {}, {}, {}, vue262.ComponentOptionsMixin, vue262.ComponentOptionsMixin, {}, string, vue262.PublicProps, Readonly<JsonTreeViewRootProps> & Readonly<{}>, {
+  asChild: boolean;
+  expandOnClick: boolean;
+  typeahead: boolean;
+  lazyMount: boolean;
+  unmountOnExit: boolean;
+  showNonenumerable: boolean;
+  quotesOnKeys: boolean;
+}, {}, {}, {}, string, vue262.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-root-provider.vue.d.ts
+interface JsonTreeViewRootProviderProps extends TreeViewRootProviderProps<JsonNode> {}
+declare const _default$1: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<vue262.DefineComponent<JsonTreeViewRootProviderProps, {}, {}, {}, {}, vue262.ComponentOptionsMixin, vue262.ComponentOptionsMixin, {}, string, vue262.PublicProps, Readonly<JsonTreeViewRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue262.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-node.vue.d.ts
+interface JsonTreeViewNodeBaseProps {
+  indentGuide?: boolean;
+}
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-tree.vue.d.ts
+interface JsonTreeViewTreeBaseProps extends JsonTreeViewNodeBaseProps {}
+interface JsonTreeViewTreeProps extends TreeViewTreeProps, JsonTreeViewTreeBaseProps {}
+declare const _default$2: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<vue262.DefineComponent<JsonTreeViewTreeProps, {}, {}, {}, {}, vue262.ComponentOptionsMixin, vue262.ComponentOptionsMixin, {}, string, vue262.PublicProps, Readonly<JsonTreeViewTreeProps> & Readonly<{}>, {}, {}, {}, {}, string, vue262.ComponentProvideOptions, false, {}, any>, {
+  arrow(): unknown;
+  indentGuide(): unknown;
+  renderValue(props: {
+    node: JsonNodeHastElement;
+  }): unknown;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/json-tree-view/use-json-tree-view.d.ts
+interface UseJsonTreeViewProps extends Omit<UseTreeViewProps<JsonNode>, 'collection'>, JsonTreeViewOptions {
+  data: unknown;
+  defaultExpandedDepth?: number;
+}
+interface UseJsonTreeViewReturn extends ComputedRef<treeView.Api<PropTypes, JsonNode> & {
+  options: JsonTreeViewOptions;
+}> {}
+declare const useJsonTreeView: (props: MaybeRef<UseJsonTreeViewProps>) => UseJsonTreeViewReturn;
+declare namespace json_tree_view_d_exports {
+  export { _default as Root, JsonTreeViewRootBaseProps as RootBaseProps, JsonTreeViewRootProps as RootProps, _default$1 as RootProvider, JsonTreeViewRootProviderProps as RootProviderProps, _default$2 as Tree, JsonTreeViewTreeBaseProps as TreeBaseProps, JsonTreeViewTreeProps as TreeProps };
+}
+//#endregion
+export { json_tree_view_d_exports as JsonTreeView, _default as JsonTreeViewRoot, type JsonTreeViewRootProps, _default$1 as JsonTreeViewRootProvider, type JsonTreeViewRootProviderProps, _default$2 as JsonTreeViewTree, type JsonTreeViewTreeProps, type UseJsonTreeViewProps, type UseJsonTreeViewReturn, useJsonTreeView };