@feugene/granularity-media 0.1.0 → 0.2.0

package/README.md

@@ -1,7 +1,9 @@
 # `@feugene/granularity-media`
 
-Работа с изображением и камерой для `@feugene/granularity`. Первый компонент —
-`GrImageCrop`: пользователь выбирает кадр, приложение получает готовый `Blob`.
+Работа с изображением и камерой для `@feugene/granularity`. Два компонента, и они
+стоят рядом по сценарию: `GrCameraCapture` снимает кадр камерой,
+`GrImageCrop` выбирает кадр из уже существующей картинки. Оба отдают готовый
+`Blob` — можно сразу отправлять.
 
 ```bash
 yarn add @feugene/granularity-media
@@ -29,7 +31,9 @@ async function save() {
 
 <template>
   <GrImageCrop ref="cropper" :src="file" shape="circle" :output="{ width: 256, height: 256 }" />
-  <button @click="save">Сохранить</button>
+  <button @click="save">
+Сохранить
+</button>
 </template>
 ```
 
@@ -73,8 +77,27 @@ presetGranularNode({
 Локали подключаются тем же `createFintI18n`, что и словари ядра — блок
 `GR_MEDIA_I18N_BLOCK`.
 
+## Снимок камерой
+
+```vue
+<GrCameraCapture :aspect-ratio="1" @capture="blob => upload(blob)" />
+```
+
+Камера включается только по кнопке: запрос разрешения, всплывший сам по себе,
+отклоняют не глядя — а второй раз браузер уже не спросит, потому что решение
+запоминается для сайта целиком.
+
+Отказ разведён на четыре состояния (`denied`, `missing`, `busy`, `insecure`),
+потому что действия пользователя в них разные: «разрешите доступ» при
+отсутствующей камере отправляет искать настройку, которой нет, а на `http://`
+объекта `navigator.mediaDevices` не существует вовсе.
+
+Превью фронтальной камеры зеркальное, снимок — нет: иначе текст на визитке или в
+документе уехал бы в зазеркалье.
+
 ## Документация
 
 - [`docs/components.md`](./docs/components.md) — состав пакета;
-- [`docs/components/GrImageCrop.md`](./docs/components/GrImageCrop.md) — страница компонента;
+- [`docs/components/GrImageCrop.md`](./docs/components/GrImageCrop.md) и
+  [`docs/components/GrCameraCapture.md`](./docs/components/GrCameraCapture.md) — страницы компонентов;
 - [`docs/keyboard.md`](./docs/keyboard.md), [`docs/ssr.md`](./docs/ssr.md) — сквозные правила пакета.

package/dist/chunks/classTokens-bAzTjLuQ.js

@@ -0,0 +1,6 @@
+//#region src/internal/classTokens.ts
+function e(e) {
+	return e.split(/\s+/).filter(Boolean);
+}
+//#endregion
+export { e as t };

package/dist/chunks/{config-CrV_FDnM.js → config-Be_Mh801.js}

@@ -1,9 +1,5 @@
-import { defineGranularComponent as e } from "@feugene/unocss-preset-granular/contract";
-//#region src/internal/classTokens.ts
-function t(e) {
-	return e.split(/\s+/).filter(Boolean);
-}
-//#endregion
+import { t as e } from "./classTokens-bAzTjLuQ.js";
+import { defineGranularComponent as t } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrImageCrop/grImageCropStyles.ts
 var n = "grid gap-2", r = "relative w-full select-none overflow-hidden rounded-[var(--gr-radius-md)] border border-[var(--gr-brd)] bg-[var(--gr-muted)] touch-none focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]", i = "pointer-events-none absolute left-1/2 top-1/2 max-w-none origin-center", a = "pointer-events-none absolute inset-0 m-auto aspect-square rounded-[var(--gr-radius-full)] border border-[var(--gr-image-crop-guide,var(--gr-brd))] shadow-[0_0_0_9999px_var(--gr-image-crop-mask,rgb(0_0_0/0.55))]", o = "pointer-events-none absolute inset-0 border border-[var(--gr-image-crop-guide,var(--gr-brd))]", s = "transition-transform duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-out)]", c = "flex items-center gap-3", l = "flex items-center justify-center text-[var(--gr-muted-fg)]", u = {
 	xs: "text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]",
@@ -16,17 +12,17 @@ var n = "grid gap-2", r = "relative w-full select-none overflow-hidden rounded-[
 	md: "min-h-48",
 	lg: "min-h-56"
 }, f = [
-	...t(n),
-	...t(r),
-	...t(i),
-	...t(s),
-	...t(a),
-	...t(o),
-	...t(c),
-	...t(l),
-	...Object.values(u).flatMap(t),
-	...Object.values(d).flatMap(t)
-], p = e(import.meta.url, {
+	...e(n),
+	...e(r),
+	...e(i),
+	...e(s),
+	...e(a),
+	...e(o),
+	...e(c),
+	...e(l),
+	...Object.values(u).flatMap(e),
+	...Object.values(d).flatMap(e)
+], p = t(import.meta.url, {
 	name: "GrImageCrop",
 	safelist: f,
 	dependencies: [{

package/dist/chunks/config-CZ4ZDG0_.js

@@ -0,0 +1,27 @@
+import { t as e } from "./classTokens-bAzTjLuQ.js";
+import { defineGranularComponent as t } from "@feugene/unocss-preset-granular/contract";
+//#region src/components/GrCameraCapture/grCameraCaptureStyles.ts
+var n = "grid gap-2", r = "relative w-full overflow-hidden rounded-[var(--gr-radius-md)] border border-[var(--gr-brd)] bg-[var(--gr-muted)]", i = "h-full w-full object-cover", a = "scale-x-[-1]", o = "absolute inset-0 grid place-content-center gap-3 p-4 text-center transition-opacity duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]", s = "text-[var(--gr-muted-fg)]", c = "flex flex-wrap items-center gap-2", l = {
+	xs: "text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]",
+	sm: "text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]",
+	md: "text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]",
+	lg: "text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]"
+}, u = [
+	...e(n),
+	...e(r),
+	...e(i),
+	...e(a),
+	...e(o),
+	...e(s),
+	...e(c),
+	...Object.values(l).flatMap(e)
+], d = t(import.meta.url, {
+	name: "GrCameraCapture",
+	safelist: u,
+	dependencies: [{
+		provider: "@feugene/granularity",
+		components: ["GrButton"]
+	}]
+});
+//#endregion
+export { a, o as c, u as i, s as l, c as n, n as o, r, l as s, d as t, i as u };

package/dist/chunks/en-C-Wc5fTB.js

@@ -0,0 +1,32 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+//#region src/i18n/locales/en.json
+var t = /* @__PURE__ */ e({
+	camera: () => r,
+	default: () => i,
+	imageCrop: () => n
+}), n = {
+	label: "Image crop",
+	frame: "Frame: arrow keys move the image, plus and minus zoom",
+	empty: "No image selected",
+	zoom: "Zoom"
+}, r = {
+	label: "Camera",
+	idle: "The camera is off.",
+	starting: "Requesting camera access…",
+	denied: "Camera access is blocked. Allow it in the browser settings for this site.",
+	missing: "No camera found on this device.",
+	busy: "The camera is busy in another application.",
+	insecure: "The camera works only over HTTPS.",
+	error: "The camera could not be started.",
+	start: "Turn on camera",
+	retry: "Try again",
+	capture: "Take photo",
+	stop: "Turn off",
+	live: "Camera is on",
+	captured: "Photo taken"
+}, i = {
+	imageCrop: n,
+	camera: r
+};
+//#endregion
+export { t as n, i as t };

package/dist/chunks/es-BUPtE9_0.js

@@ -0,0 +1,32 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+//#region src/i18n/locales/es.json
+var t = /* @__PURE__ */ e({
+	camera: () => r,
+	default: () => i,
+	imageCrop: () => n
+}), n = {
+	label: "Recorte de imagen",
+	frame: "Marco: las flechas mueven la imagen, más y menos ajustan el zoom",
+	empty: "Ninguna imagen seleccionada",
+	zoom: "Zoom"
+}, r = {
+	label: "Cámara",
+	idle: "La cámara está apagada.",
+	starting: "Solicitando acceso a la cámara…",
+	denied: "El acceso a la cámara está bloqueado. Permítelo en la configuración del navegador para este sitio.",
+	missing: "No se encontró ninguna cámara en este dispositivo.",
+	busy: "La cámara está ocupada por otra aplicación.",
+	insecure: "La cámara solo funciona por HTTPS.",
+	error: "No se pudo iniciar la cámara.",
+	start: "Encender cámara",
+	retry: "Reintentar",
+	capture: "Tomar foto",
+	stop: "Apagar",
+	live: "Cámara encendida",
+	captured: "Foto tomada"
+}, i = {
+	imageCrop: n,
+	camera: r
+};
+//#endregion
+export { t as n, i as t };

package/dist/chunks/ru-BqNILj54.js

@@ -0,0 +1,32 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+//#region src/i18n/locales/ru.json
+var t = /* @__PURE__ */ e({
+	camera: () => r,
+	default: () => i,
+	imageCrop: () => n
+}), n = {
+	label: "Кадрирование изображения",
+	frame: "Кадр: стрелки двигают изображение, плюс и минус меняют увеличение",
+	empty: "Изображение не выбрано",
+	zoom: "Увеличение"
+}, r = {
+	label: "Камера",
+	idle: "Камера выключена.",
+	starting: "Запрашиваем доступ к камере…",
+	denied: "Доступ к камере запрещён. Разрешите его в настройках браузера для этого сайта.",
+	missing: "Камера на устройстве не найдена.",
+	busy: "Камера занята другим приложением.",
+	insecure: "Камера работает только по HTTPS.",
+	error: "Не удалось включить камеру.",
+	start: "Включить камеру",
+	retry: "Повторить",
+	capture: "Сделать снимок",
+	stop: "Выключить",
+	live: "Камера включена",
+	captured: "Снимок сделан"
+}, i = {
+	imageCrop: n,
+	camera: r
+};
+//#endregion
+export { t as n, i as t };

package/dist/chunks/ru-DN_wJDkP.js

@@ -0,0 +1,4 @@
+//#region src/i18n/messages/const.ts
+var e = "grMedia", t = { en: { [e]: async () => import("./en-C-Wc5fTB.js").then((e) => e.n) } }, n = { es: { [e]: async () => import("./es-BUPtE9_0.js").then((e) => e.n) } }, r = { ru: { [e]: async () => import("./ru-BqNILj54.js").then((e) => e.n) } };
+//#endregion
+export { e as i, n, t as r, r as t };

package/dist/components/GrCameraCapture/chunks/GrCameraCapture-DJKFrVfw.js

@@ -0,0 +1,197 @@
+import { a as e, c as t, l as n, n as r, o as i, r as a, s as o, u as s } from "../../../chunks/config-CZ4ZDG0_.js";
+import { computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, onMounted as y, openBlock as b, ref as x, renderSlot as S, shallowRef as C, toDisplayString as w, unref as T, withCtx as E } from "vue";
+import D from "@feugene/granularity/components/GrButton";
+import { useAnnouncer as O } from "@feugene/granularity/composables/useAnnouncer";
+import { useGrComponentSize as k } from "@feugene/granularity/composables/useGrComponentConfig";
+import { useGranularityTranslations as A } from "@feugene/granularity/composables/useGranularityTranslations";
+//#region src/components/GrCameraCapture/cameraState.ts
+function j(e) {
+	switch (e instanceof Error ? e.name : "") {
+		case "NotAllowedError":
+		case "SecurityError":
+		case "PermissionDeniedError": return "denied";
+		case "NotFoundError":
+		case "DevicesNotFoundError":
+		case "OverconstrainedError": return "missing";
+		case "NotReadableError":
+		case "TrackStartError":
+		case "AbortError": return "busy";
+		default: return "error";
+	}
+}
+function M(e) {
+	return typeof e?.mediaDevices?.getUserMedia == "function";
+}
+function N(e, t) {
+	return t ?? e === "user";
+}
+function P(e, t) {
+	let n = t > 0 ? t : 1;
+	if (e.width <= 0 || e.height <= 0) return {
+		sx: 0,
+		sy: 0,
+		sw: 0,
+		sh: 0
+	};
+	if (e.width / e.height > n) {
+		let t = e.height * n;
+		return {
+			sx: (e.width - t) / 2,
+			sy: 0,
+			sw: t,
+			sh: e.height
+		};
+	}
+	let r = e.width / n;
+	return {
+		sx: 0,
+		sy: (e.height - r) / 2,
+		sw: e.width,
+		sh: r
+	};
+}
+//#endregion
+//#region src/components/GrCameraCapture/GrCameraCapture.vue?vue&type=script&setup=true&lang.ts
+var F = ["aria-label"], I = /* @__PURE__ */ h({
+	__name: "GrCameraCapture",
+	props: {
+		facing: { default: "user" },
+		deviceId: { default: void 0 },
+		autoStart: {
+			type: Boolean,
+			default: !1
+		},
+		aspectRatio: { default: 4 / 3 },
+		mirror: {
+			type: Boolean,
+			default: void 0
+		},
+		output: { default: void 0 },
+		size: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		ariaLabel: { default: void 0 }
+	},
+	emits: [
+		"capture",
+		"start",
+		"stop",
+		"statusChange"
+	],
+	setup(h, { expose: I, emit: L }) {
+		let R = h, z = L, { t: B } = A(), { announce: V } = O(), H = k(() => R.size, { component: "GrCameraCapture" }), U = x(null), W = C(null), G = x("idle"), K = c(() => N(R.facing, R.mirror)), q = c(() => G.value === "live"), J = c(() => {
+			switch (G.value) {
+				case "starting": return B("grMedia.camera.starting", "Requesting camera access…");
+				case "denied": return B("grMedia.camera.denied", "Camera access is blocked. Allow it in the browser settings for this site.");
+				case "missing": return B("grMedia.camera.missing", "No camera found on this device.");
+				case "busy": return B("grMedia.camera.busy", "The camera is busy in another application.");
+				case "insecure": return B("grMedia.camera.insecure", "The camera works only over HTTPS.");
+				case "error": return B("grMedia.camera.error", "The camera could not be started.");
+				default: return B("grMedia.camera.idle", "The camera is off.");
+			}
+		});
+		function Y(e) {
+			G.value !== e && (G.value = e, z("statusChange", e));
+		}
+		function X() {
+			W.value?.getTracks().forEach((e) => e.stop()), W.value = null, U.value && (U.value.srcObject = null);
+		}
+		async function Z() {
+			if (!(R.disabled || G.value === "starting" || G.value === "live")) {
+				if (!M(navigator)) {
+					Y("insecure");
+					return;
+				}
+				Y("starting");
+				try {
+					let e = await navigator.mediaDevices.getUserMedia({
+						video: R.deviceId ? { deviceId: { exact: R.deviceId } } : { facingMode: R.facing },
+						audio: !1
+					});
+					W.value = e, U.value && (U.value.srcObject = e, await U.value.play().catch(() => void 0)), Y("live"), z("start"), V(B("grMedia.camera.live", "Camera is on"));
+				} catch (e) {
+					X(), Y(j(e)), V(J.value, { politeness: "assertive" });
+				}
+			}
+		}
+		function Q() {
+			W.value && (X(), Y("idle"), z("stop"));
+		}
+		async function $() {
+			let e = U.value;
+			if (!e || !q.value) return null;
+			let t = P({
+				width: e.videoWidth,
+				height: e.videoHeight
+			}, R.aspectRatio);
+			if (t.sw <= 0) return null;
+			let n = document.createElement("canvas");
+			n.width = Math.max(1, Math.round(R.output?.width ?? t.sw)), n.height = Math.max(1, Math.round(R.output?.height ?? t.sh));
+			let r = n.getContext("2d");
+			if (!r) return null;
+			r.drawImage(e, t.sx, t.sy, t.sw, t.sh, 0, 0, n.width, n.height);
+			let i = await new Promise((e) => {
+				n.toBlob(e, R.output?.type ?? "image/jpeg", R.output?.quality ?? .92);
+			});
+			return i && (z("capture", i), V(B("grMedia.camera.captured", "Photo taken"))), i;
+		}
+		return y(() => {
+			R.autoStart && Z();
+		}), v(X), I({
+			start: Z,
+			stop: Q,
+			capture: $,
+			status: G
+		}), (c, v) => (b(), d("div", {
+			class: g(T(i)),
+			role: "group",
+			"aria-label": h.ariaLabel ?? T(B)("grMedia.camera.label", "Camera")
+		}, [f("div", {
+			class: g(T(a)),
+			style: _({ aspectRatio: String(h.aspectRatio) })
+		}, [f("video", {
+			ref_key: "videoEl",
+			ref: U,
+			class: g([T(s), K.value ? T(e) : ""]),
+			playsinline: "",
+			muted: "",
+			autoplay: ""
+		}, null, 2), q.value ? u("", !0) : (b(), d("div", {
+			key: 0,
+			class: g(T(t))
+		}, [f("p", { class: g([T(n), T(o)[T(H)]]) }, w(J.value), 3), G.value !== "starting" && G.value !== "insecure" && G.value !== "missing" ? (b(), l(T(D), {
+			key: 0,
+			size: T(H),
+			disabled: h.disabled,
+			onClick: Z
+		}, {
+			default: E(() => [p(w(G.value === "idle" ? T(B)("grMedia.camera.start", "Turn on camera") : T(B)("grMedia.camera.retry", "Try again")), 1)]),
+			_: 1
+		}, 8, ["size", "disabled"])) : u("", !0)], 2))], 6), f("div", { class: g(T(r)) }, [S(c.$slots, "controls", {
+			status: G.value,
+			start: Z,
+			stop: Q,
+			capture: $
+		}, () => [m(T(D), {
+			size: T(H),
+			disabled: h.disabled || !q.value,
+			onClick: $
+		}, {
+			default: E(() => [p(w(T(B)("grMedia.camera.capture", "Take photo")), 1)]),
+			_: 1
+		}, 8, ["size", "disabled"]), q.value ? (b(), l(T(D), {
+			key: 0,
+			variant: "outline",
+			size: T(H),
+			disabled: h.disabled,
+			onClick: Q
+		}, {
+			default: E(() => [p(w(T(B)("grMedia.camera.stop", "Turn off")), 1)]),
+			_: 1
+		}, 8, ["size", "disabled"])) : u("", !0)])], 2)], 10, F));
+	}
+});
+//#endregion
+export { N as a, M as i, P as n, j as r, I as t };

package/dist/components/GrCameraCapture/index.js

@@ -0,0 +1,3 @@
+import { a as e, i as t, n, r, t as i } from "./chunks/GrCameraCapture-DJKFrVfw.js";
+import { i as a, t as o } from "../../chunks/config-CZ4ZDG0_.js";
+export { i as GrCameraCapture, i as default, n as cameraFrameRect, r as cameraStatusFromError, t as cameraSupported, o as grCameraCaptureConfig, a as grCameraCaptureSafelist, e as shouldMirrorPreview };

package/dist/components/GrImageCrop/chunks/{GrImageCrop-DYM2vZHV.js → GrImageCrop-Fo2qrX2n.js}

@@ -1,9 +1,9 @@
-import { c as e, d as t, f as n, i as r, l as i, n as a, o, r as s, s as c, u as l } from "../../../chunks/config-CrV_FDnM.js";
+import { c as e, d as t, f as n, i as r, l as i, n as a, o, r as s, s as c, u as l } from "../../../chunks/config-Be_Mh801.js";
 import { Fragment as u, computed as d, createCommentVNode as ee, createElementBlock as f, createElementVNode as p, createVNode as te, defineComponent as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as _, onMounted as ne, openBlock as v, ref as y, renderSlot as b, shallowRef as x, toDisplayString as re, unref as S, watch as ie } from "vue";
-import ae from "@feugene/granularity/components/GrSlider";
-import { useDragGesture as oe } from "@feugene/granularity/composables/useDragGesture";
-import { useGrComponentSize as se } from "@feugene/granularity/composables/useGrComponentConfig";
-import { useGranularityTranslations as ce } from "@feugene/granularity/composables/useGranularityTranslations";
+import { useGrComponentSize as ae } from "@feugene/granularity/composables/useGrComponentConfig";
+import { useGranularityTranslations as oe } from "@feugene/granularity/composables/useGranularityTranslations";
+import se from "@feugene/granularity/components/GrSlider";
+import { useDragGesture as ce } from "@feugene/granularity/composables/useDragGesture";
 //#region src/components/GrImageCrop/cropGeometry.ts
 function C(e, t) {
 	return e.width <= 0 || e.height <= 0 ? 1 : Math.max(t.width / e.width, t.height / e.height);
@@ -80,7 +80,7 @@ var le = ["aria-label"], ue = [
 		"error"
 	],
 	setup(m, { expose: C, emit: w }) {
-		let T = m, j = w, { t: M } = ce(), N = se(() => T.size, { component: "GrImageCrop" }), P = y(null), F = x(null), I = y({
+		let T = m, j = w, { t: M } = oe(), N = ae(() => T.size, { component: "GrImageCrop" }), P = y(null), F = x(null), I = y({
 			width: 0,
 			height: 0
 		}), L = y(0), R = y({
@@ -123,7 +123,7 @@ var le = ["aria-label"], ue = [
 		}), Y = y({
 			x: 0,
 			y: 0
-		}), X = oe({
+		}), X = ce({
 			disabled: () => T.disabled || !V.value,
 			onStart: (e) => {
 				J.value = {
@@ -249,7 +249,7 @@ var le = ["aria-label"], ue = [
 		}, [b(d.$slots, "controls", {
 			zoom: H.value,
 			setZoom: K
-		}, () => [te(S(ae), {
+		}, () => [te(S(se), {
 			"model-value": H.value,
 			min: 1,
 			max: m.maxZoom,

package/dist/components/GrImageCrop/index.js

@@ -1,3 +1,3 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./chunks/GrImageCrop-DYM2vZHV.js";
-import { a as s, t as c } from "../../chunks/config-CrV_FDnM.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./chunks/GrImageCrop-Fo2qrX2n.js";
+import { a as s, t as c } from "../../chunks/config-Be_Mh801.js";
 export { o as GrImageCrop, o as default, n as clampOffset, i as coverScale, t as cropRect, e as displaySize, c as grImageCropConfig, s as grImageCropSafelist, r as offsetBounds, a as viewportFor };

package/dist/granular-provider.js

@@ -1,17 +1,21 @@
-import { t as e } from "./chunks/config-CrV_FDnM.js";
-import { defineGranularProvider as t, resolvePackageBaseUrl as n } from "@feugene/unocss-preset-granular/contract";
-import { granularityProvider as r } from "@feugene/granularity/granular-provider";
+import { t as e } from "./chunks/config-CZ4ZDG0_.js";
+import { t } from "./chunks/config-Be_Mh801.js";
+import { defineGranularProvider as n, resolvePackageBaseUrl as r } from "@feugene/unocss-preset-granular/contract";
+import { granularityProvider as i } from "@feugene/granularity/granular-provider";
 //#region src/granular-provider/shared.ts
-var i = "@feugene/granularity-media", a = { GrImageCrop: e };
-function o(e, n) {
-	return t({
-		id: i,
+var a = "@feugene/granularity-media", o = {
+	GrCameraCapture: e,
+	GrImageCrop: t
+};
+function s(e, t) {
+	return n({
+		id: a,
 		contractVersion: 1,
-		packageBaseUrl: n,
-		components: Object.values(a),
+		packageBaseUrl: t,
+		components: Object.values(o),
 		dependencies: [e]
 	});
 }
-var s = o(r, n(import.meta.url, 0));
+var c = s(i, r(import.meta.url, 0));
 //#endregion
-export { i as GRANULARITY_MEDIA_PROVIDER_ID, o as createGranularityMediaProvider, s as default, s as granularityMediaProvider, a as granularityMediaComponentConfigs };
+export { a as GRANULARITY_MEDIA_PROVIDER_ID, s as createGranularityMediaProvider, c as default, c as granularityMediaProvider, o as granularityMediaComponentConfigs };

package/dist/i18n/all.js

@@ -1,4 +1,4 @@
-import { n as e, r as t, t as n } from "../chunks/ru-C4IsSzR5.js";
+import { n as e, r as t, t as n } from "../chunks/ru-DN_wJDkP.js";
 //#region src/i18n/all.ts
 var r = [
 	t,

package/dist/i18n/index.js

@@ -1,7 +1,7 @@
-import { t as e } from "../chunks/en-BrjpU7lq.js";
-import { t } from "../chunks/es-BdTkuOLs.js";
-import { t as n } from "../chunks/ru-ByR24Aqk.js";
-import { i as r, n as i, r as a, t as o } from "../chunks/ru-C4IsSzR5.js";
+import { t as e } from "../chunks/en-C-Wc5fTB.js";
+import { t } from "../chunks/es-BUPtE9_0.js";
+import { t as n } from "../chunks/ru-BqNILj54.js";
+import { i as r, n as i, r as a, t as o } from "../chunks/ru-DN_wJDkP.js";
 //#region src/i18n/index.ts
 var s = {
 	en: e,

package/dist/index.js

@@ -1,3 +1,5 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./components/GrImageCrop/chunks/GrImageCrop-DYM2vZHV.js";
-import { a as s, t as c } from "./chunks/config-CrV_FDnM.js";
-export { o as GrImageCrop, n as clampOffset, i as coverScale, t as cropRect, e as displaySize, c as grImageCropConfig, s as grImageCropSafelist, r as offsetBounds, a as viewportFor };
+import { a as e, i as t, n, r, t as i } from "./components/GrCameraCapture/chunks/GrCameraCapture-DJKFrVfw.js";
+import { i as a, t as o } from "./chunks/config-CZ4ZDG0_.js";
+import { a as s, i as c, n as l, o as u, r as d, s as f, t as p } from "./components/GrImageCrop/chunks/GrImageCrop-Fo2qrX2n.js";
+import { a as m, t as h } from "./chunks/config-Be_Mh801.js";
+export { i as GrCameraCapture, p as GrImageCrop, n as cameraFrameRect, r as cameraStatusFromError, t as cameraSupported, l as clampOffset, d as coverScale, c as cropRect, s as displaySize, o as grCameraCaptureConfig, a as grCameraCaptureSafelist, h as grImageCropConfig, m as grImageCropSafelist, u as offsetBounds, e as shouldMirrorPreview, f as viewportFor };

package/dist/resolver.js

@@ -1,6 +1,6 @@
 import { createGranularResolver as e } from "@feugene/unplugin-granularity";
 //#region src/componentNames.ts
-var t = ["GrImageCrop"], n = "@feugene/granularity-media";
+var t = ["GrCameraCapture", "GrImageCrop"], n = "@feugene/granularity-media";
 function r() {
 	return e({
 		packageName: n,

package/dist/types/componentNames.d.ts

@@ -8,5 +8,5 @@
  *
  * Список генерируется `yarn generate:registry` — руками не писать.
  */
-export declare const GRANULARITY_MEDIA_COMPONENTS: readonly ["GrImageCrop"];
+export declare const GRANULARITY_MEDIA_COMPONENTS: readonly ["GrCameraCapture", "GrImageCrop"];
 export type GranularityMediaComponentName = typeof GRANULARITY_MEDIA_COMPONENTS[number];

package/dist/types/components/GrCameraCapture/GrCameraCapture.vue.d.ts

@@ -0,0 +1,125 @@
+import type { GrCameraStatus } from './cameraState';
+import type { GrCameraCaptureSize, GrCameraFacing } from './grCameraCaptureStyles';
+export interface GrCameraCaptureOutput {
+    width?: number;
+    height?: number;
+    type?: string;
+    quality?: number;
+}
+export interface GrCameraCaptureProps {
+    /** Какая камера: `user` — фронтальная, `environment` — тыловая. */
+    facing?: GrCameraFacing;
+    /** Конкретное устройство, если приложение его уже выбрало. */
+    deviceId?: string;
+    /**
+     * Включать камеру сразу.
+     *
+     * По умолчанию `false`: запрос разрешения без действия пользователя
+     * отклоняют не глядя, а второй раз браузер уже не спросит.
+     */
+    autoStart?: boolean;
+    aspectRatio?: number;
+    /** Зеркалить превью. По умолчанию — только фронтальную камеру. */
+    mirror?: boolean;
+    output?: GrCameraCaptureOutput;
+    size?: GrCameraCaptureSize;
+    disabled?: boolean;
+    ariaLabel?: string;
+}
+export interface GrCameraCaptureEmits {
+    (e: 'capture', blob: Blob): void;
+    (e: 'start'): void;
+    (e: 'stop'): void;
+    (e: 'statusChange', status: GrCameraStatus): void;
+}
+type __VLS_Slots = {
+    /** Своя панель управления вместо встроенной. */
+    controls?: (props: {
+        status: GrCameraStatus;
+        start: () => void;
+        stop: () => void;
+        capture: () => Promise<Blob | null>;
+    }) => unknown;
+};
+declare function start(): Promise<void>;
+declare function stop(): void;
+/**
+ * Снимок текущего кадра.
+ *
+ * Зеркало превью сюда **не переносится**: на снимке оказывается то, что было
+ * перед камерой. Иначе текст на визитке или в документе уехал бы в зазеркалье —
+ * а снимают ими ровно это.
+ */
+declare function capture(): Promise<Blob | null>;
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrCameraCaptureProps>, {
+    facing: string;
+    deviceId: undefined;
+    autoStart: boolean;
+    aspectRatio: number;
+    mirror: undefined;
+    output: undefined;
+    size: undefined;
+    disabled: boolean;
+    ariaLabel: undefined;
+}>>, {
+    start: typeof start;
+    stop: typeof stop;
+    capture: typeof capture;
+    status: import("vue").Ref<GrCameraStatus, GrCameraStatus>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    capture: (blob: Blob) => void;
+    start: () => void;
+    stop: () => void;
+    statusChange: (status: GrCameraStatus) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrCameraCaptureProps>, {
+    facing: string;
+    deviceId: undefined;
+    autoStart: boolean;
+    aspectRatio: number;
+    mirror: undefined;
+    output: undefined;
+    size: undefined;
+    disabled: boolean;
+    ariaLabel: undefined;
+}>>> & Readonly<{
+    onCapture?: ((blob: Blob) => any) | undefined;
+    onStart?: (() => any) | undefined;
+    onStop?: (() => any) | undefined;
+    onStatusChange?: ((status: GrCameraStatus) => any) | undefined;
+}>, {
+    facing: GrCameraFacing;
+    deviceId: string;
+    autoStart: boolean;
+    aspectRatio: number;
+    mirror: boolean;
+    output: GrCameraCaptureOutput;
+    size: GrCameraCaptureSize;
+    disabled: boolean;
+    ariaLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/types/components/GrCameraCapture/__tests__/GrCameraCapture.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/GrCameraCapture/__tests__/cameraState.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/GrCameraCapture/cameraState.d.ts

@@ -0,0 +1,67 @@
+/**
+ * Состояния камеры и разбор отказов.
+ *
+ * Вынесено из компонента, потому что именно здесь живёт вся неочевидность:
+ * `getUserMedia` отвечает `DOMException` с полудюжиной имён, и от того, в какое
+ * из них попал отказ, зависит текст, который увидит пользователь. Проверить это
+ * рендером нельзя — камеры у тестового окружения нет.
+ */
+export type GrCameraStatus = 'idle'
+/** Разрешение запрошено, ответа нет. */
+ | 'starting'
+/** Поток идёт. */
+ | 'live'
+/** Пользователь отказал или запретила политика. */
+ | 'denied'
+/** Камеры в системе нет. */
+ | 'missing'
+/** Устройство занято другим приложением. */
+ | 'busy'
+/** Страница открыта не по HTTPS: API просто отсутствует. */
+ | 'insecure' | 'error';
+/**
+ * Имя `DOMException` → состояние.
+ *
+ * Названия заданы спецификацией, но разные браузеры выбирают из них по-разному
+ * в одной и той же ситуации: отказ пользователя — `NotAllowedError` везде, а
+ * вот занятое устройство Safari называет `NotReadableError`, Firefox —
+ * `AbortError`. Поэтому разбор по имени, а не по сообщению: сообщение
+ * локализовано браузером и меняется между версиями.
+ */
+export declare function cameraStatusFromError(error: unknown): GrCameraStatus;
+/**
+ * Доступен ли API вовсе.
+ *
+ * На `http://` (кроме localhost) `navigator.mediaDevices` не существует —
+ * не «отказ», а отсутствие. Сообщение «разрешите доступ к камере» в этом случае
+ * отправляет пользователя искать настройку, которой нет.
+ */
+export declare function cameraSupported(navigatorLike: Pick<Navigator, 'mediaDevices'> | undefined): boolean;
+/**
+ * Зеркалить ли превью.
+ *
+ * Фронтальную камеру зеркалят всегда: человек видит себя как в зеркале, и
+ * незеркальное превью читается как чужое лицо. Тыловую — никогда: там в кадре
+ * мир, а не ты.
+ *
+ * **Снимок при этом не зеркалится.** Иначе текст на визитке или в документе
+ * уедет в зазеркалье — а снимают ими ровно это.
+ */
+export declare function shouldMirrorPreview(facing: 'user' | 'environment', mirror: boolean | undefined): boolean;
+export interface GrCameraFrameRect {
+    sx: number;
+    sy: number;
+    sw: number;
+    sh: number;
+}
+/**
+ * Какая часть кадра камеры попадёт в снимок при заданном соотношении сторон.
+ *
+ * Камера отдаёт своё соотношение (обычно 4:3 или 16:9), а приложению нужно
+ * своё. Лишнее срезается по центру — так же, как это делает `object-fit: cover`
+ * в превью: снимок обязан совпасть с тем, что пользователь видел.
+ */
+export declare function cameraFrameRect(frame: {
+    width: number;
+    height: number;
+}, aspectRatio: number): GrCameraFrameRect;

package/dist/types/components/GrCameraCapture/config.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Кнопки состояния и съёмки — `GrButton` ядра, и ребро объявлено: пресет
+ * подмешивает safelist и CSS только тем компонентам, что попали в селекцию, и
+ * без графа потребитель, выбравший одну камеру, получил бы кнопки без фона.
+ */
+export declare const grCameraCaptureConfig: import("@feugene/unocss-preset-granular/contract").GranularComponentDescriptor<"GrCameraCapture">;

package/dist/types/components/GrCameraCapture/defaults.d.ts

@@ -0,0 +1,16 @@
+import type { GrCameraCaptureSize } from './grCameraCaptureStyles';
+/**
+ * Настраиваемые через `GrConfigProvider` пропы.
+ *
+ * Аугментация реестра идёт по месту объявления — через
+ * `@feugene/granularity/composables/useGrComponentConfig`, а не через реэкспорт:
+ * иначе слияние отваливается молча.
+ */
+export interface GrCameraCaptureConfigurableProps {
+    size?: GrCameraCaptureSize;
+}
+declare module '@feugene/granularity/composables/useGrComponentConfig' {
+    interface GrComponentDefaultsRegistry {
+        GrCameraCapture?: GrCameraCaptureConfigurableProps;
+    }
+}

package/dist/types/components/GrCameraCapture/grCameraCaptureStyles.d.ts

@@ -0,0 +1,21 @@
+export type GrCameraCaptureSize = 'xs' | 'sm' | 'md' | 'lg';
+export type GrCameraFacing = 'user' | 'environment';
+export declare const rootClass = "grid gap-2";
+export declare const frameClass = "relative w-full overflow-hidden rounded-[var(--gr-radius-md)] border border-[var(--gr-brd)] bg-[var(--gr-muted)]";
+/** Превью покрывает рамку целиком: снимок берётся тем же `cover`, что и показ. */
+export declare const videoClass = "h-full w-full object-cover";
+export declare const mirroredClass = "scale-x-[-1]";
+/**
+ * Подложка состояния поверх рамки. Появление плавное: отказ и ошибка приходят
+ * асинхронно, и мгновенная подмена картинки текстом читается как сбой.
+ */
+export declare const stateLayerClass = "absolute inset-0 grid place-content-center gap-3 p-4 text-center transition-opacity duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]";
+export declare const stateTextClass = "text-[var(--gr-muted-fg)]";
+export declare const controlsClass = "flex flex-wrap items-center gap-2";
+export declare const sizeTextClass: {
+    readonly xs: "text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]";
+    readonly sm: "text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]";
+    readonly md: "text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]";
+    readonly lg: "text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]";
+};
+export declare const grCameraCaptureSafelist: string[];

package/dist/types/components/GrCameraCapture/index.d.ts

@@ -0,0 +1,9 @@
+export { default } from './GrCameraCapture.vue';
+export { default as GrCameraCapture } from './GrCameraCapture.vue';
+export type { GrCameraFrameRect, GrCameraStatus } from './cameraState';
+export { cameraFrameRect, cameraStatusFromError, cameraSupported, shouldMirrorPreview } from './cameraState';
+export { grCameraCaptureConfig } from './config';
+export type { GrCameraCaptureConfigurableProps } from './defaults';
+export type { GrCameraCaptureEmits, GrCameraCaptureOutput, GrCameraCaptureProps } from './GrCameraCapture.vue';
+export { grCameraCaptureSafelist } from './grCameraCaptureStyles';
+export type { GrCameraCaptureSize, GrCameraFacing } from './grCameraCaptureStyles';

package/dist/types/components/GrImageCrop/GrImageCrop.vue.d.ts

@@ -84,23 +84,23 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     ariaLabel: undefined;
 }>>> & Readonly<{
+    onError?: ((error: unknown) => any) | undefined;
     "onUpdate:zoom"?: ((value: number) => any) | undefined;
     onChange?: ((rect: GrCropRect) => any) | undefined;
     onLoad?: ((size: {
         width: number;
         height: number;
     }) => any) | undefined;
-    onError?: ((error: unknown) => any) | undefined;
 }>, {
-    src: string | File | Blob | null;
     aspectRatio: number;
-    shape: GrImageCropShape;
-    zoom: number;
-    maxZoom: number;
     output: GrImageCropOutput;
     size: GrImageCropSize;
     disabled: boolean;
     ariaLabel: string;
+    src: string | File | Blob | null;
+    shape: GrImageCropShape;
+    zoom: number;
+    maxZoom: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/types/granular-provider/shared.d.ts

@@ -8,6 +8,7 @@ export declare const GRANULARITY_MEDIA_PROVIDER_ID = "@feugene/granularity-media
  * генератор — раскладывает компонент по четырём спискам.
  */
 export declare const granularityMediaComponentConfigs: {
+    GrCameraCapture: GranularComponentDescriptor<"GrCameraCapture">;
     GrImageCrop: GranularComponentDescriptor<"GrImageCrop">;
 };
 export type GranularityMediaComponentName = keyof typeof granularityMediaComponentConfigs;

package/dist/types/i18n/index.d.ts

@@ -6,6 +6,22 @@ export declare const grMediaMessages: {
             empty: string;
             zoom: string;
         };
+        camera: {
+            label: string;
+            idle: string;
+            starting: string;
+            denied: string;
+            missing: string;
+            busy: string;
+            insecure: string;
+            error: string;
+            start: string;
+            retry: string;
+            capture: string;
+            stop: string;
+            live: string;
+            captured: string;
+        };
     };
     readonly es: {
         imageCrop: {
@@ -14,6 +30,22 @@ export declare const grMediaMessages: {
             empty: string;
             zoom: string;
         };
+        camera: {
+            label: string;
+            idle: string;
+            starting: string;
+            denied: string;
+            missing: string;
+            busy: string;
+            insecure: string;
+            error: string;
+            start: string;
+            retry: string;
+            capture: string;
+            stop: string;
+            live: string;
+            captured: string;
+        };
     };
     readonly ru: {
         imageCrop: {
@@ -22,6 +54,22 @@ export declare const grMediaMessages: {
             empty: string;
             zoom: string;
         };
+        camera: {
+            label: string;
+            idle: string;
+            starting: string;
+            denied: string;
+            missing: string;
+            busy: string;
+            insecure: string;
+            error: string;
+            start: string;
+            retry: string;
+            capture: string;
+            stop: string;
+            live: string;
+            captured: string;
+        };
     };
 };
 export type GrMediaLocale = keyof typeof grMediaMessages;

package/dist/types/i18n/messages/en.d.ts

@@ -8,6 +8,22 @@ export declare const en: {
                     empty: string;
                     zoom: string;
                 };
+                camera: {
+                    label: string;
+                    idle: string;
+                    starting: string;
+                    denied: string;
+                    missing: string;
+                    busy: string;
+                    insecure: string;
+                    error: string;
+                    start: string;
+                    retry: string;
+                    capture: string;
+                    stop: string;
+                    live: string;
+                    captured: string;
+                };
             };
             imageCrop: {
                 label: string;
@@ -15,6 +31,22 @@ export declare const en: {
                 empty: string;
                 zoom: string;
             };
+            camera: {
+                label: string;
+                idle: string;
+                starting: string;
+                denied: string;
+                missing: string;
+                busy: string;
+                insecure: string;
+                error: string;
+                start: string;
+                retry: string;
+                capture: string;
+                stop: string;
+                live: string;
+                captured: string;
+            };
         }>;
     };
 };

package/dist/types/i18n/messages/es.d.ts

@@ -8,6 +8,22 @@ export declare const es: {
                     empty: string;
                     zoom: string;
                 };
+                camera: {
+                    label: string;
+                    idle: string;
+                    starting: string;
+                    denied: string;
+                    missing: string;
+                    busy: string;
+                    insecure: string;
+                    error: string;
+                    start: string;
+                    retry: string;
+                    capture: string;
+                    stop: string;
+                    live: string;
+                    captured: string;
+                };
             };
             imageCrop: {
                 label: string;
@@ -15,6 +31,22 @@ export declare const es: {
                 empty: string;
                 zoom: string;
             };
+            camera: {
+                label: string;
+                idle: string;
+                starting: string;
+                denied: string;
+                missing: string;
+                busy: string;
+                insecure: string;
+                error: string;
+                start: string;
+                retry: string;
+                capture: string;
+                stop: string;
+                live: string;
+                captured: string;
+            };
         }>;
     };
 };

package/dist/types/i18n/messages/ru.d.ts

@@ -8,6 +8,22 @@ export declare const ru: {
                     empty: string;
                     zoom: string;
                 };
+                camera: {
+                    label: string;
+                    idle: string;
+                    starting: string;
+                    denied: string;
+                    missing: string;
+                    busy: string;
+                    insecure: string;
+                    error: string;
+                    start: string;
+                    retry: string;
+                    capture: string;
+                    stop: string;
+                    live: string;
+                    captured: string;
+                };
             };
             imageCrop: {
                 label: string;
@@ -15,6 +31,22 @@ export declare const ru: {
                 empty: string;
                 zoom: string;
             };
+            camera: {
+                label: string;
+                idle: string;
+                starting: string;
+                denied: string;
+                missing: string;
+                busy: string;
+                insecure: string;
+                error: string;
+                start: string;
+                retry: string;
+                capture: string;
+                stop: string;
+                live: string;
+                captured: string;
+            };
         }>;
     };
 };

package/dist/types/index.d.ts

@@ -1 +1,2 @@
+export * from './components/GrCameraCapture';
 export * from './components/GrImageCrop';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@feugene/granularity-media",
   "description": "Media components for @feugene/granularity: image cropping, camera capture, code scanning and video playback.",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "license": "SEE LICENSE IN LICENSE",
   "author": {
     "name": "Evgeniy Fureev",
@@ -47,6 +47,10 @@
       "types": "./dist/types/index.d.ts",
       "import": "./dist/index.js"
     },
+    "./components/GrCameraCapture": {
+      "types": "./dist/types/components/GrCameraCapture/index.d.ts",
+      "import": "./dist/components/GrCameraCapture/index.js"
+    },
     "./components/GrImageCrop": {
       "types": "./dist/types/components/GrImageCrop/index.d.ts",
       "import": "./dist/components/GrImageCrop/index.js"

package/dist/chunks/en-BrjpU7lq.js

@@ -1,13 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-//#region src/i18n/locales/en.json
-var t = /* @__PURE__ */ e({
-	default: () => r,
-	imageCrop: () => n
-}), n = {
-	label: "Image crop",
-	frame: "Frame: arrow keys move the image, plus and minus zoom",
-	empty: "No image selected",
-	zoom: "Zoom"
-}, r = { imageCrop: n };
-//#endregion
-export { t as n, r as t };

package/dist/chunks/es-BdTkuOLs.js

@@ -1,13 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-//#region src/i18n/locales/es.json
-var t = /* @__PURE__ */ e({
-	default: () => r,
-	imageCrop: () => n
-}), n = {
-	label: "Recorte de imagen",
-	frame: "Marco: las flechas mueven la imagen, más y menos ajustan el zoom",
-	empty: "Ninguna imagen seleccionada",
-	zoom: "Zoom"
-}, r = { imageCrop: n };
-//#endregion
-export { t as n, r as t };

package/dist/chunks/ru-ByR24Aqk.js

@@ -1,13 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-//#region src/i18n/locales/ru.json
-var t = /* @__PURE__ */ e({
-	default: () => r,
-	imageCrop: () => n
-}), n = {
-	label: "Кадрирование изображения",
-	frame: "Кадр: стрелки двигают изображение, плюс и минус меняют увеличение",
-	empty: "Изображение не выбрано",
-	zoom: "Увеличение"
-}, r = { imageCrop: n };
-//#endregion
-export { t as n, r as t };

package/dist/chunks/ru-C4IsSzR5.js

@@ -1,4 +0,0 @@
-//#region src/i18n/messages/const.ts
-var e = "grMedia", t = { en: { [e]: async () => import("./en-BrjpU7lq.js").then((e) => e.n) } }, n = { es: { [e]: async () => import("./es-BdTkuOLs.js").then((e) => e.n) } }, r = { ru: { [e]: async () => import("./ru-ByR24Aqk.js").then((e) => e.n) } };
-//#endregion
-export { e as i, n, t as r, r as t };