@banzamel/mineralui 0.10.3 → 1.0.0

package/dist/MasonryItem-BsD5OuYt.js

@@ -1,368 +0,0 @@
-import { t as e } from "./ChevronLeftIcon-lTktpFVi.js";
-import { t } from "./ChevronRightIcon-1oaUsxM2.js";
-import { t as n } from "./cn-BIeeqGZv.js";
-import { t as r } from "./useInteractionEffect-B5_UpgTt.js";
-import { n as i, r as a, t as o } from "./Card-B_4TR7gc.js";
-import { t as s } from "./Button-BnxXh7zp.js";
-import { Children 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";
-//#region src/components/media/Image/Image.tsx
-var _ = {
-	"1:1": "1 / 1",
-	"4:3": "4 / 3",
-	"16:9": "16 / 9",
-	"21:9": "21 / 9"
-};
-function v({ fit: e = "cover", ratio: t = "auto", rounded: i = !1, bordered: a = !1, shadow: o = !1, clickEffect: s = "none", fallback: c, className: l, style: u, alt: d, onError: f, ...m }) {
-	let [v, y] = p(!1), { effectClassName: b, effectLayer: x, handlePointerDown: S } = r({ effect: s }), C = (e) => {
-		c && !v && (y(!0), e.currentTarget.src = c), f?.(e);
-	}, w = t !== "auto" && _[t] ? {
-		aspectRatio: _[t],
-		...u
-	} : u, T = n("image", e, !x && i && "rounded", !x && a && "bordered", !x && o && "shadow");
-	return x ? /* @__PURE__ */ g("span", {
-		className: n("image-wrap", i && "rounded", a && "bordered", o && "shadow", b, l),
-		onPointerDown: S,
-		children: [x, /* @__PURE__ */ h("img", {
-			className: T,
-			style: w,
-			onError: C,
-			...m,
-			alt: d ?? ""
-		})]
-	}) : /* @__PURE__ */ h("img", {
-		className: n(T, l),
-		style: w,
-		onError: C,
-		...m,
-		alt: d ?? ""
-	});
-}
-//#endregion
-//#region src/components/media/Gallery/Gallery.tsx
-function y({ items: e, columns: t = 3, rounded: r = !0, clickEffect: i = "ripple", className: a, ...o }) {
-	return /* @__PURE__ */ h("div", {
-		className: n("gallery", `columns-${t}`, a),
-		...o,
-		children: e.map((e, t) => /* @__PURE__ */ h(b, {
-			item: e,
-			rounded: r,
-			clickEffect: i
-		}, t))
-	});
-}
-function b({ item: e, rounded: t, clickEffect: i }) {
-	let { effectClassName: a, effectLayer: o, handlePointerDown: s } = r({ effect: i });
-	return /* @__PURE__ */ g("figure", {
-		className: n("gallery-item", t && "rounded", a),
-		onPointerDown: s,
-		children: [
-			/* @__PURE__ */ h("img", {
-				className: "gallery-image",
-				src: e.src,
-				alt: e.alt || "",
-				loading: "lazy"
-			}),
-			e.caption && /* @__PURE__ */ h("figcaption", {
-				className: "gallery-caption",
-				children: e.caption
-			}),
-			o
-		]
-	});
-}
-//#endregion
-//#region src/components/media/Carousel/Carousel.tsx
-function x({ autoPlay: r = !1, interval: i = 5e3, showDots: a = !0, showArrows: o = !0, loop: s = !0, draggable: d = !0, transition: _ = "slide", className: v, children: y, ...b }) {
-	let x = c.toArray(y), S = x.length, [C, w] = p(0), [T, E] = p(0), [D, O] = p(!1), k = f(0), A = f(null), j = l((e) => {
-		w(s ? (e + S) % S : Math.max(0, Math.min(e, S - 1)));
-	}, [S, s]), M = l(() => j(C - 1), [C, j]), N = l(() => j(C + 1), [C, j]);
-	u(() => {
-		if (!r || S <= 1 || D) return;
-		let e = setInterval(N, i);
-		return () => clearInterval(e);
-	}, [
-		r,
-		i,
-		N,
-		S,
-		D
-	]);
-	let P = (e) => {
-		d && (O(!0), k.current = e, E(0));
-	}, F = (e) => {
-		D && E(e - k.current);
-	}, I = () => {
-		D && (O(!1), T < -50 ? N() : T > 50 && M(), E(0));
-	}, L = (e) => {
-		d && (e.currentTarget.setPointerCapture(e.pointerId), P(e.clientX));
-	}, R = (e) => {
-		F(e.clientX);
-	}, z = () => {
-		I();
-	};
-	if (S === 0) return null;
-	let B = _ === "fade", V = B ? void 0 : { transform: `translateX(calc(-${C * 100}% + ${D ? T : 0}px))` };
-	return /* @__PURE__ */ g("div", {
-		className: n("carousel", B && "fade", v),
-		...b,
-		children: [
-			/* @__PURE__ */ h("div", {
-				className: "carousel-viewport",
-				onPointerDown: L,
-				onPointerMove: R,
-				onPointerUp: z,
-				onPointerCancel: z,
-				style: {
-					touchAction: d ? "pan-y" : void 0,
-					cursor: d ? D ? "grabbing" : "grab" : void 0
-				},
-				children: /* @__PURE__ */ h("div", {
-					ref: A,
-					className: n("carousel-track", D && "dragging"),
-					style: V,
-					children: x.map((e, t) => /* @__PURE__ */ h("div", {
-						className: n("carousel-slide", B && t === C && "active", B && t !== C && "hidden"),
-						children: e
-					}, t))
-				})
-			}),
-			o && S > 1 && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("button", {
-				className: "carousel-arrow carousel-arrow-prev",
-				onClick: M,
-				"aria-label": "Previous slide",
-				type: "button",
-				children: /* @__PURE__ */ h(e, {})
-			}), /* @__PURE__ */ h("button", {
-				className: "carousel-arrow carousel-arrow-next",
-				onClick: N,
-				"aria-label": "Next slide",
-				type: "button",
-				children: /* @__PURE__ */ h(t, {})
-			})] }),
-			a && S > 1 && /* @__PURE__ */ h("div", {
-				className: "carousel-dots",
-				children: x.map((e, t) => /* @__PURE__ */ h("button", {
-					className: n("carousel-dot", t === C && "active"),
-					onClick: () => j(t),
-					"aria-label": `Slide ${t + 1}`,
-					type: "button"
-				}, t))
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/media/ShowcaseCarouselItem/ShowcaseCarouselItem.tsx
-function S({ src: e, alt: t = "", overlay: r, body: s, footer: c, interactive: l = !1, imageClickEffect: u = "ripple", ratio: d = "16:9", fit: f = "cover", imgProps: p, children: m }) {
-	let _ = s ?? m;
-	return /* @__PURE__ */ g(o, {
-		interactive: l,
-		clickEffect: u === "none" ? void 0 : "none",
-		className: n("showcase card", l && "interactive"),
-		children: [
-			/* @__PURE__ */ g("div", {
-				className: "showcase media",
-				children: [/* @__PURE__ */ h(v, {
-					...p,
-					src: e,
-					alt: t,
-					ratio: d,
-					fit: f,
-					rounded: !0,
-					shadow: !0,
-					clickEffect: u
-				}), r ? /* @__PURE__ */ h("div", {
-					className: "showcase overlay",
-					children: r
-				}) : null]
-			}),
-			_ ? /* @__PURE__ */ h(i, {
-				className: "showcase body",
-				children: _
-			}) : null,
-			c ? /* @__PURE__ */ h(a, {
-				className: "showcase footer",
-				children: c
-			}) : null
-		]
-	});
-}
-//#endregion
-//#region src/components/media/ShowcaseCarousel/ShowcaseCarousel.tsx
-function C(e, t, n) {
-	return Math.min(Math.max(e, t), n);
-}
-function w(e, t, n) {
-	return e && t ? e.map((e, n) => t(e, n)) : e ? e.map((e, t) => T(e) ? /* @__PURE__ */ h(E, { item: e }, t) : null).filter(Boolean) : c.toArray(n);
-}
-function T(e) {
-	let t = e;
-	return !!e && typeof e == "object" && "src" in e && typeof t.src == "string";
-}
-function E({ item: e }) {
-	return /* @__PURE__ */ h(S, {
-		src: e.src,
-		alt: e.alt || "",
-		overlay: e.overlay
-	});
-}
-function D({ items: r, renderItem: i, initialIndex: a, showButtons: o = !0, loop: c = !0, draggable: m = !0, wheel: _ = !0, itemMinWidth: v = 220, itemMaxWidth: y = 520, itemWidthRatio: b = .56, className: x, children: S, style: T, ...E }) {
-	let D = d(() => w(r, i, S), [
-		S,
-		r,
-		i
-	]), O = D.length, [k, A] = p(0), [j, M] = p(0), [N, P] = p(!1), [F, I] = p(0), L = f(null), R = f(0), z = f(!1), B = C(F * (F < 640 ? Math.max(b, .78) : F < 960 ? Math.max(b, .66) : b) || v, v, y), V = C(F * .022 || 16, 10, 24);
-	u(() => {
-		let e = L.current;
-		if (!e) return;
-		let t = () => I(e.clientWidth);
-		t();
-		let n = new ResizeObserver(t);
-		return n.observe(e), () => n.disconnect();
-	}, []), u(() => {
-		O && A(C(a ?? Math.floor((O - 1) / 2), 0, O - 1));
-	}, [O, a]);
-	let H = l((e) => {
-		if (!(O < 1)) {
-			if (c) {
-				A((e + O) % O);
-				return;
-			}
-			A(C(e, 0, O - 1));
-		}
-	}, [O, c]), U = l(() => H(k - 1), [k, H]), W = l(() => H(k + 1), [k, H]), G = (e) => {
-		!m || O <= 1 || (e.currentTarget.setPointerCapture(e.pointerId), P(!0), R.current = e.clientX, M(0));
-	}, K = (e) => {
-		N && M(e.clientX - R.current);
-	}, q = () => {
-		if (!N) return;
-		let e = Math.max(56, B * .12);
-		j <= -e ? W() : j >= e && U(), P(!1), M(0);
-	}, J = (e) => {
-		if (!_ || O <= 1 || z.current) return;
-		let t = Math.abs(e.deltaX) > Math.abs(e.deltaY) ? e.deltaX : e.deltaY;
-		Math.abs(t) < 28 || (e.preventDefault(), z.current = !0, window.setTimeout(() => {
-			z.current = !1;
-		}, 260), t > 0 ? W() : U());
-	};
-	if (!O) return null;
-	let Y = F / 2 - k * (B + V) - B / 2 + j;
-	return /* @__PURE__ */ g("div", {
-		className: n("showcase", x),
-		style: {
-			...T,
-			"--item-width": `${B}px`
-		},
-		...E,
-		children: [/* @__PURE__ */ h("div", {
-			ref: L,
-			className: "showcase-stage",
-			onPointerDown: G,
-			onPointerMove: K,
-			onPointerUp: q,
-			onPointerCancel: q,
-			onPointerLeave: q,
-			onWheel: J,
-			style: { cursor: m && O > 1 ? N ? "grabbing" : "grab" : void 0 },
-			children: /* @__PURE__ */ h("div", {
-				className: n("showcase-track", N && "dragging"),
-				style: {
-					transform: `translateX(${Y}px)`,
-					gap: `${V}px`
-				},
-				children: D.map((e, t) => {
-					let r = Math.abs(t - k);
-					return /* @__PURE__ */ h("div", {
-						className: n("showcase-item", t === k && "active", r === 1 && "near", r >= 2 && "far"),
-						style: { zIndex: Math.max(1, O - r) },
-						children: e
-					}, t);
-				})
-			})
-		}), o && O > 1 && /* @__PURE__ */ g("div", {
-			className: "showcase-actions",
-			children: [/* @__PURE__ */ h(s, {
-				type: "button",
-				variant: "secondary",
-				className: "showcase-btn",
-				startIcon: /* @__PURE__ */ h(e, {}),
-				onClick: U,
-				children: "Previous"
-			}), /* @__PURE__ */ h(s, {
-				type: "button",
-				className: "showcase-btn",
-				endIcon: /* @__PURE__ */ h(t, {}),
-				onClick: W,
-				children: "Next"
-			})]
-		})]
-	});
-}
-//#endregion
-//#region src/components/media/Masonry/Masonry.tsx
-function O(e, t, n) {
-	return e && t ? e.map((e, n) => t(e, n)) : c.toArray(n);
-}
-function k({ items: e, renderItem: t, itemMinWidth: r = 220, className: i, children: a, style: o, ...s }) {
-	let c = O(e, t, a);
-	return c.length ? /* @__PURE__ */ h("div", {
-		className: n("masonry", i),
-		style: {
-			...o,
-			columnWidth: `${r}px`
-		},
-		...s,
-		children: c.map((e, t) => /* @__PURE__ */ h("div", {
-			className: "masonry item",
-			children: e
-		}, t))
-	}) : null;
-}
-//#endregion
-//#region src/components/media/MasonryItem/MasonryItem.tsx
-function A({ src: e, alt: t = "", height: s, overlay: c, body: l, footer: u, interactive: d = !1, imageClickEffect: f = "none", imgProps: p, children: m }) {
-	let _ = s ? {
-		...p?.style,
-		height: s
-	} : p?.style, v = l ?? m, { effectClassName: y, effectLayer: b, handlePointerDown: x } = r({ effect: f });
-	return /* @__PURE__ */ g(o, {
-		interactive: d,
-		clickEffect: f === "none" ? void 0 : "none",
-		className: n("masonry card", d && "interactive"),
-		children: [
-			/* @__PURE__ */ g("div", {
-				className: n("masonry media", y),
-				onPointerDown: (e) => {
-					e.target.closest(".masonry.overlay") || x(e);
-				},
-				children: [
-					/* @__PURE__ */ h("img", {
-						...p,
-						src: e,
-						alt: t,
-						className: "masonry img",
-						style: _
-					}),
-					c ? /* @__PURE__ */ h("div", {
-						className: "masonry overlay",
-						children: c
-					}) : null,
-					b
-				]
-			}),
-			v ? /* @__PURE__ */ h(i, {
-				className: "masonry body",
-				children: v
-			}) : null,
-			u ? /* @__PURE__ */ h(a, {
-				className: "masonry footer",
-				children: u
-			}) : null
-		]
-	});
-}
-//#endregion
-export { x as a, S as i, k as n, y as o, D as r, v as s, A as t };
-
-//# sourceMappingURL=MasonryItem-BsD5OuYt.js.map

package/dist/MasonryItem-BsD5OuYt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MasonryItem-BsD5OuYt.js","names":[],"sources":["../src/components/media/Image/Image.tsx","../src/components/media/Gallery/Gallery.tsx","../src/components/media/Carousel/Carousel.tsx","../src/components/media/ShowcaseCarouselItem/ShowcaseCarouselItem.tsx","../src/components/media/ShowcaseCarousel/ShowcaseCarousel.tsx","../src/components/media/Masonry/Masonry.tsx","../src/components/media/MasonryItem/MasonryItem.tsx"],"sourcesContent":["import {useState} from 'react'\nimport type * as React from 'react'\nimport type {ImageProps} from './Image.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './Image.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\n// Render a styled image with aspect ratio, fit, and optional fallback.\nexport function Image({\n    fit = 'cover',\n    ratio = 'auto',\n    rounded = false,\n    bordered = false,\n    shadow = false,\n    clickEffect = 'none',\n    fallback,\n    className,\n    style,\n    alt,\n    onError,\n    ...rest\n}: ImageProps) {\n    const [errored, setErrored] = useState(false)\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLSpanElement>({\n        effect: 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 ratioStyle = ratio !== 'auto' && RATIO_MAP[ratio] ? {aspectRatio: RATIO_MAP[ratio], ...style} : style\n    const imgClassName = cn('image', fit, !effectLayer && rounded && 'rounded', !effectLayer && bordered && 'bordered', !effectLayer && shadow && 'shadow')\n\n    if (effectLayer) {\n        return (\n            <span\n                className={cn('image-wrap', rounded && 'rounded', bordered && 'bordered', shadow && 'shadow', effectClassName, className)}\n                onPointerDown={handlePointerDown}\n            >\n                {effectLayer}\n                <img className={imgClassName} style={ratioStyle} onError={handleError} {...rest} alt={alt ?? ''} />\n            </span>\n        )\n    }\n\n    return (\n        <img\n            className={cn(imgClassName, className)}\n            style={ratioStyle}\n            onError={handleError}\n            {...rest}\n            alt={alt ?? ''}\n        />\n    )\n}\n","import type {GalleryProps} from './Gallery.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './Gallery.css'\n\n// Render a responsive image grid gallery.\nexport function Gallery({items, columns = 3, rounded = true, clickEffect = 'ripple', className, ...rest}: GalleryProps) {\n    return (\n        <div className={cn('gallery', `columns-${columns}`, className)} {...rest}>\n            {items.map((item, i) => (\n                <GalleryFigure key={i} item={item} rounded={rounded} clickEffect={clickEffect} />\n            ))}\n        </div>\n    )\n}\n\nfunction GalleryFigure({item, rounded, clickEffect}: {item: {src: string; alt?: string; caption?: string}; rounded: boolean; clickEffect: 'none' | 'ripple'}) {\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLElement>({\n        effect: clickEffect,\n    })\n\n    return (\n        <figure className={cn('gallery-item', rounded && 'rounded', effectClassName)} onPointerDown={handlePointerDown}>\n            <img className=\"gallery-image\" src={item.src} alt={item.alt || ''} loading=\"lazy\" />\n            {item.caption && <figcaption className=\"gallery-caption\">{item.caption}</figcaption>}\n            {effectLayer}\n        </figure>\n    )\n}\n","import {useState, useEffect, useCallback, useRef, Children} from 'react'\nimport type * as React from 'react'\nimport type {CarouselProps} from './Carousel.types'\nimport {cn} from '../../../utils/cn'\nimport {ChevronLeftIcon, ChevronRightIcon} from '../../../icons'\nimport './Carousel.css'\n\n// Render a swipeable content slider with arrows, dots and transition modes.\nexport function Carousel({\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}: CarouselProps) {\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                    <button\n                        className=\"carousel-arrow carousel-arrow-prev\"\n                        onClick={prev}\n                        aria-label=\"Previous slide\"\n                        type=\"button\"\n                    >\n                        <ChevronLeftIcon />\n                    </button>\n                    <button\n                        className=\"carousel-arrow carousel-arrow-next\"\n                        onClick={next}\n                        aria-label=\"Next slide\"\n                        type=\"button\"\n                    >\n                        <ChevronRightIcon />\n                    </button>\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","import {Card, CardBody, CardFooter} from '../../cards'\nimport {Image} from '../Image'\nimport {cn} from '../../../utils/cn'\nimport type {ShowcaseCarouselItemProps} from './ShowcaseCarouselItem.types'\nimport './ShowcaseCarouselItem.css'\n\nfunction ShowcaseCarouselItem({\n    src,\n    alt = '',\n    overlay,\n    body,\n    footer,\n    interactive = false,\n    imageClickEffect = 'ripple',\n    ratio = '16:9',\n    fit = 'cover',\n    imgProps,\n    children,\n}: ShowcaseCarouselItemProps) {\n    const content = body ?? children\n\n    return (\n        <Card\n            interactive={interactive}\n            clickEffect={imageClickEffect !== 'none' ? 'none' : undefined}\n            className={cn('showcase card', interactive && 'interactive')}\n        >\n            <div className='showcase media'>\n                <Image\n                    {...imgProps}\n                    src={src}\n                    alt={alt}\n                    ratio={ratio}\n                    fit={fit}\n                    rounded\n                    shadow\n                    clickEffect={imageClickEffect}\n                />\n                {overlay ? <div className='showcase overlay'>{overlay}</div> : null}\n            </div>\n            {content ? <CardBody className='showcase body'>{content}</CardBody> : null}\n            {footer ? <CardFooter className='showcase footer'>{footer}</CardFooter> : null}\n        </Card>\n    )\n}\n\nexport default ShowcaseCarouselItem\n","import {Children, useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport type {CSSProperties, PointerEvent as ReactPointerEvent, ReactNode, WheelEvent as ReactWheelEvent} from 'react'\nimport {Button} from '../../controls'\nimport {ShowcaseCarouselItem} from '../ShowcaseCarouselItem'\nimport {ChevronLeftIcon, ChevronRightIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport type {ShowcaseCarouselProps, ShowcaseCarouselSlide} from './ShowcaseCarousel.types'\nimport './ShowcaseCarousel.css'\n\nfunction clamp(value: number, min: number, max: number) {\n    return Math.min(Math.max(value, min), max)\n}\n\nfunction getSlides<T>(items?: T[], renderItem?: (item: T, index: number) => ReactNode, children?: ReactNode) {\n    if (items && renderItem) {\n        return items.map((item, index) => renderItem(item, index))\n    }\n\n    if (items) {\n        return items\n            .map((item, index) => {\n                if (!isShowcaseItem(item)) {\n                    return null\n                }\n\n                return <ShowcaseMediaSlide key={index} item={item} />\n            })\n            .filter(Boolean)\n    }\n\n    return Children.toArray(children)\n}\n\nfunction isShowcaseItem(value: unknown): value is ShowcaseCarouselSlide {\n    const slide = value as {src?: unknown}\n    return !!value && typeof value === 'object' && 'src' in value && typeof slide.src === 'string'\n}\n\nfunction ShowcaseMediaSlide({item}: {item: ShowcaseCarouselSlide}) {\n    return (\n        <ShowcaseCarouselItem src={item.src} alt={item.alt || ''} overlay={item.overlay} />\n    )\n}\n\n// Show a centered, mouse-driven carousel with partial side previews.\nexport function ShowcaseCarousel<T = unknown>({\n    items,\n    renderItem,\n    initialIndex,\n    showButtons = true,\n    loop = true,\n    draggable = true,\n    wheel = true,\n    itemMinWidth = 220,\n    itemMaxWidth = 520,\n    itemWidthRatio = 0.56,\n    className,\n    children,\n    style,\n    ...rest\n}: ShowcaseCarouselProps<T>) {\n    const slides = useMemo(() => getSlides(items, renderItem, children), [children, items, renderItem])\n    const count = slides.length\n    const [active, setActive] = useState(0)\n    const [drag, setDrag] = useState(0)\n    const [dragging, setDragging] = useState(false)\n    const [stageWidth, setStageWidth] = useState(0)\n    const stageRef = useRef<HTMLDivElement>(null)\n    const startX = useRef(0)\n    const wheelLock = useRef(false)\n\n    const widthRatio = stageWidth < 640 ? Math.max(itemWidthRatio, 0.78) : stageWidth < 960 ? Math.max(itemWidthRatio, 0.66) : itemWidthRatio\n    const itemWidth = clamp(stageWidth * widthRatio || itemMinWidth, itemMinWidth, itemMaxWidth)\n    const itemGap = clamp(stageWidth * 0.022 || 16, 10, 24)\n\n    useEffect(() => {\n        const node = stageRef.current\n        if (!node) return\n\n        const update = () => setStageWidth(node.clientWidth)\n        update()\n\n        const observer = new ResizeObserver(update)\n        observer.observe(node)\n\n        return () => observer.disconnect()\n    }, [])\n\n    useEffect(() => {\n        if (!count) return\n\n        const defaultIndex = initialIndex ?? Math.floor((count - 1) / 2)\n        setActive(clamp(defaultIndex, 0, count - 1))\n    }, [count, initialIndex])\n\n    const goTo = useCallback(\n        (nextIndex: number) => {\n            if (count < 1) return\n\n            if (loop) {\n                setActive((nextIndex + count) % count)\n                return\n            }\n\n            setActive(clamp(nextIndex, 0, count - 1))\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    const onPointerDown = (event: ReactPointerEvent<HTMLDivElement>) => {\n        if (!draggable || count <= 1) return\n        event.currentTarget.setPointerCapture(event.pointerId)\n        setDragging(true)\n        startX.current = event.clientX\n        setDrag(0)\n    }\n\n    const onPointerMove = (event: ReactPointerEvent<HTMLDivElement>) => {\n        if (!dragging) return\n        setDrag(event.clientX - startX.current)\n    }\n\n    const stopDrag = () => {\n        if (!dragging) return\n\n        const limit = Math.max(56, itemWidth * 0.12)\n\n        if (drag <= -limit) {\n            next()\n        } else if (drag >= limit) {\n            prev()\n        }\n\n        setDragging(false)\n        setDrag(0)\n    }\n\n    const onWheel = (event: ReactWheelEvent<HTMLDivElement>) => {\n        if (!wheel || count <= 1 || wheelLock.current) return\n\n        const axis = Math.abs(event.deltaX) > Math.abs(event.deltaY) ? event.deltaX : event.deltaY\n        if (Math.abs(axis) < 28) return\n\n        event.preventDefault()\n\n        wheelLock.current = true\n        window.setTimeout(() => {\n            wheelLock.current = false\n        }, 260)\n\n        if (axis > 0) {\n            next()\n        } else {\n            prev()\n        }\n    }\n\n    if (!count) return null\n\n    const offset = stageWidth / 2 - active * (itemWidth + itemGap) - itemWidth / 2 + drag\n\n    return (\n        <div className={cn('showcase', className)} style={{...style, '--item-width': `${itemWidth}px`} as CSSProperties} {...rest}>\n            <div\n                ref={stageRef}\n                className=\"showcase-stage\"\n                onPointerDown={onPointerDown}\n                onPointerMove={onPointerMove}\n                onPointerUp={stopDrag}\n                onPointerCancel={stopDrag}\n                onPointerLeave={stopDrag}\n                onWheel={onWheel}\n                style={{\n                    cursor: draggable && count > 1 ? (dragging ? 'grabbing' : 'grab') : undefined,\n                }}\n            >\n                <div\n                    className={cn('showcase-track', dragging && 'dragging')}\n                    style={{\n                        transform: `translateX(${offset}px)`,\n                        gap: `${itemGap}px`,\n                    }}\n                >\n                    {slides.map((slide, index) => {\n                        const dist = Math.abs(index - active)\n\n                        return (\n                            <div\n                                key={index}\n                                className={cn(\n                                    'showcase-item',\n                                    index === active && 'active',\n                                    dist === 1 && 'near',\n                                    dist >= 2 && 'far'\n                                )}\n                                style={{zIndex: Math.max(1, count - dist)}}\n                            >\n                                {slide}\n                            </div>\n                        )\n                    })}\n                </div>\n            </div>\n\n            {showButtons && count > 1 && (\n                <div className=\"showcase-actions\">\n                    <Button\n                        type=\"button\"\n                        variant=\"secondary\"\n                        className=\"showcase-btn\"\n                        startIcon={<ChevronLeftIcon />}\n                        onClick={prev}\n                    >\n                        Previous\n                    </Button>\n                    <Button\n                        type=\"button\"\n                        className=\"showcase-btn\"\n                        endIcon={<ChevronRightIcon />}\n                        onClick={next}\n                    >\n                        Next\n                    </Button>\n                </div>\n            )}\n        </div>\n    )\n}\n","import {Children} from 'react'\nimport type {ReactNode} from 'react'\nimport {cn} from '../../../utils/cn'\nimport type {MasonryProps} from './Masonry.types'\nimport './Masonry.css'\n\nfunction getItems<T>(items?: T[], renderItem?: (item: T, index: number) => ReactNode, children?: ReactNode) {\n    if (items && renderItem) {\n        return items.map((item, index) => renderItem(item, index))\n    }\n\n    return Children.toArray(children)\n}\n\n// Render a responsive masonry wall for images, cards and uneven content.\nexport function Masonry<T = unknown>({\n    items,\n    renderItem,\n    itemMinWidth = 220,\n    className,\n    children,\n    style,\n    ...rest\n}: MasonryProps<T>) {\n    const content = getItems(items, renderItem, children)\n\n    if (!content.length) return null\n\n    return (\n        <div\n            className={cn('masonry', className)}\n            style={{\n                ...style,\n                columnWidth: `${itemMinWidth}px`,\n            }}\n            {...rest}\n        >\n            {content.map((item, index) => (\n                <div key={index} className=\"masonry item\">\n                    {item}\n                </div>\n            ))}\n        </div>\n    )\n}\n","import {Card, CardBody, CardFooter} from '../../cards'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MasonryItem.css'\nimport type {MasonryItemProps} from './MasonryItem.types'\n\nfunction MasonryItem({\n    src,\n    alt = '',\n    height,\n    overlay,\n    body,\n    footer,\n    interactive = false,\n    imageClickEffect = 'none',\n    imgProps,\n    children,\n}: MasonryItemProps) {\n    const imgStyle = height ? {...imgProps?.style, height} : imgProps?.style\n    const content = body ?? children\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLDivElement>({\n        effect: imageClickEffect,\n    })\n\n    return (\n        <Card\n            interactive={interactive}\n            clickEffect={imageClickEffect !== 'none' ? 'none' : undefined}\n            className={cn('masonry card', interactive && 'interactive')}\n        >\n            <div\n                className={cn('masonry media', effectClassName)}\n                onPointerDown={(event) => {\n                    const target = event.target as HTMLElement\n\n                    if (target.closest('.masonry.overlay')) {\n                        return\n                    }\n\n                    handlePointerDown(event)\n                }}\n            >\n                <img {...imgProps} src={src} alt={alt} className='masonry img' style={imgStyle} />\n                {overlay ? <div className='masonry overlay'>{overlay}</div> : null}\n                {effectLayer}\n            </div>\n            {content ? <CardBody className='masonry body'>{content}</CardBody> : null}\n            {footer ? <CardFooter className='masonry footer'>{footer}</CardFooter> : null}\n        </Card>\n    )\n}\n\nexport default MasonryItem\n"],"mappings":";;;;;;;;;AAOA,IAAM,IAAoC;CACtC,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACX;AAGD,SAAgB,EAAM,EAClB,SAAM,SACN,WAAQ,QACR,aAAU,IACV,cAAW,IACX,YAAS,IACT,iBAAc,QACd,aACA,cACA,UACA,QACA,YACA,GAAG,KACQ;CACX,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,EAAC,oBAAiB,gBAAa,yBAAqB,EAAsC,EAC5F,QAAQ,GACX,CAAC,EAEI,KAAe,MAA8C;AAK/D,EAJI,KAAY,CAAC,MACb,EAAW,GAAK,EAChB,EAAE,cAAc,MAAM,IAE1B,IAAU,EAAE;IAGV,IAAa,MAAU,UAAU,EAAU,KAAS;EAAC,aAAa,EAAU;EAAQ,GAAG;EAAM,GAAG,GAChG,IAAe,EAAG,SAAS,GAAK,CAAC,KAAe,KAAW,WAAW,CAAC,KAAe,KAAY,YAAY,CAAC,KAAe,KAAU,SAAS;AAcvJ,QAZI,IAEI,kBAAC,QAAD;EACI,WAAW,EAAG,cAAc,KAAW,WAAW,KAAY,YAAY,KAAU,UAAU,GAAiB,EAAU;EACzH,eAAe;YAFnB,CAIK,GACD,kBAAC,OAAD;GAAK,WAAW;GAAc,OAAO;GAAY,SAAS;GAAa,GAAI;GAAM,KAAK,KAAO;GAAM,CAAA,CAChG;MAKX,kBAAC,OAAD;EACI,WAAW,EAAG,GAAc,EAAU;EACtC,OAAO;EACP,SAAS;EACT,GAAI;EACJ,KAAK,KAAO;EACd,CAAA;;;;AC1DV,SAAgB,EAAQ,EAAC,UAAO,aAAU,GAAG,aAAU,IAAM,iBAAc,UAAU,cAAW,GAAG,KAAqB;AACpH,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,WAAW,WAAW,KAAW,EAAU;EAAE,GAAI;YAC/D,EAAM,KAAK,GAAM,MACd,kBAAC,GAAD;GAA6B;GAAe;GAAsB;GAAe,EAA7D,EAA6D,CACnF;EACA,CAAA;;AAId,SAAS,EAAc,EAAC,SAAM,YAAS,kBAAuH;CAC1J,IAAM,EAAC,oBAAiB,gBAAa,yBAAqB,EAAkC,EACxF,QAAQ,GACX,CAAC;AAEF,QACI,kBAAC,UAAD;EAAQ,WAAW,EAAG,gBAAgB,KAAW,WAAW,EAAgB;EAAE,eAAe;YAA7F;GACI,kBAAC,OAAD;IAAK,WAAU;IAAgB,KAAK,EAAK;IAAK,KAAK,EAAK,OAAO;IAAI,SAAQ;IAAS,CAAA;GACnF,EAAK,WAAW,kBAAC,cAAD;IAAY,WAAU;cAAmB,EAAK;IAAqB,CAAA;GACnF;GACI;;;;;AClBjB,SAAgB,EAAS,EACrB,cAAW,IACX,cAAW,KACX,cAAW,IACX,gBAAa,IACb,UAAO,IACP,eAAY,IACZ,gBAAa,SACb,cACA,aACA,GAAG,KACW;CACd,IAAM,IAAS,EAAS,QAAQ,EAAS,EACnC,IAAQ,EAAO,QACf,CAAC,GAAQ,KAAa,EAAS,EAAE,EACjC,CAAC,GAAY,KAAiB,EAAS,EAAE,EACzC,CAAC,GAAY,KAAiB,EAAS,GAAM,EAC7C,IAAa,EAAO,EAAE,EACtB,IAAW,EAAuB,KAAK,EAEvC,IAAO,GACR,MAAkB;AACf,EACI,EADA,KACW,IAAQ,KAAS,IAElB,KAAK,IAAI,GAAG,KAAK,IAAI,GAAO,IAAQ,EAAE,CAAC,CAAC;IAG1D,CAAC,GAAO,EAAK,CAChB,EAEK,IAAO,QAAkB,EAAK,IAAS,EAAE,EAAE,CAAC,GAAQ,EAAK,CAAC,EAC1D,IAAO,QAAkB,EAAK,IAAS,EAAE,EAAE,CAAC,GAAQ,EAAK,CAAC;AAEhE,SAAgB;AACZ,MAAI,CAAC,KAAY,KAAS,KAAK,EAAY;EAC3C,IAAM,IAAQ,YAAY,GAAM,EAAS;AACzC,eAAa,cAAc,EAAM;IAClC;EAAC;EAAU;EAAU;EAAM;EAAO;EAAW,CAAC;CAEjD,IAAM,KAAmB,MAAoB;AACpC,QACL,EAAc,GAAK,EACnB,EAAW,UAAU,GACrB,EAAc,EAAE;IAGd,KAAkB,MAAoB;AACnC,OAEL,EADa,IAAU,EAAW,QACf;IAGjB,UAAsB;AACnB,QACL,EAAc,GAAM,EAEhB,IAAa,MACb,GAAM,GACC,IAAa,MACpB,GAAM,EAEV,EAAc,EAAE;IAGd,KAAiB,MAA0B;AACxC,QACL,EAAE,cAAc,kBAAkB,EAAE,UAAU,EAC9C,EAAgB,EAAE,QAAQ;IAGxB,KAAiB,MAA0B;AAC7C,IAAe,EAAE,QAAQ;IAGvB,UAAoB;AACtB,KAAe;;AAGnB,KAAI,MAAU,EAAG,QAAO;CAExB,IAAM,IAAS,MAAe,QACxB,IAAc,IAEd,KAAA,IADA,EAAC,WAAW,oBAAoB,IAAS,IAAI,MAAM,IAAa,IAAa,EAAE,OAAM;AAG3F,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,YAAY,KAAU,QAAQ,EAAU;EAAE,GAAI;YAAjE;GACI,kBAAC,OAAD;IACI,WAAU;IACK;IACA;IACF;IACb,iBAAiB;IACjB,OAAO;KACH,aAAa,IAAY,UAAU,KAAA;KACnC,QAAQ,IAAa,IAAa,aAAa,SAAU,KAAA;KAC5D;cAED,kBAAC,OAAD;KAAK,KAAK;KAAU,WAAW,EAAG,kBAAkB,KAAc,WAAW;KAAE,OAAO;eACjF,EAAO,KAAK,GAAO,MAChB,kBAAC,OAAD;MAEI,WAAW,EACP,kBACA,KAAU,MAAM,KAAU,UAC1B,KAAU,MAAM,KAAU,SAC7B;gBAEA;MACC,EARG,EAQH,CACR;KACA,CAAA;IACJ,CAAA;GAEL,KAAc,IAAQ,KACnB,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,UAAD;IACI,WAAU;IACV,SAAS;IACT,cAAW;IACX,MAAK;cAEL,kBAAC,GAAD,EAAmB,CAAA;IACd,CAAA,EACT,kBAAC,UAAD;IACI,WAAU;IACV,SAAS;IACT,cAAW;IACX,MAAK;cAEL,kBAAC,GAAD,EAAoB,CAAA;IACf,CAAA,CACV,EAAA,CAAA;GAGN,KAAY,IAAQ,KACjB,kBAAC,OAAD;IAAK,WAAU;cACV,EAAO,KAAK,GAAG,MACZ,kBAAC,UAAD;KAEI,WAAW,EAAG,gBAAgB,MAAM,KAAU,SAAS;KACvD,eAAe,EAAK,EAAE;KACtB,cAAY,SAAS,IAAI;KACzB,MAAK;KACP,EALO,EAKP,CACJ;IACA,CAAA;GAER;;;;;ACvJd,SAAS,EAAqB,EAC1B,QACA,SAAM,IACN,YACA,SACA,WACA,iBAAc,IACd,sBAAmB,UACnB,WAAQ,QACR,SAAM,SACN,aACA,eAC0B;CAC1B,IAAM,IAAU,KAAQ;AAExB,QACI,kBAAC,GAAD;EACiB;EACb,aAAa,MAAqB,SAAkB,KAAA,IAAT;EAC3C,WAAW,EAAG,iBAAiB,KAAe,cAAc;YAHhE;GAKI,kBAAC,OAAD;IAAK,WAAU;cAAf,CACI,kBAAC,GAAD;KACI,GAAI;KACC;KACA;KACE;KACF;KACL,SAAA;KACA,QAAA;KACA,aAAa;KACf,CAAA,EACD,IAAU,kBAAC,OAAD;KAAK,WAAU;eAAoB;KAAc,CAAA,GAAG,KAC7D;;GACL,IAAU,kBAAC,GAAD;IAAU,WAAU;cAAiB;IAAmB,CAAA,GAAG;GACrE,IAAS,kBAAC,GAAD;IAAY,WAAU;cAAmB;IAAoB,CAAA,GAAG;GACvE;;;;;ACjCf,SAAS,EAAM,GAAe,GAAa,GAAa;AACpD,QAAO,KAAK,IAAI,KAAK,IAAI,GAAO,EAAI,EAAE,EAAI;;AAG9C,SAAS,EAAa,GAAa,GAAoD,GAAsB;AAiBzG,QAhBI,KAAS,IACF,EAAM,KAAK,GAAM,MAAU,EAAW,GAAM,EAAM,CAAC,GAG1D,IACO,EACF,KAAK,GAAM,MACH,EAAe,EAAK,GAIlB,kBAAC,GAAD,EAAsC,SAAQ,EAArB,EAAqB,GAH1C,KAIb,CACD,OAAO,QAAQ,GAGjB,EAAS,QAAQ,EAAS;;AAGrC,SAAS,EAAe,GAAgD;CACpE,IAAM,IAAQ;AACd,QAAO,CAAC,CAAC,KAAS,OAAO,KAAU,YAAY,SAAS,KAAS,OAAO,EAAM,OAAQ;;AAG1F,SAAS,EAAmB,EAAC,WAAsC;AAC/D,QACI,kBAAC,GAAD;EAAsB,KAAK,EAAK;EAAK,KAAK,EAAK,OAAO;EAAI,SAAS,EAAK;EAAW,CAAA;;AAK3F,SAAgB,EAA8B,EAC1C,UACA,eACA,iBACA,iBAAc,IACd,UAAO,IACP,eAAY,IACZ,WAAQ,IACR,kBAAe,KACf,kBAAe,KACf,oBAAiB,KACjB,cACA,aACA,UACA,GAAG,KACsB;CACzB,IAAM,IAAS,QAAc,EAAU,GAAO,GAAY,EAAS,EAAE;EAAC;EAAU;EAAO;EAAW,CAAC,EAC7F,IAAQ,EAAO,QACf,CAAC,GAAQ,KAAa,EAAS,EAAE,EACjC,CAAC,GAAM,KAAW,EAAS,EAAE,EAC7B,CAAC,GAAU,KAAe,EAAS,GAAM,EACzC,CAAC,GAAY,KAAiB,EAAS,EAAE,EACzC,IAAW,EAAuB,KAAK,EACvC,IAAS,EAAO,EAAE,EAClB,IAAY,EAAO,GAAM,EAGzB,IAAY,EAAM,KADL,IAAa,MAAM,KAAK,IAAI,GAAgB,IAAK,GAAG,IAAa,MAAM,KAAK,IAAI,GAAgB,IAAK,GAAG,MACxE,GAAc,GAAc,EAAa,EACtF,IAAU,EAAM,IAAa,QAAS,IAAI,IAAI,GAAG;AAevD,CAbA,QAAgB;EACZ,IAAM,IAAO,EAAS;AACtB,MAAI,CAAC,EAAM;EAEX,IAAM,UAAe,EAAc,EAAK,YAAY;AACpD,KAAQ;EAER,IAAM,IAAW,IAAI,eAAe,EAAO;AAG3C,SAFA,EAAS,QAAQ,EAAK,QAET,EAAS,YAAY;IACnC,EAAE,CAAC,EAEN,QAAgB;AACP,OAGL,EAAU,EADW,KAAgB,KAAK,OAAO,IAAQ,KAAK,EAAE,EAClC,GAAG,IAAQ,EAAE,CAAC;IAC7C,CAAC,GAAO,EAAa,CAAC;CAEzB,IAAM,IAAO,GACR,MAAsB;AACf,YAAQ,IAEZ;OAAI,GAAM;AACN,OAAW,IAAY,KAAS,EAAM;AACtC;;AAGJ,KAAU,EAAM,GAAW,GAAG,IAAQ,EAAE,CAAC;;IAE7C,CAAC,GAAO,EAAK,CAChB,EAEK,IAAO,QAAkB,EAAK,IAAS,EAAE,EAAE,CAAC,GAAQ,EAAK,CAAC,EAC1D,IAAO,QAAkB,EAAK,IAAS,EAAE,EAAE,CAAC,GAAQ,EAAK,CAAC,EAE1D,KAAiB,MAA6C;AAC5D,GAAC,KAAa,KAAS,MAC3B,EAAM,cAAc,kBAAkB,EAAM,UAAU,EACtD,EAAY,GAAK,EACjB,EAAO,UAAU,EAAM,SACvB,EAAQ,EAAE;IAGR,KAAiB,MAA6C;AAC3D,OACL,EAAQ,EAAM,UAAU,EAAO,QAAQ;IAGrC,UAAiB;AACnB,MAAI,CAAC,EAAU;EAEf,IAAM,IAAQ,KAAK,IAAI,IAAI,IAAY,IAAK;AAS5C,EAPI,KAAQ,CAAC,IACT,GAAM,GACC,KAAQ,KACf,GAAM,EAGV,EAAY,GAAM,EAClB,EAAQ,EAAE;IAGR,KAAW,MAA2C;AACxD,MAAI,CAAC,KAAS,KAAS,KAAK,EAAU,QAAS;EAE/C,IAAM,IAAO,KAAK,IAAI,EAAM,OAAO,GAAG,KAAK,IAAI,EAAM,OAAO,GAAG,EAAM,SAAS,EAAM;AAChF,OAAK,IAAI,EAAK,GAAG,OAErB,EAAM,gBAAgB,EAEtB,EAAU,UAAU,IACpB,OAAO,iBAAiB;AACpB,KAAU,UAAU;KACrB,IAAI,EAEH,IAAO,IACP,GAAM,GAEN,GAAM;;AAId,KAAI,CAAC,EAAO,QAAO;CAEnB,IAAM,IAAS,IAAa,IAAI,KAAU,IAAY,KAAW,IAAY,IAAI;AAEjF,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,YAAY,EAAU;EAAE,OAAO;GAAC,GAAG;GAAO,gBAAgB,GAAG,EAAU;GAAI;EAAmB,GAAI;YAArH,CACI,kBAAC,OAAD;GACI,KAAK;GACL,WAAU;GACK;GACA;GACf,aAAa;GACb,iBAAiB;GACjB,gBAAgB;GACP;GACT,OAAO,EACH,QAAQ,KAAa,IAAQ,IAAK,IAAW,aAAa,SAAU,KAAA,GACvE;aAED,kBAAC,OAAD;IACI,WAAW,EAAG,kBAAkB,KAAY,WAAW;IACvD,OAAO;KACH,WAAW,cAAc,EAAO;KAChC,KAAK,GAAG,EAAQ;KACnB;cAEA,EAAO,KAAK,GAAO,MAAU;KAC1B,IAAM,IAAO,KAAK,IAAI,IAAQ,EAAO;AAErC,YACI,kBAAC,OAAD;MAEI,WAAW,EACP,iBACA,MAAU,KAAU,UACpB,MAAS,KAAK,QACd,KAAQ,KAAK,MAChB;MACD,OAAO,EAAC,QAAQ,KAAK,IAAI,GAAG,IAAQ,EAAK,EAAC;gBAEzC;MACC,EAVG,EAUH;MAEZ;IACA,CAAA;GACJ,CAAA,EAEL,KAAe,IAAQ,KACpB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACI,kBAAC,GAAD;IACI,MAAK;IACL,SAAQ;IACR,WAAU;IACV,WAAW,kBAAC,GAAD,EAAmB,CAAA;IAC9B,SAAS;cACZ;IAEQ,CAAA,EACT,kBAAC,GAAD;IACI,MAAK;IACL,WAAU;IACV,SAAS,kBAAC,GAAD,EAAoB,CAAA;IAC7B,SAAS;cACZ;IAEQ,CAAA,CACP;KAER;;;;;AC9Nd,SAAS,EAAY,GAAa,GAAoD,GAAsB;AAKxG,QAJI,KAAS,IACF,EAAM,KAAK,GAAM,MAAU,EAAW,GAAM,EAAM,CAAC,GAGvD,EAAS,QAAQ,EAAS;;AAIrC,SAAgB,EAAqB,EACjC,UACA,eACA,kBAAe,KACf,cACA,aACA,UACA,GAAG,KACa;CAChB,IAAM,IAAU,EAAS,GAAO,GAAY,EAAS;AAIrD,QAFK,EAAQ,SAGT,kBAAC,OAAD;EACI,WAAW,EAAG,WAAW,EAAU;EACnC,OAAO;GACH,GAAG;GACH,aAAa,GAAG,EAAa;GAChC;EACD,GAAI;YAEH,EAAQ,KAAK,GAAM,MAChB,kBAAC,OAAD;GAAiB,WAAU;aACtB;GACC,EAFI,EAEJ,CACR;EACA,CAAA,GAhBkB;;;;ACpBhC,SAAS,EAAY,EACjB,QACA,SAAM,IACN,WACA,YACA,SACA,WACA,iBAAc,IACd,sBAAmB,QACnB,aACA,eACiB;CACjB,IAAM,IAAW,IAAS;EAAC,GAAG,GAAU;EAAO;EAAO,GAAG,GAAU,OAC7D,IAAU,KAAQ,GAClB,EAAC,oBAAiB,gBAAa,yBAAqB,EAAqC,EAC3F,QAAQ,GACX,CAAC;AAEF,QACI,kBAAC,GAAD;EACiB;EACb,aAAa,MAAqB,SAAkB,KAAA,IAAT;EAC3C,WAAW,EAAG,gBAAgB,KAAe,cAAc;YAH/D;GAKI,kBAAC,OAAD;IACI,WAAW,EAAG,iBAAiB,EAAgB;IAC/C,gBAAgB,MAAU;AACP,OAAM,OAEV,QAAQ,mBAAmB,IAItC,EAAkB,EAAM;;cAThC;KAYI,kBAAC,OAAD;MAAK,GAAI;MAAe;MAAU;MAAK,WAAU;MAAc,OAAO;MAAY,CAAA;KACjF,IAAU,kBAAC,OAAD;MAAK,WAAU;gBAAmB;MAAc,CAAA,GAAG;KAC7D;KACC;;GACL,IAAU,kBAAC,GAAD;IAAU,WAAU;cAAgB;IAAmB,CAAA,GAAG;GACpE,IAAS,kBAAC,GAAD;IAAY,WAAU;cAAkB;IAAoB,CAAA,GAAG;GACtE"}

package/dist/MasonryItem-CBxzCuRr.cjs

@@ -1,2 +0,0 @@
-const e=require(`./ChevronLeftIcon-DVwatRi0.cjs`),t=require(`./ChevronRightIcon-Bxqjb5s0.cjs`),n=require(`./cn-BOmEz3Rt.cjs`),r=require(`./useInteractionEffect-BaJeiUns.cjs`),i=require(`./Card-AbIdSFmm.cjs`),a=require(`./Button-BUd8Dkdx.cjs`);let o=require(`react`),s=require(`react/jsx-runtime`);var c={"1:1":`1 / 1`,"4:3":`4 / 3`,"16:9":`16 / 9`,"21:9":`21 / 9`};function l({fit:e=`cover`,ratio:t=`auto`,rounded:i=!1,bordered:a=!1,shadow:l=!1,clickEffect:u=`none`,fallback:d,className:f,style:p,alt:m,onError:h,...g}){let[_,v]=(0,o.useState)(!1),{effectClassName:y,effectLayer:b,handlePointerDown:x}=r.t({effect:u}),S=e=>{d&&!_&&(v(!0),e.currentTarget.src=d),h?.(e)},C=t!==`auto`&&c[t]?{aspectRatio:c[t],...p}:p,w=n.t(`image`,e,!b&&i&&`rounded`,!b&&a&&`bordered`,!b&&l&&`shadow`);return b?(0,s.jsxs)(`span`,{className:n.t(`image-wrap`,i&&`rounded`,a&&`bordered`,l&&`shadow`,y,f),onPointerDown:x,children:[b,(0,s.jsx)(`img`,{className:w,style:C,onError:S,...g,alt:m??``})]}):(0,s.jsx)(`img`,{className:n.t(w,f),style:C,onError:S,...g,alt:m??``})}function u({items:e,columns:t=3,rounded:r=!0,clickEffect:i=`ripple`,className:a,...o}){return(0,s.jsx)(`div`,{className:n.t(`gallery`,`columns-${t}`,a),...o,children:e.map((e,t)=>(0,s.jsx)(d,{item:e,rounded:r,clickEffect:i},t))})}function d({item:e,rounded:t,clickEffect:i}){let{effectClassName:a,effectLayer:o,handlePointerDown:c}=r.t({effect:i});return(0,s.jsxs)(`figure`,{className:n.t(`gallery-item`,t&&`rounded`,a),onPointerDown:c,children:[(0,s.jsx)(`img`,{className:`gallery-image`,src:e.src,alt:e.alt||``,loading:`lazy`}),e.caption&&(0,s.jsx)(`figcaption`,{className:`gallery-caption`,children:e.caption}),o]})}function f({autoPlay:r=!1,interval:i=5e3,showDots:a=!0,showArrows:c=!0,loop:l=!0,draggable:u=!0,transition:d=`slide`,className:f,children:p,...m}){let h=o.Children.toArray(p),g=h.length,[_,v]=(0,o.useState)(0),[y,b]=(0,o.useState)(0),[x,S]=(0,o.useState)(!1),C=(0,o.useRef)(0),w=(0,o.useRef)(null),T=(0,o.useCallback)(e=>{v(l?(e+g)%g:Math.max(0,Math.min(e,g-1)))},[g,l]),E=(0,o.useCallback)(()=>T(_-1),[_,T]),D=(0,o.useCallback)(()=>T(_+1),[_,T]);(0,o.useEffect)(()=>{if(!r||g<=1||x)return;let e=setInterval(D,i);return()=>clearInterval(e)},[r,i,D,g,x]);let O=e=>{u&&(S(!0),C.current=e,b(0))},k=e=>{x&&b(e-C.current)},A=()=>{x&&(S(!1),y<-50?D():y>50&&E(),b(0))},j=e=>{u&&(e.currentTarget.setPointerCapture(e.pointerId),O(e.clientX))},M=e=>{k(e.clientX)},N=()=>{A()};if(g===0)return null;let P=d===`fade`,F=P?void 0:{transform:`translateX(calc(-${_*100}% + ${x?y:0}px))`};return(0,s.jsxs)(`div`,{className:n.t(`carousel`,P&&`fade`,f),...m,children:[(0,s.jsx)(`div`,{className:`carousel-viewport`,onPointerDown:j,onPointerMove:M,onPointerUp:N,onPointerCancel:N,style:{touchAction:u?`pan-y`:void 0,cursor:u?x?`grabbing`:`grab`:void 0},children:(0,s.jsx)(`div`,{ref:w,className:n.t(`carousel-track`,x&&`dragging`),style:F,children:h.map((e,t)=>(0,s.jsx)(`div`,{className:n.t(`carousel-slide`,P&&t===_&&`active`,P&&t!==_&&`hidden`),children:e},t))})}),c&&g>1&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`button`,{className:`carousel-arrow carousel-arrow-prev`,onClick:E,"aria-label":`Previous slide`,type:`button`,children:(0,s.jsx)(e.t,{})}),(0,s.jsx)(`button`,{className:`carousel-arrow carousel-arrow-next`,onClick:D,"aria-label":`Next slide`,type:`button`,children:(0,s.jsx)(t.t,{})})]}),a&&g>1&&(0,s.jsx)(`div`,{className:`carousel-dots`,children:h.map((e,t)=>(0,s.jsx)(`button`,{className:n.t(`carousel-dot`,t===_&&`active`),onClick:()=>T(t),"aria-label":`Slide ${t+1}`,type:`button`},t))})]})}function p({src:e,alt:t=``,overlay:r,body:a,footer:o,interactive:c=!1,imageClickEffect:u=`ripple`,ratio:d=`16:9`,fit:f=`cover`,imgProps:p,children:m}){let h=a??m;return(0,s.jsxs)(i.t,{interactive:c,clickEffect:u===`none`?void 0:`none`,className:n.t(`showcase card`,c&&`interactive`),children:[(0,s.jsxs)(`div`,{className:`showcase media`,children:[(0,s.jsx)(l,{...p,src:e,alt:t,ratio:d,fit:f,rounded:!0,shadow:!0,clickEffect:u}),r?(0,s.jsx)(`div`,{className:`showcase overlay`,children:r}):null]}),h?(0,s.jsx)(i.n,{className:`showcase body`,children:h}):null,o?(0,s.jsx)(i.r,{className:`showcase footer`,children:o}):null]})}function m(e,t,n){return Math.min(Math.max(e,t),n)}function h(e,t,n){return e&&t?e.map((e,n)=>t(e,n)):e?e.map((e,t)=>g(e)?(0,s.jsx)(_,{item:e},t):null).filter(Boolean):o.Children.toArray(n)}function g(e){let t=e;return!!e&&typeof e==`object`&&`src`in e&&typeof t.src==`string`}function _({item:e}){return(0,s.jsx)(p,{src:e.src,alt:e.alt||``,overlay:e.overlay})}function v({items:r,renderItem:i,initialIndex:c,showButtons:l=!0,loop:u=!0,draggable:d=!0,wheel:f=!0,itemMinWidth:p=220,itemMaxWidth:g=520,itemWidthRatio:_=.56,className:v,children:y,style:b,...x}){let S=(0,o.useMemo)(()=>h(r,i,y),[y,r,i]),C=S.length,[w,T]=(0,o.useState)(0),[E,D]=(0,o.useState)(0),[O,k]=(0,o.useState)(!1),[A,j]=(0,o.useState)(0),M=(0,o.useRef)(null),N=(0,o.useRef)(0),P=(0,o.useRef)(!1),F=m(A*(A<640?Math.max(_,.78):A<960?Math.max(_,.66):_)||p,p,g),I=m(A*.022||16,10,24);(0,o.useEffect)(()=>{let e=M.current;if(!e)return;let t=()=>j(e.clientWidth);t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[]),(0,o.useEffect)(()=>{C&&T(m(c??Math.floor((C-1)/2),0,C-1))},[C,c]);let L=(0,o.useCallback)(e=>{if(!(C<1)){if(u){T((e+C)%C);return}T(m(e,0,C-1))}},[C,u]),R=(0,o.useCallback)(()=>L(w-1),[w,L]),z=(0,o.useCallback)(()=>L(w+1),[w,L]),B=e=>{!d||C<=1||(e.currentTarget.setPointerCapture(e.pointerId),k(!0),N.current=e.clientX,D(0))},V=e=>{O&&D(e.clientX-N.current)},H=()=>{if(!O)return;let e=Math.max(56,F*.12);E<=-e?z():E>=e&&R(),k(!1),D(0)},U=e=>{if(!f||C<=1||P.current)return;let t=Math.abs(e.deltaX)>Math.abs(e.deltaY)?e.deltaX:e.deltaY;Math.abs(t)<28||(e.preventDefault(),P.current=!0,window.setTimeout(()=>{P.current=!1},260),t>0?z():R())};if(!C)return null;let W=A/2-w*(F+I)-F/2+E;return(0,s.jsxs)(`div`,{className:n.t(`showcase`,v),style:{...b,"--item-width":`${F}px`},...x,children:[(0,s.jsx)(`div`,{ref:M,className:`showcase-stage`,onPointerDown:B,onPointerMove:V,onPointerUp:H,onPointerCancel:H,onPointerLeave:H,onWheel:U,style:{cursor:d&&C>1?O?`grabbing`:`grab`:void 0},children:(0,s.jsx)(`div`,{className:n.t(`showcase-track`,O&&`dragging`),style:{transform:`translateX(${W}px)`,gap:`${I}px`},children:S.map((e,t)=>{let r=Math.abs(t-w);return(0,s.jsx)(`div`,{className:n.t(`showcase-item`,t===w&&`active`,r===1&&`near`,r>=2&&`far`),style:{zIndex:Math.max(1,C-r)},children:e},t)})})}),l&&C>1&&(0,s.jsxs)(`div`,{className:`showcase-actions`,children:[(0,s.jsx)(a.t,{type:`button`,variant:`secondary`,className:`showcase-btn`,startIcon:(0,s.jsx)(e.t,{}),onClick:R,children:`Previous`}),(0,s.jsx)(a.t,{type:`button`,className:`showcase-btn`,endIcon:(0,s.jsx)(t.t,{}),onClick:z,children:`Next`})]})]})}function y(e,t,n){return e&&t?e.map((e,n)=>t(e,n)):o.Children.toArray(n)}function b({items:e,renderItem:t,itemMinWidth:r=220,className:i,children:a,style:o,...c}){let l=y(e,t,a);return l.length?(0,s.jsx)(`div`,{className:n.t(`masonry`,i),style:{...o,columnWidth:`${r}px`},...c,children:l.map((e,t)=>(0,s.jsx)(`div`,{className:`masonry item`,children:e},t))}):null}function x({src:e,alt:t=``,height:a,overlay:o,body:c,footer:l,interactive:u=!1,imageClickEffect:d=`none`,imgProps:f,children:p}){let m=a?{...f?.style,height:a}:f?.style,h=c??p,{effectClassName:g,effectLayer:_,handlePointerDown:v}=r.t({effect:d});return(0,s.jsxs)(i.t,{interactive:u,clickEffect:d===`none`?void 0:`none`,className:n.t(`masonry card`,u&&`interactive`),children:[(0,s.jsxs)(`div`,{className:n.t(`masonry media`,g),onPointerDown:e=>{e.target.closest(`.masonry.overlay`)||v(e)},children:[(0,s.jsx)(`img`,{...f,src:e,alt:t,className:`masonry img`,style:m}),o?(0,s.jsx)(`div`,{className:`masonry overlay`,children:o}):null,_]}),h?(0,s.jsx)(i.n,{className:`masonry body`,children:h}):null,l?(0,s.jsx)(i.r,{className:`masonry footer`,children:l}):null]})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return x}});
-//# sourceMappingURL=MasonryItem-CBxzCuRr.cjs.map

package/dist/MasonryItem-CBxzCuRr.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MasonryItem-CBxzCuRr.cjs","names":[],"sources":["../src/components/media/Image/Image.tsx","../src/components/media/Gallery/Gallery.tsx","../src/components/media/Carousel/Carousel.tsx","../src/components/media/ShowcaseCarouselItem/ShowcaseCarouselItem.tsx","../src/components/media/ShowcaseCarousel/ShowcaseCarousel.tsx","../src/components/media/Masonry/Masonry.tsx","../src/components/media/MasonryItem/MasonryItem.tsx"],"sourcesContent":["import {useState} from 'react'\nimport type * as React from 'react'\nimport type {ImageProps} from './Image.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './Image.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\n// Render a styled image with aspect ratio, fit, and optional fallback.\nexport function Image({\n    fit = 'cover',\n    ratio = 'auto',\n    rounded = false,\n    bordered = false,\n    shadow = false,\n    clickEffect = 'none',\n    fallback,\n    className,\n    style,\n    alt,\n    onError,\n    ...rest\n}: ImageProps) {\n    const [errored, setErrored] = useState(false)\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLSpanElement>({\n        effect: 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 ratioStyle = ratio !== 'auto' && RATIO_MAP[ratio] ? {aspectRatio: RATIO_MAP[ratio], ...style} : style\n    const imgClassName = cn('image', fit, !effectLayer && rounded && 'rounded', !effectLayer && bordered && 'bordered', !effectLayer && shadow && 'shadow')\n\n    if (effectLayer) {\n        return (\n            <span\n                className={cn('image-wrap', rounded && 'rounded', bordered && 'bordered', shadow && 'shadow', effectClassName, className)}\n                onPointerDown={handlePointerDown}\n            >\n                {effectLayer}\n                <img className={imgClassName} style={ratioStyle} onError={handleError} {...rest} alt={alt ?? ''} />\n            </span>\n        )\n    }\n\n    return (\n        <img\n            className={cn(imgClassName, className)}\n            style={ratioStyle}\n            onError={handleError}\n            {...rest}\n            alt={alt ?? ''}\n        />\n    )\n}\n","import type {GalleryProps} from './Gallery.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './Gallery.css'\n\n// Render a responsive image grid gallery.\nexport function Gallery({items, columns = 3, rounded = true, clickEffect = 'ripple', className, ...rest}: GalleryProps) {\n    return (\n        <div className={cn('gallery', `columns-${columns}`, className)} {...rest}>\n            {items.map((item, i) => (\n                <GalleryFigure key={i} item={item} rounded={rounded} clickEffect={clickEffect} />\n            ))}\n        </div>\n    )\n}\n\nfunction GalleryFigure({item, rounded, clickEffect}: {item: {src: string; alt?: string; caption?: string}; rounded: boolean; clickEffect: 'none' | 'ripple'}) {\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLElement>({\n        effect: clickEffect,\n    })\n\n    return (\n        <figure className={cn('gallery-item', rounded && 'rounded', effectClassName)} onPointerDown={handlePointerDown}>\n            <img className=\"gallery-image\" src={item.src} alt={item.alt || ''} loading=\"lazy\" />\n            {item.caption && <figcaption className=\"gallery-caption\">{item.caption}</figcaption>}\n            {effectLayer}\n        </figure>\n    )\n}\n","import {useState, useEffect, useCallback, useRef, Children} from 'react'\nimport type * as React from 'react'\nimport type {CarouselProps} from './Carousel.types'\nimport {cn} from '../../../utils/cn'\nimport {ChevronLeftIcon, ChevronRightIcon} from '../../../icons'\nimport './Carousel.css'\n\n// Render a swipeable content slider with arrows, dots and transition modes.\nexport function Carousel({\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}: CarouselProps) {\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                    <button\n                        className=\"carousel-arrow carousel-arrow-prev\"\n                        onClick={prev}\n                        aria-label=\"Previous slide\"\n                        type=\"button\"\n                    >\n                        <ChevronLeftIcon />\n                    </button>\n                    <button\n                        className=\"carousel-arrow carousel-arrow-next\"\n                        onClick={next}\n                        aria-label=\"Next slide\"\n                        type=\"button\"\n                    >\n                        <ChevronRightIcon />\n                    </button>\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","import {Card, CardBody, CardFooter} from '../../cards'\nimport {Image} from '../Image'\nimport {cn} from '../../../utils/cn'\nimport type {ShowcaseCarouselItemProps} from './ShowcaseCarouselItem.types'\nimport './ShowcaseCarouselItem.css'\n\nfunction ShowcaseCarouselItem({\n    src,\n    alt = '',\n    overlay,\n    body,\n    footer,\n    interactive = false,\n    imageClickEffect = 'ripple',\n    ratio = '16:9',\n    fit = 'cover',\n    imgProps,\n    children,\n}: ShowcaseCarouselItemProps) {\n    const content = body ?? children\n\n    return (\n        <Card\n            interactive={interactive}\n            clickEffect={imageClickEffect !== 'none' ? 'none' : undefined}\n            className={cn('showcase card', interactive && 'interactive')}\n        >\n            <div className='showcase media'>\n                <Image\n                    {...imgProps}\n                    src={src}\n                    alt={alt}\n                    ratio={ratio}\n                    fit={fit}\n                    rounded\n                    shadow\n                    clickEffect={imageClickEffect}\n                />\n                {overlay ? <div className='showcase overlay'>{overlay}</div> : null}\n            </div>\n            {content ? <CardBody className='showcase body'>{content}</CardBody> : null}\n            {footer ? <CardFooter className='showcase footer'>{footer}</CardFooter> : null}\n        </Card>\n    )\n}\n\nexport default ShowcaseCarouselItem\n","import {Children, useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport type {CSSProperties, PointerEvent as ReactPointerEvent, ReactNode, WheelEvent as ReactWheelEvent} from 'react'\nimport {Button} from '../../controls'\nimport {ShowcaseCarouselItem} from '../ShowcaseCarouselItem'\nimport {ChevronLeftIcon, ChevronRightIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport type {ShowcaseCarouselProps, ShowcaseCarouselSlide} from './ShowcaseCarousel.types'\nimport './ShowcaseCarousel.css'\n\nfunction clamp(value: number, min: number, max: number) {\n    return Math.min(Math.max(value, min), max)\n}\n\nfunction getSlides<T>(items?: T[], renderItem?: (item: T, index: number) => ReactNode, children?: ReactNode) {\n    if (items && renderItem) {\n        return items.map((item, index) => renderItem(item, index))\n    }\n\n    if (items) {\n        return items\n            .map((item, index) => {\n                if (!isShowcaseItem(item)) {\n                    return null\n                }\n\n                return <ShowcaseMediaSlide key={index} item={item} />\n            })\n            .filter(Boolean)\n    }\n\n    return Children.toArray(children)\n}\n\nfunction isShowcaseItem(value: unknown): value is ShowcaseCarouselSlide {\n    const slide = value as {src?: unknown}\n    return !!value && typeof value === 'object' && 'src' in value && typeof slide.src === 'string'\n}\n\nfunction ShowcaseMediaSlide({item}: {item: ShowcaseCarouselSlide}) {\n    return (\n        <ShowcaseCarouselItem src={item.src} alt={item.alt || ''} overlay={item.overlay} />\n    )\n}\n\n// Show a centered, mouse-driven carousel with partial side previews.\nexport function ShowcaseCarousel<T = unknown>({\n    items,\n    renderItem,\n    initialIndex,\n    showButtons = true,\n    loop = true,\n    draggable = true,\n    wheel = true,\n    itemMinWidth = 220,\n    itemMaxWidth = 520,\n    itemWidthRatio = 0.56,\n    className,\n    children,\n    style,\n    ...rest\n}: ShowcaseCarouselProps<T>) {\n    const slides = useMemo(() => getSlides(items, renderItem, children), [children, items, renderItem])\n    const count = slides.length\n    const [active, setActive] = useState(0)\n    const [drag, setDrag] = useState(0)\n    const [dragging, setDragging] = useState(false)\n    const [stageWidth, setStageWidth] = useState(0)\n    const stageRef = useRef<HTMLDivElement>(null)\n    const startX = useRef(0)\n    const wheelLock = useRef(false)\n\n    const widthRatio = stageWidth < 640 ? Math.max(itemWidthRatio, 0.78) : stageWidth < 960 ? Math.max(itemWidthRatio, 0.66) : itemWidthRatio\n    const itemWidth = clamp(stageWidth * widthRatio || itemMinWidth, itemMinWidth, itemMaxWidth)\n    const itemGap = clamp(stageWidth * 0.022 || 16, 10, 24)\n\n    useEffect(() => {\n        const node = stageRef.current\n        if (!node) return\n\n        const update = () => setStageWidth(node.clientWidth)\n        update()\n\n        const observer = new ResizeObserver(update)\n        observer.observe(node)\n\n        return () => observer.disconnect()\n    }, [])\n\n    useEffect(() => {\n        if (!count) return\n\n        const defaultIndex = initialIndex ?? Math.floor((count - 1) / 2)\n        setActive(clamp(defaultIndex, 0, count - 1))\n    }, [count, initialIndex])\n\n    const goTo = useCallback(\n        (nextIndex: number) => {\n            if (count < 1) return\n\n            if (loop) {\n                setActive((nextIndex + count) % count)\n                return\n            }\n\n            setActive(clamp(nextIndex, 0, count - 1))\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    const onPointerDown = (event: ReactPointerEvent<HTMLDivElement>) => {\n        if (!draggable || count <= 1) return\n        event.currentTarget.setPointerCapture(event.pointerId)\n        setDragging(true)\n        startX.current = event.clientX\n        setDrag(0)\n    }\n\n    const onPointerMove = (event: ReactPointerEvent<HTMLDivElement>) => {\n        if (!dragging) return\n        setDrag(event.clientX - startX.current)\n    }\n\n    const stopDrag = () => {\n        if (!dragging) return\n\n        const limit = Math.max(56, itemWidth * 0.12)\n\n        if (drag <= -limit) {\n            next()\n        } else if (drag >= limit) {\n            prev()\n        }\n\n        setDragging(false)\n        setDrag(0)\n    }\n\n    const onWheel = (event: ReactWheelEvent<HTMLDivElement>) => {\n        if (!wheel || count <= 1 || wheelLock.current) return\n\n        const axis = Math.abs(event.deltaX) > Math.abs(event.deltaY) ? event.deltaX : event.deltaY\n        if (Math.abs(axis) < 28) return\n\n        event.preventDefault()\n\n        wheelLock.current = true\n        window.setTimeout(() => {\n            wheelLock.current = false\n        }, 260)\n\n        if (axis > 0) {\n            next()\n        } else {\n            prev()\n        }\n    }\n\n    if (!count) return null\n\n    const offset = stageWidth / 2 - active * (itemWidth + itemGap) - itemWidth / 2 + drag\n\n    return (\n        <div className={cn('showcase', className)} style={{...style, '--item-width': `${itemWidth}px`} as CSSProperties} {...rest}>\n            <div\n                ref={stageRef}\n                className=\"showcase-stage\"\n                onPointerDown={onPointerDown}\n                onPointerMove={onPointerMove}\n                onPointerUp={stopDrag}\n                onPointerCancel={stopDrag}\n                onPointerLeave={stopDrag}\n                onWheel={onWheel}\n                style={{\n                    cursor: draggable && count > 1 ? (dragging ? 'grabbing' : 'grab') : undefined,\n                }}\n            >\n                <div\n                    className={cn('showcase-track', dragging && 'dragging')}\n                    style={{\n                        transform: `translateX(${offset}px)`,\n                        gap: `${itemGap}px`,\n                    }}\n                >\n                    {slides.map((slide, index) => {\n                        const dist = Math.abs(index - active)\n\n                        return (\n                            <div\n                                key={index}\n                                className={cn(\n                                    'showcase-item',\n                                    index === active && 'active',\n                                    dist === 1 && 'near',\n                                    dist >= 2 && 'far'\n                                )}\n                                style={{zIndex: Math.max(1, count - dist)}}\n                            >\n                                {slide}\n                            </div>\n                        )\n                    })}\n                </div>\n            </div>\n\n            {showButtons && count > 1 && (\n                <div className=\"showcase-actions\">\n                    <Button\n                        type=\"button\"\n                        variant=\"secondary\"\n                        className=\"showcase-btn\"\n                        startIcon={<ChevronLeftIcon />}\n                        onClick={prev}\n                    >\n                        Previous\n                    </Button>\n                    <Button\n                        type=\"button\"\n                        className=\"showcase-btn\"\n                        endIcon={<ChevronRightIcon />}\n                        onClick={next}\n                    >\n                        Next\n                    </Button>\n                </div>\n            )}\n        </div>\n    )\n}\n","import {Children} from 'react'\nimport type {ReactNode} from 'react'\nimport {cn} from '../../../utils/cn'\nimport type {MasonryProps} from './Masonry.types'\nimport './Masonry.css'\n\nfunction getItems<T>(items?: T[], renderItem?: (item: T, index: number) => ReactNode, children?: ReactNode) {\n    if (items && renderItem) {\n        return items.map((item, index) => renderItem(item, index))\n    }\n\n    return Children.toArray(children)\n}\n\n// Render a responsive masonry wall for images, cards and uneven content.\nexport function Masonry<T = unknown>({\n    items,\n    renderItem,\n    itemMinWidth = 220,\n    className,\n    children,\n    style,\n    ...rest\n}: MasonryProps<T>) {\n    const content = getItems(items, renderItem, children)\n\n    if (!content.length) return null\n\n    return (\n        <div\n            className={cn('masonry', className)}\n            style={{\n                ...style,\n                columnWidth: `${itemMinWidth}px`,\n            }}\n            {...rest}\n        >\n            {content.map((item, index) => (\n                <div key={index} className=\"masonry item\">\n                    {item}\n                </div>\n            ))}\n        </div>\n    )\n}\n","import {Card, CardBody, CardFooter} from '../../cards'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MasonryItem.css'\nimport type {MasonryItemProps} from './MasonryItem.types'\n\nfunction MasonryItem({\n    src,\n    alt = '',\n    height,\n    overlay,\n    body,\n    footer,\n    interactive = false,\n    imageClickEffect = 'none',\n    imgProps,\n    children,\n}: MasonryItemProps) {\n    const imgStyle = height ? {...imgProps?.style, height} : imgProps?.style\n    const content = body ?? children\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLDivElement>({\n        effect: imageClickEffect,\n    })\n\n    return (\n        <Card\n            interactive={interactive}\n            clickEffect={imageClickEffect !== 'none' ? 'none' : undefined}\n            className={cn('masonry card', interactive && 'interactive')}\n        >\n            <div\n                className={cn('masonry media', effectClassName)}\n                onPointerDown={(event) => {\n                    const target = event.target as HTMLElement\n\n                    if (target.closest('.masonry.overlay')) {\n                        return\n                    }\n\n                    handlePointerDown(event)\n                }}\n            >\n                <img {...imgProps} src={src} alt={alt} className='masonry img' style={imgStyle} />\n                {overlay ? <div className='masonry overlay'>{overlay}</div> : null}\n                {effectLayer}\n            </div>\n            {content ? <CardBody className='masonry body'>{content}</CardBody> : null}\n            {footer ? <CardFooter className='masonry footer'>{footer}</CardFooter> : null}\n        </Card>\n    )\n}\n\nexport default MasonryItem\n"],"mappings":"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"}

package/dist/MenuIcon-mX5bSTAp.js

@@ -1,20 +0,0 @@
-import { t as e } from "./Icon-B848Vysm.js";
-import { forwardRef as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/icons/glyphs/MenuIcon.tsx
-var i = t(function(t, i) {
-	return /* @__PURE__ */ r(e, {
-		ref: i,
-		...t,
-		children: [
-			/* @__PURE__ */ n("path", { d: "M5 7h14" }),
-			/* @__PURE__ */ n("path", { d: "M5 12h10" }),
-			/* @__PURE__ */ n("path", { d: "M5 17h14" }),
-			/* @__PURE__ */ n("path", { d: "M17.5 12h1.5" })
-		]
-	});
-});
-//#endregion
-export { i as t };
-
-//# sourceMappingURL=MenuIcon-mX5bSTAp.js.map

package/dist/MenuIcon-mX5bSTAp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuIcon-mX5bSTAp.js","names":[],"sources":["../src/icons/glyphs/MenuIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const MenuIcon = forwardRef<SVGSVGElement, IconProps>(function MenuIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <path d=\"M5 7h14\" />\n            <path d=\"M5 12h10\" />\n            <path d=\"M5 17h14\" />\n            <path d=\"M17.5 12h1.5\" />\n        </Icon>\n    )\n})\n"],"mappings":";;;;AAIA,IAAa,IAAW,EAAqC,SAAkB,GAAO,GAAK;AACvF,QACI,kBAAC,GAAD;EAAW;EAAK,GAAI;YAApB;GACI,kBAAC,QAAD,EAAM,GAAE,WAAY,CAAA;GACpB,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA;GACrB,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA;GACrB,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;GACtB;;EAEb"}

package/dist/MenuIcon-x1LjLPWp.cjs

@@ -1,2 +0,0 @@
-const e=require(`./Icon-B-s6VJr5.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`path`,{d:`M5 7h14`}),(0,n.jsx)(`path`,{d:`M5 12h10`}),(0,n.jsx)(`path`,{d:`M5 17h14`}),(0,n.jsx)(`path`,{d:`M17.5 12h1.5`})]})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
-//# sourceMappingURL=MenuIcon-x1LjLPWp.cjs.map

package/dist/MenuIcon-x1LjLPWp.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuIcon-x1LjLPWp.cjs","names":[],"sources":["../src/icons/glyphs/MenuIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const MenuIcon = forwardRef<SVGSVGElement, IconProps>(function MenuIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <path d=\"M5 7h14\" />\n            <path d=\"M5 12h10\" />\n            <path d=\"M5 17h14\" />\n            <path d=\"M17.5 12h1.5\" />\n        </Icon>\n    )\n})\n"],"mappings":"6FAIA,IAAa,GAAA,EAAA,EAAA,YAAgD,SAAkB,EAAO,EAAK,CACvF,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAW,MAAK,GAAI,WAApB,EACI,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,UAAY,CAAA,EACpB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAa,CAAA,EACrB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAa,CAAA,EACrB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,eAAiB,CAAA,CACtB,IAEb"}

package/dist/Modal-BDDrW5HI.js

@@ -1,56 +0,0 @@
-import { t as e } from "./cn-BIeeqGZv.js";
-import { t } from "./Portal-s54PuE_l.js";
-import { i as n, n as r, r as i, t as a } from "./Card-B_4TR7gc.js";
-import { useEffect as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/components/overlays/Modal/Modal.tsx
-function l({ open: l, onClose: u, title: d, description: f, footer: p, size: m = "md", closeOnBackdrop: h = !0, closeOnEscape: g = !0, className: _, children: v, ...y }) {
-	return o(() => {
-		if (!l || !g) return;
-		let e = (e) => {
-			e.key === "Escape" && u();
-		};
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [
-		g,
-		u,
-		l
-	]), o(() => {
-		if (!l) return;
-		let e = document.body.style.overflow;
-		return document.body.style.overflow = "hidden", () => {
-			document.body.style.overflow = e;
-		};
-	}, [l]), l ? /* @__PURE__ */ s(t, { children: /* @__PURE__ */ s("div", {
-		className: "modal-backdrop",
-		onMouseDown: (e) => {
-			h && e.target === e.currentTarget && u();
-		},
-		children: /* @__PURE__ */ s("div", {
-			className: "modal-shell",
-			children: /* @__PURE__ */ c(a, {
-				className: e("modal", m, _),
-				role: "dialog",
-				"aria-modal": "true",
-				"aria-labelledby": d ? "mineral-modal-title" : void 0,
-				...y,
-				children: [
-					(d || f) && /* @__PURE__ */ c(n, { children: [d && /* @__PURE__ */ s("div", {
-						id: "mineral-modal-title",
-						className: "modal-title",
-						children: d
-					}), f && /* @__PURE__ */ s("div", {
-						className: "modal-description",
-						children: f
-					})] }),
-					/* @__PURE__ */ s(r, { children: v }),
-					p && /* @__PURE__ */ s(i, { children: p })
-				]
-			})
-		})
-	}) }) : null;
-}
-//#endregion
-export { l as t };
-
-//# sourceMappingURL=Modal-BDDrW5HI.js.map

package/dist/Modal-BDDrW5HI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal-BDDrW5HI.js","names":[],"sources":["../src/components/overlays/Modal/Modal.tsx"],"sourcesContent":["import {useEffect} from 'react'\nimport type {MouseEvent} from 'react'\nimport type {ModalProps} from './Modal.types'\nimport {Card, CardBody, CardFooter, CardHeader} from '../../cards'\nimport {Portal} from '../../primitives'\nimport {cn} from '../../../utils/cn'\nimport './Modal.css'\n\n// Render blocking overlay content for dense details and mobile-friendly dialogs.\nexport function Modal({\n    open,\n    onClose,\n    title,\n    description,\n    footer,\n    size = 'md',\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    className,\n    children,\n    ...rest\n}: ModalProps) {\n    useEffect(() => {\n        if (!open || !closeOnEscape) {\n            return\n        }\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                onClose()\n            }\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [closeOnEscape, 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) {\n        return null\n    }\n\n    const handleBackdropClick = (event: MouseEvent<HTMLDivElement>) => {\n        if (!closeOnBackdrop) {\n            return\n        }\n\n        if (event.target === event.currentTarget) {\n            onClose()\n        }\n    }\n\n    return (\n        <Portal>\n            <div className={'modal-backdrop'} onMouseDown={handleBackdropClick}>\n                <div className={'modal-shell'}>\n                    <Card\n                        className={cn('modal', size, className)}\n                        role={'dialog'}\n                        aria-modal={'true'}\n                        aria-labelledby={title ? 'mineral-modal-title' : undefined}\n                        {...rest}\n                    >\n                        {(title || description) && (\n                            <CardHeader>\n                                {title && (\n                                    <div id={'mineral-modal-title'} className={'modal-title'}>\n                                        {title}\n                                    </div>\n                                )}\n                                {description && <div className={'modal-description'}>{description}</div>}\n                            </CardHeader>\n                        )}\n                        <CardBody>{children}</CardBody>\n                        {footer && <CardFooter>{footer}</CardFooter>}\n                    </Card>\n                </div>\n            </div>\n        </Portal>\n    )\n}\n"],"mappings":";;;;;;AASA,SAAgB,EAAM,EAClB,SACA,YACA,UACA,gBACA,WACA,UAAO,MACP,qBAAkB,IAClB,mBAAgB,IAChB,cACA,aACA,GAAG,KACQ;AA2CX,QA1CA,QAAgB;AACZ,MAAI,CAAC,KAAQ,CAAC,EACV;EAGJ,IAAM,KAAiB,MAAyB;AAC5C,GAAI,EAAM,QAAQ,YACd,GAAS;;AAKjB,SADA,SAAS,iBAAiB,WAAW,EAAc,QACtC,SAAS,oBAAoB,WAAW,EAAc;IACpE;EAAC;EAAe;EAAS;EAAK,CAAC,EAElC,QAAgB;AACZ,MAAI,CAAC,EACD;EAGJ,IAAM,IAAmB,SAAS,KAAK,MAAM;AAG7C,SAFA,SAAS,KAAK,MAAM,WAAW,gBAElB;AACT,YAAS,KAAK,MAAM,WAAW;;IAEpC,CAAC,EAAK,CAAC,EAEL,IAeD,kBAAC,GAAD,EAAA,UACI,kBAAC,OAAD;EAAK,WAAW;EAAkB,cAZb,MAAsC;AAC1D,QAID,EAAM,WAAW,EAAM,iBACvB,GAAS;;YAOL,kBAAC,OAAD;GAAK,WAAW;aACZ,kBAAC,GAAD;IACI,WAAW,EAAG,SAAS,GAAM,EAAU;IACvC,MAAM;IACN,cAAY;IACZ,mBAAiB,IAAQ,wBAAwB,KAAA;IACjD,GAAI;cALR;MAOM,KAAS,MACP,kBAAC,GAAD,EAAA,UAAA,CACK,KACG,kBAAC,OAAD;MAAK,IAAI;MAAuB,WAAW;gBACtC;MACC,CAAA,EAET,KAAe,kBAAC,OAAD;MAAK,WAAW;gBAAsB;MAAkB,CAAA,CAC/D,EAAA,CAAA;KAEjB,kBAAC,GAAD,EAAW,aAAoB,CAAA;KAC9B,KAAU,kBAAC,GAAD,EAAA,UAAa,GAAoB,CAAA;KACzC;;GACL,CAAA;EACJ,CAAA,EACD,CAAA,GAvCF"}