@banzamel/mineralui 2.4.2 → 2.4.3

package/dist/media-vOQOIYFD.js

@@ -1,402 +0,0 @@
-import { r as e } from "./theme-DAOU1aPs.js";
-import { Ji as t, Xi as n, qi as r } from "./icons-CBMl-kOM.js";
-import { t as i } from "./cn-YER3QsV1.js";
-import { t as a } from "./useInteractionEffect-DtpbVd77.js";
-import { t as o } from "./MPortal-Ba2Sxset.js";
-import { t as s } from "./MButton-C1pnL4_j.js";
-import { n as c, t as l } from "./MSkeleton-C5uD4Axo.js";
-import { Children as u, useCallback as d, useEffect as f, useId as p, useMemo as m, useRef as h, useState as g } from "react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-//#region src/components/media/MMediaLightbox/MMediaLightbox.tsx
-function b({ open: e, items: a, activeIndex: l, onClose: u, onActiveIndexChange: d }) {
-	let p = a[l], m = h(null), g = l > 0, _ = l < a.length - 1;
-	if (f(() => {
-		if (!e) return;
-		let t = (e) => {
-			if (e.key === "Escape") {
-				u();
-				return;
-			}
-			e.key === "ArrowLeft" && g && d(l - 1), e.key === "ArrowRight" && _ && d(l + 1);
-		};
-		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-	}, [
-		l,
-		_,
-		g,
-		d,
-		u,
-		e
-	]), f(() => {
-		if (!e) return;
-		let t = document.body.style.overflow;
-		return document.body.style.overflow = "hidden", () => {
-			document.body.style.overflow = t;
-		};
-	}, [e]), !e || !p) return null;
-	let b = (e) => {
-		let t = e.target;
-		t && m.current && !m.current.contains(t) && u();
-	}, x = p.alt || p.caption || "Image preview";
-	return /* @__PURE__ */ v(o, { children: /* @__PURE__ */ v("div", {
-		className: i("mineral-backdrop", "media-lightbox-backdrop"),
-		onMouseDown: b,
-		children: /* @__PURE__ */ v("div", {
-			className: "media-lightbox-shell",
-			role: "dialog",
-			"aria-modal": "true",
-			"aria-label": x,
-			children: /* @__PURE__ */ v("div", {
-				className: "media-lightbox-stage",
-				children: /* @__PURE__ */ y("div", {
-					ref: m,
-					className: "media-lightbox-frame",
-					children: [
-						/* @__PURE__ */ y("div", {
-							className: "media-lightbox-topbar",
-							children: [/* @__PURE__ */ v(c, {
-								color: "dark",
-								size: "md",
-								rounded: !0,
-								className: "media-lightbox-counter",
-								children: a.length > 1 ? `${l + 1} / ${a.length}` : "Preview"
-							}), /* @__PURE__ */ v(s, {
-								type: "button",
-								variant: "ghost",
-								color: "error",
-								size: "lg",
-								shape: "circle",
-								iconOnly: !0,
-								className: "media-lightbox-action",
-								"aria-label": "Close preview",
-								onClick: u,
-								children: /* @__PURE__ */ v(n, {})
-							})]
-						}),
-						/* @__PURE__ */ v(s, {
-							type: "button",
-							variant: "ghost",
-							color: "primary",
-							size: "lg",
-							shape: "circle",
-							iconOnly: !0,
-							className: "media-lightbox-nav media-lightbox-nav-prev",
-							"aria-label": "Previous image",
-							disabled: a.length <= 1 || !g,
-							onClick: () => g && d(l - 1),
-							children: /* @__PURE__ */ v(t, {})
-						}),
-						/* @__PURE__ */ v("img", {
-							className: "media-lightbox-image",
-							src: p.src,
-							alt: p.alt || ""
-						}),
-						/* @__PURE__ */ v(s, {
-							type: "button",
-							variant: "ghost",
-							color: "primary",
-							size: "lg",
-							shape: "circle",
-							iconOnly: !0,
-							className: "media-lightbox-nav media-lightbox-nav-next",
-							"aria-label": "Next image",
-							disabled: a.length <= 1 || !_,
-							onClick: () => _ && d(l + 1),
-							children: /* @__PURE__ */ v(r, {})
-						}),
-						p.caption || p.alt ? /* @__PURE__ */ v(c, {
-							color: "dark",
-							size: "sm",
-							rounded: !0,
-							className: "media-lightbox-caption",
-							children: p.caption || p.alt
-						}) : null
-					]
-				})
-			})
-		})
-	}) });
-}
-//#endregion
-//#region src/components/media/mediaPreviewRegistry.ts
-var x = /* @__PURE__ */ new Map();
-function S(e, t, n) {
-	let r = x.get(e);
-	return r || (r = /* @__PURE__ */ new Map(), x.set(e, r)), r.set(t, {
-		id: t,
-		...n
-	}), () => {
-		let n = x.get(e);
-		n && (n.delete(t), n.size === 0 && x.delete(e));
-	};
-}
-function C(e) {
-	return Array.from(x.get(e)?.values() ?? []);
-}
-//#endregion
-//#region src/components/media/mediaInteraction.ts
-function w(e) {
-	return e === "zoom" || e === "zoom-dim";
-}
-function T(e) {
-	return e === "dim" || e === "zoom-dim";
-}
-//#endregion
-//#region src/components/media/MImage/MImage.tsx
-var E = {
-	"1:1": "1 / 1",
-	"4:3": "4 / 3",
-	"16:9": "16 / 9",
-	"21:9": "21 / 9"
-};
-function D(e) {
-	if (e != null) return typeof e == "number" ? `${e}px` : e;
-}
-function O({ src: t, fit: n = "cover", ratio: r = "auto", width: o, height: s, hidden: c, rounded: u = !1, bordered: d = !1, shadow: h = !1, preview: x = !1, previewGroup: O, hoverEffect: k = "none", clickEffect: A = "none", fallback: j, skeleton: M = !1, className: N, style: P, alt: F, onError: ee, ...I }) {
-	let [L, R] = g(!1), [z, B] = g(!1), [V, te] = g([]), [ne, H] = g(0), U = p(), { effectClassName: re, effectLayer: W, handlePointerDown: ie } = a({ effect: M ? "none" : A }), ae = (e) => {
-		j && !L && (R(!0), e.currentTarget.src = j), ee?.(e);
-	}, G = D(o), K = D(s), q = G != null || K != null, J = r !== "auto" && !!E[r], Y = {};
-	G != null && (Y.width = G), K != null && (Y.height = K);
-	let X = {
-		...P,
-		...J ? { aspectRatio: E[r] } : null,
-		...Y
-	}, Z = L && j ? j : t, Q = m(() => ({
-		src: Z || "",
-		alt: F ?? "",
-		caption: typeof I.title == "string" ? I.title : void 0
-	}), [
-		F,
-		Z,
-		I.title
-	]);
-	if (f(() => {
-		if (!(!x || !O || !Z)) return S(O, U, Q);
-	}, [
-		x,
-		O,
-		U,
-		Q,
-		Z
-	]), M) return /* @__PURE__ */ v(l, {
-		variant: "rectangle",
-		animate: "pulse",
-		className: i("image-skeleton", u && "rounded", d && "bordered", N),
-		style: X,
-		"aria-label": "Loading",
-		...e(c)
-	});
-	let oe = () => {
-		if (!(!x || !Z)) {
-			if (O) {
-				let e = C(O), t = e.findIndex((e) => e.id === U);
-				if (e.length > 0 && t >= 0) {
-					te(e.map(({ id: e, ...t }) => t)), H(t), B(!0);
-					return;
-				}
-			}
-			te([Q]), H(0), B(!0);
-		}
-	}, se = i("image", n, !W && u && "rounded", !W && d && "bordered", !W && h && "shadow"), ce = J || q || !!W || x || k !== "none", le = i("image-wrap", J && "has-ratio", q && "has-size", u && "rounded", d && "bordered", h && "shadow", x && "preview", w(k) && "effect-zoom", T(k) && "effect-dim", re, N), $ = /* @__PURE__ */ v("img", {
-		className: se,
-		onError: ae,
-		src: Z,
-		...I,
-		alt: F ?? ""
-	});
-	return ce ? /* @__PURE__ */ y(_, { children: [x ? /* @__PURE__ */ y("button", {
-		type: "button",
-		className: i(le, "image-button"),
-		"aria-label": `Preview ${F || "image"}`,
-		onClick: oe,
-		onPointerDown: W ? ie : void 0,
-		disabled: !Z,
-		...e(c),
-		style: X,
-		children: [W, $]
-	}) : /* @__PURE__ */ y("span", {
-		className: le,
-		onPointerDown: W ? ie : void 0,
-		...e(c),
-		style: X,
-		children: [W, $]
-	}), /* @__PURE__ */ v(b, {
-		open: z,
-		items: V,
-		activeIndex: ne,
-		onActiveIndexChange: H,
-		onClose: () => B(!1)
-	})] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("img", {
-		className: i(se, N),
-		style: X,
-		onError: ae,
-		src: Z,
-		...e(c),
-		...I,
-		alt: F ?? ""
-	}), /* @__PURE__ */ v(b, {
-		open: z,
-		items: V,
-		activeIndex: ne,
-		onActiveIndexChange: H,
-		onClose: () => B(!1)
-	})] });
-}
-//#endregion
-//#region src/components/media/MGallery/MGallery.tsx
-function k({ items: e, columns: t = 3, rounded: n = !0, preview: r = !1, hoverEffect: a = "zoom", clickEffect: o = "ripple", className: s, ...c }) {
-	let [l, u] = g(!1), [d, f] = g(0);
-	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
-		className: i("gallery", `columns-${t}`, s),
-		...c,
-		children: e.map((e, t) => /* @__PURE__ */ v(A, {
-			item: e,
-			rounded: n,
-			preview: r,
-			hoverEffect: a,
-			clickEffect: o,
-			onOpen: () => {
-				f(t), u(!0);
-			}
-		}, t))
-	}), /* @__PURE__ */ v(b, {
-		open: l,
-		items: e,
-		activeIndex: d,
-		onActiveIndexChange: f,
-		onClose: () => u(!1)
-	})] });
-}
-function A({ item: e, rounded: t, preview: n, hoverEffect: r, clickEffect: o, onOpen: s }) {
-	let { effectClassName: c, effectLayer: l, handlePointerDown: u } = a({ effect: o });
-	return /* @__PURE__ */ v("figure", {
-		className: i("gallery-item", t && "rounded"),
-		children: n ? /* @__PURE__ */ y("button", {
-			type: "button",
-			className: i("gallery-trigger", t && "rounded", "gallery-button", w(r) && "effect-zoom", T(r) && "effect-dim", c),
-			onClick: s,
-			onPointerDown: u,
-			"aria-label": `Preview ${e.alt || "image"}`,
-			children: [
-				/* @__PURE__ */ v("img", {
-					className: "gallery-image",
-					src: e.thumbnail || e.src,
-					alt: e.alt || "",
-					loading: "lazy"
-				}),
-				e.caption && /* @__PURE__ */ v("span", {
-					className: "gallery-caption",
-					children: e.caption
-				}),
-				l
-			]
-		}) : /* @__PURE__ */ y("div", {
-			className: i("gallery-trigger", t && "rounded", w(r) && "effect-zoom", T(r) && "effect-dim", c),
-			onPointerDown: u,
-			children: [
-				/* @__PURE__ */ v("img", {
-					className: "gallery-image",
-					src: e.thumbnail || e.src,
-					alt: e.alt || "",
-					loading: "lazy"
-				}),
-				e.caption && /* @__PURE__ */ v("span", {
-					className: "gallery-caption",
-					children: e.caption
-				}),
-				l
-			]
-		})
-	});
-}
-//#endregion
-//#region src/components/media/MCarousel/MCarousel.tsx
-function j({ autoPlay: e = !1, interval: n = 5e3, showDots: a = !0, showArrows: o = !0, loop: c = !0, draggable: l = !0, transition: p = "slide", className: m, children: b, ...x }) {
-	let S = u.toArray(b), C = S.length, [w, T] = g(0), [E, D] = g(0), [O, k] = g(!1), A = h(0), j = h(null), M = d((e) => {
-		T(c ? (e + C) % C : Math.max(0, Math.min(e, C - 1)));
-	}, [C, c]), N = d(() => M(w - 1), [w, M]), P = d(() => M(w + 1), [w, M]);
-	f(() => {
-		if (!e || C <= 1 || O) return;
-		let t = setInterval(P, n);
-		return () => clearInterval(t);
-	}, [
-		e,
-		n,
-		P,
-		C,
-		O
-	]);
-	let F = (e) => {
-		l && (k(!0), A.current = e, D(0));
-	}, ee = (e) => {
-		O && D(e - A.current);
-	}, I = () => {
-		O && (k(!1), E < -50 ? P() : E > 50 && N(), D(0));
-	}, L = (e) => {
-		l && (e.currentTarget.setPointerCapture(e.pointerId), F(e.clientX));
-	}, R = (e) => {
-		ee(e.clientX);
-	}, z = () => {
-		I();
-	};
-	if (C === 0) return null;
-	let B = p === "fade", V = B ? void 0 : { transform: `translateX(calc(-${w * 100}% + ${O ? E : 0}px))` };
-	return /* @__PURE__ */ y("div", {
-		className: i("carousel", B && "fade", m),
-		...x,
-		children: [
-			/* @__PURE__ */ v("div", {
-				className: "carousel-viewport",
-				onPointerDown: L,
-				onPointerMove: R,
-				onPointerUp: z,
-				onPointerCancel: z,
-				style: {
-					touchAction: l ? "pan-y" : void 0,
-					cursor: l ? O ? "grabbing" : "grab" : void 0
-				},
-				children: /* @__PURE__ */ v("div", {
-					ref: j,
-					className: i("carousel-track", O && "dragging"),
-					style: V,
-					children: S.map((e, t) => /* @__PURE__ */ v("div", {
-						className: i("carousel-slide", B && t === w && "active", B && t !== w && "hidden"),
-						children: e
-					}, t))
-				})
-			}),
-			o && C > 1 && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(s, {
-				variant: "ghost",
-				color: "primary",
-				iconOnly: !0,
-				shape: "circle",
-				onClick: N,
-				"aria-label": "Previous slide",
-				className: "carousel-arrow carousel-arrow-prev",
-				children: /* @__PURE__ */ v(t, {})
-			}), /* @__PURE__ */ v(s, {
-				variant: "ghost",
-				color: "primary",
-				iconOnly: !0,
-				shape: "circle",
-				onClick: P,
-				"aria-label": "Next slide",
-				className: "carousel-arrow carousel-arrow-next",
-				children: /* @__PURE__ */ v(r, {})
-			})] }),
-			a && C > 1 && /* @__PURE__ */ v("div", {
-				className: "carousel-dots",
-				children: S.map((e, t) => /* @__PURE__ */ v("button", {
-					className: i("carousel-dot", t === w && "active"),
-					onClick: () => M(t),
-					"aria-label": `Slide ${t + 1}`,
-					type: "button"
-				}, t))
-			})
-		]
-	});
-}
-//#endregion
-export { k as n, O as r, j as t };
-
-//# sourceMappingURL=media-vOQOIYFD.js.map

package/dist/media-vOQOIYFD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-vOQOIYFD.js","names":[],"sources":["../src/components/media/MMediaLightbox/MMediaLightbox.tsx","../src/components/media/mediaPreviewRegistry.ts","../src/components/media/mediaInteraction.ts","../src/components/media/MImage/MImage.tsx","../src/components/media/MGallery/MGallery.tsx","../src/components/media/MCarousel/MCarousel.tsx"],"sourcesContent":["import {useEffect, useRef} from 'react'\nimport type {MouseEvent} from 'react'\nimport {MButton} from '../../controls'\nimport {MBadge} from '../../feedback'\nimport {MPortal} from '../../primitives'\nimport {MCloseIcon, MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MMediaLightbox.css'\n\nexport interface MMediaLightboxItem {\n    src: string\n    alt?: string\n    caption?: string\n}\n\ninterface MMediaLightboxProps {\n    open: boolean\n    items: MMediaLightboxItem[]\n    activeIndex: number\n    onClose: () => void\n    onActiveIndexChange: (index: number) => void\n}\n\nexport function MMediaLightbox({open, items, activeIndex, onClose, onActiveIndexChange}: MMediaLightboxProps) {\n    const currentItem = items[activeIndex]\n    const frameRef = useRef<HTMLDivElement | null>(null)\n    const canGoPrev = activeIndex > 0\n    const canGoNext = activeIndex < items.length - 1\n\n    useEffect(() => {\n        if (!open) {\n            return\n        }\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                onClose()\n                return\n            }\n\n            if (event.key === 'ArrowLeft' && canGoPrev) {\n                onActiveIndexChange(activeIndex - 1)\n            }\n\n            if (event.key === 'ArrowRight' && canGoNext) {\n                onActiveIndexChange(activeIndex + 1)\n            }\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [activeIndex, canGoNext, canGoPrev, onActiveIndexChange, onClose, open])\n\n    useEffect(() => {\n        if (!open) {\n            return\n        }\n\n        const previousOverflow = document.body.style.overflow\n        document.body.style.overflow = 'hidden'\n\n        return () => {\n            document.body.style.overflow = previousOverflow\n        }\n    }, [open])\n\n    if (!open || !currentItem) {\n        return null\n    }\n\n    const handleBackdropMouseDown = (event: MouseEvent<HTMLDivElement>) => {\n        const target = event.target as Node | null\n\n        if (target && frameRef.current && !frameRef.current.contains(target)) {\n            onClose()\n        }\n    }\n\n    const previewLabel = currentItem.alt || currentItem.caption || 'Image preview'\n\n    return (\n        <MPortal>\n            <div className={cn('mineral-backdrop', 'media-lightbox-backdrop')} onMouseDown={handleBackdropMouseDown}>\n                <div className=\"media-lightbox-shell\" role=\"dialog\" aria-modal=\"true\" aria-label={previewLabel}>\n                    <div className=\"media-lightbox-stage\">\n                        <div ref={frameRef} className=\"media-lightbox-frame\">\n                            <div className=\"media-lightbox-topbar\">\n                                <MBadge color=\"dark\" size=\"md\" rounded className=\"media-lightbox-counter\">\n                                    {items.length > 1 ? `${activeIndex + 1} / ${items.length}` : 'Preview'}\n                                </MBadge>\n                                <MButton\n                                    type=\"button\"\n                                    variant=\"ghost\"\n                                    color=\"error\"\n                                    size=\"lg\"\n                                    shape=\"circle\"\n                                    iconOnly\n                                    className=\"media-lightbox-action\"\n                                    aria-label=\"Close preview\"\n                                    onClick={onClose}\n                                >\n                                    <MCloseIcon />\n                                </MButton>\n                            </div>\n\n                            <MButton\n                                type=\"button\"\n                                variant=\"ghost\"\n                                color=\"primary\"\n                                size=\"lg\"\n                                shape=\"circle\"\n                                iconOnly\n                                className=\"media-lightbox-nav media-lightbox-nav-prev\"\n                                aria-label=\"Previous image\"\n                                disabled={items.length <= 1 || !canGoPrev}\n                                onClick={() => canGoPrev && onActiveIndexChange(activeIndex - 1)}\n                            >\n                                <MChevronLeftIcon />\n                            </MButton>\n\n                            <img className=\"media-lightbox-image\" src={currentItem.src} alt={currentItem.alt || ''} />\n\n                            <MButton\n                                type=\"button\"\n                                variant=\"ghost\"\n                                color=\"primary\"\n                                size=\"lg\"\n                                shape=\"circle\"\n                                iconOnly\n                                className=\"media-lightbox-nav media-lightbox-nav-next\"\n                                aria-label=\"Next image\"\n                                disabled={items.length <= 1 || !canGoNext}\n                                onClick={() => canGoNext && onActiveIndexChange(activeIndex + 1)}\n                            >\n                                <MChevronRightIcon />\n                            </MButton>\n\n                            {currentItem.caption || currentItem.alt ? (\n                                <MBadge color=\"dark\" size=\"sm\" rounded className=\"media-lightbox-caption\">\n                                    {currentItem.caption || currentItem.alt}\n                                </MBadge>\n                            ) : null}\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </MPortal>\n    )\n}\n","import type {MMediaLightboxItem} from './MMediaLightbox/MMediaLightbox'\n\ninterface MMediaPreviewRegistryItem extends MMediaLightboxItem {\n    id: string\n}\n\nconst previewGroups = new Map<string, Map<string, MMediaPreviewRegistryItem>>()\n\nexport function registerMediaPreviewItem(group: string, id: string, item: MMediaLightboxItem) {\n    let groupItems = previewGroups.get(group)\n\n    if (!groupItems) {\n        groupItems = new Map()\n        previewGroups.set(group, groupItems)\n    }\n\n    groupItems.set(id, {id, ...item})\n\n    return () => {\n        const currentGroupItems = previewGroups.get(group)\n        if (!currentGroupItems) {\n            return\n        }\n\n        currentGroupItems.delete(id)\n\n        if (currentGroupItems.size === 0) {\n            previewGroups.delete(group)\n        }\n    }\n}\n\nexport function getMediaPreviewGroupItems(group: string) {\n    return Array.from(previewGroups.get(group)?.values() ?? [])\n}\n","import type {MClickEffect} from '../../utils/useInteractionEffect'\n\nexport type MMediaInteractionEffect = MClickEffect | 'zoom' | 'dim' | 'zoom-ripple'\nexport type MMediaHoverEffect = 'none' | 'zoom' | 'dim' | 'zoom-dim'\n\nexport function usesRipple(effect: MMediaInteractionEffect): boolean {\n    return effect === 'ripple' || effect === 'zoom-ripple'\n}\n\nexport function usesZoom(effect: MMediaInteractionEffect): boolean {\n    return effect === 'zoom' || effect === 'zoom-ripple'\n}\n\nexport function usesDim(effect: MMediaInteractionEffect): boolean {\n    return effect === 'dim'\n}\n\nexport function usesHoverZoom(effect: MMediaHoverEffect): boolean {\n    return effect === 'zoom' || effect === 'zoom-dim'\n}\n\nexport function usesHoverDim(effect: MMediaHoverEffect): boolean {\n    return effect === 'dim' || effect === 'zoom-dim'\n}\n","import {useEffect, useId, useMemo, useState} from 'react'\nimport type * as React from 'react'\nimport type {CSSProperties} from 'react'\nimport type {MImageProps, MImageSize} from './MImage.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {MSkeleton} from '../../feedback'\nimport {MMediaLightbox} from '../MMediaLightbox/MMediaLightbox'\nimport {getMediaPreviewGroupItems, registerMediaPreviewItem} from '../mediaPreviewRegistry'\nimport {usesHoverDim, usesHoverZoom} from '../mediaInteraction'\nimport './MImage.css'\n\nconst RATIO_MAP: Record<string, string> = {\n    '1:1': '1 / 1',\n    '4:3': '4 / 3',\n    '16:9': '16 / 9',\n    '21:9': '21 / 9',\n}\n\nfunction toCssSize(value: MImageSize | undefined): string | undefined {\n    if (value == null) return undefined\n    return typeof value === 'number' ? `${value}px` : value\n}\n\n// Render a styled image with aspect ratio, fit, and optional fallback.\nexport function MImage({\n    src,\n    fit = 'cover',\n    ratio = 'auto',\n    width,\n    height,\n    hidden,\n    rounded = false,\n    bordered = false,\n    shadow = false,\n    preview = false,\n    previewGroup,\n    hoverEffect = 'none',\n    clickEffect = 'none',\n    fallback,\n    skeleton = false,\n    className,\n    style,\n    alt,\n    onError,\n    ...rest\n}: MImageProps) {\n    const [errored, setErrored] = useState(false)\n    const [previewOpen, setPreviewOpen] = useState(false)\n    const [previewItems, setPreviewItems] = useState<Array<{src: string; alt?: string; caption?: string}>>([])\n    const [previewIndex, setPreviewIndex] = useState(0)\n    const previewId = useId()\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLElement>({\n        effect: skeleton ? 'none' : clickEffect,\n    })\n\n    const handleError = (e: React.SyntheticEvent<HTMLImageElement>) => {\n        if (fallback && !errored) {\n            setErrored(true)\n            e.currentTarget.src = fallback\n        }\n        onError?.(e)\n    }\n\n    const widthValue = toCssSize(width)\n    const heightValue = toCssSize(height)\n    const hasExplicitSize = widthValue != null || heightValue != null\n    const hasFixedRatio = ratio !== 'auto' && !!RATIO_MAP[ratio]\n    const sizeStyle: CSSProperties = {}\n    if (widthValue != null) sizeStyle.width = widthValue\n    if (heightValue != null) sizeStyle.height = heightValue\n    const ratioStyle: CSSProperties = {\n        ...style,\n        ...(hasFixedRatio ? {aspectRatio: RATIO_MAP[ratio]} : null),\n        ...sizeStyle,\n    }\n    const resolvedSrc = errored && fallback ? fallback : src\n    const previewItem = useMemo(\n        () => ({\n            src: resolvedSrc || '',\n            alt: alt ?? '',\n            caption: typeof rest.title === 'string' ? rest.title : undefined,\n        }),\n        [alt, resolvedSrc, rest.title]\n    )\n\n    useEffect(() => {\n        if (!preview || !previewGroup || !resolvedSrc) {\n            return\n        }\n\n        return registerMediaPreviewItem(previewGroup, previewId, previewItem)\n    }, [preview, previewGroup, previewId, previewItem, resolvedSrc])\n\n    // Skeleton placeholder\n    if (skeleton) {\n        return (\n            <MSkeleton\n                variant=\"rectangle\"\n                animate=\"pulse\"\n                className={cn('image-skeleton', rounded && 'rounded', bordered && 'bordered', className)}\n                style={ratioStyle}\n                aria-label=\"Loading\"\n                {...getHiddenProps(hidden)}\n            />\n        )\n    }\n\n    const openPreview = () => {\n        if (!preview || !resolvedSrc) {\n            return\n        }\n\n        if (previewGroup) {\n            const groupItems = getMediaPreviewGroupItems(previewGroup)\n            const currentIndex = groupItems.findIndex((item) => item.id === previewId)\n\n            if (groupItems.length > 0 && currentIndex >= 0) {\n                setPreviewItems(groupItems.map(({id, ...item}) => item))\n                setPreviewIndex(currentIndex)\n                setPreviewOpen(true)\n                return\n            }\n        }\n\n        setPreviewItems([previewItem])\n        setPreviewIndex(0)\n        setPreviewOpen(true)\n    }\n\n    const imgClassName = cn(\n        'image',\n        fit,\n        !effectLayer && rounded && 'rounded',\n        !effectLayer && bordered && 'bordered',\n        !effectLayer && shadow && 'shadow'\n    )\n    const usesWrapper = hasFixedRatio || hasExplicitSize || Boolean(effectLayer) || preview || hoverEffect !== 'none'\n    const wrapperClassName = cn(\n        'image-wrap',\n        hasFixedRatio && 'has-ratio',\n        hasExplicitSize && 'has-size',\n        rounded && 'rounded',\n        bordered && 'bordered',\n        shadow && 'shadow',\n        preview && 'preview',\n        usesHoverZoom(hoverEffect) && 'effect-zoom',\n        usesHoverDim(hoverEffect) && 'effect-dim',\n        effectClassName,\n        className\n    )\n    const imageNode = <img className={imgClassName} onError={handleError} src={resolvedSrc} {...rest} alt={alt ?? ''} />\n\n    if (usesWrapper) {\n        return (\n            <>\n                {preview ? (\n                    <button\n                        type=\"button\"\n                        className={cn(wrapperClassName, 'image-button')}\n                        aria-label={`Preview ${alt || 'image'}`}\n                        onClick={openPreview}\n                        onPointerDown={effectLayer ? handlePointerDown : undefined}\n                        disabled={!resolvedSrc}\n                        {...getHiddenProps(hidden)}\n                        style={ratioStyle}\n                    >\n                        {effectLayer}\n                        {imageNode}\n                    </button>\n                ) : (\n                    <span\n                        className={wrapperClassName}\n                        onPointerDown={effectLayer ? handlePointerDown : undefined}\n                        {...getHiddenProps(hidden)}\n                        style={ratioStyle}\n                    >\n                        {effectLayer}\n                        {imageNode}\n                    </span>\n                )}\n\n                <MMediaLightbox\n                    open={previewOpen}\n                    items={previewItems}\n                    activeIndex={previewIndex}\n                    onActiveIndexChange={setPreviewIndex}\n                    onClose={() => setPreviewOpen(false)}\n                />\n            </>\n        )\n    }\n\n    return (\n        <>\n            <img\n                className={cn(imgClassName, className)}\n                style={ratioStyle}\n                onError={handleError}\n                src={resolvedSrc}\n                {...getHiddenProps(hidden)}\n                {...rest}\n                alt={alt ?? ''}\n            />\n\n            <MMediaLightbox\n                open={previewOpen}\n                items={previewItems}\n                activeIndex={previewIndex}\n                onActiveIndexChange={setPreviewIndex}\n                onClose={() => setPreviewOpen(false)}\n            />\n        </>\n    )\n}\n","import type {MGalleryProps} from './MGallery.types'\nimport {useState} from 'react'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {MMediaLightbox} from '../MMediaLightbox/MMediaLightbox'\nimport {usesHoverDim, usesHoverZoom} from '../mediaInteraction'\nimport './MGallery.css'\n\n// Render a responsive image grid gallery.\nexport function MGallery({\n    items,\n    columns = 3,\n    rounded = true,\n    preview = false,\n    hoverEffect = 'zoom',\n    clickEffect = 'ripple',\n    className,\n    ...rest\n}: MGalleryProps) {\n    const [previewOpen, setPreviewOpen] = useState(false)\n    const [previewIndex, setPreviewIndex] = useState(0)\n\n    return (\n        <>\n            <div className={cn('gallery', `columns-${columns}`, className)} {...rest}>\n                {items.map((item, i) => (\n                    <GalleryFigure\n                        key={i}\n                        item={item}\n                        rounded={rounded}\n                        preview={preview}\n                        hoverEffect={hoverEffect}\n                        clickEffect={clickEffect}\n                        onOpen={() => {\n                            setPreviewIndex(i)\n                            setPreviewOpen(true)\n                        }}\n                    />\n                ))}\n            </div>\n\n            <MMediaLightbox\n                open={previewOpen}\n                items={items}\n                activeIndex={previewIndex}\n                onActiveIndexChange={setPreviewIndex}\n                onClose={() => setPreviewOpen(false)}\n            />\n        </>\n    )\n}\n\nfunction GalleryFigure({\n    item,\n    rounded,\n    preview,\n    hoverEffect,\n    clickEffect,\n    onOpen,\n}: {\n    item: {src: string; thumbnail?: string; alt?: string; caption?: string}\n    rounded: boolean\n    preview: boolean\n    hoverEffect: 'none' | 'zoom' | 'dim' | 'zoom-dim'\n    clickEffect: 'none' | 'ripple'\n    onOpen: () => void\n}) {\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLElement>({\n        effect: clickEffect,\n    })\n    return (\n        <figure className={cn('gallery-item', rounded && 'rounded')}>\n            {preview ? (\n                <button\n                    type=\"button\"\n                    className={cn(\n                        'gallery-trigger',\n                        rounded && 'rounded',\n                        'gallery-button',\n                        usesHoverZoom(hoverEffect) && 'effect-zoom',\n                        usesHoverDim(hoverEffect) && 'effect-dim',\n                        effectClassName\n                    )}\n                    onClick={onOpen}\n                    onPointerDown={handlePointerDown}\n                    aria-label={`Preview ${item.alt || 'image'}`}\n                >\n                    <img\n                        className=\"gallery-image\"\n                        src={item.thumbnail || item.src}\n                        alt={item.alt || ''}\n                        loading=\"lazy\"\n                    />\n                    {item.caption && <span className=\"gallery-caption\">{item.caption}</span>}\n                    {effectLayer}\n                </button>\n            ) : (\n                <div\n                    className={cn(\n                        'gallery-trigger',\n                        rounded && 'rounded',\n                        usesHoverZoom(hoverEffect) && 'effect-zoom',\n                        usesHoverDim(hoverEffect) && 'effect-dim',\n                        effectClassName\n                    )}\n                    onPointerDown={handlePointerDown}\n                >\n                    <img\n                        className=\"gallery-image\"\n                        src={item.thumbnail || item.src}\n                        alt={item.alt || ''}\n                        loading=\"lazy\"\n                    />\n                    {item.caption && <span className=\"gallery-caption\">{item.caption}</span>}\n                    {effectLayer}\n                </div>\n            )}\n        </figure>\n    )\n}\n","import {useState, useEffect, useCallback, useRef, Children} from 'react'\nimport type * as React from 'react'\nimport type {MCarouselProps} from './MCarousel.types'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\nimport './MCarousel.css'\n\n// Render a swipeable content slider with arrows, dots and transition modes.\nexport function MCarousel({\n    autoPlay = false,\n    interval = 5000,\n    showDots = true,\n    showArrows = true,\n    loop = true,\n    draggable = true,\n    transition = 'slide',\n    className,\n    children,\n    ...rest\n}: MCarouselProps) {\n    const slides = Children.toArray(children)\n    const count = slides.length\n    const [active, setActive] = useState(0)\n    const [dragOffset, setDragOffset] = useState(0)\n    const [isDragging, setIsDragging] = useState(false)\n    const dragStartX = useRef(0)\n    const trackRef = useRef<HTMLDivElement>(null)\n\n    const goTo = useCallback(\n        (index: number) => {\n            if (loop) {\n                setActive((index + count) % count)\n            } else {\n                setActive(Math.max(0, Math.min(index, count - 1)))\n            }\n        },\n        [count, loop]\n    )\n\n    const prev = useCallback(() => goTo(active - 1), [active, goTo])\n    const next = useCallback(() => goTo(active + 1), [active, goTo])\n\n    useEffect(() => {\n        if (!autoPlay || count <= 1 || isDragging) return\n        const timer = setInterval(next, interval)\n        return () => clearInterval(timer)\n    }, [autoPlay, interval, next, count, isDragging])\n\n    const handleDragStart = (clientX: number) => {\n        if (!draggable) return\n        setIsDragging(true)\n        dragStartX.current = clientX\n        setDragOffset(0)\n    }\n\n    const handleDragMove = (clientX: number) => {\n        if (!isDragging) return\n        const diff = clientX - dragStartX.current\n        setDragOffset(diff)\n    }\n\n    const handleDragEnd = () => {\n        if (!isDragging) return\n        setIsDragging(false)\n        const threshold = 50\n        if (dragOffset < -threshold) {\n            next()\n        } else if (dragOffset > threshold) {\n            prev()\n        }\n        setDragOffset(0)\n    }\n\n    const onPointerDown = (e: React.PointerEvent) => {\n        if (!draggable) return\n        e.currentTarget.setPointerCapture(e.pointerId)\n        handleDragStart(e.clientX)\n    }\n\n    const onPointerMove = (e: React.PointerEvent) => {\n        handleDragMove(e.clientX)\n    }\n\n    const onPointerUp = () => {\n        handleDragEnd()\n    }\n\n    if (count === 0) return null\n\n    const isFade = transition === 'fade'\n    const trackStyle = !isFade\n        ? {transform: `translateX(calc(-${active * 100}% + ${isDragging ? dragOffset : 0}px))`}\n        : undefined\n\n    return (\n        <div className={cn('carousel', isFade && 'fade', className)} {...rest}>\n            <div\n                className=\"carousel-viewport\"\n                onPointerDown={onPointerDown}\n                onPointerMove={onPointerMove}\n                onPointerUp={onPointerUp}\n                onPointerCancel={onPointerUp}\n                style={{\n                    touchAction: draggable ? 'pan-y' : undefined,\n                    cursor: draggable ? (isDragging ? 'grabbing' : 'grab') : undefined,\n                }}\n            >\n                <div ref={trackRef} className={cn('carousel-track', isDragging && 'dragging')} style={trackStyle}>\n                    {slides.map((slide, i) => (\n                        <div\n                            key={i}\n                            className={cn(\n                                'carousel-slide',\n                                isFade && i === active && 'active',\n                                isFade && i !== active && 'hidden'\n                            )}\n                        >\n                            {slide}\n                        </div>\n                    ))}\n                </div>\n            </div>\n\n            {showArrows && count > 1 && (\n                <>\n                    <MButton\n                        variant=\"ghost\"\n                        color=\"primary\"\n                        iconOnly\n                        shape=\"circle\"\n                        onClick={prev}\n                        aria-label=\"Previous slide\"\n                        className=\"carousel-arrow carousel-arrow-prev\"\n                    >\n                        <MChevronLeftIcon />\n                    </MButton>\n                    <MButton\n                        variant=\"ghost\"\n                        color=\"primary\"\n                        iconOnly\n                        shape=\"circle\"\n                        onClick={next}\n                        aria-label=\"Next slide\"\n                        className=\"carousel-arrow carousel-arrow-next\"\n                    >\n                        <MChevronRightIcon />\n                    </MButton>\n                </>\n            )}\n\n            {showDots && count > 1 && (\n                <div className=\"carousel-dots\">\n                    {slides.map((_, i) => (\n                        <button\n                            key={i}\n                            className={cn('carousel-dot', i === active && 'active')}\n                            onClick={() => goTo(i)}\n                            aria-label={`Slide ${i + 1}`}\n                            type=\"button\"\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    )\n}\n"],"mappings":"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"}