@ryuzaki13/react-foundation-ui 1.0.15 → 1.0.17

package/dist/image/index.js

@@ -1,41 +1,74 @@
 import { n as e } from "../chunks/button-CC0Jdx1j.js";
-import { r as t } from "../chunks/grid-ByIIytjh.js";
+import { r as t } from "../chunks/grid-dI94AAbi.js";
 import { o as n } from "../chunks/input-CZLUUggm.js";
-import { i as r, n as i, r as a } from "../chunks/modal-4vYSSbAa.js";
+import { i as r, n as i, r as a } from "../chunks/modal-QGp5CjB9.js";
 import { t as o } from "../chunks/input-files-aB8iaqGk.js";
 import { useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import h from "react-easy-crop";
+//#region src/image/lib/buildImageSrcSet.ts
+function g(e) {
+	return e.map((e) => "width" in e ? `${e.src} ${e.width}w` : `${e.src} ${e.density}x`).join(", ");
+}
+//#endregion
+//#region src/image/lib/buildImageSources.ts
+function _(e, t) {
+	return (e ?? []).map((e) => ({
+		srcSet: g(e.candidates),
+		type: e.type,
+		sizes: e.sizes ?? t
+	})).filter((e) => e.srcSet.length > 0);
+}
+//#endregion
 //#region src/image/ui/ImageCropper.tsx
-function g({ image: e, aspect: t = 1200 / 630, width: n, onCropComplete: r }) {
-	let [i, a] = d({
-		x: 0,
-		y: 0
-	}), [o, c] = d(1), l = s((e, t) => {
-		r?.(t);
-	}, [r]);
+var v = {
+	x: 0,
+	y: 0
+};
+function y({ image: e, aspect: t = 16 / 9, width: n = "100%", className: r, style: i, crop: a, defaultCrop: o = v, zoom: c, defaultZoom: l = 1, minZoom: u = 1, maxZoom: f = 3, zoomSpeed: m = .1, objectFit: g = "contain", disabled: _ = !1, onCropChange: y, onZoomChange: b, onCropComplete: x }) {
+	let [S, C] = d(o), [w, T] = d(l), E = a ?? S, D = c ?? w, O = s((e) => {
+		_ || (a === void 0 && C(e), y?.(e));
+	}, [
+		a,
+		_,
+		y
+	]), k = s((e) => {
+		_ || (c === void 0 && T(e), b?.(e));
+	}, [
+		_,
+		b,
+		c
+	]), A = s((e, t) => {
+		_ || x?.(t, e);
+	}, [_, x]);
 	return /* @__PURE__ */ p("div", {
+		className: r,
 		style: {
 			position: "relative",
-			width: n ?? "100%",
-			aspectRatio: t
+			width: n,
+			aspectRatio: t,
+			pointerEvents: _ ? "none" : void 0,
+			...i
 		},
 		children: /* @__PURE__ */ p(h, {
 			image: e,
-			crop: i,
-			zoom: o,
+			crop: E,
+			zoom: D,
 			aspect: t,
-			onCropChange: a,
-			onZoomChange: c,
-			onCropComplete: l,
-			zoomSpeed: .1,
-			objectFit: "contain"
+			minZoom: u,
+			maxZoom: f,
+			zoomSpeed: m,
+			objectFit: g,
+			onCropChange: O,
+			onZoomChange: k,
+			onCropComplete: A,
+			cropperProps: { "aria-disabled": _ || void 0 }
 		})
 	});
 }
 //#endregion
 //#region src/image/ui/ImagePlaceholder.tsx
-function _({ width: e = "100%", height: t = "100%", aspectRatio: n = "16 / 9", className: r }) {
+function b({ width: e = "100%", height: t = "100%", aspectRatio: n = "16 / 9", className: r }) {
 	return /* @__PURE__ */ p("div", {
 		style: {
 			width: e,
@@ -103,62 +136,77 @@ function _({ width: e = "100%", height: t = "100%", aspectRatio: n = "16 / 9", c
 }
 //#endregion
 //#region src/image/ui/ImageRenderer.tsx
-function v({ src: e, sources: t, alt: n, role: r, ariaLabel: i, caption: a, fallback: o, useFigure: s = !1, width: l = "100%", height: h = "100%", aspectRatio: g = "16 / 9", style: v, wrapperStyle: y, ...b }) {
-	let x = u(null), [S, C] = d(0), [w, T] = d(!1), [E, D] = d(!1), [O, k] = d(!1);
+function x({ src: e, sources: t, alt: n, role: r, ariaLabel: i, caption: a, fallback: o, useFigure: s = !1, layout: l = "cover", width: h = "100%", height: g = "100%", aspectRatio: _, intrinsicWidth: v, intrinsicHeight: y, onLoad: x, onError: S, style: C, wrapperStyle: w, ...T }) {
+	let E = u(null), [D, O] = d(0), [k, A] = d(!1), [j, M] = d(!1), [N, P] = d(!1);
 	c(() => {
+		if (typeof IntersectionObserver > "u") {
+			let e = window.setTimeout(() => A(!0), 0);
+			return () => window.clearTimeout(e);
+		}
 		let e = new IntersectionObserver(([t]) => {
 			if (t.isIntersecting) {
 				let n = Math.round(t.boundingClientRect.width);
-				C(n), T(!0), e.disconnect();
+				O(n), A(!0), e.disconnect();
 			}
 		}, {
 			rootMargin: "100px",
 			threshold: .01
 		});
-		return x.current && e.observe(x.current), () => e.disconnect();
+		return E.current && e.observe(E.current), () => e.disconnect();
 	}, []);
-	let A = S ? `${S}px` : "100vw", j = /* @__PURE__ */ p(_, {
-		width: l,
-		height: h,
-		aspectRatio: g
-	}), M = /* @__PURE__ */ m(f, { children: [
-		!E && !O && (o || j),
-		w && !O && /* @__PURE__ */ m("picture", { children: [t?.map((e) => /* @__PURE__ */ p("source", {
+	let F = l === "intrinsic", I = F ? "auto" : g, L = v && y ? `${v} / ${y}` : void 0, R = F ? L ?? _ ?? "auto" : _ ?? "16 / 9", z = F && R !== "auto" && R !== "unset" ? "100%" : I, B = D ? `${D}px` : "100vw", V = /* @__PURE__ */ p(b, {
+		width: h,
+		height: z,
+		aspectRatio: R
+	}), H = F ? {
+		...C,
+		display: "block",
+		width: "100%",
+		height: "auto",
+		objectFit: void 0
+	} : {
+		display: "block",
+		width: "100%",
+		height: "100%",
+		objectFit: l,
+		...C
+	}, U = /* @__PURE__ */ m(f, { children: [
+		!j && !N && (o || V),
+		k && !N && /* @__PURE__ */ m("picture", { children: [t?.map((e) => /* @__PURE__ */ p("source", {
 			srcSet: e.srcSet,
 			type: e.type,
-			sizes: e.sizes ?? A
+			sizes: e.sizes ?? B
 		}, `${e.type ?? "source"}-${e.srcSet}`)), /* @__PURE__ */ p("img", {
 			src: e,
 			alt: n,
 			role: r,
 			"aria-label": i,
-			onLoad: () => D(!0),
-			onError: () => k(!0),
-			style: E ? {
-				width: "100%",
-				height: "100%",
-				objectFit: "cover",
-				...v
-			} : { display: "none" },
-			"aria-busy": !E,
-			width: "100%",
-			height: "100%",
-			...b
+			onLoad: (e) => {
+				M(!0), x?.(e);
+			},
+			onError: (e) => {
+				P(!0), S?.(e);
+			},
+			style: j ? H : { display: "none" },
+			"aria-busy": !j,
+			width: v,
+			height: y,
+			...T
 		})] }),
-		O && j
-	] }), N = /* @__PURE__ */ p("div", {
-		ref: x,
+		N && V
+	] }), W = /* @__PURE__ */ p("div", {
+		ref: E,
 		style: {
-			width: l,
-			height: h,
-			aspectRatio: g,
-			...y
+			width: h,
+			height: I,
+			aspectRatio: R,
+			...w
 		},
-		children: M
+		children: U
 	});
 	return s ? /* @__PURE__ */ m("figure", {
 		className: "relative",
-		children: [N, a && /* @__PURE__ */ p("figcaption", {
+		children: [W, a && /* @__PURE__ */ p("figcaption", {
 			style: {
 				bottom: 2,
 				right: 2,
@@ -167,32 +215,32 @@ function v({ src: e, sources: t, alt: n, role: r, ariaLabel: i, caption: a, fall
 			className: "absolute paddingInlineMd textRight radiusSm fontSizeSm",
 			children: a
 		})]
-	}) : N;
+	}) : W;
 }
 //#endregion
-//#region src/image/ui/ImageSelection.tsx
-function y(e, t) {
+//#region src/image/lib/getImageSelectionKey.ts
+function S(e, t) {
 	return `${e.file.meta.name}-${e.file.meta.size}-${e.file.meta.lastModified}-${t}`;
 }
-function b({ value: e, defaultValue: t, disabled: n, onChange: r, onApply: i }) {
-	let a = e !== void 0, [o, c] = d(e ?? t ?? []), [u, f] = d(e), [p, m] = d(0), [h, g] = d({});
-	a && e !== u && (f(e), c(e ?? []));
-	let _ = s((e) => {
-		c((t) => e(t));
-	}, []), v = l(() => o.map((e) => e.file), [o]), b = o.length === 0 ? 0 : Math.min(p, o.length - 1), x = o[b], S = x ? y(x, b) : void 0, C = S ? h[S] ?? {
-		crop: {
-			x: 0,
-			y: 0
-		},
-		zoom: 1
-	} : {
-		crop: {
-			x: 0,
-			y: 0
-		},
-		zoom: 1
-	}, w = o.length > 0, T = !n && w && o.every((e) => e.alt.trim() && e.crop), E = s((e) => {
-		_((t) => e.map((e) => {
+//#endregion
+//#region src/image/model/useImageSelectionState.ts
+var C = {
+	crop: {
+		x: 0,
+		y: 0
+	},
+	zoom: 1
+};
+function w({ value: e, defaultValue: t, disabled: n, onChange: r, onApply: i }) {
+	let [a, o] = d(t ?? []), [c, u] = d(0), [f, p] = d({}), m = e ?? a, h = s((t) => {
+		let n = t(m);
+		e === void 0 && o(n), r?.(n);
+	}, [
+		r,
+		m,
+		e
+	]), g = l(() => m.map((e) => e.file), [m]), _ = m.length === 0 ? 0 : Math.min(c, m.length - 1), v = m[_], y = v ? S(v, _) : void 0, b = y ? f[y] ?? C : C, x = m.length > 0, w = !n && x && m.every((e) => e.alt.trim() && e.crop), T = s((e) => {
+		h((t) => e.map((e) => {
 			let n = t.find((t) => t.file.file === e.file);
 			return n ? {
 				...n,
@@ -202,63 +250,58 @@ function b({ value: e, defaultValue: t, disabled: n, onChange: r, onApply: i })
 				alt: ""
 			};
 		}));
-	}, [_]), D = s((e) => {
-		_((t) => t.map((t, n) => n === b ? {
+	}, [h]), E = s((e) => {
+		h((t) => t.map((t, n) => n === _ ? {
 			...t,
 			alt: e
 		} : t));
-	}, [b, _]), O = s((e) => {
-		_((t) => t.map((t, n) => n === b ? {
+	}, [_, h]), D = s((e) => {
+		h((t) => t.map((t, n) => n === _ ? {
 			...t,
 			crop: e
 		} : t));
-	}, [b, _]), k = s((e) => {
-		S && g((t) => ({
+	}, [_, h]), O = s((e) => {
+		y && p((t) => ({
 			...t,
-			[S]: {
+			[y]: {
 				crop: e,
-				zoom: t[S]?.zoom ?? 1
+				zoom: t[y]?.zoom ?? 1
 			}
 		}));
-	}, [S]), A = s((e) => {
-		S && g((t) => ({
+	}, [y]), k = s((e) => {
+		y && p((t) => ({
 			...t,
-			[S]: {
-				crop: t[S]?.crop ?? {
+			[y]: {
+				crop: t[y]?.crop ?? {
 					x: 0,
 					y: 0
 				},
 				zoom: e
 			}
 		}));
-	}, [S]);
+	}, [y]);
 	return {
-		value: o,
-		files: v,
-		activeIndex: b,
-		activeImage: x,
-		activeCropperState: C,
-		hasSelected: w,
-		canApply: T,
+		value: m,
+		files: g,
+		activeIndex: _,
+		activeImage: v,
+		activeCropperState: b,
+		hasSelected: x,
+		canApply: w,
 		apply: s(() => {
-			r?.(o), i?.(o);
-		}, [
-			o,
-			i,
-			r
-		]),
-		setFiles: E,
-		setActiveIndex: m,
-		setActiveAlt: D,
-		setActiveCrop: O,
-		setActiveCropperCrop: k,
-		setActiveCropperZoom: A
+			i?.(m);
+		}, [i, m]),
+		setFiles: T,
+		setActiveIndex: u,
+		setActiveAlt: E,
+		setActiveCrop: D,
+		setActiveCropperCrop: O,
+		setActiveCropperZoom: k
 	};
 }
-function x() {
-	if (typeof __IMAGE_UPLOAD_MAX_BYTES__ == "number") return __IMAGE_UPLOAD_MAX_BYTES__;
-}
-function S(e, t, n) {
+//#endregion
+//#region src/image/lib/getImageCropPreviewStyle.ts
+function T(e, t, n) {
 	if (!e.crop || !t) return {
 		width: "100%",
 		aspectRatio: n,
@@ -275,37 +318,41 @@ function S(e, t, n) {
 		maxWidth: "none"
 	};
 }
-function C({ aspect: e = 16 / 9, disabled: r, state: i }) {
-	let a = i.activeImage?.crop, [s, c] = d({});
+//#endregion
+//#region src/image/ui/ImageSelectionFields.tsx
+var E = [
+	"image/jpeg",
+	"image/png",
+	"image/webp",
+	"image/avif"
+];
+function D({ aspect: e = 16 / 9, disabled: r, allowedMime: i = E, maxBytes: a, minimumCropWidth: s, onReadError: c, state: l }) {
+	let u = l.activeImage?.crop, [f, h] = d({});
 	return /* @__PURE__ */ m(t, {
 		gap: "md",
 		children: [
 			/* @__PURE__ */ p(o, {
 				label: "Файл изображения",
-				allowedMime: [
-					"image/jpeg",
-					"image/png",
-					"image/webp",
-					"image/avif"
-				],
-				value: i.files,
-				onChange: i.setFiles,
-				maxBytes: x(),
-				onReadError: (e) => console.log("e", e)
+				allowedMime: i,
+				value: l.files,
+				onChange: l.setFiles,
+				maxBytes: a,
+				disabled: r,
+				onReadError: c
 			}),
-			i.hasSelected && i.activeImage && /* @__PURE__ */ m("div", { children: [
+			l.hasSelected && l.activeImage && /* @__PURE__ */ m("div", { children: [
 				/* @__PURE__ */ p(t, {
 					templateColumns: "repeat(auto-fill, minmax(10em, 1fr))",
 					gap: "xs",
-					children: i.value.map((t, n) => {
-						let a = y(t, n);
+					children: l.value.map((t, n) => {
+						let i = S(t, n);
 						return /* @__PURE__ */ p("button", {
 							type: "button",
 							disabled: r,
-							onClick: () => i.setActiveIndex(n),
+							onClick: () => l.setActiveIndex(n),
 							style: {
 								padding: 0,
-								border: n === i.activeIndex ? "2px solid var(--border-accent)" : "2px solid transparent",
+								border: n === l.activeIndex ? "2px solid var(--border-accent)" : "2px solid transparent",
 								background: "transparent",
 								cursor: r ? "default" : "pointer"
 							},
@@ -319,12 +366,13 @@ function C({ aspect: e = 16 / 9, disabled: r, state: i }) {
 								},
 								children: /* @__PURE__ */ p("img", {
 									src: t.file.dataUrl,
-									style: S(t, s[a], e),
+									alt: t.alt || `Предпросмотр изображения ${n + 1}`,
+									style: T(t, f[i], e),
 									onLoad: (e) => {
 										let t = e.currentTarget;
-										c((e) => ({
+										h((e) => ({
 											...e,
-											[a]: {
+											[i]: {
 												width: t.naturalWidth,
 												height: t.naturalHeight
 											}
@@ -332,169 +380,125 @@ function C({ aspect: e = 16 / 9, disabled: r, state: i }) {
 									}
 								})
 							})
-						}, a);
+						}, i);
 					})
 				}),
 				/* @__PURE__ */ m("div", { children: [
 					"Выберите область изображения",
 					" ",
-					a && (a.width < 1200 ? /* @__PURE__ */ m("code", {
-						className: "statusError",
-						children: [
-							a.width,
-							"x",
-							a.height,
-							" - низкое качество изображения!"
-						]
-					}) : /* @__PURE__ */ m("code", {
-						className: "statusSuccess",
+					u && /* @__PURE__ */ m("code", {
+						className: s && u.width < s ? "statusError" : "statusSuccess",
 						children: [
-							a.width,
+							u.width,
 							"x",
-							a.height
+							u.height,
+							s && u.width < s ? " — недостаточная ширина" : ""
 						]
-					}))
+					})
 				] }),
-				/* @__PURE__ */ p("div", {
-					style: {
-						position: "relative",
-						width: "100%",
-						aspectRatio: e
-					},
-					children: /* @__PURE__ */ p(h, {
-						image: i.activeImage.file.dataUrl,
-						crop: i.activeCropperState.crop,
-						zoom: i.activeCropperState.zoom,
-						aspect: e,
-						onCropChange: i.setActiveCropperCrop,
-						onZoomChange: i.setActiveCropperZoom,
-						onCropComplete: (e, t) => i.setActiveCrop(t),
-						zoomSpeed: .1,
-						objectFit: "contain"
-					}, y(i.activeImage, i.activeIndex))
-				})
+				/* @__PURE__ */ p(y, {
+					image: l.activeImage.file.dataUrl,
+					crop: l.activeCropperState.crop,
+					zoom: l.activeCropperState.zoom,
+					aspect: e,
+					disabled: r,
+					onCropChange: l.setActiveCropperCrop,
+					onZoomChange: l.setActiveCropperZoom,
+					onCropComplete: l.setActiveCrop
+				}, S(l.activeImage, l.activeIndex))
 			] }),
 			/* @__PURE__ */ p(n, {
 				required: !0,
-				disabled: !i.hasSelected || r,
+				disabled: !l.hasSelected || r,
 				label: "Краткое описание изображения",
 				placeholder: "",
-				value: i.activeImage?.alt ?? "",
-				onChange: i.setActiveAlt
+				value: l.activeImage?.alt ?? "",
+				onChange: l.setActiveAlt
 			})
 		]
 	});
 }
-function w({ aspect: t = 16 / 9, disabled: n, renderActions: r, ...i }) {
-	let a = b({
-		...i,
-		disabled: n
-	}), o = {
-		value: a.value,
-		activeIndex: a.activeIndex,
-		hasSelected: a.hasSelected,
-		canApply: a.canApply,
-		apply: a.apply
-	}, s = i.onChange !== void 0 || i.onApply !== void 0;
-	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(C, {
-		aspect: t,
-		disabled: n,
-		state: a
-	}), r ? r(o) : s && /* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(e, {
-		disabled: !a.canApply,
-		tone: "success",
-		onClick: a.apply,
-		children: "Применить"
-	}) })] });
-}
-function T({ aspect: t = 16 / 9, disabled: n, isOpen: o = !0, onClose: s = () => {}, title: c = "Загрузка нового изображения", ...l }) {
-	let u = b({
-		...l,
-		disabled: n
+//#endregion
+//#region src/image/ui/ImageSelectionModal.tsx
+function O({ disabled: t, isOpen: n = !0, onClose: o = () => {}, title: s = "Загрузка нового изображения", ...c }) {
+	let l = w({
+		...c,
+		disabled: t
 	});
-	return l.onChange !== void 0 || l.onApply !== void 0 ? /* @__PURE__ */ m(i, {
-		isOpen: o,
-		onClose: s,
-		title: c,
+	return c.onApply ? /* @__PURE__ */ m(i, {
+		isOpen: n,
+		onClose: o,
+		title: s,
 		size: "xl",
 		children: [/* @__PURE__ */ p(a, {
 			scrollable: !0,
-			children: /* @__PURE__ */ p(C, {
-				aspect: t,
-				disabled: n,
-				state: u
+			children: /* @__PURE__ */ p(D, {
+				...c,
+				disabled: t,
+				state: l
 			})
 		}), /* @__PURE__ */ p(r, { children: /* @__PURE__ */ p(e, {
-			disabled: !u.canApply,
+			disabled: !l.canApply,
 			tone: "success",
-			onClick: u.apply,
+			onClick: l.apply,
 			children: "Применить"
 		}) })]
 	}) : /* @__PURE__ */ p(i, {
-		isOpen: o,
-		onClose: s,
-		title: c,
+		isOpen: n,
+		onClose: o,
+		title: s,
 		size: "xl",
 		children: /* @__PURE__ */ p(a, {
 			scrollable: !0,
-			children: /* @__PURE__ */ p(C, {
-				aspect: t,
-				disabled: n,
-				state: u
+			children: /* @__PURE__ */ p(D, {
+				...c,
+				disabled: t,
+				state: l
 			})
 		})
 	});
 }
 //#endregion
-//#region src/image/ui/ImageView.tsx
-var E = [
-	2880,
-	1920,
-	1280,
-	640,
-	320
-], D = ["avif", "webp"];
-function O(e) {
-	return e === "jpg" || e === "jpeg" ? "image/jpeg" : `image/${e}`;
-}
-function k(e) {
-	return e ? e.replace(/^\/+|\/+$/g, "") : "";
-}
-function A(e, t) {
-	let n = k(e);
-	return n ? `/${n}/${t}` : `/${t}`;
-}
-function j({ basePath: e, formats: t, variantWidths: n, hasSet: r }) {
-	return r ? t.map((t) => ({
-		srcSet: n.map((n) => `${e}@${n}.${t} ${n}w`).join(", "),
-		type: O(t)
-	})) : t.map((t) => ({
-		srcSet: `${e}.${t}`,
-		type: O(t)
-	}));
+//#region src/image/ui/ImageSelectionPanel.tsx
+function k({ disabled: t, renderActions: n, ...r }) {
+	let i = w({
+		...r,
+		disabled: t
+	}), a = {
+		value: i.value,
+		activeIndex: i.activeIndex,
+		hasSelected: i.hasSelected,
+		canApply: i.canApply,
+		apply: i.apply
+	};
+	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(D, {
+		...r,
+		disabled: t,
+		state: i
+	}), n ? n(a) : r.onApply && /* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(e, {
+		disabled: !i.canApply,
+		tone: "success",
+		onClick: i.apply,
+		children: "Применить"
+	}) })] });
 }
-function M({ image: e, src: t, path: n, alt: r, formats: i = D, fallbackFormat: a, variantWidths: o = E, hasSet: s, aspectRatio: c, ...l }) {
-	let u = e?.filename ?? t;
-	if (!u) return /* @__PURE__ */ p(v, {
-		src: "",
-		alt: r ?? e?.alt,
-		...l
-	});
-	let d = e?.path ?? n, f = s ?? e?.hasSet ?? !0, m = i.length > 0 ? i : D, h = a ?? m[m.length - 1] ?? "webp", g = A(d, u), _ = c ?? (e?.width && e.height ? `${e.width} / ${e.height}` : void 0), y = j({
-		basePath: g,
-		formats: m,
-		variantWidths: o,
-		hasSet: f
-	});
-	return /* @__PURE__ */ p(v, {
-		src: `${g}.${h}`,
-		sources: y,
-		alt: r ?? e?.alt,
-		aspectRatio: _,
-		...l
+//#endregion
+//#region src/image/ui/ImageView.tsx
+function A({ image: e, alt: t, sizes: n, aspectRatio: r, ...i }) {
+	let a = _(e.sources, n), o = e.candidates ? g(e.candidates) : void 0, s = r ?? (e.intrinsicWidth && e.intrinsicHeight ? `${e.intrinsicWidth} / ${e.intrinsicHeight}` : void 0);
+	return /* @__PURE__ */ p(x, {
+		...i,
+		src: e.src,
+		srcSet: o || void 0,
+		sources: a,
+		sizes: n,
+		alt: t ?? e.alt,
+		intrinsicWidth: e.intrinsicWidth,
+		intrinsicHeight: e.intrinsicHeight,
+		aspectRatio: s
 	});
 }
 //#endregion
-export { g as ImageCropper, _ as ImagePlaceholder, v as ImageRenderer, T as ImageSelectionModal, w as ImageSelectionPanel, M as ImageView };
+export { y as ImageCropper, b as ImagePlaceholder, x as ImageRenderer, O as ImageSelectionModal, k as ImageSelectionPanel, A as ImageView, _ as buildImageSources, g as buildImageSrcSet };
 
 //# sourceMappingURL=index.js.map