@wirekyt/solid 0.0.1 → 0.0.2

package/dist/format.js

@@ -0,0 +1,50 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as useLocaleContext } from "./providers-B-Vi5wQ7.js";
+import { createMemo } from "solid-js";
+import { memo } from "solid-js/web";
+import { formatBytes, formatNumber, formatRelativeTime, formatTime } from "@wirekyt/dom/i18n-utils";
+//#region src/components/format/byte.tsx
+const FormatByte = (props) => {
+	const ctx = useLocaleContext();
+	return memo(createMemo(() => {
+		const { value, ...intlOptions } = props;
+		return formatBytes(value, ctx().locale, intlOptions);
+	}));
+};
+//#endregion
+//#region src/components/format/number.tsx
+const FormatNumber = (props) => {
+	const ctx = useLocaleContext();
+	return memo(createMemo(() => {
+		const { value, ...intlOptions } = props;
+		return formatNumber(value, ctx().locale, intlOptions);
+	}));
+};
+//#endregion
+//#region src/components/format/relative-time.tsx
+const FormatRelativeTime = (props) => {
+	const ctx = useLocaleContext();
+	return memo(createMemo(() => {
+		const { value, ...intlOptions } = props;
+		return formatRelativeTime(value, ctx().locale, intlOptions);
+	}));
+};
+//#endregion
+//#region src/components/format/time.tsx
+const FormatTime = (props) => {
+	const ctx = useLocaleContext();
+	return memo(createMemo(() => {
+		const { value, ...intlOptions } = props;
+		return formatTime(value, ctx().locale, intlOptions);
+	}));
+};
+//#endregion
+//#region src/components/format/format.ts
+var format_exports = /* @__PURE__ */ __exportAll({
+	Byte: () => FormatByte,
+	Number: () => FormatNumber,
+	RelativeTime: () => FormatRelativeTime,
+	Time: () => FormatTime
+});
+//#endregion
+export { format_exports as Format, FormatByte, FormatNumber, FormatRelativeTime, FormatTime };

package/dist/format.jsx

@@ -0,0 +1,53 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as useLocaleContext } from "./providers-CqNHqLpB.jsx";
+import { createMemo } from "solid-js";
+import { formatBytes, formatNumber, formatRelativeTime, formatTime } from "@wirekyt/dom/i18n-utils";
+//#region src/components/format/byte.tsx
+const FormatByte = (props) => {
+	const ctx = useLocaleContext();
+	const text = createMemo(() => {
+		const { value, ...intlOptions } = props;
+		return formatBytes(value, ctx().locale, intlOptions);
+	});
+	return <>{text()}</>;
+};
+//#endregion
+//#region src/components/format/number.tsx
+const FormatNumber = (props) => {
+	const ctx = useLocaleContext();
+	const text = createMemo(() => {
+		const { value, ...intlOptions } = props;
+		return formatNumber(value, ctx().locale, intlOptions);
+	});
+	return <>{text()}</>;
+};
+//#endregion
+//#region src/components/format/relative-time.tsx
+const FormatRelativeTime = (props) => {
+	const ctx = useLocaleContext();
+	const text = createMemo(() => {
+		const { value, ...intlOptions } = props;
+		return formatRelativeTime(value, ctx().locale, intlOptions);
+	});
+	return <>{text()}</>;
+};
+//#endregion
+//#region src/components/format/time.tsx
+const FormatTime = (props) => {
+	const ctx = useLocaleContext();
+	const text = createMemo(() => {
+		const { value, ...intlOptions } = props;
+		return formatTime(value, ctx().locale, intlOptions);
+	});
+	return <>{text()}</>;
+};
+//#endregion
+//#region src/components/format/format.ts
+var format_exports = /* @__PURE__ */ __exportAll({
+	Byte: () => FormatByte,
+	Number: () => FormatNumber,
+	RelativeTime: () => FormatRelativeTime,
+	Time: () => FormatTime
+});
+//#endregion
+export { format_exports as Format, FormatByte, FormatNumber, FormatRelativeTime, FormatTime };

package/dist/frame.d.ts

@@ -0,0 +1,12 @@
+import { n as Assign } from "./index-ClU-Lb8Z.js";
+import { JSX } from "solid-js";
+//#region src/components/frame/frame.d.ts
+interface FrameBaseProps {
+  head?: JSX.Element;
+  onMount?: () => void;
+  onUnmount?: () => void;
+}
+interface FrameProps extends Assign<JSX.IframeHTMLAttributes<HTMLIFrameElement>, FrameBaseProps> {}
+declare const Frame: (props: FrameProps) => JSX.Element;
+//#endregion
+export { Frame, type FrameBaseProps, type FrameProps };

package/dist/frame.js

@@ -0,0 +1,119 @@
+import { u as composeRefs } from "./core-7QKBNp9p.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { c as EnvironmentProvider } from "./providers-B-Vi5wQ7.js";
+import { Show, createEffect, createMemo, createSignal, onCleanup, splitProps } from "solid-js";
+import { Portal, createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+//#region src/components/frame/content.tsx
+const FrameContent = (props) => {
+	const { onMount, onUnmount, children } = props;
+	createEffect(() => {
+		onMount?.();
+		onCleanup(() => {
+			onUnmount?.();
+		});
+	});
+	return children;
+};
+//#endregion
+//#region src/components/frame/frame.tsx
+const initialSrcDoc = `<html><head><style>*,*::before,*::after { margin: 0; padding: 0; box-sizing: border-box; }</style></head><body><div class="frame-root"></div></body></html>`;
+function getMountNode(frame) {
+	const doc = frame.contentWindow?.document;
+	if (!doc) return null;
+	return doc.body.querySelector(".frame-root") || doc.body;
+}
+const Frame = (props) => {
+	const [frameProps, localProps] = splitProps(props, [
+		"children",
+		"head",
+		"onMount",
+		"onUnmount",
+		"srcdoc"
+	]);
+	const srcdoc = createMemo(() => frameProps.srcdoc ?? initialSrcDoc);
+	const [frameRef, setFrameRef] = createSignal(null);
+	const [mountNode, setMountNode] = createSignal(null);
+	createEffect(() => {
+		const frame = frameRef();
+		if (!frame) return;
+		const doc = frame.contentWindow?.document;
+		if (!doc) return;
+		doc.open();
+		doc.write(srcdoc());
+		doc.close();
+		setMountNode(getMountNode(frame));
+	});
+	createEffect(() => {
+		const frame = frameRef();
+		if (!frame?.contentDocument) return;
+		const win = frame.contentWindow;
+		if (!win) return;
+		const node = getMountNode(frame);
+		if (!node) return;
+		const exec = () => {
+			win.requestAnimationFrame(() => {
+				if (!frame.contentDocument?.documentElement) return;
+				frame.style.setProperty("--width", `${node.scrollWidth}px`);
+				frame.style.setProperty("--height", `${node.scrollHeight}px`);
+			});
+		};
+		const resizeObserver = new win.ResizeObserver(exec);
+		exec();
+		if (frame.contentDocument) resizeObserver.observe(node);
+		onCleanup(() => {
+			resizeObserver.disconnect();
+		});
+	});
+	return createComponent(EnvironmentProvider, {
+		value: () => frameRef()?.contentDocument ?? document,
+		get children() {
+			return createComponent(wire.iframe, mergeProps$1(localProps, {
+				ref(r$) {
+					var _ref$ = composeRefs(setFrameRef, localProps.ref);
+					typeof _ref$ === "function" && _ref$(r$);
+				},
+				get children() {
+					return [createComponent(Show, {
+						get when() {
+							return mountNode();
+						},
+						children: (node) => createComponent(Portal, {
+							get mount() {
+								return node();
+							},
+							get children() {
+								return createComponent(FrameContent, {
+									get onMount() {
+										return frameProps.onMount;
+									},
+									get onUnmount() {
+										return frameProps.onUnmount;
+									},
+									get children() {
+										return frameProps.children;
+									}
+								});
+							}
+						})
+					}), createComponent(Show, {
+						get when() {
+							return mountNode();
+						},
+						get children() {
+							return createComponent(Portal, {
+								get mount() {
+									return frameRef().contentDocument.head;
+								},
+								get children() {
+									return frameProps.head;
+								}
+							});
+						}
+					})];
+				}
+			}));
+		}
+	});
+};
+//#endregion
+export { Frame };

package/dist/frame.jsx

@@ -0,0 +1,83 @@
+import { u as composeRefs } from "./core-7QKBNp9p.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { c as EnvironmentProvider } from "./providers-CqNHqLpB.jsx";
+import { Show, createEffect, createMemo, createSignal, onCleanup, splitProps } from "solid-js";
+import { Portal } from "solid-js/web";
+//#region src/components/frame/content.tsx
+const FrameContent = (props) => {
+	const { onMount, onUnmount, children } = props;
+	createEffect(() => {
+		onMount?.();
+		onCleanup(() => {
+			onUnmount?.();
+		});
+	});
+	return children;
+};
+//#endregion
+//#region src/components/frame/frame.tsx
+const initialSrcDoc = `<html><head><style>*,*::before,*::after { margin: 0; padding: 0; box-sizing: border-box; }</style></head><body><div class="frame-root"></div></body></html>`;
+function getMountNode(frame) {
+	const doc = frame.contentWindow?.document;
+	if (!doc) return null;
+	return doc.body.querySelector(".frame-root") || doc.body;
+}
+const Frame = (props) => {
+	const [frameProps, localProps] = splitProps(props, [
+		"children",
+		"head",
+		"onMount",
+		"onUnmount",
+		"srcdoc"
+	]);
+	const srcdoc = createMemo(() => frameProps.srcdoc ?? initialSrcDoc);
+	const [frameRef, setFrameRef] = createSignal(null);
+	const [mountNode, setMountNode] = createSignal(null);
+	createEffect(() => {
+		const frame = frameRef();
+		if (!frame) return;
+		const doc = frame.contentWindow?.document;
+		if (!doc) return;
+		doc.open();
+		doc.write(srcdoc());
+		doc.close();
+		setMountNode(getMountNode(frame));
+	});
+	createEffect(() => {
+		const frame = frameRef();
+		if (!frame?.contentDocument) return;
+		const win = frame.contentWindow;
+		if (!win) return;
+		const node = getMountNode(frame);
+		if (!node) return;
+		const exec = () => {
+			win.requestAnimationFrame(() => {
+				if (!frame.contentDocument?.documentElement) return;
+				frame.style.setProperty("--width", `${node.scrollWidth}px`);
+				frame.style.setProperty("--height", `${node.scrollHeight}px`);
+			});
+		};
+		const resizeObserver = new win.ResizeObserver(exec);
+		exec();
+		if (frame.contentDocument) resizeObserver.observe(node);
+		onCleanup(() => {
+			resizeObserver.disconnect();
+		});
+	});
+	return <EnvironmentProvider value={() => frameRef()?.contentDocument ?? document}>
+      <wire.iframe {...localProps} ref={composeRefs(setFrameRef, localProps.ref)}>
+        <Show when={mountNode()}>
+          {(node) => <Portal mount={node()}>
+              <FrameContent onMount={frameProps.onMount} onUnmount={frameProps.onUnmount}>
+                {frameProps.children}
+              </FrameContent>
+            </Portal>}
+        </Show>
+        <Show when={mountNode()}>
+          <Portal mount={frameRef().contentDocument.head}>{frameProps.head}</Portal>
+        </Show>
+      </wire.iframe>
+    </EnvironmentProvider>;
+};
+//#endregion
+export { Frame };

package/dist/image-cropper.d.ts

@@ -0,0 +1,62 @@
+import { a as Optional, r as MaybeAccessor, s as PropTypes } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { Accessor, JSX } from "solid-js";
+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, anatomy as imageCropperAnatomy, handles } from "@wirekyt/dom/machines/image-cropper";
+//#region src/components/image-cropper/use.d.ts
+interface UseImageCropperProps extends Optional<Omit<imageCropper.Props, "dir" | "getRootNode">, "id"> {}
+interface UseImageCropperReturn extends Accessor<imageCropper.Api<PropTypes>> {}
+declare const useImageCropper: (props?: MaybeAccessor<UseImageCropperProps>) => UseImageCropperReturn;
+//#endregion
+//#region src/components/image-cropper/use-context.d.ts
+interface UseImageCropperContext extends UseImageCropperReturn {}
+declare const ImageCropperProvider: import("solid-js").ContextProviderComponent<UseImageCropperContext>, useImageCropperContext: () => UseImageCropperContext;
+//#endregion
+//#region src/components/image-cropper/context.d.ts
+interface ImageCropperContextProps {
+  children: (context: UseImageCropperContext) => JSX.Element;
+}
+declare const ImageCropperContext: (props: ImageCropperContextProps) => JSX.Element;
+//#endregion
+//#region src/components/image-cropper/grid.d.ts
+interface ImageCropperGridBaseProps extends PolymorphicProps<"div">, GridProps {}
+interface ImageCropperGridProps extends HTMLProps<"div">, ImageCropperGridBaseProps {}
+declare const ImageCropperGrid: (props: ImageCropperGridProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/image-cropper/handle.d.ts
+interface ImageCropperHandleBaseProps extends PolymorphicProps<"div">, HandleProps {}
+interface ImageCropperHandleProps extends HTMLProps<"div">, ImageCropperHandleBaseProps {}
+declare const ImageCropperHandle: (props: ImageCropperHandleProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/image-cropper/image.d.ts
+interface ImageCropperImageBaseProps extends PolymorphicProps<"img"> {}
+interface ImageCropperImageProps extends HTMLProps<"img">, ImageCropperImageBaseProps {}
+declare const ImageCropperImage: (props: ImageCropperImageProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/image-cropper/root.d.ts
+interface ImageCropperRootBaseProps extends UseImageCropperProps, PolymorphicProps<"div"> {}
+interface ImageCropperRootProps extends HTMLProps<"div">, ImageCropperRootBaseProps {}
+declare const ImageCropperRoot: (props: ImageCropperRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/image-cropper/root-provider.d.ts
+interface RootProviderProps {
+  value: UseImageCropperReturn;
+}
+interface ImageCropperRootProviderBaseProps extends PolymorphicProps<"div"> {}
+interface ImageCropperRootProviderProps extends HTMLProps<"div">, RootProviderProps, ImageCropperRootProviderBaseProps {}
+declare const ImageCropperRootProvider: (props: ImageCropperRootProviderProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/image-cropper/selection.d.ts
+interface ImageCropperSelectionBaseProps extends PolymorphicProps<"div"> {}
+interface ImageCropperSelectionProps extends HTMLProps<"div">, ImageCropperSelectionBaseProps {}
+declare const ImageCropperSelection: (props: ImageCropperSelectionProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/image-cropper/viewport.d.ts
+interface ImageCropperViewportBaseProps extends PolymorphicProps<"div"> {}
+interface ImageCropperViewportProps extends HTMLProps<"div">, ImageCropperViewportBaseProps {}
+declare const ImageCropperViewport: (props: ImageCropperViewportProps) => import("solid-js").JSX.Element;
+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, 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, ImageCropperSelectionProps as SelectionProps, 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/image-cropper.js

@@ -0,0 +1,137 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$2, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.js";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-B-Vi5wQ7.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent } from "solid-js/web";
+import * as imageCropper from "@wirekyt/dom/machines/image-cropper";
+import { anatomy as imageCropperAnatomy, handles } from "@wirekyt/dom/machines/image-cropper";
+//#region src/components/image-cropper/use-context.ts
+const [ImageCropperProvider, useImageCropperContext] = createContext$1({
+	hookName: "useImageCropperContext",
+	providerName: "<ImageCropperProvider />"
+});
+//#endregion
+//#region src/components/image-cropper/context.tsx
+const ImageCropperContext = (props) => props.children(useImageCropperContext());
+//#endregion
+//#region src/components/image-cropper/grid.tsx
+const ImageCropperGrid = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$2(() => api().getGridProps({ axis: props.axis }), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/image-cropper/handle.tsx
+const ImageCropperHandle = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$2(() => api().getHandleProps({ position: props.position }), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/image-cropper/image.tsx
+const ImageCropperImage = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$2(() => api().getImageProps(), props);
+	return createComponent(wire.img, mergedProps);
+};
+//#endregion
+//#region src/components/image-cropper/use.ts
+const useImageCropper = (props = {}) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const imageCropperProps = runIfFn(props);
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...imageCropperProps
+	}));
+	const service = useMachine(imageCropper.machine, machineProps);
+	return createMemo(() => imageCropper.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/image-cropper/root.tsx
+const ImageCropperRoot = (props) => {
+	const [useImageCropperProps, localProps] = createSplitProps()(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 api = useImageCropper(useImageCropperProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(ImageCropperProvider, {
+		value: api,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/image-cropper/root-provider.tsx
+const ImageCropperRootProvider = (props) => {
+	const [{ value: imageCropper }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => imageCropper().getRootProps(), localProps);
+	return createComponent(ImageCropperProvider, {
+		value: imageCropper,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/image-cropper/selection.tsx
+const ImageCropperSelection = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$2(() => api().getSelectionProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/image-cropper/viewport.tsx
+const ImageCropperViewport = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$2(() => api().getViewportProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/image-cropper/image-cropper.ts
+var image_cropper_exports = /* @__PURE__ */ __exportAll({
+	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 };

package/dist/image-cropper.jsx

@@ -0,0 +1,130 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps } from "./core-7QKBNp9p.jsx";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+import * as imageCropper from "@wirekyt/dom/machines/image-cropper";
+import { anatomy as imageCropperAnatomy, handles } from "@wirekyt/dom/machines/image-cropper";
+//#region src/components/image-cropper/use-context.ts
+const [ImageCropperProvider, useImageCropperContext] = createContext$1({
+	hookName: "useImageCropperContext",
+	providerName: "<ImageCropperProvider />"
+});
+//#endregion
+//#region src/components/image-cropper/context.tsx
+const ImageCropperContext = (props) => props.children(useImageCropperContext());
+//#endregion
+//#region src/components/image-cropper/grid.tsx
+const ImageCropperGrid = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$1(() => api().getGridProps({ axis: props.axis }), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/image-cropper/handle.tsx
+const ImageCropperHandle = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$1(() => api().getHandleProps({ position: props.position }), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/image-cropper/image.tsx
+const ImageCropperImage = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$1(() => api().getImageProps(), props);
+	return <wire.img {...mergedProps} />;
+};
+//#endregion
+//#region src/components/image-cropper/use.ts
+const useImageCropper = (props = {}) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const imageCropperProps = runIfFn(props);
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...imageCropperProps
+	}));
+	const service = useMachine(imageCropper.machine, machineProps);
+	return createMemo(() => imageCropper.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/image-cropper/root.tsx
+const ImageCropperRoot = (props) => {
+	const [useImageCropperProps, localProps] = createSplitProps()(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 api = useImageCropper(useImageCropperProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <ImageCropperProvider value={api}>
+      <wire.div {...mergedProps} />
+    </ImageCropperProvider>;
+};
+//#endregion
+//#region src/components/image-cropper/root-provider.tsx
+const ImageCropperRootProvider = (props) => {
+	const [{ value: imageCropper }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => imageCropper().getRootProps(), localProps);
+	return <ImageCropperProvider value={imageCropper}>
+      <wire.div {...mergedProps} />
+    </ImageCropperProvider>;
+};
+//#endregion
+//#region src/components/image-cropper/selection.tsx
+const ImageCropperSelection = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$1(() => api().getSelectionProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/image-cropper/viewport.tsx
+const ImageCropperViewport = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$1(() => api().getViewportProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/image-cropper/image-cropper.ts
+var image_cropper_exports = /* @__PURE__ */ __exportAll({
+	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 };