@banzamel/mineralui 1.2.0 → 1.3.0

package/dist/{media-D5YGOTm7.cjs.map → media-BhRjHzpA.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"media-D5YGOTm7.cjs","names":[],"sources":["../src/components/media/MGallery/MGallery.tsx","../src/components/media/MCarousel/MCarousel.tsx","../src/components/media/mediaInteraction.ts","../src/components/media/MShowcaseCarouselItem/MShowcaseCarouselItem.tsx","../src/components/media/MShowcaseCarousel/MShowcaseCarousel.tsx","../src/components/media/MMasonry/MMasonry.tsx","../src/components/media/MMasonryItem/MMasonryItem.tsx","../src/components/media/MAvatarStack/MAvatarStack.tsx"],"sourcesContent":["import type {MGalleryProps} from './MGallery.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MGallery.css'\n\n// Render a responsive image grid gallery.\nexport function MGallery({\n    items,\n    columns = 3,\n    rounded = true,\n    clickEffect = 'ripple',\n    className,\n    ...rest\n}: MGalleryProps) {\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({\n    item,\n    rounded,\n    clickEffect,\n}: {\n    item: {src: string; alt?: string; caption?: string}\n    rounded: boolean\n    clickEffect: 'none' | 'ripple'\n}) {\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 {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","import type {MClickEffect} from '../../utils/useInteractionEffect'\n\nexport type MMediaInteractionEffect = MClickEffect | 'zoom' | 'dim' | 'zoom-ripple'\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","import type {CSSProperties} from 'react'\nimport {MCard, MCardBody, MCardFooter} from '../../cards'\nimport {MImage} from '../MImage'\nimport {cn} from '../../../utils/cn'\nimport {usesDim, usesRipple, usesZoom} from '../mediaInteraction'\nimport type {MShowcaseCarouselItemProps} from './MShowcaseCarouselItem.types'\nimport './MShowcaseCarouselItem.css'\n\nexport function MShowcaseCarouselItem({\n    src,\n    alt = '',\n    media,\n    mediaHeight,\n    overlay,\n    body,\n    footer,\n    interactive = false,\n    imageClickEffect = 'ripple',\n    ratio = '16:9',\n    fit = 'cover',\n    imgProps,\n    children,\n}: MShowcaseCarouselItemProps) {\n    const content = body ?? children\n    const shouldRipple = usesRipple(imageClickEffect)\n    const cardStyle = mediaHeight\n        ? ({\n              '--media-height': typeof mediaHeight === 'number' ? `${mediaHeight}px` : mediaHeight,\n          } as CSSProperties)\n        : undefined\n    const hasMedia = Boolean(media || src)\n\n    return (\n        <MCard\n            interactive={interactive}\n            clickEffect={imageClickEffect !== 'none' ? 'none' : undefined}\n            className={cn('showcase card', interactive && 'interactive')}\n            style={cardStyle}\n        >\n            {hasMedia ? (\n                <div\n                    className={cn(\n                        'showcase media',\n                        usesZoom(imageClickEffect) && 'effect-zoom',\n                        usesDim(imageClickEffect) && 'effect-dim'\n                    )}\n                >\n                    {media ? (\n                        <div className=\"showcase media-content\">{media}</div>\n                    ) : (\n                        <MImage\n                            {...imgProps}\n                            src={src}\n                            alt={alt}\n                            ratio={ratio}\n                            fit={fit}\n                            rounded\n                            shadow\n                            clickEffect={shouldRipple ? 'ripple' : 'none'}\n                        />\n                    )}\n                    {overlay ? <div className=\"showcase overlay\">{overlay}</div> : null}\n                </div>\n            ) : null}\n            {content ? <MCardBody className=\"showcase body\">{content}</MCardBody> : null}\n            {footer ? <MCardFooter className=\"showcase footer\">{footer}</MCardFooter> : null}\n        </MCard>\n    )\n}\n","import {Children, useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport type {CSSProperties, PointerEvent as ReactPointerEvent, ReactNode} from 'react'\nimport {MButton} from '../../controls'\nimport {MShowcaseCarouselItem} from '../MShowcaseCarouselItem'\nimport {MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport type {MShowcaseCarouselProps, MShowcaseCarouselSlide} from './MShowcaseCarousel.types'\nimport './MShowcaseCarousel.css'\n\nfunction clamp(value: number, min: number, max: number) {\n    return Math.min(Math.max(value, min), max)\n}\n\nfunction isInteractiveTarget(target: EventTarget | null) {\n    if (!(target instanceof Element)) {\n        return false\n    }\n\n    return !!target.closest(\n        'button, a, input, select, textarea, label, summary, [role=\"button\"], [role=\"link\"], [data-carousel-ignore-drag=\"true\"]'\n    )\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 MShowcaseCarouselSlide {\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: MShowcaseCarouselSlide}) {\n    return <MShowcaseCarouselItem src={item.src} alt={item.alt || ''} overlay={item.overlay} />\n}\n\n// Show a centered, mouse-driven carousel with partial side previews.\nexport function MShowcaseCarousel<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}: MShowcaseCarouselProps<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 =\n        stageWidth < 640\n            ? Math.max(itemWidthRatio, 0.78)\n            : stageWidth < 960\n              ? Math.max(itemWidthRatio, 0.66)\n              : 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        if (isInteractiveTarget(event.target)) 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    useEffect(() => {\n        const node = stageRef.current\n        if (!node) return\n\n        const handleWheel = (event: WheelEvent) => {\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            event.stopPropagation()\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        node.addEventListener('wheel', handleWheel, {passive: false})\n        return () => node.removeEventListener('wheel', handleWheel)\n    }, [count, next, prev, wheel])\n\n    if (!count) return null\n\n    const offset = stageWidth / 2 - active * (itemWidth + itemGap) - itemWidth / 2 + drag\n\n    return (\n        <div\n            className={cn('showcase', className)}\n            style={{...style, '--item-width': `${itemWidth}px`} as CSSProperties}\n            {...rest}\n        >\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                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                    <MButton\n                        type=\"button\"\n                        variant=\"secondary\"\n                        className=\"showcase-btn\"\n                        startIcon={<MChevronLeftIcon />}\n                        onClick={prev}\n                    >\n                        Previous\n                    </MButton>\n                    <MButton type=\"button\" className=\"showcase-btn\" endIcon={<MChevronRightIcon />} onClick={next}>\n                        Next\n                    </MButton>\n                </div>\n            )}\n        </div>\n    )\n}\n","import {Children} from 'react'\nimport type {ReactNode} from 'react'\nimport {cn} from '../../../utils/cn'\nimport type {MMasonryProps} from './MMasonry.types'\nimport './MMasonry.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 MMasonry<T = unknown>({\n    items,\n    renderItem,\n    columns = 3,\n    className,\n    children,\n    style,\n    ...rest\n}: MMasonryProps<T>) {\n    const content = getItems(items, renderItem, children)\n\n    if (!content.length) return null\n\n    return (\n        <div className={cn('masonry', className)} style={{...style, columnCount: columns}} {...rest}>\n            {content.map((item, index) => (\n                <div key={index} className=\"masonry item\">\n                    {item}\n                </div>\n            ))}\n        </div>\n    )\n}\n","import {MCard, MCardBody, MCardFooter} from '../../cards'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {usesDim, usesRipple, usesZoom} from '../mediaInteraction'\nimport './MMasonryItem.css'\nimport type {MMasonryItemProps} from './MMasonryItem.types'\n\nexport function MMasonryItem({\n    src,\n    alt = '',\n    height,\n    overlay,\n    body,\n    footer,\n    interactive = false,\n    imageClickEffect = 'none',\n    imgProps,\n    children,\n}: MMasonryItemProps) {\n    const imgStyle = height ? {...imgProps?.style, height} : imgProps?.style\n    const content = body ?? children\n    const shouldRipple = usesRipple(imageClickEffect)\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLDivElement>({\n        effect: shouldRipple ? 'ripple' : 'none',\n    })\n\n    return (\n        <MCard\n            interactive={interactive}\n            clickEffect={imageClickEffect !== 'none' ? 'none' : undefined}\n            className={cn('masonry card', interactive && 'interactive')}\n        >\n            <div\n                className={cn(\n                    'masonry media',\n                    effectClassName,\n                    usesZoom(imageClickEffect) && 'effect-zoom',\n                    usesDim(imageClickEffect) && 'effect-dim'\n                )}\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 ? <MCardBody className=\"masonry body\">{content}</MCardBody> : null}\n            {footer ? <MCardFooter className=\"masonry footer\">{footer}</MCardFooter> : null}\n        </MCard>\n    )\n}\n","import type {MAvatarStackProps} from './MAvatarStack.types'\nimport {cn} from '../../../utils/cn'\nimport {MAvatar} from '../MAvatar'\nimport './MAvatarStack.css'\n\nexport function MAvatarStack({\n    items,\n    max = 5,\n    size = 'sm',\n    color = 'primary',\n    overlap = 10,\n    className,\n    style,\n    ...rest\n}: MAvatarStackProps) {\n    if (!items || items.length === 0) return null\n\n    const visible = items.slice(0, max)\n    const overflowCount = items.length - max\n    const avatarPx = typeof size === 'number' ? size : ({xs: 20, sm: 28, md: 40, lg: 56, xl: 72}[size] ?? 28)\n\n    return (\n        <div\n            className={cn('avatar-stack', className)}\n            style={{'--avatar-stack-overlap': `-${overlap}px`, ...style} as React.CSSProperties}\n            {...rest}\n        >\n            {visible.map((item, i) => (\n                <MAvatar\n                    key={i}\n                    src={item.avatar}\n                    name={item.name}\n                    size={size}\n                    color={color}\n                    className=\"avatar-stack-item\"\n                    style={{zIndex: i + 1}}\n                />\n            ))}\n            {overflowCount > 0 && (\n                <span\n                    className=\"avatar-stack-overflow\"\n                    style={{\n                        width: avatarPx,\n                        height: avatarPx,\n                        fontSize: avatarPx * 0.38,\n                        zIndex: visible.length + 1,\n                    }}\n                >\n                    +{overflowCount}\n                </span>\n            )}\n        </div>\n    )\n}\n"],"mappings":"+TAMA,SAAgB,EAAS,CACrB,QACA,UAAU,EACV,UAAU,GACV,cAAc,SACd,YACA,GAAG,GACW,CACd,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,UAAW,WAAW,IAAW,EAAU,CAAE,GAAI,WAC/D,EAAM,KAAK,EAAM,KACd,EAAA,EAAA,KAAC,EAAD,CAA6B,OAAe,UAAsB,cAAe,CAA7D,EAA6D,CACnF,CACA,CAAA,CAId,SAAS,EAAc,CACnB,OACA,UACA,eAKD,CACC,GAAM,CAAC,kBAAiB,cAAa,qBAAqB,EAAA,EAAkC,CACxF,OAAQ,EACX,CAAC,CAEF,OACI,EAAA,EAAA,MAAC,SAAD,CAAQ,UAAW,EAAA,EAAG,eAAgB,GAAW,UAAW,EAAgB,CAAE,cAAe,WAA7F,EACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,gBAAgB,IAAK,EAAK,IAAK,IAAK,EAAK,KAAO,GAAI,QAAQ,OAAS,CAAA,CACnF,EAAK,UAAW,EAAA,EAAA,KAAC,aAAD,CAAY,UAAU,2BAAmB,EAAK,QAAqB,CAAA,CACnF,EACI,GChCjB,SAAgB,EAAU,CACtB,WAAW,GACX,WAAW,IACX,WAAW,GACX,aAAa,GACb,OAAO,GACP,YAAY,GACZ,aAAa,QACb,YACA,WACA,GAAG,GACY,CACf,IAAM,EAAS,EAAA,SAAS,QAAQ,EAAS,CACnC,EAAQ,EAAO,OACf,CAAC,EAAQ,IAAA,EAAA,EAAA,UAAsB,EAAE,CACjC,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,EAAE,CACzC,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,GAAM,CAC7C,GAAA,EAAA,EAAA,QAAoB,EAAE,CACtB,GAAA,EAAA,EAAA,QAAkC,KAAK,CAEvC,GAAA,EAAA,EAAA,aACD,GAAkB,CAEX,EADA,GACW,EAAQ,GAAS,EAElB,KAAK,IAAI,EAAG,KAAK,IAAI,EAAO,EAAQ,EAAE,CAAC,CAAC,EAG1D,CAAC,EAAO,EAAK,CAChB,CAEK,GAAA,EAAA,EAAA,iBAAyB,EAAK,EAAS,EAAE,CAAE,CAAC,EAAQ,EAAK,CAAC,CAC1D,GAAA,EAAA,EAAA,iBAAyB,EAAK,EAAS,EAAE,CAAE,CAAC,EAAQ,EAAK,CAAC,EAEhE,EAAA,EAAA,eAAgB,CACZ,GAAI,CAAC,GAAY,GAAS,GAAK,EAAY,OAC3C,IAAM,EAAQ,YAAY,EAAM,EAAS,CACzC,UAAa,cAAc,EAAM,EAClC,CAAC,EAAU,EAAU,EAAM,EAAO,EAAW,CAAC,CAEjD,IAAM,EAAmB,GAAoB,CACpC,IACL,EAAc,GAAK,CACnB,EAAW,QAAU,EACrB,EAAc,EAAE,GAGd,EAAkB,GAAoB,CACnC,GAEL,EADa,EAAU,EAAW,QACf,EAGjB,MAAsB,CACnB,IACL,EAAc,GAAM,CAEhB,EAAa,IACb,GAAM,CACC,EAAa,IACpB,GAAM,CAEV,EAAc,EAAE,GAGd,EAAiB,GAA0B,CACxC,IACL,EAAE,cAAc,kBAAkB,EAAE,UAAU,CAC9C,EAAgB,EAAE,QAAQ,GAGxB,EAAiB,GAA0B,CAC7C,EAAe,EAAE,QAAQ,EAGvB,MAAoB,CACtB,GAAe,EAGnB,GAAI,IAAU,EAAG,OAAO,KAExB,IAAM,EAAS,IAAe,OACxB,EAAc,EAEd,IAAA,GADA,CAAC,UAAW,oBAAoB,EAAS,IAAI,MAAM,EAAa,EAAa,EAAE,MAAM,CAG3F,OACI,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,EAAG,WAAY,GAAU,OAAQ,EAAU,CAAE,GAAI,WAAjE,EACI,EAAA,EAAA,KAAC,MAAD,CACI,UAAU,oBACK,gBACA,gBACF,cACb,gBAAiB,EACjB,MAAO,CACH,YAAa,EAAY,QAAU,IAAA,GACnC,OAAQ,EAAa,EAAa,WAAa,OAAU,IAAA,GAC5D,WAED,EAAA,EAAA,KAAC,MAAD,CAAK,IAAK,EAAU,UAAW,EAAA,EAAG,iBAAkB,GAAc,WAAW,CAAE,MAAO,WACjF,EAAO,KAAK,EAAO,KAChB,EAAA,EAAA,KAAC,MAAD,CAEI,UAAW,EAAA,EACP,iBACA,GAAU,IAAM,GAAU,SAC1B,GAAU,IAAM,GAAU,SAC7B,UAEA,EACC,CARG,EAQH,CACR,CACA,CAAA,CACJ,CAAA,CAEL,GAAc,EAAQ,IACnB,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,QAAQ,QACR,MAAM,UACN,SAAA,GACA,MAAM,SACN,QAAS,EACT,aAAW,iBACX,UAAU,+CAEV,EAAA,EAAA,KAAC,EAAA,GAAD,EAAoB,CAAA,CACd,CAAA,EACV,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,QAAQ,QACR,MAAM,UACN,SAAA,GACA,MAAM,SACN,QAAS,EACT,aAAW,aACX,UAAU,+CAEV,EAAA,EAAA,KAAC,EAAA,GAAD,EAAqB,CAAA,CACf,CAAA,CACX,CAAA,CAAA,CAGN,GAAY,EAAQ,IACjB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yBACV,EAAO,KAAK,EAAG,KACZ,EAAA,EAAA,KAAC,SAAD,CAEI,UAAW,EAAA,EAAG,eAAgB,IAAM,GAAU,SAAS,CACvD,YAAe,EAAK,EAAE,CACtB,aAAY,SAAS,EAAI,IACzB,KAAK,SACP,CALO,EAKP,CACJ,CACA,CAAA,CAER,GChKd,SAAgB,EAAW,EAA0C,CACjE,OAAO,IAAW,UAAY,IAAW,cAG7C,SAAgB,EAAS,EAA0C,CAC/D,OAAO,IAAW,QAAU,IAAW,cAG3C,SAAgB,EAAQ,EAA0C,CAC9D,OAAO,IAAW,MCLtB,SAAgB,EAAsB,CAClC,MACA,MAAM,GACN,QACA,cACA,UACA,OACA,SACA,cAAc,GACd,mBAAmB,SACnB,QAAQ,OACR,MAAM,QACN,WACA,YAC2B,CAC3B,IAAM,EAAU,GAAQ,EAClB,EAAe,EAAW,EAAiB,CAC3C,EAAY,EACX,CACG,iBAAkB,OAAO,GAAgB,SAAW,GAAG,EAAY,IAAM,EAC5E,CACD,IAAA,GACA,EAAW,GAAQ,GAAS,GAElC,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CACiB,cACb,YAAa,IAAqB,OAAkB,IAAA,GAAT,OAC3C,UAAW,EAAA,EAAG,gBAAiB,GAAe,cAAc,CAC5D,MAAO,WAJX,CAMK,GACG,EAAA,EAAA,MAAC,MAAD,CACI,UAAW,EAAA,EACP,iBACA,EAAS,EAAiB,EAAI,cAC9B,EAAQ,EAAiB,EAAI,aAChC,UALL,CAOK,GACG,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,kCAA0B,EAAY,CAAA,EAErD,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,GAAI,EACC,MACA,MACE,QACF,MACL,QAAA,GACA,OAAA,GACA,YAAa,EAAe,SAAW,OACzC,CAAA,CAEL,GAAU,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,4BAAoB,EAAc,CAAA,CAAG,KAC7D,GACN,KACH,GAAU,EAAA,EAAA,KAAC,EAAA,EAAD,CAAW,UAAU,yBAAiB,EAAoB,CAAA,CAAG,KACvE,GAAS,EAAA,EAAA,KAAC,EAAA,EAAD,CAAa,UAAU,2BAAmB,EAAqB,CAAA,CAAG,KACxE,GCzDhB,SAAS,EAAM,EAAe,EAAa,EAAa,CACpD,OAAO,KAAK,IAAI,KAAK,IAAI,EAAO,EAAI,CAAE,EAAI,CAG9C,SAAS,EAAoB,EAA4B,CAKrD,OAJM,aAAkB,QAIjB,CAAC,CAAC,EAAO,QACZ,yHACH,CALU,GAQf,SAAS,EAAa,EAAa,EAAoD,EAAsB,CAiBzG,OAhBI,GAAS,EACF,EAAM,KAAK,EAAM,IAAU,EAAW,EAAM,EAAM,CAAC,CAG1D,EACO,EACF,KAAK,EAAM,IACH,EAAe,EAAK,EAIlB,EAAA,EAAA,KAAC,EAAD,CAAsC,OAAQ,CAArB,EAAqB,CAH1C,KAIb,CACD,OAAO,QAAQ,CAGjB,EAAA,SAAS,QAAQ,EAAS,CAGrC,SAAS,EAAe,EAAiD,CACrE,IAAM,EAAQ,EACd,MAAO,CAAC,CAAC,GAAS,OAAO,GAAU,UAAY,QAAS,GAAS,OAAO,EAAM,KAAQ,SAG1F,SAAS,EAAmB,CAAC,QAAuC,CAChE,OAAO,EAAA,EAAA,KAAC,EAAD,CAAuB,IAAK,EAAK,IAAK,IAAK,EAAK,KAAO,GAAI,QAAS,EAAK,QAAW,CAAA,CAI/F,SAAgB,EAA+B,CAC3C,QACA,aACA,eACA,cAAc,GACd,OAAO,GACP,YAAY,GACZ,QAAQ,GACR,eAAe,IACf,eAAe,IACf,iBAAiB,IACjB,YACA,WACA,QACA,GAAG,GACuB,CAC1B,IAAM,GAAA,EAAA,EAAA,aAAuB,EAAU,EAAO,EAAY,EAAS,CAAE,CAAC,EAAU,EAAO,EAAW,CAAC,CAC7F,EAAQ,EAAO,OACf,CAAC,EAAQ,IAAA,EAAA,EAAA,UAAsB,EAAE,CACjC,CAAC,EAAM,IAAA,EAAA,EAAA,UAAoB,EAAE,CAC7B,CAAC,EAAU,IAAA,EAAA,EAAA,UAAwB,GAAM,CACzC,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,EAAE,CACzC,GAAA,EAAA,EAAA,QAAkC,KAAK,CACvC,GAAA,EAAA,EAAA,QAAgB,EAAE,CAClB,GAAA,EAAA,EAAA,QAAmB,GAAM,CAQzB,EAAY,EAAM,GALpB,EAAa,IACP,KAAK,IAAI,EAAgB,IAAK,CAC9B,EAAa,IACX,KAAK,IAAI,EAAgB,IAAK,CAC9B,IACuC,EAAc,EAAc,EAAa,CACtF,EAAU,EAAM,EAAa,MAAS,GAAI,GAAI,GAAG,EAEvD,EAAA,EAAA,eAAgB,CACZ,IAAM,EAAO,EAAS,QACtB,GAAI,CAAC,EAAM,OAEX,IAAM,MAAe,EAAc,EAAK,YAAY,CACpD,GAAQ,CAER,IAAM,EAAW,IAAI,eAAe,EAAO,CAG3C,OAFA,EAAS,QAAQ,EAAK,KAET,EAAS,YAAY,EACnC,EAAE,CAAC,EAEN,EAAA,EAAA,eAAgB,CACP,GAGL,EAAU,EADW,GAAgB,KAAK,OAAO,EAAQ,GAAK,EAAE,CAClC,EAAG,EAAQ,EAAE,CAAC,EAC7C,CAAC,EAAO,EAAa,CAAC,CAEzB,IAAM,GAAA,EAAA,EAAA,aACD,GAAsB,CACf,OAAQ,GAEZ,IAAI,EAAM,CACN,GAAW,EAAY,GAAS,EAAM,CACtC,OAGJ,EAAU,EAAM,EAAW,EAAG,EAAQ,EAAE,CAAC,GAE7C,CAAC,EAAO,EAAK,CAChB,CAEK,GAAA,EAAA,EAAA,iBAAyB,EAAK,EAAS,EAAE,CAAE,CAAC,EAAQ,EAAK,CAAC,CAC1D,GAAA,EAAA,EAAA,iBAAyB,EAAK,EAAS,EAAE,CAAE,CAAC,EAAQ,EAAK,CAAC,CAE1D,EAAiB,GAA6C,CAC5D,CAAC,GAAa,GAAS,GACvB,EAAoB,EAAM,OAAO,GACrC,EAAM,cAAc,kBAAkB,EAAM,UAAU,CACtD,EAAY,GAAK,CACjB,EAAO,QAAU,EAAM,QACvB,EAAQ,EAAE,GAGR,EAAiB,GAA6C,CAC3D,GACL,EAAQ,EAAM,QAAU,EAAO,QAAQ,EAGrC,MAAiB,CACnB,GAAI,CAAC,EAAU,OAEf,IAAM,EAAQ,KAAK,IAAI,GAAI,EAAY,IAAK,CAExC,GAAQ,CAAC,EACT,GAAM,CACC,GAAQ,GACf,GAAM,CAGV,EAAY,GAAM,CAClB,EAAQ,EAAE,EAgCd,IA7BA,EAAA,EAAA,eAAgB,CACZ,IAAM,EAAO,EAAS,QACtB,GAAI,CAAC,EAAM,OAEX,IAAM,EAAe,GAAsB,CACvC,GAAI,CAAC,GAAS,GAAS,GAAK,EAAU,QAAS,OAE/C,IAAM,EAAO,KAAK,IAAI,EAAM,OAAO,CAAG,KAAK,IAAI,EAAM,OAAO,CAAG,EAAM,OAAS,EAAM,OAChF,KAAK,IAAI,EAAK,CAAG,KAErB,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CAEvB,EAAU,QAAU,GACpB,OAAO,eAAiB,CACpB,EAAU,QAAU,IACrB,IAAI,CAEH,EAAO,EACP,GAAM,CAEN,GAAM,GAKd,OADA,EAAK,iBAAiB,QAAS,EAAa,CAAC,QAAS,GAAM,CAAC,KAChD,EAAK,oBAAoB,QAAS,EAAY,EAC5D,CAAC,EAAO,EAAM,EAAM,EAAM,CAAC,CAE1B,CAAC,EAAO,OAAO,KAEnB,IAAM,EAAS,EAAa,EAAI,GAAU,EAAY,GAAW,EAAY,EAAI,EAEjF,OACI,EAAA,EAAA,MAAC,MAAD,CACI,UAAW,EAAA,EAAG,WAAY,EAAU,CACpC,MAAO,CAAC,GAAG,EAAO,eAAgB,GAAG,EAAU,IAAI,CACnD,GAAI,WAHR,EAKI,EAAA,EAAA,KAAC,MAAD,CACI,IAAK,EACL,UAAU,iBACK,gBACA,gBACf,YAAa,EACb,gBAAiB,EACjB,eAAgB,EAChB,MAAO,CACH,OAAQ,GAAa,EAAQ,EAAK,EAAW,WAAa,OAAU,IAAA,GACvE,WAED,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,EAAG,iBAAkB,GAAY,WAAW,CACvD,MAAO,CACH,UAAW,cAAc,EAAO,KAChC,IAAK,GAAG,EAAQ,IACnB,UAEA,EAAO,KAAK,EAAO,IAAU,CAC1B,IAAM,EAAO,KAAK,IAAI,EAAQ,EAAO,CAErC,OACI,EAAA,EAAA,KAAC,MAAD,CAEI,UAAW,EAAA,EACP,gBACA,IAAU,GAAU,SACpB,IAAS,GAAK,OACd,GAAQ,GAAK,MAChB,CACD,MAAO,CAAC,OAAQ,KAAK,IAAI,EAAG,EAAQ,EAAK,CAAC,UAEzC,EACC,CAVG,EAUH,EAEZ,CACA,CAAA,CACJ,CAAA,CAEL,GAAe,EAAQ,IACpB,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4BAAf,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,KAAK,SACL,QAAQ,YACR,UAAU,eACV,WAAW,EAAA,EAAA,KAAC,EAAA,GAAD,EAAoB,CAAA,CAC/B,QAAS,WACZ,WAES,CAAA,EACV,EAAA,EAAA,KAAC,EAAA,EAAD,CAAS,KAAK,SAAS,UAAU,eAAe,SAAS,EAAA,EAAA,KAAC,EAAA,GAAD,EAAqB,CAAA,CAAE,QAAS,WAAM,OAErF,CAAA,CACR,GAER,GCnPd,SAAS,EAAY,EAAa,EAAoD,EAAsB,CAKxG,OAJI,GAAS,EACF,EAAM,KAAK,EAAM,IAAU,EAAW,EAAM,EAAM,CAAC,CAGvD,EAAA,SAAS,QAAQ,EAAS,CAIrC,SAAgB,EAAsB,CAClC,QACA,aACA,UAAU,EACV,YACA,WACA,QACA,GAAG,GACc,CACjB,IAAM,EAAU,EAAS,EAAO,EAAY,EAAS,CAIrD,OAFK,EAAQ,QAGT,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,UAAW,EAAU,CAAE,MAAO,CAAC,GAAG,EAAO,YAAa,EAAQ,CAAE,GAAI,WAClF,EAAQ,KAAK,EAAM,KAChB,EAAA,EAAA,KAAC,MAAD,CAAiB,UAAU,wBACtB,EACC,CAFI,EAEJ,CACR,CACA,CAAA,CATkB,KCnBhC,SAAgB,EAAa,CACzB,MACA,MAAM,GACN,SACA,UACA,OACA,SACA,cAAc,GACd,mBAAmB,OACnB,WACA,YACkB,CAClB,IAAM,EAAW,EAAS,CAAC,GAAG,GAAU,MAAO,SAAO,CAAG,GAAU,MAC7D,EAAU,GAAQ,EAElB,CAAC,kBAAiB,cAAa,qBAAqB,EAAA,EAAqC,CAC3F,OAFiB,EAAW,EAAiB,CAEtB,SAAW,OACrC,CAAC,CAEF,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CACiB,cACb,YAAa,IAAqB,OAAkB,IAAA,GAAT,OAC3C,UAAW,EAAA,EAAG,eAAgB,GAAe,cAAc,UAH/D,EAKI,EAAA,EAAA,MAAC,MAAD,CACI,UAAW,EAAA,EACP,gBACA,EACA,EAAS,EAAiB,EAAI,cAC9B,EAAQ,EAAiB,EAAI,aAChC,CACD,cAAgB,GAAU,CACP,EAAM,OAEV,QAAQ,mBAAmB,EAItC,EAAkB,EAAM,WAdhC,EAiBI,EAAA,EAAA,KAAC,MAAD,CAAK,GAAI,EAAe,MAAU,MAAK,UAAU,cAAc,MAAO,EAAY,CAAA,CACjF,GAAU,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2BAAmB,EAAc,CAAA,CAAG,KAC7D,EACC,GACL,GAAU,EAAA,EAAA,KAAC,EAAA,EAAD,CAAW,UAAU,wBAAgB,EAAoB,CAAA,CAAG,KACtE,GAAS,EAAA,EAAA,KAAC,EAAA,EAAD,CAAa,UAAU,0BAAkB,EAAqB,CAAA,CAAG,KACvE,GClDhB,SAAgB,EAAa,CACzB,QACA,MAAM,EACN,OAAO,KACP,QAAQ,UACR,UAAU,GACV,YACA,QACA,GAAG,GACe,CAClB,GAAI,CAAC,GAAS,EAAM,SAAW,EAAG,OAAO,KAEzC,IAAM,EAAU,EAAM,MAAM,EAAG,EAAI,CAC7B,EAAgB,EAAM,OAAS,EAC/B,EAAW,OAAO,GAAS,SAAW,EAAQ,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAG,CAAC,IAAS,GAEtG,OACI,EAAA,EAAA,MAAC,MAAD,CACI,UAAW,EAAA,EAAG,eAAgB,EAAU,CACxC,MAAO,CAAC,yBAA0B,IAAI,EAAQ,IAAK,GAAG,EAAM,CAC5D,GAAI,WAHR,CAKK,EAAQ,KAAK,EAAM,KAChB,EAAA,EAAA,KAAC,EAAA,EAAD,CAEI,IAAK,EAAK,OACV,KAAM,EAAK,KACL,OACC,QACP,UAAU,oBACV,MAAO,CAAC,OAAQ,EAAI,EAAE,CACxB,CAPO,EAOP,CACJ,CACD,EAAgB,IACb,EAAA,EAAA,MAAC,OAAD,CACI,UAAU,wBACV,MAAO,CACH,MAAO,EACP,OAAQ,EACR,SAAU,EAAW,IACrB,OAAQ,EAAQ,OAAS,EAC5B,UAPL,CAQC,IACK,EACC,GAET"}
+{"version":3,"file":"media-BhRjHzpA.cjs","names":[],"sources":["../src/components/media/MGallery/MGallery.tsx","../src/components/media/MCarousel/MCarousel.tsx","../src/components/media/mediaInteraction.ts","../src/components/media/MShowcaseCarouselItem/MShowcaseCarouselItem.tsx","../src/components/media/MShowcaseCarousel/MShowcaseCarousel.tsx","../src/components/media/MMasonry/MMasonry.tsx","../src/components/media/MMasonryItem/MMasonryItem.tsx","../src/components/media/MAvatarStack/MAvatarStack.tsx"],"sourcesContent":["import type {MGalleryProps} from './MGallery.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MGallery.css'\n\n// Render a responsive image grid gallery.\nexport function MGallery({\n    items,\n    columns = 3,\n    rounded = true,\n    clickEffect = 'ripple',\n    className,\n    ...rest\n}: MGalleryProps) {\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({\n    item,\n    rounded,\n    clickEffect,\n}: {\n    item: {src: string; alt?: string; caption?: string}\n    rounded: boolean\n    clickEffect: 'none' | 'ripple'\n}) {\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 {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","import type {MClickEffect} from '../../utils/useInteractionEffect'\n\nexport type MMediaInteractionEffect = MClickEffect | 'zoom' | 'dim' | 'zoom-ripple'\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","import type {CSSProperties} from 'react'\nimport {MCard, MCardBody, MCardFooter} from '../../cards'\nimport {MImage} from '../MImage'\nimport {cn} from '../../../utils/cn'\nimport {usesDim, usesRipple, usesZoom} from '../mediaInteraction'\nimport type {MShowcaseCarouselItemProps} from './MShowcaseCarouselItem.types'\nimport './MShowcaseCarouselItem.css'\n\nexport function MShowcaseCarouselItem({\n    src,\n    alt = '',\n    media,\n    mediaHeight,\n    overlay,\n    body,\n    footer,\n    interactive = false,\n    imageClickEffect = 'ripple',\n    ratio = '16:9',\n    fit = 'cover',\n    imgProps,\n    children,\n}: MShowcaseCarouselItemProps) {\n    const content = body ?? children\n    const shouldRipple = usesRipple(imageClickEffect)\n    const cardStyle = mediaHeight\n        ? ({\n              '--media-height': typeof mediaHeight === 'number' ? `${mediaHeight}px` : mediaHeight,\n          } as CSSProperties)\n        : undefined\n    const hasMedia = Boolean(media || src)\n\n    return (\n        <MCard\n            interactive={interactive}\n            clickEffect={imageClickEffect !== 'none' ? 'none' : undefined}\n            className={cn('showcase card', interactive && 'interactive')}\n            style={cardStyle}\n        >\n            {hasMedia ? (\n                <div\n                    className={cn(\n                        'showcase media',\n                        usesZoom(imageClickEffect) && 'effect-zoom',\n                        usesDim(imageClickEffect) && 'effect-dim'\n                    )}\n                >\n                    {media ? (\n                        <div className=\"showcase media-content\">{media}</div>\n                    ) : (\n                        <MImage\n                            {...imgProps}\n                            src={src}\n                            alt={alt}\n                            ratio={ratio}\n                            fit={fit}\n                            rounded\n                            shadow\n                            clickEffect={shouldRipple ? 'ripple' : 'none'}\n                        />\n                    )}\n                    {overlay ? <div className=\"showcase overlay\">{overlay}</div> : null}\n                </div>\n            ) : null}\n            {content ? <MCardBody className=\"showcase body\">{content}</MCardBody> : null}\n            {footer ? <MCardFooter className=\"showcase footer\">{footer}</MCardFooter> : null}\n        </MCard>\n    )\n}\n","import {Children, useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport type {CSSProperties, PointerEvent as ReactPointerEvent, ReactNode} from 'react'\nimport {MButton} from '../../controls'\nimport {MShowcaseCarouselItem} from '../MShowcaseCarouselItem'\nimport {MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport type {MShowcaseCarouselProps, MShowcaseCarouselSlide} from './MShowcaseCarousel.types'\nimport './MShowcaseCarousel.css'\n\nfunction clamp(value: number, min: number, max: number) {\n    return Math.min(Math.max(value, min), max)\n}\n\nfunction isInteractiveTarget(target: EventTarget | null) {\n    if (!(target instanceof Element)) {\n        return false\n    }\n\n    return !!target.closest(\n        'button, a, input, select, textarea, label, summary, [role=\"button\"], [role=\"link\"], [data-carousel-ignore-drag=\"true\"]'\n    )\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 MShowcaseCarouselSlide {\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: MShowcaseCarouselSlide}) {\n    return <MShowcaseCarouselItem src={item.src} alt={item.alt || ''} overlay={item.overlay} />\n}\n\n// Show a centered, mouse-driven carousel with partial side previews.\nexport function MShowcaseCarousel<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}: MShowcaseCarouselProps<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 =\n        stageWidth < 640\n            ? Math.max(itemWidthRatio, 0.78)\n            : stageWidth < 960\n              ? Math.max(itemWidthRatio, 0.66)\n              : 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        if (isInteractiveTarget(event.target)) 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    useEffect(() => {\n        const node = stageRef.current\n        if (!node) return\n\n        const handleWheel = (event: WheelEvent) => {\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            event.stopPropagation()\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        node.addEventListener('wheel', handleWheel, {passive: false})\n        return () => node.removeEventListener('wheel', handleWheel)\n    }, [count, next, prev, wheel])\n\n    if (!count) return null\n\n    const offset = stageWidth / 2 - active * (itemWidth + itemGap) - itemWidth / 2 + drag\n\n    return (\n        <div\n            className={cn('showcase', className)}\n            style={{...style, '--item-width': `${itemWidth}px`} as CSSProperties}\n            {...rest}\n        >\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                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                    <MButton\n                        type=\"button\"\n                        variant=\"secondary\"\n                        className=\"showcase-btn\"\n                        startIcon={<MChevronLeftIcon />}\n                        onClick={prev}\n                    >\n                        Previous\n                    </MButton>\n                    <MButton type=\"button\" className=\"showcase-btn\" endIcon={<MChevronRightIcon />} onClick={next}>\n                        Next\n                    </MButton>\n                </div>\n            )}\n        </div>\n    )\n}\n","import {Children} from 'react'\nimport type {ReactNode} from 'react'\nimport {cn} from '../../../utils/cn'\nimport type {MMasonryProps} from './MMasonry.types'\nimport './MMasonry.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 MMasonry<T = unknown>({\n    items,\n    renderItem,\n    columns = 3,\n    className,\n    children,\n    style,\n    ...rest\n}: MMasonryProps<T>) {\n    const content = getItems(items, renderItem, children)\n\n    if (!content.length) return null\n\n    return (\n        <div className={cn('masonry', className)} style={{...style, columnCount: columns}} {...rest}>\n            {content.map((item, index) => (\n                <div key={index} className=\"masonry item\">\n                    {item}\n                </div>\n            ))}\n        </div>\n    )\n}\n","import {MCard, MCardBody, MCardFooter} from '../../cards'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {usesDim, usesRipple, usesZoom} from '../mediaInteraction'\nimport './MMasonryItem.css'\nimport type {MMasonryItemProps} from './MMasonryItem.types'\n\nexport function MMasonryItem({\n    src,\n    alt = '',\n    height,\n    overlay,\n    body,\n    footer,\n    interactive = false,\n    imageClickEffect = 'none',\n    imgProps,\n    children,\n}: MMasonryItemProps) {\n    const imgStyle = height ? {...imgProps?.style, height} : imgProps?.style\n    const content = body ?? children\n    const shouldRipple = usesRipple(imageClickEffect)\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLDivElement>({\n        effect: shouldRipple ? 'ripple' : 'none',\n    })\n\n    return (\n        <MCard\n            interactive={interactive}\n            clickEffect={imageClickEffect !== 'none' ? 'none' : undefined}\n            className={cn('masonry card', interactive && 'interactive')}\n        >\n            <div\n                className={cn(\n                    'masonry media',\n                    effectClassName,\n                    usesZoom(imageClickEffect) && 'effect-zoom',\n                    usesDim(imageClickEffect) && 'effect-dim'\n                )}\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 ? <MCardBody className=\"masonry body\">{content}</MCardBody> : null}\n            {footer ? <MCardFooter className=\"masonry footer\">{footer}</MCardFooter> : null}\n        </MCard>\n    )\n}\n","import type {MAvatarStackProps} from './MAvatarStack.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {MAvatar} from '../MAvatar'\nimport './MAvatarStack.css'\n\nexport function MAvatarStack({\n    items,\n    max = 5,\n    size = 'sm',\n    color = 'primary',\n    hidden,\n    overlap = 10,\n    className,\n    style,\n    ...rest\n}: MAvatarStackProps) {\n    if (!items || items.length === 0) return null\n\n    const visible = items.slice(0, max)\n    const overflowCount = items.length - max\n    const avatarPx = typeof size === 'number' ? size : ({xs: 20, sm: 28, md: 40, lg: 56, xl: 72}[size] ?? 28)\n\n    return (\n        <div\n            className={cn('avatar-stack', className)}\n            style={{'--avatar-stack-overlap': `-${overlap}px`, ...style} as React.CSSProperties}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {visible.map((item, i) => (\n                <MAvatar\n                    key={i}\n                    src={item.avatar}\n                    name={item.name}\n                    size={size}\n                    color={color}\n                    className=\"avatar-stack-item\"\n                    style={{zIndex: i + 1}}\n                />\n            ))}\n            {overflowCount > 0 && (\n                <span\n                    className=\"avatar-stack-overflow\"\n                    style={{\n                        width: avatarPx,\n                        height: avatarPx,\n                        fontSize: avatarPx * 0.38,\n                        zIndex: visible.length + 1,\n                    }}\n                >\n                    +{overflowCount}\n                </span>\n            )}\n        </div>\n    )\n}\n"],"mappings":"iWAMA,SAAgB,EAAS,CACrB,QACA,UAAU,EACV,UAAU,GACV,cAAc,SACd,YACA,GAAG,GACW,CACd,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,UAAW,WAAW,IAAW,EAAU,CAAE,GAAI,WAC/D,EAAM,KAAK,EAAM,KACd,EAAA,EAAA,KAAC,EAAD,CAA6B,OAAe,UAAsB,cAAe,CAA7D,EAA6D,CACnF,CACA,CAAA,CAId,SAAS,EAAc,CACnB,OACA,UACA,eAKD,CACC,GAAM,CAAC,kBAAiB,cAAa,qBAAqB,EAAA,EAAkC,CACxF,OAAQ,EACX,CAAC,CAEF,OACI,EAAA,EAAA,MAAC,SAAD,CAAQ,UAAW,EAAA,EAAG,eAAgB,GAAW,UAAW,EAAgB,CAAE,cAAe,WAA7F,EACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,gBAAgB,IAAK,EAAK,IAAK,IAAK,EAAK,KAAO,GAAI,QAAQ,OAAS,CAAA,CACnF,EAAK,UAAW,EAAA,EAAA,KAAC,aAAD,CAAY,UAAU,2BAAmB,EAAK,QAAqB,CAAA,CACnF,EACI,GChCjB,SAAgB,EAAU,CACtB,WAAW,GACX,WAAW,IACX,WAAW,GACX,aAAa,GACb,OAAO,GACP,YAAY,GACZ,aAAa,QACb,YACA,WACA,GAAG,GACY,CACf,IAAM,EAAS,EAAA,SAAS,QAAQ,EAAS,CACnC,EAAQ,EAAO,OACf,CAAC,EAAQ,IAAA,EAAA,EAAA,UAAsB,EAAE,CACjC,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,EAAE,CACzC,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,GAAM,CAC7C,GAAA,EAAA,EAAA,QAAoB,EAAE,CACtB,GAAA,EAAA,EAAA,QAAkC,KAAK,CAEvC,GAAA,EAAA,EAAA,aACD,GAAkB,CAEX,EADA,GACW,EAAQ,GAAS,EAElB,KAAK,IAAI,EAAG,KAAK,IAAI,EAAO,EAAQ,EAAE,CAAC,CAAC,EAG1D,CAAC,EAAO,EAAK,CAChB,CAEK,GAAA,EAAA,EAAA,iBAAyB,EAAK,EAAS,EAAE,CAAE,CAAC,EAAQ,EAAK,CAAC,CAC1D,GAAA,EAAA,EAAA,iBAAyB,EAAK,EAAS,EAAE,CAAE,CAAC,EAAQ,EAAK,CAAC,EAEhE,EAAA,EAAA,eAAgB,CACZ,GAAI,CAAC,GAAY,GAAS,GAAK,EAAY,OAC3C,IAAM,EAAQ,YAAY,EAAM,EAAS,CACzC,UAAa,cAAc,EAAM,EAClC,CAAC,EAAU,EAAU,EAAM,EAAO,EAAW,CAAC,CAEjD,IAAM,EAAmB,GAAoB,CACpC,IACL,EAAc,GAAK,CACnB,EAAW,QAAU,EACrB,EAAc,EAAE,GAGd,EAAkB,GAAoB,CACnC,GAEL,EADa,EAAU,EAAW,QACf,EAGjB,MAAsB,CACnB,IACL,EAAc,GAAM,CAEhB,EAAa,IACb,GAAM,CACC,EAAa,IACpB,GAAM,CAEV,EAAc,EAAE,GAGd,EAAiB,GAA0B,CACxC,IACL,EAAE,cAAc,kBAAkB,EAAE,UAAU,CAC9C,EAAgB,EAAE,QAAQ,GAGxB,EAAiB,GAA0B,CAC7C,EAAe,EAAE,QAAQ,EAGvB,MAAoB,CACtB,GAAe,EAGnB,GAAI,IAAU,EAAG,OAAO,KAExB,IAAM,EAAS,IAAe,OACxB,EAAc,EAEd,IAAA,GADA,CAAC,UAAW,oBAAoB,EAAS,IAAI,MAAM,EAAa,EAAa,EAAE,MAAM,CAG3F,OACI,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,EAAG,WAAY,GAAU,OAAQ,EAAU,CAAE,GAAI,WAAjE,EACI,EAAA,EAAA,KAAC,MAAD,CACI,UAAU,oBACK,gBACA,gBACF,cACb,gBAAiB,EACjB,MAAO,CACH,YAAa,EAAY,QAAU,IAAA,GACnC,OAAQ,EAAa,EAAa,WAAa,OAAU,IAAA,GAC5D,WAED,EAAA,EAAA,KAAC,MAAD,CAAK,IAAK,EAAU,UAAW,EAAA,EAAG,iBAAkB,GAAc,WAAW,CAAE,MAAO,WACjF,EAAO,KAAK,EAAO,KAChB,EAAA,EAAA,KAAC,MAAD,CAEI,UAAW,EAAA,EACP,iBACA,GAAU,IAAM,GAAU,SAC1B,GAAU,IAAM,GAAU,SAC7B,UAEA,EACC,CARG,EAQH,CACR,CACA,CAAA,CACJ,CAAA,CAEL,GAAc,EAAQ,IACnB,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,QAAQ,QACR,MAAM,UACN,SAAA,GACA,MAAM,SACN,QAAS,EACT,aAAW,iBACX,UAAU,+CAEV,EAAA,EAAA,KAAC,EAAA,GAAD,EAAoB,CAAA,CACd,CAAA,EACV,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,QAAQ,QACR,MAAM,UACN,SAAA,GACA,MAAM,SACN,QAAS,EACT,aAAW,aACX,UAAU,+CAEV,EAAA,EAAA,KAAC,EAAA,GAAD,EAAqB,CAAA,CACf,CAAA,CACX,CAAA,CAAA,CAGN,GAAY,EAAQ,IACjB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yBACV,EAAO,KAAK,EAAG,KACZ,EAAA,EAAA,KAAC,SAAD,CAEI,UAAW,EAAA,EAAG,eAAgB,IAAM,GAAU,SAAS,CACvD,YAAe,EAAK,EAAE,CACtB,aAAY,SAAS,EAAI,IACzB,KAAK,SACP,CALO,EAKP,CACJ,CACA,CAAA,CAER,GChKd,SAAgB,EAAW,EAA0C,CACjE,OAAO,IAAW,UAAY,IAAW,cAG7C,SAAgB,EAAS,EAA0C,CAC/D,OAAO,IAAW,QAAU,IAAW,cAG3C,SAAgB,EAAQ,EAA0C,CAC9D,OAAO,IAAW,MCLtB,SAAgB,EAAsB,CAClC,MACA,MAAM,GACN,QACA,cACA,UACA,OACA,SACA,cAAc,GACd,mBAAmB,SACnB,QAAQ,OACR,MAAM,QACN,WACA,YAC2B,CAC3B,IAAM,EAAU,GAAQ,EAClB,EAAe,EAAW,EAAiB,CAC3C,EAAY,EACX,CACG,iBAAkB,OAAO,GAAgB,SAAW,GAAG,EAAY,IAAM,EAC5E,CACD,IAAA,GACA,EAAW,GAAQ,GAAS,GAElC,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CACiB,cACb,YAAa,IAAqB,OAAkB,IAAA,GAAT,OAC3C,UAAW,EAAA,EAAG,gBAAiB,GAAe,cAAc,CAC5D,MAAO,WAJX,CAMK,GACG,EAAA,EAAA,MAAC,MAAD,CACI,UAAW,EAAA,EACP,iBACA,EAAS,EAAiB,EAAI,cAC9B,EAAQ,EAAiB,EAAI,aAChC,UALL,CAOK,GACG,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,kCAA0B,EAAY,CAAA,EAErD,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,GAAI,EACC,MACA,MACE,QACF,MACL,QAAA,GACA,OAAA,GACA,YAAa,EAAe,SAAW,OACzC,CAAA,CAEL,GAAU,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,4BAAoB,EAAc,CAAA,CAAG,KAC7D,GACN,KACH,GAAU,EAAA,EAAA,KAAC,EAAA,EAAD,CAAW,UAAU,yBAAiB,EAAoB,CAAA,CAAG,KACvE,GAAS,EAAA,EAAA,KAAC,EAAA,EAAD,CAAa,UAAU,2BAAmB,EAAqB,CAAA,CAAG,KACxE,GCzDhB,SAAS,EAAM,EAAe,EAAa,EAAa,CACpD,OAAO,KAAK,IAAI,KAAK,IAAI,EAAO,EAAI,CAAE,EAAI,CAG9C,SAAS,EAAoB,EAA4B,CAKrD,OAJM,aAAkB,QAIjB,CAAC,CAAC,EAAO,QACZ,yHACH,CALU,GAQf,SAAS,EAAa,EAAa,EAAoD,EAAsB,CAiBzG,OAhBI,GAAS,EACF,EAAM,KAAK,EAAM,IAAU,EAAW,EAAM,EAAM,CAAC,CAG1D,EACO,EACF,KAAK,EAAM,IACH,EAAe,EAAK,EAIlB,EAAA,EAAA,KAAC,EAAD,CAAsC,OAAQ,CAArB,EAAqB,CAH1C,KAIb,CACD,OAAO,QAAQ,CAGjB,EAAA,SAAS,QAAQ,EAAS,CAGrC,SAAS,EAAe,EAAiD,CACrE,IAAM,EAAQ,EACd,MAAO,CAAC,CAAC,GAAS,OAAO,GAAU,UAAY,QAAS,GAAS,OAAO,EAAM,KAAQ,SAG1F,SAAS,EAAmB,CAAC,QAAuC,CAChE,OAAO,EAAA,EAAA,KAAC,EAAD,CAAuB,IAAK,EAAK,IAAK,IAAK,EAAK,KAAO,GAAI,QAAS,EAAK,QAAW,CAAA,CAI/F,SAAgB,EAA+B,CAC3C,QACA,aACA,eACA,cAAc,GACd,OAAO,GACP,YAAY,GACZ,QAAQ,GACR,eAAe,IACf,eAAe,IACf,iBAAiB,IACjB,YACA,WACA,QACA,GAAG,GACuB,CAC1B,IAAM,GAAA,EAAA,EAAA,aAAuB,EAAU,EAAO,EAAY,EAAS,CAAE,CAAC,EAAU,EAAO,EAAW,CAAC,CAC7F,EAAQ,EAAO,OACf,CAAC,EAAQ,IAAA,EAAA,EAAA,UAAsB,EAAE,CACjC,CAAC,EAAM,IAAA,EAAA,EAAA,UAAoB,EAAE,CAC7B,CAAC,EAAU,IAAA,EAAA,EAAA,UAAwB,GAAM,CACzC,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,EAAE,CACzC,GAAA,EAAA,EAAA,QAAkC,KAAK,CACvC,GAAA,EAAA,EAAA,QAAgB,EAAE,CAClB,GAAA,EAAA,EAAA,QAAmB,GAAM,CAQzB,EAAY,EAAM,GALpB,EAAa,IACP,KAAK,IAAI,EAAgB,IAAK,CAC9B,EAAa,IACX,KAAK,IAAI,EAAgB,IAAK,CAC9B,IACuC,EAAc,EAAc,EAAa,CACtF,EAAU,EAAM,EAAa,MAAS,GAAI,GAAI,GAAG,EAEvD,EAAA,EAAA,eAAgB,CACZ,IAAM,EAAO,EAAS,QACtB,GAAI,CAAC,EAAM,OAEX,IAAM,MAAe,EAAc,EAAK,YAAY,CACpD,GAAQ,CAER,IAAM,EAAW,IAAI,eAAe,EAAO,CAG3C,OAFA,EAAS,QAAQ,EAAK,KAET,EAAS,YAAY,EACnC,EAAE,CAAC,EAEN,EAAA,EAAA,eAAgB,CACP,GAGL,EAAU,EADW,GAAgB,KAAK,OAAO,EAAQ,GAAK,EAAE,CAClC,EAAG,EAAQ,EAAE,CAAC,EAC7C,CAAC,EAAO,EAAa,CAAC,CAEzB,IAAM,GAAA,EAAA,EAAA,aACD,GAAsB,CACf,OAAQ,GAEZ,IAAI,EAAM,CACN,GAAW,EAAY,GAAS,EAAM,CACtC,OAGJ,EAAU,EAAM,EAAW,EAAG,EAAQ,EAAE,CAAC,GAE7C,CAAC,EAAO,EAAK,CAChB,CAEK,GAAA,EAAA,EAAA,iBAAyB,EAAK,EAAS,EAAE,CAAE,CAAC,EAAQ,EAAK,CAAC,CAC1D,GAAA,EAAA,EAAA,iBAAyB,EAAK,EAAS,EAAE,CAAE,CAAC,EAAQ,EAAK,CAAC,CAE1D,EAAiB,GAA6C,CAC5D,CAAC,GAAa,GAAS,GACvB,EAAoB,EAAM,OAAO,GACrC,EAAM,cAAc,kBAAkB,EAAM,UAAU,CACtD,EAAY,GAAK,CACjB,EAAO,QAAU,EAAM,QACvB,EAAQ,EAAE,GAGR,EAAiB,GAA6C,CAC3D,GACL,EAAQ,EAAM,QAAU,EAAO,QAAQ,EAGrC,MAAiB,CACnB,GAAI,CAAC,EAAU,OAEf,IAAM,EAAQ,KAAK,IAAI,GAAI,EAAY,IAAK,CAExC,GAAQ,CAAC,EACT,GAAM,CACC,GAAQ,GACf,GAAM,CAGV,EAAY,GAAM,CAClB,EAAQ,EAAE,EAgCd,IA7BA,EAAA,EAAA,eAAgB,CACZ,IAAM,EAAO,EAAS,QACtB,GAAI,CAAC,EAAM,OAEX,IAAM,EAAe,GAAsB,CACvC,GAAI,CAAC,GAAS,GAAS,GAAK,EAAU,QAAS,OAE/C,IAAM,EAAO,KAAK,IAAI,EAAM,OAAO,CAAG,KAAK,IAAI,EAAM,OAAO,CAAG,EAAM,OAAS,EAAM,OAChF,KAAK,IAAI,EAAK,CAAG,KAErB,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CAEvB,EAAU,QAAU,GACpB,OAAO,eAAiB,CACpB,EAAU,QAAU,IACrB,IAAI,CAEH,EAAO,EACP,GAAM,CAEN,GAAM,GAKd,OADA,EAAK,iBAAiB,QAAS,EAAa,CAAC,QAAS,GAAM,CAAC,KAChD,EAAK,oBAAoB,QAAS,EAAY,EAC5D,CAAC,EAAO,EAAM,EAAM,EAAM,CAAC,CAE1B,CAAC,EAAO,OAAO,KAEnB,IAAM,EAAS,EAAa,EAAI,GAAU,EAAY,GAAW,EAAY,EAAI,EAEjF,OACI,EAAA,EAAA,MAAC,MAAD,CACI,UAAW,EAAA,EAAG,WAAY,EAAU,CACpC,MAAO,CAAC,GAAG,EAAO,eAAgB,GAAG,EAAU,IAAI,CACnD,GAAI,WAHR,EAKI,EAAA,EAAA,KAAC,MAAD,CACI,IAAK,EACL,UAAU,iBACK,gBACA,gBACf,YAAa,EACb,gBAAiB,EACjB,eAAgB,EAChB,MAAO,CACH,OAAQ,GAAa,EAAQ,EAAK,EAAW,WAAa,OAAU,IAAA,GACvE,WAED,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,EAAG,iBAAkB,GAAY,WAAW,CACvD,MAAO,CACH,UAAW,cAAc,EAAO,KAChC,IAAK,GAAG,EAAQ,IACnB,UAEA,EAAO,KAAK,EAAO,IAAU,CAC1B,IAAM,EAAO,KAAK,IAAI,EAAQ,EAAO,CAErC,OACI,EAAA,EAAA,KAAC,MAAD,CAEI,UAAW,EAAA,EACP,gBACA,IAAU,GAAU,SACpB,IAAS,GAAK,OACd,GAAQ,GAAK,MAChB,CACD,MAAO,CAAC,OAAQ,KAAK,IAAI,EAAG,EAAQ,EAAK,CAAC,UAEzC,EACC,CAVG,EAUH,EAEZ,CACA,CAAA,CACJ,CAAA,CAEL,GAAe,EAAQ,IACpB,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4BAAf,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,KAAK,SACL,QAAQ,YACR,UAAU,eACV,WAAW,EAAA,EAAA,KAAC,EAAA,GAAD,EAAoB,CAAA,CAC/B,QAAS,WACZ,WAES,CAAA,EACV,EAAA,EAAA,KAAC,EAAA,EAAD,CAAS,KAAK,SAAS,UAAU,eAAe,SAAS,EAAA,EAAA,KAAC,EAAA,GAAD,EAAqB,CAAA,CAAE,QAAS,WAAM,OAErF,CAAA,CACR,GAER,GCnPd,SAAS,EAAY,EAAa,EAAoD,EAAsB,CAKxG,OAJI,GAAS,EACF,EAAM,KAAK,EAAM,IAAU,EAAW,EAAM,EAAM,CAAC,CAGvD,EAAA,SAAS,QAAQ,EAAS,CAIrC,SAAgB,EAAsB,CAClC,QACA,aACA,UAAU,EACV,YACA,WACA,QACA,GAAG,GACc,CACjB,IAAM,EAAU,EAAS,EAAO,EAAY,EAAS,CAIrD,OAFK,EAAQ,QAGT,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,UAAW,EAAU,CAAE,MAAO,CAAC,GAAG,EAAO,YAAa,EAAQ,CAAE,GAAI,WAClF,EAAQ,KAAK,EAAM,KAChB,EAAA,EAAA,KAAC,MAAD,CAAiB,UAAU,wBACtB,EACC,CAFI,EAEJ,CACR,CACA,CAAA,CATkB,KCnBhC,SAAgB,EAAa,CACzB,MACA,MAAM,GACN,SACA,UACA,OACA,SACA,cAAc,GACd,mBAAmB,OACnB,WACA,YACkB,CAClB,IAAM,EAAW,EAAS,CAAC,GAAG,GAAU,MAAO,SAAO,CAAG,GAAU,MAC7D,EAAU,GAAQ,EAElB,CAAC,kBAAiB,cAAa,qBAAqB,EAAA,EAAqC,CAC3F,OAFiB,EAAW,EAAiB,CAEtB,SAAW,OACrC,CAAC,CAEF,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CACiB,cACb,YAAa,IAAqB,OAAkB,IAAA,GAAT,OAC3C,UAAW,EAAA,EAAG,eAAgB,GAAe,cAAc,UAH/D,EAKI,EAAA,EAAA,MAAC,MAAD,CACI,UAAW,EAAA,EACP,gBACA,EACA,EAAS,EAAiB,EAAI,cAC9B,EAAQ,EAAiB,EAAI,aAChC,CACD,cAAgB,GAAU,CACP,EAAM,OAEV,QAAQ,mBAAmB,EAItC,EAAkB,EAAM,WAdhC,EAiBI,EAAA,EAAA,KAAC,MAAD,CAAK,GAAI,EAAe,MAAU,MAAK,UAAU,cAAc,MAAO,EAAY,CAAA,CACjF,GAAU,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2BAAmB,EAAc,CAAA,CAAG,KAC7D,EACC,GACL,GAAU,EAAA,EAAA,KAAC,EAAA,EAAD,CAAW,UAAU,wBAAgB,EAAoB,CAAA,CAAG,KACtE,GAAS,EAAA,EAAA,KAAC,EAAA,EAAD,CAAa,UAAU,0BAAkB,EAAqB,CAAA,CAAG,KACvE,GCjDhB,SAAgB,EAAa,CACzB,QACA,MAAM,EACN,OAAO,KACP,QAAQ,UACR,SACA,UAAU,GACV,YACA,QACA,GAAG,GACe,CAClB,GAAI,CAAC,GAAS,EAAM,SAAW,EAAG,OAAO,KAEzC,IAAM,EAAU,EAAM,MAAM,EAAG,EAAI,CAC7B,EAAgB,EAAM,OAAS,EAC/B,EAAW,OAAO,GAAS,SAAW,EAAQ,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAG,CAAC,IAAS,GAEtG,OACI,EAAA,EAAA,MAAC,MAAD,CACI,UAAW,EAAA,EAAG,eAAgB,EAAU,CACxC,MAAO,CAAC,yBAA0B,IAAI,EAAQ,IAAK,GAAG,EAAM,CAC5D,GAAI,EAAA,EAAe,EAAO,CAC1B,GAAI,WAJR,CAMK,EAAQ,KAAK,EAAM,KAChB,EAAA,EAAA,KAAC,EAAA,EAAD,CAEI,IAAK,EAAK,OACV,KAAM,EAAK,KACL,OACC,QACP,UAAU,oBACV,MAAO,CAAC,OAAQ,EAAI,EAAE,CACxB,CAPO,EAOP,CACJ,CACD,EAAgB,IACb,EAAA,EAAA,MAAC,OAAD,CACI,UAAU,wBACV,MAAO,CACH,MAAO,EACP,OAAQ,EACR,SAAU,EAAW,IACrB,OAAQ,EAAQ,OAAS,EAC5B,UAPL,CAQC,IACK,EACC,GAET"}