@ryuzaki13/react-foundation-ui 3.4.3 → 3.5.0

package/dist/image/index.js

@@ -1,10 +1,10 @@
-import { n as e } from "../chunks/button-DF21yxVp.js";
+import { n as e } from "../chunks/button-D7GAU2Wa.js";
 import { r as t } from "../chunks/grid-dI94AAbi.js";
-import { i as n, n as r, r as i } from "../chunks/modal-dplfAaER.js";
-import { s as a } from "../chunks/input-DSPKgiCK.js";
-import { t as o } from "../chunks/input-files-tIS17-zX.js";
-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 { i as n, n as r, r as i } from "../chunks/modal-febBsMyR.js";
+import { s as a } from "../chunks/input-CuRK9Vbz.js";
+import { t as o } from "../chunks/input-files-B8j6Pb_M.js";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Suspense as u, lazy as d, useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
 import _ from "react-easy-crop";
 //#region src/image/lib/buildImageSrcSet.ts
 function v(e) {
@@ -25,58 +25,58 @@ var b = {
 	x: 0,
 	y: 0
 };
-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));
+function x({ image: e, aspect: t = 16 / 9, width: n = "100%", className: r, style: i, crop: a, defaultCrop: o = b, zoom: s, defaultZoom: l = 1, minZoom: u = 1, maxZoom: d = 3, zoomSpeed: p = .1, objectFit: m = "contain", disabled: h = !1, onCropChange: v, onZoomChange: y, onCropComplete: x }) {
+	let [S, C] = g(o), [w, T] = g(l), E = a ?? S, D = s ?? w, O = f((e) => {
+		h || (a === void 0 && C(e), v?.(e));
 	}, [
 		a,
-		g,
+		h,
 		v
-	]), k = l((e) => {
-		g || (s === void 0 && T(e), y?.(e));
+	]), k = f((e) => {
+		h || (s === void 0 && T(e), y?.(e));
 	}, [
-		g,
+		h,
 		y,
 		s
-	]), A = l((e, t) => {
-		g || x?.(t, e);
-	}, [g, x]);
-	return /* @__PURE__ */ h("div", {
+	]), A = f((e, t) => {
+		h || x?.(t, e);
+	}, [h, x]);
+	return /* @__PURE__ */ c("div", {
 		className: r,
 		style: {
 			position: "relative",
 			width: n,
 			aspectRatio: t,
-			pointerEvents: g ? "none" : void 0,
+			pointerEvents: h ? "none" : void 0,
 			...i
 		},
-		children: /* @__PURE__ */ h(_, {
+		children: /* @__PURE__ */ c(_, {
 			image: e,
 			crop: E,
 			zoom: D,
 			aspect: t,
 			minZoom: u,
 			maxZoom: d,
-			zoomSpeed: f,
+			zoomSpeed: p,
 			objectFit: m,
 			onCropChange: O,
 			onZoomChange: k,
 			onCropComplete: A,
-			cropperProps: { "aria-disabled": g || void 0 }
+			cropperProps: { "aria-disabled": h || void 0 }
 		})
 	});
 }
 //#endregion
 //#region src/image/ui/ImagePlaceholder.tsx
 function S({ width: e = "100%", height: t = "100%", aspectRatio: n = "16 / 9", className: r }) {
-	return /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ c("div", {
 		style: {
 			width: e,
 			height: t,
 			aspectRatio: n
 		},
 		className: r,
-		children: /* @__PURE__ */ h("svg", {
+		children: /* @__PURE__ */ c("svg", {
 			width: e,
 			height: t,
 			viewBox: "0 0 200 200",
@@ -87,31 +87,31 @@ function S({ width: e = "100%", height: t = "100%", aspectRatio: n = "16 / 9", c
 			ry: "10",
 			style: { display: "block" },
 			"aria-label": "Изображение недоступно",
-			children: /* @__PURE__ */ g("g", {
+			children: /* @__PURE__ */ l("g", {
 				fill: "var(--surface-0)",
 				children: [
-					/* @__PURE__ */ h("rect", {
+					/* @__PURE__ */ c("rect", {
 						x: "40",
 						y: "50",
 						width: "120",
 						height: "100",
 						rx: "10"
 					}),
-					/* @__PURE__ */ h("circle", {
+					/* @__PURE__ */ c("circle", {
 						cx: "60",
 						cy: "70",
 						r: "8",
 						fill: "var(--surface-2)"
 					}),
-					/* @__PURE__ */ h("path", {
+					/* @__PURE__ */ c("path", {
 						d: "M50 130 L75 100 L100 130 Z",
 						fill: "var(--surface-2)"
 					}),
-					/* @__PURE__ */ h("path", {
+					/* @__PURE__ */ c("path", {
 						d: "M90 130 L120 90 L150 130 Z",
 						fill: "var(--surface-2)"
 					}),
-					/* @__PURE__ */ h("line", {
+					/* @__PURE__ */ c("line", {
 						x1: "160",
 						y1: "40",
 						x2: "40",
@@ -120,7 +120,7 @@ function S({ width: e = "100%", height: t = "100%", aspectRatio: n = "16 / 9", c
 						strokeWidth: "15",
 						strokeLinecap: "round"
 					}),
-					/* @__PURE__ */ h("line", {
+					/* @__PURE__ */ c("line", {
 						x1: "160",
 						y1: "40",
 						x2: "40",
@@ -136,9 +136,9 @@ function S({ width: e = "100%", height: t = "100%", aspectRatio: n = "16 / 9", c
 }
 //#endregion
 //#region src/image/ui/ImageRenderer.tsx
-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(() => {
+function C({ src: e, sources: t, alt: n, role: r, ariaLabel: i, caption: a, fallback: o, useFigure: u = !1, layout: d = "cover", width: f = "100%", height: m = "100%", aspectRatio: _, intrinsicWidth: v, intrinsicHeight: y, onLoad: b, onError: x, style: C, wrapperStyle: w, ...T }) {
+	let E = h(null), [D, O] = g(0), [k, A] = g(!1), [j, M] = g(!1), [N, P] = g(!1);
+	p(() => {
 		if (typeof IntersectionObserver > "u") {
 			let e = window.setTimeout(() => A(!0), 0);
 			return () => window.clearTimeout(e);
@@ -154,8 +154,8 @@ function C({ src: e, sources: t, alt: n, role: r, ariaLabel: i, caption: a, fall
 		});
 		return E.current && e.observe(E.current), () => e.disconnect();
 	}, []);
-	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,
+	let F = d === "intrinsic", I = F ? "auto" : m, 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__ */ c(S, {
+		width: f,
 		height: z,
 		aspectRatio: R
 	}), H = F ? {
@@ -168,15 +168,15 @@ function C({ src: e, sources: t, alt: n, role: r, ariaLabel: i, caption: a, fall
 		display: "block",
 		width: "100%",
 		height: "100%",
-		objectFit: c,
+		objectFit: d,
 		...C
-	}, U = /* @__PURE__ */ g(m, { children: [
+	}, U = /* @__PURE__ */ l(s, { children: [
 		!j && !N && (o || V),
-		k && !N && /* @__PURE__ */ g("picture", { children: [t?.map((e) => /* @__PURE__ */ h("source", {
+		k && !N && /* @__PURE__ */ l("picture", { children: [t?.map((e) => /* @__PURE__ */ c("source", {
 			srcSet: e.srcSet,
 			type: e.type,
 			sizes: e.sizes ?? B
-		}, `${e.type ?? "source"}-${e.srcSet}`)), /* @__PURE__ */ h("img", {
+		}, `${e.type ?? "source"}-${e.srcSet}`)), /* @__PURE__ */ c("img", {
 			src: e,
 			alt: n,
 			role: r,
@@ -194,19 +194,19 @@ function C({ src: e, sources: t, alt: n, role: r, ariaLabel: i, caption: a, fall
 			...T
 		})] }),
 		N && V
-	] }), W = /* @__PURE__ */ h("div", {
+	] }), W = /* @__PURE__ */ c("div", {
 		ref: E,
 		style: {
-			width: l,
+			width: f,
 			height: I,
 			aspectRatio: R,
 			...w
 		},
 		children: U
 	});
-	return s ? /* @__PURE__ */ g("figure", {
+	return u ? /* @__PURE__ */ l("figure", {
 		className: "relative",
-		children: [W, a && /* @__PURE__ */ h("figcaption", {
+		children: [W, a && /* @__PURE__ */ c("figcaption", {
 			style: {
 				bottom: 2,
 				right: 2,
@@ -232,15 +232,15 @@ var T = {
 	zoom: 1
 };
 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);
+	let [a, o] = g(t ?? []), [s, c] = g(0), [l, u] = g({}), d = e ?? a, p = f((t) => {
+		let n = t(d);
 		e === void 0 && o(n), r?.(n);
 	}, [
 		r,
-		m,
+		d,
 		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) => {
+	]), h = m(() => d.map((e) => e.file), [d]), _ = d.length === 0 ? 0 : Math.min(s, d.length - 1), v = d[_], y = v ? w(v, _) : void 0, b = y ? l[y] ?? T : T, x = d.length > 0, S = !n && x && d.every((e) => e.alt.trim() && e.crop), C = f((e) => {
+		p((t) => e.map((e) => {
 			let n = t.find((t) => t.file.file === e.file);
 			return n ? {
 				...n,
@@ -250,26 +250,26 @@ function E({ value: e, defaultValue: t, disabled: n, onChange: r, onApply: i })
 				alt: ""
 			};
 		}));
-	}, [h]), E = l((e) => {
-		h((t) => t.map((t, n) => n === _ ? {
+	}, [p]), E = f((e) => {
+		p((t) => t.map((t, n) => n === _ ? {
 			...t,
 			alt: e
 		} : t));
-	}, [_, h]), D = l((e) => {
-		h((t) => t.map((t, n) => n === _ ? {
+	}, [_, p]), D = f((e) => {
+		p((t) => t.map((t, n) => n === _ ? {
 			...t,
 			crop: e
 		} : t));
-	}, [_, h]), O = l((e) => {
-		y && f((t) => ({
+	}, [_, p]), O = f((e) => {
+		y && u((t) => ({
 			...t,
 			[y]: {
 				crop: e,
 				zoom: t[y]?.zoom ?? 1
 			}
 		}));
-	}, [y]), k = l((e) => {
-		y && f((t) => ({
+	}, [y]), k = f((e) => {
+		y && u((t) => ({
 			...t,
 			[y]: {
 				crop: t[y]?.crop ?? {
@@ -281,16 +281,16 @@ function E({ value: e, defaultValue: t, disabled: n, onChange: r, onApply: i })
 		}));
 	}, [y]);
 	return {
-		value: m,
-		files: g,
+		value: d,
+		files: h,
 		activeIndex: _,
 		activeImage: v,
 		activeCropperState: b,
 		hasSelected: x,
 		canApply: S,
-		apply: l(() => {
-			i?.(m);
-		}, [i, m]),
+		apply: f(() => {
+			i?.(d);
+		}, [i, d]),
 		setFiles: C,
 		setActiveIndex: c,
 		setActiveAlt: E,
@@ -326,37 +326,37 @@ var O = [
 	"image/webp",
 	"image/avif"
 ];
-function k({ aspect: e = 16 / 9, disabled: n, allowedMime: r = O, maxBytes: i, minimumCropWidth: s, onReadError: c, state: l }) {
-	let u = l.activeImage?.crop, [d, f] = p({});
-	return /* @__PURE__ */ g(t, {
+function k({ aspect: e = 16 / 9, disabled: n, allowedMime: r = O, maxBytes: i, minimumCropWidth: s, onReadError: u, state: d }) {
+	let f = d.activeImage?.crop, [p, m] = g({});
+	return /* @__PURE__ */ l(t, {
 		gap: "md",
 		children: [
-			/* @__PURE__ */ h(o, {
+			/* @__PURE__ */ c(o, {
 				label: "Файл изображения",
 				allowedMime: r,
-				value: l.files,
-				onChange: l.setFiles,
+				value: d.files,
+				onChange: d.setFiles,
 				maxBytes: i,
 				disabled: n,
-				onReadError: c
+				onReadError: u
 			}),
-			l.hasSelected && l.activeImage && /* @__PURE__ */ g("div", { children: [
-				/* @__PURE__ */ h(t, {
+			d.hasSelected && d.activeImage && /* @__PURE__ */ l("div", { children: [
+				/* @__PURE__ */ c(t, {
 					templateColumns: "repeat(auto-fill, minmax(10em, 1fr))",
 					gap: "xs",
-					children: l.value.map((t, r) => {
+					children: d.value.map((t, r) => {
 						let i = w(t, r);
-						return /* @__PURE__ */ h("button", {
+						return /* @__PURE__ */ c("button", {
 							type: "button",
 							disabled: n,
-							onClick: () => l.setActiveIndex(r),
+							onClick: () => d.setActiveIndex(r),
 							style: {
 								padding: 0,
-								border: r === l.activeIndex ? "2px solid var(--accent-border)" : "2px solid transparent",
+								border: r === d.activeIndex ? "2px solid var(--accent-border)" : "2px solid transparent",
 								background: "transparent",
 								cursor: n ? "default" : "pointer"
 							},
-							children: /* @__PURE__ */ h("span", {
+							children: /* @__PURE__ */ c("span", {
 								style: {
 									position: "relative",
 									display: "block",
@@ -364,13 +364,13 @@ function k({ aspect: e = 16 / 9, disabled: n, allowedMime: r = O, maxBytes: i, m
 									aspectRatio: e,
 									overflow: "hidden"
 								},
-								children: /* @__PURE__ */ h("img", {
+								children: /* @__PURE__ */ c("img", {
 									src: t.file.dataUrl,
 									alt: t.alt || `Предпросмотр изображения ${r + 1}`,
-									style: D(t, d[i], e),
+									style: D(t, p[i], e),
 									onLoad: (e) => {
 										let t = e.currentTarget;
-										f((e) => ({
+										m((e) => ({
 											...e,
 											[i]: {
 												width: t.naturalWidth,
@@ -383,77 +383,77 @@ function k({ aspect: e = 16 / 9, disabled: n, allowedMime: r = O, maxBytes: i, m
 						}, i);
 					})
 				}),
-				/* @__PURE__ */ g("div", { children: [
+				/* @__PURE__ */ l("div", { children: [
 					"Выберите область изображения",
 					" ",
-					u && /* @__PURE__ */ g("code", {
-						className: s && u.width < s ? "statusError" : "statusSuccess",
+					f && /* @__PURE__ */ l("code", {
+						className: s && f.width < s ? "statusError" : "statusSuccess",
 						children: [
-							u.width,
+							f.width,
 							"x",
-							u.height,
-							s && u.width < s ? " — недостаточная ширина" : ""
+							f.height,
+							s && f.width < s ? " — недостаточная ширина" : ""
 						]
 					})
 				] }),
-				/* @__PURE__ */ h(x, {
-					image: l.activeImage.file.dataUrl,
-					crop: l.activeCropperState.crop,
-					zoom: l.activeCropperState.zoom,
+				/* @__PURE__ */ c(x, {
+					image: d.activeImage.file.dataUrl,
+					crop: d.activeCropperState.crop,
+					zoom: d.activeCropperState.zoom,
 					aspect: e,
 					disabled: n,
-					onCropChange: l.setActiveCropperCrop,
-					onZoomChange: l.setActiveCropperZoom,
-					onCropComplete: l.setActiveCrop
-				}, w(l.activeImage, l.activeIndex))
+					onCropChange: d.setActiveCropperCrop,
+					onZoomChange: d.setActiveCropperZoom,
+					onCropComplete: d.setActiveCrop
+				}, w(d.activeImage, d.activeIndex))
 			] }),
-			/* @__PURE__ */ h(a, {
+			/* @__PURE__ */ c(a, {
 				required: !0,
-				disabled: !l.hasSelected || n,
+				disabled: !d.hasSelected || n,
 				label: "Краткое описание изображения",
 				placeholder: "",
-				value: l.activeImage?.alt ?? "",
-				onChange: l.setActiveAlt
+				value: d.activeImage?.alt ?? "",
+				onChange: d.setActiveAlt
 			})
 		]
 	});
 }
 //#endregion
 //#region src/image/ui/ImageSelectionModal.tsx
-function A({ disabled: t, isOpen: a = !0, onClose: o = () => {}, title: s = "Загрузка нового изображения", ...c }) {
-	let l = E({
-		...c,
+function A({ disabled: t, isOpen: a = !0, onClose: o = () => {}, title: s = "Загрузка нового изображения", ...u }) {
+	let d = E({
+		...u,
 		disabled: t
 	});
-	return c.onApply ? /* @__PURE__ */ g(r, {
+	return u.onApply ? /* @__PURE__ */ l(r, {
 		isOpen: a,
 		onClose: o,
 		title: s,
 		size: "xl",
-		children: [/* @__PURE__ */ h(i, {
+		children: [/* @__PURE__ */ c(i, {
 			scrollable: !0,
-			children: /* @__PURE__ */ h(k, {
-				...c,
+			children: /* @__PURE__ */ c(k, {
+				...u,
 				disabled: t,
-				state: l
+				state: d
 			})
-		}), /* @__PURE__ */ h(n, { children: /* @__PURE__ */ h(e, {
-			disabled: !l.canApply,
+		}), /* @__PURE__ */ c(n, { children: /* @__PURE__ */ c(e, {
+			disabled: !d.canApply,
 			tone: "success",
-			onClick: l.apply,
+			onClick: d.apply,
 			children: "Применить"
 		}) })]
-	}) : /* @__PURE__ */ h(r, {
+	}) : /* @__PURE__ */ c(r, {
 		isOpen: a,
 		onClose: o,
 		title: s,
 		size: "xl",
-		children: /* @__PURE__ */ h(i, {
+		children: /* @__PURE__ */ c(i, {
 			scrollable: !0,
-			children: /* @__PURE__ */ h(k, {
-				...c,
+			children: /* @__PURE__ */ c(k, {
+				...u,
 				disabled: t,
-				state: l
+				state: d
 			})
 		})
 	});
@@ -471,11 +471,11 @@ function j({ disabled: t, renderActions: n, ...r }) {
 		canApply: i.canApply,
 		apply: i.apply
 	};
-	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(k, {
+	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(k, {
 		...r,
 		disabled: t,
 		state: i
-	}), n ? n(a) : r.onApply && /* @__PURE__ */ h("div", { children: /* @__PURE__ */ h(e, {
+	}), n ? n(a) : r.onApply && /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(e, {
 		disabled: !i.canApply,
 		tone: "success",
 		onClick: i.apply,
@@ -486,7 +486,7 @@ function j({ disabled: t, renderActions: n, ...r }) {
 //#region src/image/ui/ImageView.tsx
 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, {
+	return /* @__PURE__ */ c(C, {
 		...i,
 		src: e.src,
 		srcSet: o || void 0,
@@ -500,12 +500,12 @@ function M({ image: e, alt: t, sizes: n, aspectRatio: r, ...i }) {
 }
 //#endregion
 //#region src/image/ui/ImageViewer.tsx
-var N = c(() => import("../chunks/ImageViewerRuntime-HGBWp9NM.js"));
+var N = d(() => import("../chunks/ImageViewerRuntime-DZpgxzF1.js"));
 function P(e) {
-	let [t, n] = p(!1), r = l(() => n(!0), []);
-	return typeof document < "u" && (e.open || t) ? /* @__PURE__ */ h(s, {
+	let [t, n] = g(!1), r = f(() => n(!0), []);
+	return typeof document < "u" && (e.open || t) ? /* @__PURE__ */ c(u, {
 		fallback: null,
-		children: /* @__PURE__ */ h(N, {
+		children: /* @__PURE__ */ c(N, {
 			...e,
 			onRuntimeMounted: r
 		})

package/dist/input/index.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../chunks/input-DSPKgiCK.js";
+import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../chunks/input-CuRK9Vbz.js";
 export { a as Input, s as InputClearButton, r as InputControl, l as InputErrorComponent, e as InputLoadingFrame, o as InputNumber, c as InputText, t as InputUI, i as InputUIFrame, u as InputUILoading, n as useInputFieldIds };