@sprawlify/react 0.0.8 → 0.0.9

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

@@ -0,0 +1,197 @@
+const require_chunk = require('../../chunk-BYnRvbsk.cjs');
+const require_core = require('../../core-DCWyxy9D.cjs');
+const require_create_context = require('../../create-context-CQ4U0lLj.cjs');
+const require_environment = require('../../environment-CvilmfQt.cjs');
+const require_locale = require('../../locale-BcnWD1Hf.cjs');
+require('../../providers-BNAArubQ.cjs');
+const require_factory = require('../../factory-C166evrS.cjs');
+const require_create_split_props = require('../../create-split-props-Dp4TWOyM.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_image_cropper = require("@sprawlify/primitives/machines/image-cropper");
+__sprawlify_primitives_machines_image_cropper = require_chunk.__toESM(__sprawlify_primitives_machines_image_cropper);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/image-cropper/use-image-cropper-context.ts
+const [ImageCropperProvider, useImageCropperContext] = require_create_context.createContext({
+	name: "ImageCropperContext",
+	hookName: "useImageCropperContext",
+	providerName: "<ImageCropperProvider />"
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-context.tsx
+const ImageCropperContext = (props) => props.children(useImageCropperContext());
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-grid.tsx
+const ImageCropperGrid = (0, react.forwardRef)((props, ref) => {
+	const { axis, ...localProps } = props;
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useImageCropperContext().getGridProps({ axis }), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ImageCropperGrid.displayName = "ImageCropperGrid";
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-handle.tsx
+const ImageCropperHandle = (0, react.forwardRef)((props, ref) => {
+	const { position, ...localProps } = props;
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useImageCropperContext().getHandleProps({ position }), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ImageCropperHandle.displayName = "ImageCropperHandle";
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-image.tsx
+const ImageCropperImage = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useImageCropperContext().getImageProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.img, {
+		...mergedProps,
+		ref
+	});
+});
+ImageCropperImage.displayName = "ImageCropperImage";
+
+//#endregion
+//#region src/components/image-cropper/use-image-cropper.ts
+const useImageCropper = (props) => {
+	const id = (0, react.useId)();
+	const { dir } = require_locale.useLocaleContext();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_image_cropper.machine, machineProps);
+	return __sprawlify_primitives_machines_image_cropper.connect(service, require_core.normalizeProps);
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-root.tsx
+const splitRootProps = require_create_split_props.createSplitProps();
+const ImageCropperRoot = (0, react.forwardRef)((props, ref) => {
+	const [useImageCropperProps, localProps] = splitRootProps(props, [
+		"aspectRatio",
+		"cropShape",
+		"defaultFlip",
+		"defaultRotation",
+		"defaultZoom",
+		"fixedCropArea",
+		"flip",
+		"id",
+		"ids",
+		"initialCrop",
+		"maxHeight",
+		"maxWidth",
+		"maxZoom",
+		"minHeight",
+		"minWidth",
+		"minZoom",
+		"nudgeStep",
+		"nudgeStepCtrl",
+		"nudgeStepShift",
+		"onCropChange",
+		"onFlipChange",
+		"onRotationChange",
+		"onZoomChange",
+		"rotation",
+		"translations",
+		"zoom",
+		"zoomSensitivity",
+		"zoomStep"
+	]);
+	const imageCropper = useImageCropper(useImageCropperProps);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(imageCropper.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImageCropperProvider, {
+		value: imageCropper,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ImageCropperRoot.displayName = "ImageCropperRoot";
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-root-provider.tsx
+const splitRootProviderProps = require_create_split_props.createSplitProps();
+const ImageCropperRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: imageCropper }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(imageCropper.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImageCropperProvider, {
+		value: imageCropper,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ImageCropperRootProvider.displayName = "ImageCropperRootProvider";
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-selection.tsx
+const ImageCropperSelection = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useImageCropperContext().getSelectionProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ImageCropperSelection.displayName = "ImageCropperSelection";
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-viewport.tsx
+const ImageCropperViewport = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useImageCropperContext().getViewportProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ImageCropperViewport.displayName = "ImageCropperViewport";
+
+//#endregion
+//#region src/components/image-cropper/image-cropper.ts
+var image_cropper_exports = /* @__PURE__ */ require_chunk.__export({
+	Context: () => ImageCropperContext,
+	Grid: () => ImageCropperGrid,
+	Handle: () => ImageCropperHandle,
+	Image: () => ImageCropperImage,
+	Root: () => ImageCropperRoot,
+	RootProvider: () => ImageCropperRootProvider,
+	Selection: () => ImageCropperSelection,
+	Viewport: () => ImageCropperViewport,
+	handles: () => __sprawlify_primitives_machines_image_cropper.handles
+});
+
+//#endregion
+Object.defineProperty(exports, 'ImageCropper', {
+  enumerable: true,
+  get: function () {
+    return image_cropper_exports;
+  }
+});
+exports.ImageCropperContext = ImageCropperContext;
+exports.ImageCropperGrid = ImageCropperGrid;
+exports.ImageCropperHandle = ImageCropperHandle;
+exports.ImageCropperImage = ImageCropperImage;
+exports.ImageCropperRoot = ImageCropperRoot;
+exports.ImageCropperRootProvider = ImageCropperRootProvider;
+exports.ImageCropperSelection = ImageCropperSelection;
+exports.ImageCropperViewport = ImageCropperViewport;
+Object.defineProperty(exports, 'imageCropperAnatomy', {
+  enumerable: true,
+  get: function () {
+    return __sprawlify_primitives_machines_image_cropper.anatomy;
+  }
+});
+exports.useImageCropper = useImageCropper;
+exports.useImageCropperContext = useImageCropperContext;

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

@@ -0,0 +1,64 @@
+import { t as PropTypes } from "../../normalize-props-Dw0EepzR.cjs";
+import { r as Optional } from "../../types-DcUAwTQC.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-fcFI3pbG.cjs";
+import * as react28 from "react";
+import { ReactNode } from "react";
+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, PreviewDescriptionDetails, RotationChangeDetails, RotationChangeDetails as ImageCropperRotationChangeDetails, SelectionLabelDetails, SelectionValueTextDetails, ZoomChangeDetails, ZoomChangeDetails as ImageCropperZoomChangeDetails, anatomy as imageCropperAnatomy, handles } from "@sprawlify/primitives/machines/image-cropper";
+
+//#region src/components/image-cropper/use-image-cropper.d.ts
+interface UseImageCropperProps extends Optional<Omit<imageCropper.Props, "dir" | "getRootNode">, "id"> {}
+interface UseImageCropperReturn extends imageCropper.Api<PropTypes> {}
+declare const useImageCropper: (props?: UseImageCropperProps) => UseImageCropperReturn;
+//#endregion
+//#region src/components/image-cropper/use-image-cropper-context.d.ts
+interface UseImageCropperContext extends UseImageCropperReturn {}
+//#endregion
+//#region src/components/image-cropper/image-cropper-context.d.ts
+interface ImageCropperContextProps {
+  children: (context: UseImageCropperContext) => ReactNode;
+}
+declare const ImageCropperContext: (props: ImageCropperContextProps) => ReactNode;
+//#endregion
+//#region src/components/image-cropper/image-cropper-grid.d.ts
+interface ImageCropperGridBaseProps extends PolymorphicProps, GridProps {}
+interface ImageCropperGridProps extends HTMLProps<"div">, ImageCropperGridBaseProps {}
+declare const ImageCropperGrid: react28.ForwardRefExoticComponent<ImageCropperGridProps & react28.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/image-cropper/image-cropper-handle.d.ts
+interface ImageCropperHandleBaseProps extends PolymorphicProps, HandleProps {}
+interface ImageCropperHandleProps extends HTMLProps<"div">, ImageCropperHandleBaseProps {}
+declare const ImageCropperHandle: react28.ForwardRefExoticComponent<ImageCropperHandleProps & react28.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/image-cropper/image-cropper-image.d.ts
+interface ImageCropperImageBaseProps extends PolymorphicProps {}
+interface ImageCropperImageProps extends HTMLProps<"img">, ImageCropperImageBaseProps {}
+declare const ImageCropperImage: react28.ForwardRefExoticComponent<ImageCropperImageProps & react28.RefAttributes<HTMLImageElement>>;
+//#endregion
+//#region src/components/image-cropper/image-cropper-root.d.ts
+interface ImageCropperRootBaseProps extends UseImageCropperProps, PolymorphicProps {}
+interface ImageCropperRootProps extends HTMLProps<"div">, ImageCropperRootBaseProps {}
+declare const ImageCropperRoot: react28.ForwardRefExoticComponent<ImageCropperRootProps & react28.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/image-cropper/image-cropper-root-provider.d.ts
+interface RootProviderProps {
+  value: UseImageCropperReturn;
+}
+interface ImageCropperRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface ImageCropperRootProviderProps extends HTMLProps<"div">, ImageCropperRootProviderBaseProps {}
+declare const ImageCropperRootProvider: react28.ForwardRefExoticComponent<ImageCropperRootProviderProps & react28.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/image-cropper/image-cropper-selection.d.ts
+interface ImageCropperSelectionBaseProps extends PolymorphicProps {}
+interface ImageCropperSelectionProps extends HTMLProps<"div">, ImageCropperSelectionBaseProps {}
+declare const ImageCropperSelection: react28.ForwardRefExoticComponent<ImageCropperSelectionProps & react28.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/image-cropper/image-cropper-viewport.d.ts
+interface ImageCropperViewportBaseProps extends PolymorphicProps {}
+interface ImageCropperViewportProps extends HTMLProps<"div">, ImageCropperViewportBaseProps {}
+declare const ImageCropperViewport: react28.ForwardRefExoticComponent<ImageCropperViewportProps & react28.RefAttributes<HTMLDivElement>>;
+declare namespace image_cropper_d_exports {
+  export { ImageCropperContext as Context, ImageCropperContextProps as ContextProps, CropChangeDetails, FlipChangeDetails, FlipState, ImageCropperGrid as Grid, ImageCropperGridBaseProps as GridBaseProps, ImageCropperGridProps as GridProps, ImageCropperHandle as Handle, ImageCropperHandleBaseProps as HandleBaseProps, HandlePosition, ImageCropperHandleProps as HandleProps, ImageCropperImage as Image, ImageCropperImageBaseProps as ImageBaseProps, ImageCropperImageProps as ImageProps, PreviewDescriptionDetails, ImageCropperRoot as Root, ImageCropperRootBaseProps as RootBaseProps, ImageCropperRootProps as RootProps, ImageCropperRootProvider as RootProvider, ImageCropperRootProviderBaseProps as RootProviderBaseProps, ImageCropperRootProviderProps as RootProviderProps, RotationChangeDetails, ImageCropperSelection as Selection, ImageCropperSelectionBaseProps as SelectionBaseProps, SelectionLabelDetails, ImageCropperSelectionProps as SelectionProps, SelectionValueTextDetails, ImageCropperViewport as Viewport, ImageCropperViewportBaseProps as ViewportBaseProps, ImageCropperViewportProps as ViewportProps, ZoomChangeDetails, handles };
+}
+//#endregion
+export { image_cropper_d_exports as ImageCropper, ImageCropperContext, type ImageCropperContextProps, type ImageCropperCropChangeDetails, type ImageCropperFlipChangeDetails, type ImageCropperFlipState, ImageCropperGrid, type ImageCropperGridBaseProps, type ImageCropperGridProps, ImageCropperHandle, type ImageCropperHandleBaseProps, type ImageCropperHandlePosition, type ImageCropperHandleProps, ImageCropperImage, type ImageCropperImageBaseProps, type ImageCropperImageProps, ImageCropperRoot, type ImageCropperRootBaseProps, type ImageCropperRootProps, ImageCropperRootProvider, type ImageCropperRootProviderBaseProps, type ImageCropperRootProviderProps, type ImageCropperRotationChangeDetails, ImageCropperSelection, type ImageCropperSelectionBaseProps, type ImageCropperSelectionProps, ImageCropperViewport, type ImageCropperViewportBaseProps, type ImageCropperViewportProps, type ImageCropperZoomChangeDetails, type UseImageCropperContext, type UseImageCropperProps, type UseImageCropperReturn, imageCropperAnatomy, useImageCropper, useImageCropperContext };

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

@@ -0,0 +1,64 @@
+import { r as PropTypes } from "../../index-BLd57Y0z.mjs";
+import { r as Optional } from "../../types-CrwpJrFp.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-DaVlp4Ba.mjs";
+import * as react56 from "react";
+import { ReactNode } from "react";
+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, PreviewDescriptionDetails, RotationChangeDetails, RotationChangeDetails as ImageCropperRotationChangeDetails, SelectionLabelDetails, SelectionValueTextDetails, ZoomChangeDetails, ZoomChangeDetails as ImageCropperZoomChangeDetails, anatomy as imageCropperAnatomy, handles } from "@sprawlify/primitives/machines/image-cropper";
+
+//#region src/components/image-cropper/use-image-cropper.d.ts
+interface UseImageCropperProps extends Optional<Omit<imageCropper.Props, "dir" | "getRootNode">, "id"> {}
+interface UseImageCropperReturn extends imageCropper.Api<PropTypes> {}
+declare const useImageCropper: (props?: UseImageCropperProps) => UseImageCropperReturn;
+//#endregion
+//#region src/components/image-cropper/use-image-cropper-context.d.ts
+interface UseImageCropperContext extends UseImageCropperReturn {}
+//#endregion
+//#region src/components/image-cropper/image-cropper-context.d.ts
+interface ImageCropperContextProps {
+  children: (context: UseImageCropperContext) => ReactNode;
+}
+declare const ImageCropperContext: (props: ImageCropperContextProps) => ReactNode;
+//#endregion
+//#region src/components/image-cropper/image-cropper-grid.d.ts
+interface ImageCropperGridBaseProps extends PolymorphicProps, GridProps {}
+interface ImageCropperGridProps extends HTMLProps<"div">, ImageCropperGridBaseProps {}
+declare const ImageCropperGrid: react56.ForwardRefExoticComponent<ImageCropperGridProps & react56.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/image-cropper/image-cropper-handle.d.ts
+interface ImageCropperHandleBaseProps extends PolymorphicProps, HandleProps {}
+interface ImageCropperHandleProps extends HTMLProps<"div">, ImageCropperHandleBaseProps {}
+declare const ImageCropperHandle: react56.ForwardRefExoticComponent<ImageCropperHandleProps & react56.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/image-cropper/image-cropper-image.d.ts
+interface ImageCropperImageBaseProps extends PolymorphicProps {}
+interface ImageCropperImageProps extends HTMLProps<"img">, ImageCropperImageBaseProps {}
+declare const ImageCropperImage: react56.ForwardRefExoticComponent<ImageCropperImageProps & react56.RefAttributes<HTMLImageElement>>;
+//#endregion
+//#region src/components/image-cropper/image-cropper-root.d.ts
+interface ImageCropperRootBaseProps extends UseImageCropperProps, PolymorphicProps {}
+interface ImageCropperRootProps extends HTMLProps<"div">, ImageCropperRootBaseProps {}
+declare const ImageCropperRoot: react56.ForwardRefExoticComponent<ImageCropperRootProps & react56.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/image-cropper/image-cropper-root-provider.d.ts
+interface RootProviderProps {
+  value: UseImageCropperReturn;
+}
+interface ImageCropperRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface ImageCropperRootProviderProps extends HTMLProps<"div">, ImageCropperRootProviderBaseProps {}
+declare const ImageCropperRootProvider: react56.ForwardRefExoticComponent<ImageCropperRootProviderProps & react56.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/image-cropper/image-cropper-selection.d.ts
+interface ImageCropperSelectionBaseProps extends PolymorphicProps {}
+interface ImageCropperSelectionProps extends HTMLProps<"div">, ImageCropperSelectionBaseProps {}
+declare const ImageCropperSelection: react56.ForwardRefExoticComponent<ImageCropperSelectionProps & react56.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/image-cropper/image-cropper-viewport.d.ts
+interface ImageCropperViewportBaseProps extends PolymorphicProps {}
+interface ImageCropperViewportProps extends HTMLProps<"div">, ImageCropperViewportBaseProps {}
+declare const ImageCropperViewport: react56.ForwardRefExoticComponent<ImageCropperViewportProps & react56.RefAttributes<HTMLDivElement>>;
+declare namespace image_cropper_d_exports {
+  export { ImageCropperContext as Context, ImageCropperContextProps as ContextProps, CropChangeDetails, FlipChangeDetails, FlipState, ImageCropperGrid as Grid, ImageCropperGridBaseProps as GridBaseProps, ImageCropperGridProps as GridProps, ImageCropperHandle as Handle, ImageCropperHandleBaseProps as HandleBaseProps, HandlePosition, ImageCropperHandleProps as HandleProps, ImageCropperImage as Image, ImageCropperImageBaseProps as ImageBaseProps, ImageCropperImageProps as ImageProps, PreviewDescriptionDetails, ImageCropperRoot as Root, ImageCropperRootBaseProps as RootBaseProps, ImageCropperRootProps as RootProps, ImageCropperRootProvider as RootProvider, ImageCropperRootProviderBaseProps as RootProviderBaseProps, ImageCropperRootProviderProps as RootProviderProps, RotationChangeDetails, ImageCropperSelection as Selection, ImageCropperSelectionBaseProps as SelectionBaseProps, SelectionLabelDetails, ImageCropperSelectionProps as SelectionProps, SelectionValueTextDetails, ImageCropperViewport as Viewport, ImageCropperViewportBaseProps as ViewportBaseProps, ImageCropperViewportProps as ViewportProps, ZoomChangeDetails, handles };
+}
+//#endregion
+export { image_cropper_d_exports as ImageCropper, ImageCropperContext, type ImageCropperContextProps, type ImageCropperCropChangeDetails, type ImageCropperFlipChangeDetails, type ImageCropperFlipState, ImageCropperGrid, type ImageCropperGridBaseProps, type ImageCropperGridProps, ImageCropperHandle, type ImageCropperHandleBaseProps, type ImageCropperHandlePosition, type ImageCropperHandleProps, ImageCropperImage, type ImageCropperImageBaseProps, type ImageCropperImageProps, ImageCropperRoot, type ImageCropperRootBaseProps, type ImageCropperRootProps, ImageCropperRootProvider, type ImageCropperRootProviderBaseProps, type ImageCropperRootProviderProps, type ImageCropperRotationChangeDetails, ImageCropperSelection, type ImageCropperSelectionBaseProps, type ImageCropperSelectionProps, ImageCropperViewport, type ImageCropperViewportBaseProps, type ImageCropperViewportProps, type ImageCropperZoomChangeDetails, type UseImageCropperContext, type UseImageCropperProps, type UseImageCropperReturn, imageCropperAnatomy, useImageCropper, useImageCropperContext };

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

@@ -0,0 +1,175 @@
+import { t as __export } from "../../chunk-BU8PiJgx.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-79NSyZp-.mjs";
+import { t as createContext$1 } from "../../create-context-DbhrVE2B.mjs";
+import { n as useEnvironmentContext } from "../../environment-Cc02I6aF.mjs";
+import { i as useLocaleContext } from "../../locale-D4LX0eEq.mjs";
+import "../../providers-CoJceYkV.mjs";
+import { n as sprawlify } from "../../factory-7ydMApfi.mjs";
+import { t as createSplitProps } from "../../create-split-props-BJdRM9I_.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as imageCropper from "@sprawlify/primitives/machines/image-cropper";
+import { anatomy as imageCropperAnatomy, handles } from "@sprawlify/primitives/machines/image-cropper";
+
+//#region src/components/image-cropper/use-image-cropper-context.ts
+const [ImageCropperProvider, useImageCropperContext] = createContext$1({
+	name: "ImageCropperContext",
+	hookName: "useImageCropperContext",
+	providerName: "<ImageCropperProvider />"
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-context.tsx
+const ImageCropperContext = (props) => props.children(useImageCropperContext());
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-grid.tsx
+const ImageCropperGrid = forwardRef((props, ref) => {
+	const { axis, ...localProps } = props;
+	const mergedProps = mergeProps(useImageCropperContext().getGridProps({ axis }), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ImageCropperGrid.displayName = "ImageCropperGrid";
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-handle.tsx
+const ImageCropperHandle = forwardRef((props, ref) => {
+	const { position, ...localProps } = props;
+	const mergedProps = mergeProps(useImageCropperContext().getHandleProps({ position }), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ImageCropperHandle.displayName = "ImageCropperHandle";
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-image.tsx
+const ImageCropperImage = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useImageCropperContext().getImageProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.img, {
+		...mergedProps,
+		ref
+	});
+});
+ImageCropperImage.displayName = "ImageCropperImage";
+
+//#endregion
+//#region src/components/image-cropper/use-image-cropper.ts
+const useImageCropper = (props) => {
+	const id = useId();
+	const { dir } = useLocaleContext();
+	const { getRootNode } = useEnvironmentContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(imageCropper.machine, machineProps);
+	return imageCropper.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-root.tsx
+const splitRootProps = createSplitProps();
+const ImageCropperRoot = forwardRef((props, ref) => {
+	const [useImageCropperProps, localProps] = splitRootProps(props, [
+		"aspectRatio",
+		"cropShape",
+		"defaultFlip",
+		"defaultRotation",
+		"defaultZoom",
+		"fixedCropArea",
+		"flip",
+		"id",
+		"ids",
+		"initialCrop",
+		"maxHeight",
+		"maxWidth",
+		"maxZoom",
+		"minHeight",
+		"minWidth",
+		"minZoom",
+		"nudgeStep",
+		"nudgeStepCtrl",
+		"nudgeStepShift",
+		"onCropChange",
+		"onFlipChange",
+		"onRotationChange",
+		"onZoomChange",
+		"rotation",
+		"translations",
+		"zoom",
+		"zoomSensitivity",
+		"zoomStep"
+	]);
+	const imageCropper$1 = useImageCropper(useImageCropperProps);
+	const mergedProps = mergeProps(imageCropper$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(ImageCropperProvider, {
+		value: imageCropper$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ImageCropperRoot.displayName = "ImageCropperRoot";
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const ImageCropperRootProvider = forwardRef((props, ref) => {
+	const [{ value: imageCropper$1 }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(imageCropper$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(ImageCropperProvider, {
+		value: imageCropper$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ImageCropperRootProvider.displayName = "ImageCropperRootProvider";
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-selection.tsx
+const ImageCropperSelection = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useImageCropperContext().getSelectionProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ImageCropperSelection.displayName = "ImageCropperSelection";
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-viewport.tsx
+const ImageCropperViewport = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useImageCropperContext().getViewportProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ImageCropperViewport.displayName = "ImageCropperViewport";
+
+//#endregion
+//#region src/components/image-cropper/image-cropper.ts
+var image_cropper_exports = /* @__PURE__ */ __export({
+	Context: () => ImageCropperContext,
+	Grid: () => ImageCropperGrid,
+	Handle: () => ImageCropperHandle,
+	Image: () => ImageCropperImage,
+	Root: () => ImageCropperRoot,
+	RootProvider: () => ImageCropperRootProvider,
+	Selection: () => ImageCropperSelection,
+	Viewport: () => ImageCropperViewport,
+	handles: () => handles
+});
+
+//#endregion
+export { image_cropper_exports as ImageCropper, ImageCropperContext, ImageCropperGrid, ImageCropperHandle, ImageCropperImage, ImageCropperRoot, ImageCropperRootProvider, ImageCropperSelection, ImageCropperViewport, imageCropperAnatomy, useImageCropper, useImageCropperContext };