@ryuzaki13/react-foundation-ui 1.1.0 → 1.1.2

package/dist/image/index.js

@@ -1,91 +1,82 @@
 import { n as e } from "../chunks/button-CC0Jdx1j.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-Cll8YZ7b.js";
+import { i as r, n as i, r as a } from "../chunks/modal-DiQ-yR71.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 { cn as f } from "@ryuzaki13/react-foundation-lib/utils";
-import { CaptionsIcon as p, CaptionsOffIcon as m, ChevronLeftIcon as h, ChevronRightIcon as g, DownloadIcon as _, GalleryThumbnailsIcon as v, ImageOffIcon as y, LoaderCircleIcon as b, Maximize2Icon as x, Minimize2Icon as S, XIcon as C, ZoomInIcon as w, ZoomOutIcon as T } from "lucide-react";
-import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
-import k from "react-easy-crop";
-import A, { isImageSlide as j } from "yet-another-react-lightbox";
-import M from "yet-another-react-lightbox/plugins/captions";
-import N from "yet-another-react-lightbox/plugins/counter";
-import P from "yet-another-react-lightbox/plugins/download";
-import F from "yet-another-react-lightbox/plugins/fullscreen";
-import I from "yet-another-react-lightbox/plugins/thumbnails";
-import L from "yet-another-react-lightbox/plugins/zoom";
+import { Suspense as s, lazy as c, useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import _ from "react-easy-crop";
 //#region src/image/lib/buildImageSrcSet.ts
-function R(e) {
+function v(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 z(e, t) {
+function y(e, t) {
 	return (e ?? []).map((e) => ({
-		srcSet: R(e.candidates),
+		srcSet: v(e.candidates),
 		type: e.type,
 		sizes: e.sizes ?? t
 	})).filter((e) => e.srcSet.length > 0);
 }
 //#endregion
 //#region src/image/ui/ImageCropper.tsx
-var B = {
+var b = {
 	x: 0,
 	y: 0
 };
-function V({ image: e, aspect: t = 16 / 9, width: n = "100%", className: r, style: i, crop: a, defaultCrop: o = B, zoom: c, defaultZoom: l = 1, minZoom: u = 1, maxZoom: f = 3, zoomSpeed: p = .1, objectFit: m = "contain", disabled: h = !1, onCropChange: g, onZoomChange: _, onCropComplete: v }) {
-	let [y, b] = d(o), [x, S] = d(l), C = a ?? y, w = c ?? x, T = s((e) => {
-		h || (a === void 0 && b(e), g?.(e));
+function x({ image: e, aspect: t = 16 / 9, width: n = "100%", className: r, style: i, crop: a, defaultCrop: o = b, zoom: s, defaultZoom: c = 1, minZoom: u = 1, maxZoom: d = 3, zoomSpeed: f = .1, objectFit: m = "contain", disabled: g = !1, onCropChange: v, onZoomChange: y, onCropComplete: x }) {
+	let [S, C] = p(o), [w, T] = p(c), E = a ?? S, D = s ?? w, O = l((e) => {
+		g || (a === void 0 && C(e), v?.(e));
 	}, [
 		a,
-		h,
-		g
-	]), E = s((e) => {
-		h || (c === void 0 && S(e), _?.(e));
+		g,
+		v
+	]), k = l((e) => {
+		g || (s === void 0 && T(e), y?.(e));
 	}, [
-		h,
-		_,
-		c
-	]), O = s((e, t) => {
-		h || v?.(t, e);
-	}, [h, v]);
-	return /* @__PURE__ */ D("div", {
+		g,
+		y,
+		s
+	]), A = l((e, t) => {
+		g || x?.(t, e);
+	}, [g, x]);
+	return /* @__PURE__ */ h("div", {
 		className: r,
 		style: {
 			position: "relative",
 			width: n,
 			aspectRatio: t,
-			pointerEvents: h ? "none" : void 0,
+			pointerEvents: g ? "none" : void 0,
 			...i
 		},
-		children: /* @__PURE__ */ D(k, {
+		children: /* @__PURE__ */ h(_, {
 			image: e,
-			crop: C,
-			zoom: w,
+			crop: E,
+			zoom: D,
 			aspect: t,
 			minZoom: u,
-			maxZoom: f,
-			zoomSpeed: p,
+			maxZoom: d,
+			zoomSpeed: f,
 			objectFit: m,
-			onCropChange: T,
-			onZoomChange: E,
-			onCropComplete: O,
-			cropperProps: { "aria-disabled": h || void 0 }
+			onCropChange: O,
+			onZoomChange: k,
+			onCropComplete: A,
+			cropperProps: { "aria-disabled": g || void 0 }
 		})
 	});
 }
 //#endregion
 //#region src/image/ui/ImagePlaceholder.tsx
-function H({ width: e = "100%", height: t = "100%", aspectRatio: n = "16 / 9", className: r }) {
-	return /* @__PURE__ */ D("div", {
+function S({ width: e = "100%", height: t = "100%", aspectRatio: n = "16 / 9", className: r }) {
+	return /* @__PURE__ */ h("div", {
 		style: {
 			width: e,
 			height: t,
 			aspectRatio: n
 		},
 		className: r,
-		children: /* @__PURE__ */ D("svg", {
+		children: /* @__PURE__ */ h("svg", {
 			width: e,
 			height: t,
 			viewBox: "0 0 200 200",
@@ -96,31 +87,31 @@ function H({ width: e = "100%", height: t = "100%", aspectRatio: n = "16 / 9", c
 			ry: "10",
 			style: { display: "block" },
 			"aria-label": "Изображение недоступно",
-			children: /* @__PURE__ */ O("g", {
+			children: /* @__PURE__ */ g("g", {
 				fill: "var(--surface-0)",
 				children: [
-					/* @__PURE__ */ D("rect", {
+					/* @__PURE__ */ h("rect", {
 						x: "40",
 						y: "50",
 						width: "120",
 						height: "100",
 						rx: "10"
 					}),
-					/* @__PURE__ */ D("circle", {
+					/* @__PURE__ */ h("circle", {
 						cx: "60",
 						cy: "70",
 						r: "8",
 						fill: "var(--surface-2)"
 					}),
-					/* @__PURE__ */ D("path", {
+					/* @__PURE__ */ h("path", {
 						d: "M50 130 L75 100 L100 130 Z",
 						fill: "var(--surface-2)"
 					}),
-					/* @__PURE__ */ D("path", {
+					/* @__PURE__ */ h("path", {
 						d: "M90 130 L120 90 L150 130 Z",
 						fill: "var(--surface-2)"
 					}),
-					/* @__PURE__ */ D("line", {
+					/* @__PURE__ */ h("line", {
 						x1: "160",
 						y1: "40",
 						x2: "40",
@@ -129,7 +120,7 @@ function H({ width: e = "100%", height: t = "100%", aspectRatio: n = "16 / 9", c
 						strokeWidth: "15",
 						strokeLinecap: "round"
 					}),
-					/* @__PURE__ */ D("line", {
+					/* @__PURE__ */ h("line", {
 						x1: "160",
 						y1: "40",
 						x2: "40",
@@ -145,30 +136,30 @@ function H({ width: e = "100%", height: t = "100%", aspectRatio: n = "16 / 9", c
 }
 //#endregion
 //#region src/image/ui/ImageRenderer.tsx
-function U({ src: e, sources: t, alt: n, role: r, ariaLabel: i, caption: a, fallback: o, useFigure: s = !1, layout: l = "cover", width: f = "100%", height: p = "100%", aspectRatio: m, intrinsicWidth: h, intrinsicHeight: g, onLoad: _, onError: v, style: y, wrapperStyle: b, ...x }) {
-	let S = u(null), [C, w] = d(0), [T, k] = d(!1), [A, j] = d(!1), [M, N] = d(!1);
-	c(() => {
+function C({ src: e, sources: t, alt: n, role: r, ariaLabel: i, caption: a, fallback: o, useFigure: s = !1, layout: c = "cover", width: l = "100%", height: d = "100%", aspectRatio: _, intrinsicWidth: v, intrinsicHeight: y, onLoad: b, onError: x, style: C, wrapperStyle: w, ...T }) {
+	let E = f(null), [D, O] = p(0), [k, A] = p(!1), [j, M] = p(!1), [N, P] = p(!1);
+	u(() => {
 		if (typeof IntersectionObserver > "u") {
-			let e = window.setTimeout(() => k(!0), 0);
+			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);
-				w(n), k(!0), e.disconnect();
+				O(n), A(!0), e.disconnect();
 			}
 		}, {
 			rootMargin: "100px",
 			threshold: .01
 		});
-		return S.current && e.observe(S.current), () => e.disconnect();
+		return E.current && e.observe(E.current), () => e.disconnect();
 	}, []);
-	let P = l === "intrinsic", F = P ? "auto" : p, I = h && g ? `${h} / ${g}` : void 0, L = P ? I ?? m ?? "auto" : m ?? "16 / 9", R = P && L !== "auto" && L !== "unset" ? "100%" : F, z = C ? `${C}px` : "100vw", B = /* @__PURE__ */ D(H, {
-		width: f,
-		height: R,
-		aspectRatio: L
-	}), V = P ? {
-		...y,
+	let F = c === "intrinsic", I = F ? "auto" : d, 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__ */ h(S, {
+		width: l,
+		height: z,
+		aspectRatio: R
+	}), H = F ? {
+		...C,
 		display: "block",
 		width: "100%",
 		height: "auto",
@@ -177,45 +168,45 @@ function U({ src: e, sources: t, alt: n, role: r, ariaLabel: i, caption: a, fall
 		display: "block",
 		width: "100%",
 		height: "100%",
-		objectFit: l,
-		...y
-	}, U = /* @__PURE__ */ O(E, { children: [
-		!A && !M && (o || B),
-		T && !M && /* @__PURE__ */ O("picture", { children: [t?.map((e) => /* @__PURE__ */ D("source", {
+		objectFit: c,
+		...C
+	}, U = /* @__PURE__ */ g(m, { children: [
+		!j && !N && (o || V),
+		k && !N && /* @__PURE__ */ g("picture", { children: [t?.map((e) => /* @__PURE__ */ h("source", {
 			srcSet: e.srcSet,
 			type: e.type,
-			sizes: e.sizes ?? z
-		}, `${e.type ?? "source"}-${e.srcSet}`)), /* @__PURE__ */ D("img", {
+			sizes: e.sizes ?? B
+		}, `${e.type ?? "source"}-${e.srcSet}`)), /* @__PURE__ */ h("img", {
 			src: e,
 			alt: n,
 			role: r,
 			"aria-label": i,
 			onLoad: (e) => {
-				j(!0), _?.(e);
+				M(!0), b?.(e);
 			},
 			onError: (e) => {
-				N(!0), v?.(e);
+				P(!0), x?.(e);
 			},
-			style: A ? V : { display: "none" },
-			"aria-busy": !A,
-			width: h,
-			height: g,
-			...x
+			style: j ? H : { display: "none" },
+			"aria-busy": !j,
+			width: v,
+			height: y,
+			...T
 		})] }),
-		M && B
-	] }), W = /* @__PURE__ */ D("div", {
-		ref: S,
+		N && V
+	] }), W = /* @__PURE__ */ h("div", {
+		ref: E,
 		style: {
-			width: f,
-			height: F,
-			aspectRatio: L,
-			...b
+			width: l,
+			height: I,
+			aspectRatio: R,
+			...w
 		},
 		children: U
 	});
-	return s ? /* @__PURE__ */ O("figure", {
+	return s ? /* @__PURE__ */ g("figure", {
 		className: "relative",
-		children: [W, a && /* @__PURE__ */ D("figcaption", {
+		children: [W, a && /* @__PURE__ */ h("figcaption", {
 			style: {
 				bottom: 2,
 				right: 2,
@@ -228,27 +219,27 @@ function U({ src: e, sources: t, alt: n, role: r, ariaLabel: i, caption: a, fall
 }
 //#endregion
 //#region src/image/lib/getImageSelectionKey.ts
-function W(e, t) {
+function w(e, t) {
 	return `${e.file.meta.name}-${e.file.meta.size}-${e.file.meta.lastModified}-${t}`;
 }
 //#endregion
 //#region src/image/model/useImageSelectionState.ts
-var G = {
+var T = {
 	crop: {
 		x: 0,
 		y: 0
 	},
 	zoom: 1
 };
-function K({ 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) => {
+function E({ value: e, defaultValue: t, disabled: n, onChange: r, onApply: i }) {
+	let [a, o] = p(t ?? []), [s, c] = p(0), [u, f] = p({}), m = e ?? a, h = l((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 ? W(v, _) : void 0, b = y ? f[y] ?? G : G, x = m.length > 0, S = !n && x && m.every((e) => e.alt.trim() && e.crop), C = s((e) => {
+	]), g = d(() => m.map((e) => e.file), [m]), _ = m.length === 0 ? 0 : Math.min(s, m.length - 1), v = m[_], y = v ? w(v, _) : void 0, b = y ? u[y] ?? T : T, x = m.length > 0, S = !n && x && m.every((e) => e.alt.trim() && e.crop), C = l((e) => {
 		h((t) => e.map((e) => {
 			let n = t.find((t) => t.file.file === e.file);
 			return n ? {
@@ -259,26 +250,26 @@ function K({ value: e, defaultValue: t, disabled: n, onChange: r, onApply: i })
 				alt: ""
 			};
 		}));
-	}, [h]), w = s((e) => {
+	}, [h]), E = l((e) => {
 		h((t) => t.map((t, n) => n === _ ? {
 			...t,
 			alt: e
 		} : t));
-	}, [_, h]), T = s((e) => {
+	}, [_, h]), D = l((e) => {
 		h((t) => t.map((t, n) => n === _ ? {
 			...t,
 			crop: e
 		} : t));
-	}, [_, h]), E = s((e) => {
-		y && p((t) => ({
+	}, [_, h]), O = l((e) => {
+		y && f((t) => ({
 			...t,
 			[y]: {
 				crop: e,
 				zoom: t[y]?.zoom ?? 1
 			}
 		}));
-	}, [y]), D = s((e) => {
-		y && p((t) => ({
+	}, [y]), k = l((e) => {
+		y && f((t) => ({
 			...t,
 			[y]: {
 				crop: t[y]?.crop ?? {
@@ -297,20 +288,20 @@ function K({ value: e, defaultValue: t, disabled: n, onChange: r, onApply: i })
 		activeCropperState: b,
 		hasSelected: x,
 		canApply: S,
-		apply: s(() => {
+		apply: l(() => {
 			i?.(m);
 		}, [i, m]),
 		setFiles: C,
-		setActiveIndex: u,
-		setActiveAlt: w,
-		setActiveCrop: T,
-		setActiveCropperCrop: E,
-		setActiveCropperZoom: D
+		setActiveIndex: c,
+		setActiveAlt: E,
+		setActiveCrop: D,
+		setActiveCropperCrop: O,
+		setActiveCropperZoom: k
 	};
 }
 //#endregion
 //#region src/image/lib/getImageCropPreviewStyle.ts
-function q(e, t, n) {
+function D(e, t, n) {
 	if (!e.crop || !t) return {
 		width: "100%",
 		aspectRatio: n,
@@ -329,18 +320,18 @@ function q(e, t, n) {
 }
 //#endregion
 //#region src/image/ui/ImageSelectionFields.tsx
-var J = [
+var O = [
 	"image/jpeg",
 	"image/png",
 	"image/webp",
 	"image/avif"
 ];
-function Y({ aspect: e = 16 / 9, disabled: r, allowedMime: i = J, maxBytes: a, minimumCropWidth: s, onReadError: c, state: l }) {
-	let u = l.activeImage?.crop, [f, p] = d({});
-	return /* @__PURE__ */ O(t, {
+function k({ aspect: e = 16 / 9, disabled: r, allowedMime: i = O, maxBytes: a, minimumCropWidth: s, onReadError: c, state: l }) {
+	let u = l.activeImage?.crop, [d, f] = p({});
+	return /* @__PURE__ */ g(t, {
 		gap: "md",
 		children: [
-			/* @__PURE__ */ D(o, {
+			/* @__PURE__ */ h(o, {
 				label: "Файл изображения",
 				allowedMime: i,
 				value: l.files,
@@ -349,13 +340,13 @@ function Y({ aspect: e = 16 / 9, disabled: r, allowedMime: i = J, maxBytes: a, m
 				disabled: r,
 				onReadError: c
 			}),
-			l.hasSelected && l.activeImage && /* @__PURE__ */ O("div", { children: [
-				/* @__PURE__ */ D(t, {
+			l.hasSelected && l.activeImage && /* @__PURE__ */ g("div", { children: [
+				/* @__PURE__ */ h(t, {
 					templateColumns: "repeat(auto-fill, minmax(10em, 1fr))",
 					gap: "xs",
 					children: l.value.map((t, n) => {
-						let i = W(t, n);
-						return /* @__PURE__ */ D("button", {
+						let i = w(t, n);
+						return /* @__PURE__ */ h("button", {
 							type: "button",
 							disabled: r,
 							onClick: () => l.setActiveIndex(n),
@@ -365,7 +356,7 @@ function Y({ aspect: e = 16 / 9, disabled: r, allowedMime: i = J, maxBytes: a, m
 								background: "transparent",
 								cursor: r ? "default" : "pointer"
 							},
-							children: /* @__PURE__ */ D("span", {
+							children: /* @__PURE__ */ h("span", {
 								style: {
 									position: "relative",
 									display: "block",
@@ -373,13 +364,13 @@ function Y({ aspect: e = 16 / 9, disabled: r, allowedMime: i = J, maxBytes: a, m
 									aspectRatio: e,
 									overflow: "hidden"
 								},
-								children: /* @__PURE__ */ D("img", {
+								children: /* @__PURE__ */ h("img", {
 									src: t.file.dataUrl,
 									alt: t.alt || `Предпросмотр изображения ${n + 1}`,
-									style: q(t, f[i], e),
+									style: D(t, d[i], e),
 									onLoad: (e) => {
 										let t = e.currentTarget;
-										p((e) => ({
+										f((e) => ({
 											...e,
 											[i]: {
 												width: t.naturalWidth,
@@ -392,10 +383,10 @@ function Y({ aspect: e = 16 / 9, disabled: r, allowedMime: i = J, maxBytes: a, m
 						}, i);
 					})
 				}),
-				/* @__PURE__ */ O("div", { children: [
+				/* @__PURE__ */ g("div", { children: [
 					"Выберите область изображения",
 					" ",
-					u && /* @__PURE__ */ O("code", {
+					u && /* @__PURE__ */ g("code", {
 						className: s && u.width < s ? "statusError" : "statusSuccess",
 						children: [
 							u.width,
@@ -405,7 +396,7 @@ function Y({ aspect: e = 16 / 9, disabled: r, allowedMime: i = J, maxBytes: a, m
 						]
 					})
 				] }),
-				/* @__PURE__ */ D(V, {
+				/* @__PURE__ */ h(x, {
 					image: l.activeImage.file.dataUrl,
 					crop: l.activeCropperState.crop,
 					zoom: l.activeCropperState.zoom,
@@ -414,9 +405,9 @@ function Y({ aspect: e = 16 / 9, disabled: r, allowedMime: i = J, maxBytes: a, m
 					onCropChange: l.setActiveCropperCrop,
 					onZoomChange: l.setActiveCropperZoom,
 					onCropComplete: l.setActiveCrop
-				}, W(l.activeImage, l.activeIndex))
+				}, w(l.activeImage, l.activeIndex))
 			] }),
-			/* @__PURE__ */ D(n, {
+			/* @__PURE__ */ h(n, {
 				required: !0,
 				disabled: !l.hasSelected || r,
 				label: "Краткое описание изображения",
@@ -429,37 +420,37 @@ function Y({ aspect: e = 16 / 9, disabled: r, allowedMime: i = J, maxBytes: a, m
 }
 //#endregion
 //#region src/image/ui/ImageSelectionModal.tsx
-function X({ disabled: t, isOpen: n = !0, onClose: o = () => {}, title: s = "Загрузка нового изображения", ...c }) {
-	let l = K({
+function A({ disabled: t, isOpen: n = !0, onClose: o = () => {}, title: s = "Загрузка нового изображения", ...c }) {
+	let l = E({
 		...c,
 		disabled: t
 	});
-	return c.onApply ? /* @__PURE__ */ O(i, {
+	return c.onApply ? /* @__PURE__ */ g(i, {
 		isOpen: n,
 		onClose: o,
 		title: s,
 		size: "xl",
-		children: [/* @__PURE__ */ D(a, {
+		children: [/* @__PURE__ */ h(a, {
 			scrollable: !0,
-			children: /* @__PURE__ */ D(Y, {
+			children: /* @__PURE__ */ h(k, {
 				...c,
 				disabled: t,
 				state: l
 			})
-		}), /* @__PURE__ */ D(r, { children: /* @__PURE__ */ D(e, {
+		}), /* @__PURE__ */ h(r, { children: /* @__PURE__ */ h(e, {
 			disabled: !l.canApply,
 			tone: "success",
 			onClick: l.apply,
 			children: "Применить"
 		}) })]
-	}) : /* @__PURE__ */ D(i, {
+	}) : /* @__PURE__ */ h(i, {
 		isOpen: n,
 		onClose: o,
 		title: s,
 		size: "xl",
-		children: /* @__PURE__ */ D(a, {
+		children: /* @__PURE__ */ h(a, {
 			scrollable: !0,
-			children: /* @__PURE__ */ D(Y, {
+			children: /* @__PURE__ */ h(k, {
 				...c,
 				disabled: t,
 				state: l
@@ -469,8 +460,8 @@ function X({ disabled: t, isOpen: n = !0, onClose: o = () => {}, title: s = "З
 }
 //#endregion
 //#region src/image/ui/ImageSelectionPanel.tsx
-function Z({ disabled: t, renderActions: n, ...r }) {
-	let i = K({
+function j({ disabled: t, renderActions: n, ...r }) {
+	let i = E({
 		...r,
 		disabled: t
 	}), a = {
@@ -480,11 +471,11 @@ function Z({ disabled: t, renderActions: n, ...r }) {
 		canApply: i.canApply,
 		apply: i.apply
 	};
-	return /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(Y, {
+	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(k, {
 		...r,
 		disabled: t,
 		state: i
-	}), n ? n(a) : r.onApply && /* @__PURE__ */ D("div", { children: /* @__PURE__ */ D(e, {
+	}), n ? n(a) : r.onApply && /* @__PURE__ */ h("div", { children: /* @__PURE__ */ h(e, {
 		disabled: !i.canApply,
 		tone: "success",
 		onClick: i.apply,
@@ -493,9 +484,9 @@ function Z({ disabled: t, renderActions: n, ...r }) {
 }
 //#endregion
 //#region src/image/ui/ImageView.tsx
-function ee({ image: e, alt: t, sizes: n, aspectRatio: r, ...i }) {
-	let a = z(e.sources, n), o = e.candidates ? R(e.candidates) : void 0, s = r ?? (e.intrinsicWidth && e.intrinsicHeight ? `${e.intrinsicWidth} / ${e.intrinsicHeight}` : void 0);
-	return /* @__PURE__ */ D(U, {
+function M({ image: e, alt: t, sizes: n, aspectRatio: r, ...i }) {
+	let a = y(e.sources, n), o = e.candidates ? v(e.candidates) : void 0, s = r ?? (e.intrinsicWidth && e.intrinsicHeight ? `${e.intrinsicWidth} / ${e.intrinsicHeight}` : void 0);
+	return /* @__PURE__ */ h(C, {
 		...i,
 		src: e.src,
 		srcSet: o || void 0,
@@ -508,213 +499,19 @@ function ee({ image: e, alt: t, sizes: n, aspectRatio: r, ...i }) {
 	});
 }
 //#endregion
-//#region src/image/lib/buildImageViewerSlides.ts
-function Q(e) {
-	return Number.isFinite(e) && e > 0;
-}
-function te(e, t) {
-	let n = e.width === void 0 ? e.density === void 0 ? 0 : t * e.density : e.width;
-	return Q(n) ? Math.round(n) : null;
-}
-function ne(e) {
-	let { intrinsicWidth: t, intrinsicHeight: n } = e;
-	if (t === void 0 || n === void 0 || !Q(t) || !Q(n)) return;
-	let r = /* @__PURE__ */ new Map();
-	for (let i of e.candidates ?? []) {
-		let e = te(i, t);
-		e === null || r.has(e) || r.set(e, {
-			src: i.src,
-			width: e,
-			height: Math.max(1, Math.round(e * n / t))
-		});
-	}
-	let i = [...r.values()].sort((e, t) => e.width - t.width);
-	return i.length > 0 ? i : void 0;
-}
-function re(e) {
-	return e.map((e) => {
-		let t = Q(e.intrinsicWidth ?? 0) && Q(e.intrinsicHeight ?? 0);
-		return {
-			src: e.src,
-			alt: e.alt,
-			width: t ? e.intrinsicWidth : void 0,
-			height: t ? e.intrinsicHeight : void 0,
-			srcSet: ne(e),
-			title: e.title === void 0 ? e.alt : e.title,
-			description: e.description,
-			thumbnail: e.thumbnail,
-			download: e.download
-		};
-	});
-}
-//#endregion
-//#region src/image/lib/resolveImageViewerLabels.ts
-var ie = {
-	previous: "Предыдущее изображение",
-	next: "Следующее изображение",
-	close: "Закрыть просмотр",
-	slide: "Изображение",
-	carousel: "Карусель изображений",
-	lightbox: "Просмотр изображений",
-	photoGallery: "Галерея изображений",
-	slideCounter: "{index} из {total}",
-	zoomIn: "Увеличить",
-	zoomOut: "Уменьшить",
-	enterFullscreen: "Перейти в полноэкранный режим",
-	exitFullscreen: "Выйти из полноэкранного режима",
-	thumbnails: "Миниатюры",
-	showThumbnails: "Показать миниатюры",
-	hideThumbnails: "Скрыть миниатюры",
-	caption: "Подпись изображения",
-	showCaptions: "Показать подписи",
-	hideCaptions: "Скрыть подписи",
-	download: "Скачать изображение"
-};
-function ae(e) {
-	let t = {
-		...ie,
-		...e
-	};
-	return {
-		Previous: t.previous,
-		Next: t.next,
-		Close: t.close,
-		Slide: t.slide,
-		Carousel: t.carousel,
-		Lightbox: t.lightbox,
-		"Photo gallery": t.photoGallery,
-		"{index} of {total}": t.slideCounter,
-		"Zoom in": t.zoomIn,
-		"Zoom out": t.zoomOut,
-		"Enter Fullscreen": t.enterFullscreen,
-		"Exit Fullscreen": t.exitFullscreen,
-		Thumbnails: t.thumbnails,
-		"Show thumbnails": t.showThumbnails,
-		"Hide thumbnails": t.hideThumbnails,
-		Caption: t.caption,
-		"Show captions": t.showCaptions,
-		"Hide captions": t.hideCaptions,
-		Download: t.download
-	};
-}
-var $ = {
-	viewer: "acj1dM",
-	icon: "jt3y3m",
-	loadingIcon: "_2SAWIU",
-	imageViewerSpin: "_1GqI3h"
-};
-//#endregion
 //#region src/image/ui/ImageViewer.tsx
-function oe({ open: e, images: t, index: n = 0, onClose: r, onIndexChange: i, features: a, loop: o = !1, closeOnBackdropClick: s = !0, closeOnPullDown: c = !0, labels: u, className: d, style: E }) {
-	let O = l(() => re(t), [t]), k = Number.isFinite(n) ? Math.trunc(n) : 0, R = O.length > 0 ? Math.min(Math.max(k, 0), O.length - 1) : 0, z = t.some((e) => (e.title === void 0 ? e.alt : e.title) != null || e.description !== void 0 && e.description !== null), B = a?.captions ?? z, V = a?.counter ?? O.length > 1, H = a?.download ?? !1, U = a?.fullscreen ?? !0, W = a?.thumbnails ?? O.length > 1, G = a?.zoom ?? !0, K = l(() => [
-		...B ? [M] : [],
-		...V ? [N] : [],
-		...H ? [P] : [],
-		...U ? [F] : [],
-		...W ? [I] : [],
-		...G ? [L] : []
-	], [
-		B,
-		V,
-		H,
-		U,
-		W,
-		G
-	]), q = l(() => ae(u), [u]);
-	return /* @__PURE__ */ D(A, {
-		open: e && O.length > 0,
-		close: r,
-		index: R,
-		slides: O,
-		plugins: K,
-		className: f($.viewer, d),
-		portal: { container: { style: E } },
-		labels: q,
-		carousel: { finite: !o },
-		controller: {
-			closeOnBackdropClick: s,
-			closeOnPullDown: c
-		},
-		captions: { showToggle: !0 },
-		counter: { separator: " / " },
-		thumbnails: { showToggle: !0 },
-		download: { download: ({ slide: e, saveAs: t }) => {
-			if (!(!j(e) || e.download === !1)) {
-				if (typeof e.download == "string") {
-					t(e.download);
-					return;
-				}
-				if (typeof e.download == "object") {
-					t(e.download.url, e.download.filename);
-					return;
-				}
-				t(e.src);
-			}
-		} },
-		on: { view: ({ index: e }) => {
-			e !== R && i?.(e);
-		} },
-		render: {
-			iconPrev: () => /* @__PURE__ */ D(h, {
-				"aria-hidden": "true",
-				className: $.icon
-			}),
-			iconNext: () => /* @__PURE__ */ D(g, {
-				"aria-hidden": "true",
-				className: $.icon
-			}),
-			iconClose: () => /* @__PURE__ */ D(C, {
-				"aria-hidden": "true",
-				className: $.icon
-			}),
-			iconLoading: () => /* @__PURE__ */ D(b, {
-				"aria-hidden": "true",
-				className: f($.icon, $.loadingIcon)
-			}),
-			iconError: () => /* @__PURE__ */ D(y, {
-				"aria-hidden": "true",
-				className: $.icon
-			}),
-			iconZoomIn: () => /* @__PURE__ */ D(w, {
-				"aria-hidden": "true",
-				className: $.icon
-			}),
-			iconZoomOut: () => /* @__PURE__ */ D(T, {
-				"aria-hidden": "true",
-				className: $.icon
-			}),
-			iconEnterFullscreen: () => /* @__PURE__ */ D(x, {
-				"aria-hidden": "true",
-				className: $.icon
-			}),
-			iconExitFullscreen: () => /* @__PURE__ */ D(S, {
-				"aria-hidden": "true",
-				className: $.icon
-			}),
-			iconThumbnailsVisible: () => /* @__PURE__ */ D(v, {
-				"aria-hidden": "true",
-				className: $.icon
-			}),
-			iconThumbnailsHidden: () => /* @__PURE__ */ D(v, {
-				"aria-hidden": "true",
-				className: $.icon
-			}),
-			iconCaptionsVisible: () => /* @__PURE__ */ D(p, {
-				"aria-hidden": "true",
-				className: $.icon
-			}),
-			iconCaptionsHidden: () => /* @__PURE__ */ D(m, {
-				"aria-hidden": "true",
-				className: $.icon
-			}),
-			iconDownload: () => /* @__PURE__ */ D(_, {
-				"aria-hidden": "true",
-				className: $.icon
-			})
-		}
-	});
+var N = c(() => import("../chunks/ImageViewerRuntime-RN49by8Y.js"));
+function P(e) {
+	let [t, n] = p(!1), r = l(() => n(!0), []);
+	return typeof document < "u" && (e.open || t) ? /* @__PURE__ */ h(s, {
+		fallback: null,
+		children: /* @__PURE__ */ h(N, {
+			...e,
+			onRuntimeMounted: r
+		})
+	}) : null;
 }
 //#endregion
-export { V as ImageCropper, H as ImagePlaceholder, U as ImageRenderer, X as ImageSelectionModal, Z as ImageSelectionPanel, ee as ImageView, oe as ImageViewer, z as buildImageSources, R as buildImageSrcSet };
+export { x as ImageCropper, S as ImagePlaceholder, C as ImageRenderer, A as ImageSelectionModal, j as ImageSelectionPanel, M as ImageView, P as ImageViewer, y as buildImageSources, v as buildImageSrcSet };
 
 //# sourceMappingURL=index.js.map