@banzamel/mineralui 1.6.3 → 1.7.1

package/dist/layout-BqDbW0Qn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-BqDbW0Qn.js","names":[],"sources":["../src/components/layout/MContainer/MContainer.tsx","../src/components/layout/MHeader/MHeader.tsx","../src/components/layout/MFooter/MFooter.tsx","../src/components/layout/MNavs/MNavs.tsx","../src/components/layout/MNavbar/MNavbar.tsx","../src/components/layout/MTopbar/MTopbar.tsx","../src/components/layout/MSection/MSection.tsx","../src/components/layout/MSimpleGrid/MSimpleGrid.tsx","../src/components/layout/MGrid/MGrid.tsx","../src/components/layout/MDivider/MDivider.tsx","../src/components/layout/MSidebar/MSidebar.tsx","../src/components/layout/MBreadcrumb/MBreadcrumb.tsx","../src/components/layout/MAppShell/MAppShell.tsx"],"sourcesContent":["import type {MContainerProps} from './MContainer.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MContainer.css'\n\n// Constrain page content widths and apply shared spacing utilities.\nexport function MContainer({\n    size = 'content',\n    padded = true,\n    hidden,\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MContainerProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n\n    return (\n        <div\n            className={cn(\n                'container',\n                size,\n                padded && 'padded',\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n","import type {MHeaderProps} from './MHeader.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {MContainer} from '../MContainer'\nimport './MHeader.css'\n\n// Render a reusable page header shell aligned to a shared container.\nexport function MHeader({\n    container = 'wide',\n    padded = true,\n    bordered = true,\n    sticky = false,\n    tone = 'surface',\n    layout = 'split',\n    hidden,\n    className,\n    children,\n    ...rest\n}: MHeaderProps) {\n    return (\n        <header\n            className={cn('header', tone, bordered && 'bordered', sticky && 'sticky', className)}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            <MContainer size={container} padded={padded} className={cn('inner', `layout-${layout}`)}>\n                {children}\n            </MContainer>\n        </header>\n    )\n}\n","import type {MFooterProps} from './MFooter.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport {MContainer} from '../MContainer'\nimport './MFooter.css'\n\n// Render a reusable page footer shell with shared spacing utilities.\nexport function MFooter({\n    container = 'wide',\n    padded = true,\n    bordered = true,\n    tone = 'surface',\n    hidden,\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MFooterProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n\n    return (\n        <footer\n            className={cn(\n                'footer',\n                tone,\n                bordered && 'bordered',\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            <MContainer size={container} padded={padded} className=\"inner\" fullWidth>\n                {children}\n            </MContainer>\n        </footer>\n    )\n}\n","import type {MNavsProps} from './MNavs.types'\nimport {cn} from '../../../utils/cn'\nimport {MLink} from '../../typography'\nimport './MNavs.css'\n\n// Render a lightweight navigation list from data or custom children.\nexport function MNavs({items, orientation = 'horizontal', wrap = false, className, children, ...rest}: MNavsProps) {\n    return (\n        <div className={cn('navs', orientation, wrap && 'wrap', className)} {...rest}>\n            {items\n                ? items.map((item) => {\n                      const Icon = item.icon\n                      const hideLabel = item.iconOnly === true && Icon != null\n                      const labelAsString = typeof item.label === 'string' ? item.label : undefined\n                      const ariaLabel = hideLabel ? labelAsString : undefined\n                      const linkTitle = item.title ?? (hideLabel ? labelAsString : undefined)\n\n                      return (\n                          <MLink\n                              key={item.key ?? item.href ?? item.title?.toString() ?? labelAsString ?? ''}\n                              component={item.component}\n                              href={item.href}\n                              to={item.to}\n                              target={item.target}\n                              rel={item.rel}\n                              title={linkTitle}\n                              current={item.current}\n                              disabled={item.disabled}\n                              className={cn('link', hideLabel && 'icon-only', item.className)}\n                              aria-label={ariaLabel}\n                          >\n                              {Icon ? (\n                                  <span className=\"icon\" aria-hidden={!hideLabel || undefined}>\n                                      <Icon size={item.iconSize} />\n                                  </span>\n                              ) : null}\n                              {!hideLabel ? item.label : null}\n                          </MLink>\n                      )\n                  })\n                : children}\n        </div>\n    )\n}\n","import {Children, cloneElement, isValidElement, useEffect, useId, useRef, useState} from 'react'\nimport type {MouseEvent as ReactMouseEvent, ReactElement} from 'react'\nimport type {MNavbarProps} from './MNavbar.types'\nimport {getHiddenProps, MShellBreakpoints, useMaxWidth} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {MContainer} from '../MContainer'\nimport {MInline} from '../MInline'\nimport type {MInlineProps} from '../MInline'\nimport {MNavs} from '../MNavs'\nimport type {MNavsProps} from '../MNavs'\nimport {MButton} from '../../controls/MButton'\nimport {MMenuIcon} from '../../../icons'\nimport './MNavbar.css'\n\n// Render a horizontal app or site navigation shell with container alignment.\n// Below the md breakpoint MNavs children are collapsed behind a hamburger toggle\n// that opens either a dropdown panel or a side drawer with the navigation items.\nexport function MNavbar({\n    container = 'content',\n    padded = true,\n    bordered = true,\n    sticky = false,\n    tone = 'surface',\n    justify = 'between',\n    wrap = false,\n    mobileMenu = 'dropdown',\n    mobileMenuContent,\n    mobileMenuLabel = 'Open navigation',\n    mobileBreakpoint = MShellBreakpoints.compact,\n    hidden,\n    className,\n    children,\n    ...rest\n}: MNavbarProps) {\n    const [open, setOpen] = useState(false)\n    const rootRef = useRef<HTMLElement | null>(null)\n    const menuId = useId()\n    const mobile = useMaxWidth(mobileBreakpoint)\n\n    const childArray = Children.toArray(children)\n\n    const mobileNavs = childArray\n        .filter((child): child is ReactElement<MNavsProps> => isValidElement(child) && child.type === MNavs)\n        .map((child, index) =>\n            cloneElement(child, {\n                key: `mnavbar-mobile-navs-${index}`,\n                orientation: 'vertical',\n            })\n        )\n\n    const toggleButton = (\n        <MButton\n            key=\"mnavbar-toggle\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"md\"\n            iconOnly\n            className=\"navbar-toggle\"\n            aria-label={mobileMenuLabel}\n            aria-expanded={open}\n            aria-controls={menuId}\n            onClick={handleToggleClick}\n        >\n            <MMenuIcon />\n        </MButton>\n    )\n\n    let lastInlineIndex = -1\n    for (let index = childArray.length - 1; index >= 0; index -= 1) {\n        const child = childArray[index]\n        if (isValidElement(child) && child.type === MInline) {\n            lastInlineIndex = index\n            break\n        }\n    }\n\n    const renderedChildren =\n        lastInlineIndex === -1\n            ? [...childArray, toggleButton]\n            : childArray.map((child, index) => {\n                  if (index !== lastInlineIndex) return child\n                  const inlineChild = child as ReactElement<MInlineProps>\n                  const inlineChildren = Children.toArray(inlineChild.props.children)\n                  return cloneElement(inlineChild, {\n                      key: inlineChild.key ?? `mnavbar-inline-${index}`,\n                      children: [...inlineChildren, toggleButton],\n                  })\n              })\n\n    useEffect(() => {\n        if (!open) return\n\n        function handlePointerDown(event: PointerEvent) {\n            const root = rootRef.current\n            if (!root) return\n            if (event.target instanceof Node && root.contains(event.target)) return\n            setOpen(false)\n        }\n\n        function handleKeydown(event: KeyboardEvent) {\n            if (event.key === 'Escape') setOpen(false)\n        }\n\n        document.addEventListener('pointerdown', handlePointerDown)\n        document.addEventListener('keydown', handleKeydown)\n        return () => {\n            document.removeEventListener('pointerdown', handlePointerDown)\n            document.removeEventListener('keydown', handleKeydown)\n        }\n    }, [open])\n\n    useEffect(() => {\n        if (!mobile) {\n            setOpen(false)\n        }\n    }, [mobile])\n\n    function handleToggleClick() {\n        setOpen((previous) => !previous)\n    }\n\n    function handleMenuClick(event: ReactMouseEvent<HTMLDivElement>) {\n        const target = event.target as HTMLElement | null\n        if (!target) return\n        if (target.closest('a, [role=\"menuitem\"]')) {\n            setOpen(false)\n        }\n    }\n\n    return (\n        <nav\n            ref={rootRef}\n            className={cn(\n                'navbar',\n                tone,\n                bordered && 'bordered',\n                sticky && 'sticky',\n                mobile && 'mobile-view',\n                open && 'mobile-open',\n                `mobile-${mobileMenu}`,\n                className\n            )}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            <MContainer size={container} padded={padded} className=\"container\">\n                <div className={cn('inner', justify, wrap && 'wrap')}>{renderedChildren}</div>\n            </MContainer>\n\n            {mobileMenu === 'drawer' && <div className={cn('mobile-backdrop', open && 'visible')} aria-hidden />}\n\n            <div\n                id={menuId}\n                className={cn('mobile-menu', mobileMenu, open && 'open')}\n                role=\"menu\"\n                aria-hidden={!open || undefined}\n                onClick={handleMenuClick}\n            >\n                {mobileNavs}\n                {mobileMenuContent}\n            </div>\n        </nav>\n    )\n}\n","import {useEffect, useMemo, useRef, useState} from 'react'\nimport type {ReactNode} from 'react'\nimport type {MTopbarItem, MTopbarProps} from './MTopbar.types'\nimport {getHiddenProps, MShellBreakpoints, useMaxWidth} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {MContainer} from '../MContainer'\nimport {MButton} from '../../controls'\nimport {MLink} from '../../typography'\nimport {MChevronDownIcon, MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\nimport {MDropdownGroup, MDropdownItem, MDropdownMenu} from '../../overlays/MDropdownMenu'\nimport './MTopbar.css'\n\nfunction getItemKey(item: MTopbarItem): string {\n    return item.key ?? item.to ?? item.href ?? String(item.label)\n}\n\nfunction itemHasActiveDescendant(item: MTopbarItem): boolean {\n    if (item.active) return true\n    return (item.children ?? []).some(itemHasActiveDescendant)\n}\n\nfunction renderItemContent(item: MTopbarItem, withChevron = false, isOpen = false): ReactNode {\n    return (\n        <>\n            {item.icon ? <span className=\"topbar-icon\">{item.icon}</span> : null}\n            <span>{item.label}</span>\n            {item.badge ? <span className=\"topbar-badge\">{item.badge}</span> : null}\n            {withChevron ? (\n                <span className={cn('topbar-chevron', isOpen && 'open')} aria-hidden=\"true\">\n                    <MChevronDownIcon size=\"sm\" />\n                </span>\n            ) : null}\n        </>\n    )\n}\n\nfunction renderDropdownChildren(children: MTopbarItem[]): ReactNode {\n    return children.map((child) => {\n        if (child.children?.length) {\n            return (\n                <MDropdownGroup key={getItemKey(child)} label={String(child.label)}>\n                    {renderDropdownChildren(child.children)}\n                </MDropdownGroup>\n            )\n        }\n\n        return (\n            <MDropdownItem\n                key={getItemKey(child)}\n                icon={child.icon}\n                label={child.label}\n                href={child.href}\n                to={child.to}\n                onClick={child.onClick}\n                color={child.color}\n                disabled={child.disabled}\n                active={child.active}\n                component={child.component}\n                className={child.className}\n            />\n        )\n    })\n}\n\nexport function MTopbar({\n    items,\n    container = 'full',\n    padded = true,\n    bordered = true,\n    sticky = false,\n    tone = 'surface',\n    justify = 'left',\n    size = 'md',\n    openOn = 'hover',\n    dropdownPlacement = 'bottom-start',\n    compactBreakpoint = MShellBreakpoints.compact,\n    hidden,\n    className,\n    style,\n    ...rest\n}: MTopbarProps) {\n    const hiddenOnCompact = useMaxWidth(compactBreakpoint)\n    const [coarsePointer, setCoarsePointer] = useState(false)\n    const [openMap, setOpenMap] = useState<Record<string, boolean>>({})\n    const [hasOverflow, setHasOverflow] = useState(false)\n    const [canScrollLeft, setCanScrollLeft] = useState(false)\n    const [canScrollRight, setCanScrollRight] = useState(false)\n    const viewportRef = useRef<HTMLDivElement>(null)\n\n    useEffect(() => {\n        const media = window.matchMedia('(pointer: coarse)')\n        const sync = () => setCoarsePointer(media.matches)\n\n        sync()\n\n        if (typeof media.addEventListener === 'function') {\n            media.addEventListener('change', sync)\n            return () => media.removeEventListener('change', sync)\n        }\n\n        media.addListener(sync)\n        return () => media.removeListener(sync)\n    }, [])\n\n    useEffect(() => {\n        const viewport = viewportRef.current\n        if (!viewport) return\n\n        const updateOverflow = () => {\n            const nextHasOverflow = viewport.scrollWidth > viewport.clientWidth + 1\n            setHasOverflow(nextHasOverflow)\n            setCanScrollLeft(viewport.scrollLeft > 4)\n            setCanScrollRight(viewport.scrollLeft + viewport.clientWidth < viewport.scrollWidth - 4)\n        }\n\n        updateOverflow()\n\n        viewport.addEventListener('scroll', updateOverflow, {passive: true})\n\n        const observer = new ResizeObserver(updateOverflow)\n        observer.observe(viewport)\n        Array.from(viewport.children).forEach((child) => observer.observe(child))\n\n        return () => {\n            viewport.removeEventListener('scroll', updateOverflow)\n            observer.disconnect()\n        }\n    }, [items, justify, size, tone, bordered, padded, container])\n\n    const resolvedOpenOn = useMemo(() => (coarsePointer ? 'click' : openOn), [coarsePointer, openOn])\n\n    if (hiddenOnCompact) {\n        return null\n    }\n\n    const scrollByAmount = (direction: 'left' | 'right') => {\n        const viewport = viewportRef.current\n        if (!viewport) return\n\n        const amount = Math.max(180, Math.floor(viewport.clientWidth * 0.45))\n        viewport.scrollBy({\n            left: direction === 'left' ? -amount : amount,\n            behavior: 'smooth',\n        })\n    }\n\n    return (\n        <nav\n            className={cn('topbar', tone, size, bordered && 'bordered', sticky && 'sticky', className)}\n            style={style}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            <MContainer size={container} padded={padded} className=\"topbar-container\">\n                <div className={cn('topbar-scroll-shell', hasOverflow && 'overflowing')}>\n                    {hasOverflow && (\n                        <MButton\n                            variant=\"ghost\"\n                            color=\"neutral\"\n                            iconOnly\n                            shape=\"circle\"\n                            className={cn('topbar-scroll-button', 'left', !canScrollLeft && 'hidden')}\n                            onClick={() => scrollByAmount('left')}\n                            aria-label=\"Scroll topbar left\"\n                        >\n                            <MChevronLeftIcon />\n                        </MButton>\n                    )}\n\n                    <div ref={viewportRef} className=\"topbar-viewport\">\n                        <div className={cn('topbar-list', `justify-${justify}`, hasOverflow && 'overflowing')}>\n                            {items.map((item) => {\n                                const itemKey = getItemKey(item)\n                                const isActive = itemHasActiveDescendant(item)\n                                const isOpen = !!openMap[itemKey]\n\n                                if (item.children?.length) {\n                                    if (item.disabled) {\n                                        return (\n                                            <div\n                                                key={itemKey}\n                                                className={cn('topbar-trigger', item.color, 'disabled', item.className)}\n                                                aria-disabled=\"true\"\n                                            >\n                                                {renderItemContent(item, true)}\n                                            </div>\n                                        )\n                                    }\n\n                                    return (\n                                        <MDropdownMenu\n                                            key={itemKey}\n                                            trigger={\n                                                <div\n                                                    className={cn(\n                                                        'topbar-trigger',\n                                                        item.color,\n                                                        isActive && 'active',\n                                                        isOpen && 'open',\n                                                        item.disabled && 'disabled',\n                                                        item.className\n                                                    )}\n                                                >\n                                                    {renderItemContent(item, true, isOpen)}\n                                                </div>\n                                            }\n                                            openOn={item.openOn ?? resolvedOpenOn}\n                                            onOpenChange={(nextOpen) =>\n                                                setOpenMap((prev) => ({...prev, [itemKey]: nextOpen}))\n                                            }\n                                            placement={dropdownPlacement}\n                                            popoverClassName=\"topbar-dropdown-popover\"\n                                        >\n                                            {renderDropdownChildren(item.children)}\n                                        </MDropdownMenu>\n                                    )\n                                }\n\n                                return (\n                                    <MLink\n                                        key={itemKey}\n                                        component={item.component}\n                                        href={item.href}\n                                        to={item.to}\n                                        onClick={item.onClick}\n                                        current={item.active}\n                                        disabled={item.disabled}\n                                        underline=\"none\"\n                                        tone=\"inherit\"\n                                        className={cn(\n                                            'topbar-link',\n                                            item.color,\n                                            item.className,\n                                            item.active && 'active'\n                                        )}\n                                    >\n                                        {renderItemContent(item)}\n                                    </MLink>\n                                )\n                            })}\n                        </div>\n                    </div>\n\n                    {hasOverflow && (\n                        <MButton\n                            variant=\"ghost\"\n                            color=\"neutral\"\n                            iconOnly\n                            shape=\"circle\"\n                            className={cn('topbar-scroll-button', 'right', !canScrollRight && 'hidden')}\n                            onClick={() => scrollByAmount('right')}\n                            aria-label=\"Scroll topbar right\"\n                        >\n                            <MChevronRightIcon />\n                        </MButton>\n                    )}\n                </div>\n            </MContainer>\n        </nav>\n    )\n}\n","import type React from 'react'\nimport type {MSectionProps} from './MSection.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport './MSection.css'\n\n// Render a semantic page section with predefined spacing and tone.\nexport function MSection({\n    as = 'section',\n    spacing = 'lg',\n    tone = 'default',\n    hidden,\n    className,\n    style,\n    children,\n    ...rest\n}: MSectionProps) {\n    const Component = as\n\n    return (\n        <Component\n            className={cn('section', spacing, tone, className)}\n            style={style}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n","import type {MSimpleGridProps} from './MSimpleGrid.types'\nimport {cn} from '../../../utils/cn'\nimport './MSimpleGrid.css'\n\n// Render a simple equal-column grid with a shared default spacing.\nexport function MSimpleGrid({columns = 2, minItemWidth, className, style, children, ...rest}: MSimpleGridProps) {\n    return (\n        <div\n            className={cn('grid', `columns-${columns}`, className)}\n            style={{\n                ...(minItemWidth ? {'--grid-min-item-width': minItemWidth} : {}),\n                ...style,\n            }}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n","import {Children, cloneElement, isValidElement} from 'react'\nimport type {ReactElement} from 'react'\nimport type {MGridColumns, MGridItemProps, MGridProps} from './MGrid.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MGrid.css'\n\ntype GridBreakpoint = 'base' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm'\ntype GridBreakpointSpans = Record<GridBreakpoint, MGridColumns | undefined>\ntype MGridInternalProps = MGridProps & {\n    resolvedBase?: MGridColumns\n}\n\nconst gridBreakpointOrder: GridBreakpoint[] = ['base', 'xxl', 'xl', 'lg', 'md', 'sm']\n\nconst hiddenBreakpointMap: Record<string, GridBreakpoint[]> = {\n    sm: ['sm'],\n    md: ['md', 'sm'],\n    lg: ['lg', 'md', 'sm'],\n    xl: ['xl', 'lg', 'md', 'sm'],\n    '2xl': ['xxl', 'xl', 'lg', 'md', 'sm'],\n}\n\nfunction isGridColumnElement(child: unknown): child is ReactElement<MGridProps | MGridItemProps> {\n    if (!isValidElement(child)) {\n        return false\n    }\n\n    if (child.type === MGridItem) {\n        return true\n    }\n\n    return child.type === MGrid && (child.props as MGridProps).type === 'col'\n}\n\nfunction getInheritedSpans(props: Partial<MGridProps>): GridBreakpointSpans {\n    const sm = props.sm\n    const md = props.md ?? sm\n    const lg = props.lg ?? md\n    const xl = props.xl ?? lg\n    const xxl = props.xxl ?? xl\n\n    return {\n        base: xxl,\n        xxl,\n        xl,\n        lg,\n        md,\n        sm,\n    }\n}\n\nfunction isHiddenAtBreakpoint(hidden: MGridProps['hidden'], breakpoint: GridBreakpoint) {\n    if (hidden === true) {\n        return true\n    }\n\n    if (hidden === undefined || hidden === false || breakpoint === 'base') {\n        return false\n    }\n\n    return hiddenBreakpointMap[hidden]?.includes(breakpoint) ?? false\n}\n\nfunction distributeRemainingColumns(remaining: number, count: number): Array<MGridColumns | undefined> {\n    if (count <= 0) {\n        return []\n    }\n\n    if (remaining <= 0) {\n        return Array.from({length: count}, () => 12 as MGridColumns)\n    }\n\n    const base = Math.floor(remaining / count)\n    const extra = remaining % count\n\n    return Array.from({length: count}, (_, index) => {\n        const value = base + (index < extra ? 1 : 0)\n        return value >= 1 ? (value as MGridColumns) : (12 as MGridColumns)\n    })\n}\n\nfunction resolveAutoSpans(columnProps: Array<Partial<MGridProps>>) {\n    const normalized = columnProps.map((props) => getInheritedSpans(props))\n    const resolved = normalized.map((spans) => ({...spans}))\n\n    for (const breakpoint of gridBreakpointOrder) {\n        const autoIndexes: number[] = []\n        let usedColumns = 0\n\n        normalized.forEach((spans, index) => {\n            if (isHiddenAtBreakpoint(columnProps[index].hidden, breakpoint)) {\n                resolved[index][breakpoint] = undefined\n                return\n            }\n\n            const value = spans[breakpoint]\n\n            if (value) {\n                usedColumns += value\n                return\n            }\n\n            autoIndexes.push(index)\n        })\n\n        const distributed = distributeRemainingColumns(Math.max(12 - usedColumns, 0), autoIndexes.length)\n\n        autoIndexes.forEach((columnIndex, autoIndex) => {\n            resolved[columnIndex][breakpoint] = distributed[autoIndex]\n        })\n    }\n\n    return resolved\n}\n\n// Render either a responsive row or a responsive column using one shared grid API.\nexport function MGrid({\n    type = 'row',\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n    resolvedBase,\n    hidden,\n    align,\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MGridInternalProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const inheritedSpans = getInheritedSpans({sm, md, lg, xl, xxl})\n    const baseSpan = resolvedBase ?? inheritedSpans.base\n\n    if (type === 'col') {\n        return (\n            <div\n                className={cn(\n                    'grid',\n                    'col',\n                    baseSpan ? `span-${baseSpan}` : 'span-auto',\n                    xxl && `xxl-${xxl}`,\n                    xl && `xl-${xl}`,\n                    lg && `lg-${lg}`,\n                    md && `md-${md}`,\n                    sm && `sm-${sm}`,\n                    align && `self-${align}`,\n                    ...getLayoutUtilityClassNames({\n                        spacing,\n                        padding,\n                        fsize,\n                        mt,\n                        mb,\n                        ml,\n                        mr,\n                        mx,\n                        my,\n                        pt,\n                        pb,\n                        pl,\n                        pr,\n                        px,\n                        py,\n                        fullWidth,\n                    }),\n                    className\n                )}\n                style={{...utilityStyle, ...style}}\n                {...getHiddenProps(hidden)}\n                {...rest}\n            >\n                {children}\n            </div>\n        )\n    }\n\n    const childArray = Children.toArray(children)\n    const columnEntries = childArray.flatMap((child, index) => (isGridColumnElement(child) ? [{child, index}] : []))\n    const autoColumns = Math.min(Math.max(columnEntries.length || childArray.length, 1), 12)\n    const needsResponsiveResolution = columnEntries.some(({child}) => {\n        const p = child.props as MGridProps\n        return Boolean(p.hidden || p.xxl || p.xl || p.lg || p.md || p.sm)\n    })\n    const resolvedSpans = needsResponsiveResolution\n        ? resolveAutoSpans(columnEntries.map(({child}) => child.props as Partial<MGridProps>))\n        : null\n    const resolvedChildren =\n        needsResponsiveResolution && resolvedSpans\n            ? childArray.map((child, childIndex) => {\n                  const columnIndex = columnEntries.findIndex((entry) => entry.index === childIndex)\n\n                  if (columnIndex === -1 || !isGridColumnElement(child)) {\n                      return child\n                  }\n\n                  const spans = resolvedSpans[columnIndex]\n\n                  return cloneElement(child as ReactElement<MGridInternalProps>, {\n                      resolvedBase: spans.base,\n                      xxl: spans.xxl,\n                      xl: spans.xl,\n                      lg: spans.lg,\n                      md: spans.md,\n                      sm: spans.sm,\n                  })\n              })\n            : childArray\n\n    return (\n        <div\n            className={cn(\n                'grid',\n                'row',\n                needsResponsiveResolution ? 'tracked' : `auto-cols-${autoColumns}`,\n                align && `align-${align}`,\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth: fullWidth ?? true,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {resolvedChildren}\n        </div>\n    )\n}\n\n// Keep MGridItem as a compatibility alias for explicit column declarations.\nexport function MGridItem({sm, md, lg, xl, xxl, align, ...rest}: MGridItemProps) {\n    return <MGrid type=\"col\" sm={sm} md={md} lg={lg} xl={xl} xxl={xxl} align={align} {...rest} />\n}\n","import type {MDividerProps} from './MDivider.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport './MDivider.css'\n\n// Render a semantic divider line between related content blocks.\nexport function MDivider({\n    orientation = 'horizontal',\n    variant = 'solid',\n    hidden,\n    className,\n    style,\n    ...rest\n}: MDividerProps) {\n    return (\n        <div\n            role=\"separator\"\n            aria-orientation={orientation}\n            className={cn('divider', orientation, variant, className)}\n            style={style}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        />\n    )\n}\n","import {createContext, useContext, useState, useEffect, useCallback, useMemo} from 'react'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MChevronRightIcon, MMenuIcon} from '../../../icons'\nimport {MDropdownMenu, MTooltip} from '../../overlays'\nimport {MShellBreakpoints, useMaxWidth} from '../../../theme'\nimport type {\n    MSidebarProps,\n    MSidebarHeaderProps,\n    MSidebarBodyProps,\n    MSidebarNavProps,\n    MSidebarItemProps,\n    MSidebarGroupProps,\n    MSidebarFooterProps,\n    MSidebarDividerProps,\n    MSidebarMode,\n} from './MSidebar.types'\nimport './MSidebar.css'\n\nconst STORAGE_KEY = 'mineralui-sidebar'\n\ninterface SidebarContextValue {\n    mode: MSidebarMode\n    mobile: boolean\n    mobileOpen: boolean\n    canToggle: boolean\n    toggleMode: () => void\n}\n\nconst SidebarCtx = createContext<SidebarContextValue>({\n    mode: 'expanded',\n    mobile: false,\n    mobileOpen: false,\n    canToggle: false,\n    toggleMode: () => {},\n})\n\n// Read shared sidebar state inside slot components.\nfunction useSidebar() {\n    return useContext(SidebarCtx)\n}\n\n// Render the sidebar shell and coordinate desktop and mobile behavior.\nexport function MSidebar({\n    mode: modeProp = 'auto',\n    defaultMode = 'expanded',\n    onModeChange,\n    persist = false,\n    side = 'left',\n    tone = 'subtle',\n    bordered = true,\n    mobileBreakpoint = MShellBreakpoints.mobile,\n    compactBreakpoint = MShellBreakpoints.compact,\n    className,\n    style,\n    children,\n}: MSidebarProps) {\n    const resolvedCompactBreakpoint = Math.max(compactBreakpoint, mobileBreakpoint)\n    const mobile = useMaxWidth(mobileBreakpoint)\n    const compactViewport = useMaxWidth(resolvedCompactBreakpoint)\n    const compact = !mobile && compactViewport\n    const [mobileOpen, setMobileOpen] = useState(false)\n\n    const [internalMode, setInternalMode] = useState<MSidebarMode>(() => {\n        if (persist) {\n            try {\n                const v = localStorage.getItem(STORAGE_KEY)\n                if (v === 'expanded' || v === 'collapsed') return v\n            } catch {\n                /* noop */\n            }\n        }\n\n        return defaultMode\n    })\n\n    const resolvedMode: MSidebarMode = mobile\n        ? 'expanded'\n        : compact\n          ? 'collapsed'\n          : modeProp === 'auto'\n            ? internalMode\n            : modeProp === 'collapsed'\n              ? 'collapsed'\n              : 'expanded'\n\n    // MToggle only the desktop width state. Mobile uses its own overlay flow.\n    const toggleMode = useCallback(() => {\n        const next: MSidebarMode = resolvedMode === 'expanded' ? 'collapsed' : 'expanded'\n\n        setInternalMode(next)\n        onModeChange?.(next)\n\n        if (persist) {\n            try {\n                localStorage.setItem(STORAGE_KEY, next)\n            } catch {\n                /* noop */\n            }\n        }\n    }, [resolvedMode, onModeChange, persist])\n\n    const closeMobile = useCallback(() => setMobileOpen(false), [])\n\n    // Let Escape close the temporary mobile drawer.\n    useEffect(() => {\n        if (!mobileOpen) return\n\n        const handler = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') setMobileOpen(false)\n        }\n\n        document.addEventListener('keydown', handler)\n        return () => document.removeEventListener('keydown', handler)\n    }, [mobileOpen])\n\n    useEffect(() => {\n        if (!mobile) {\n            setMobileOpen(false)\n        }\n    }, [mobile])\n\n    const canToggle = !mobile && !compact && modeProp === 'auto'\n\n    const ctx = useMemo<SidebarContextValue>(\n        () => ({mode: resolvedMode, mobile, mobileOpen, canToggle, toggleMode}),\n        [resolvedMode, mobile, mobileOpen, canToggle, toggleMode]\n    )\n\n    const isCollapsed = !mobile && resolvedMode === 'collapsed'\n\n    const sidebarCls = cn(\n        'sidebar',\n        tone,\n        side,\n        isCollapsed && 'collapsed',\n        compact && 'compact',\n        bordered && 'bordered',\n        mobile && 'mobile',\n        mobile && mobileOpen && 'mobile-open',\n        className\n    )\n\n    return (\n        <SidebarCtx.Provider value={ctx}>\n            {mobile && mobileOpen && <div className=\"sidebar-backdrop\" onClick={closeMobile} />}\n\n            <aside className={sidebarCls} style={style}>\n                {children}\n            </aside>\n\n            {mobile && !mobileOpen && (\n                <button\n                    className={cn('sidebar-hamburger', side)}\n                    onClick={() => setMobileOpen(true)}\n                    aria-label=\"Open menu\"\n                >\n                    <span className=\"sidebar-hamburger-icon\" aria-hidden=\"true\">\n                        <MMenuIcon />\n                    </span>\n                </button>\n            )}\n        </SidebarCtx.Provider>\n    )\n}\n\n// Render the top area with branding and an optional collapse toggle.\nexport function MSidebarHeader({bordered = false, className, children}: MSidebarHeaderProps) {\n    const {mode, mobile, canToggle, toggleMode} = useSidebar()\n    const isCollapsed = !mobile && mode === 'collapsed'\n\n    return (\n        <div className={cn('sidebar-header', bordered && 'bordered', className)}>\n            <div className=\"sidebar-header-content\">{children}</div>\n            {canToggle && (\n                <MButton\n                    variant=\"outlined\"\n                    color=\"neutral\"\n                    iconOnly\n                    size=\"sm\"\n                    onClick={toggleMode}\n                    aria-label={isCollapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n                    className=\"sidebar-toggle\"\n                >\n                    <span className={cn('sidebar-chevron', isCollapsed && 'flipped')}>\n                        <MChevronRightIcon />\n                    </span>\n                </MButton>\n            )}\n        </div>\n    )\n}\n\n// Wrap the scrollable middle area between header and footer.\nexport function MSidebarBody({className, children}: MSidebarBodyProps) {\n    return <div className={cn('sidebar-body', className)}>{children}</div>\n}\n\n// Wrap sidebar links in a navigation landmark.\nexport function MSidebarNav({className, children}: MSidebarNavProps) {\n    return <nav className={cn('sidebar-nav', className)}>{children}</nav>\n}\n\n// Render one clickable sidebar row as a link, button or custom component.\nexport function MSidebarItem({\n    icon,\n    label,\n    href,\n    to,\n    onClick,\n    active = false,\n    disabled = false,\n    badge,\n    color,\n    component,\n    className,\n}: MSidebarItemProps) {\n    const {mode, mobile} = useSidebar()\n    const isCollapsed = !mobile && mode === 'collapsed'\n\n    const Tag = component ?? (href || to ? 'a' : 'button')\n    const linkProps = component ? (to ? {to} : href ? {href} : {}) : href ? {href} : to ? {href: to} : {}\n    const cls = cn('sidebar-item', active && 'active', disabled && 'disabled', color, className)\n\n    return (\n        <Tag\n            className={cls}\n            onClick={disabled ? undefined : onClick}\n            aria-disabled={disabled || undefined}\n            title={isCollapsed ? label : undefined}\n            {...linkProps}\n        >\n            {icon && <span className=\"sidebar-item-icon\">{icon}</span>}\n            {!isCollapsed && (\n                <MTooltip content={label} placement=\"top\" className=\"sidebar-item-label-tooltip\">\n                    <span className=\"sidebar-item-label\">{label}</span>\n                </MTooltip>\n            )}\n            {!isCollapsed && badge && <span className=\"sidebar-item-badge\">{badge}</span>}\n        </Tag>\n    )\n}\n\n// Group related sidebar items and swap to a dropdown when collapsed.\nexport function MSidebarGroup({\n    label,\n    icon,\n    active = false,\n    defaultOpen = true,\n    collapsible = true,\n    children,\n    className,\n}: MSidebarGroupProps) {\n    const sidebarCtx = useSidebar()\n    const {mode, mobile} = sidebarCtx\n    const isCollapsed = !mobile && mode === 'collapsed'\n    const [open, setOpen] = useState(defaultOpen)\n\n    const expandedCtx = useMemo<SidebarContextValue>(() => ({...sidebarCtx, mode: 'expanded'}), [sidebarCtx])\n\n    // Keep expand/collapse local to this group.\n    const toggle = () => {\n        if (collapsible) setOpen((o) => !o)\n    }\n\n    if (isCollapsed) {\n        const trigger = (\n            <span className={cn('sidebar-group-icon collapsed', active && 'active')} title={label}>\n                {icon}\n            </span>\n        )\n\n        return (\n            <div className={cn('sidebar-group', className)}>\n                <MDropdownMenu trigger={trigger} placement=\"right-start\" closeOnSelect openOn=\"hover\">\n                    <SidebarCtx.Provider value={expandedCtx}>{children}</SidebarCtx.Provider>\n                </MDropdownMenu>\n            </div>\n        )\n    }\n\n    return (\n        <div className={cn('sidebar-group', className)}>\n            <button className={cn('sidebar-group-header', active && 'active')} onClick={toggle} aria-expanded={open}>\n                {icon && <span className=\"sidebar-group-icon\">{icon}</span>}\n                <span className=\"sidebar-group-label\">{label}</span>\n                {collapsible && (\n                    <span className={cn('sidebar-group-arrow', open && 'open')}>\n                        <MChevronRightIcon />\n                    </span>\n                )}\n            </button>\n            {open && <div className=\"sidebar-group-items\">{children}</div>}\n        </div>\n    )\n}\n\n// Render the bottom slot for version info or quick actions.\nexport function MSidebarFooter({bordered = false, className, children}: MSidebarFooterProps) {\n    return <div className={cn('sidebar-footer', bordered && 'bordered', className)}>{children}</div>\n}\n\n// Render a spacing-aware divider between sidebar regions.\nexport function MSidebarDivider({className, spacing = 'md'}: MSidebarDividerProps) {\n    return <hr className={cn('sidebar-divider', spacing, className)} />\n}\n","import {useMemo} from 'react'\nimport {cn} from '../../../utils/cn'\nimport type {MBreadcrumbProps} from './MBreadcrumb.types'\nimport './MBreadcrumb.css'\n\n// Render a compact path and collapse the middle when needed.\nexport function MBreadcrumb({items, separator = '/', maxItems, className, ...rest}: MBreadcrumbProps) {\n    // Keep the current page visible while shortening deep paths.\n    const visible = useMemo(() => {\n        if (!maxItems || maxItems >= items.length) return items\n        if (maxItems < 2) return [items[items.length - 1]]\n        const head = items.slice(0, 1)\n        const tail = items.slice(-(maxItems - 1))\n        return [...head, null, ...tail]\n    }, [items, maxItems])\n\n    return (\n        <nav aria-label=\"breadcrumb\" className={cn('breadcrumb', className)} {...rest}>\n            <ol className=\"trail\">\n                {visible.map((item, i) => {\n                    if (item === null) {\n                        return (\n                            <li key=\"ellipsis\" className=\"crumb dots\">\n                                <span className=\"sep\">{separator}</span>\n                                <span>&#8230;</span>\n                            </li>\n                        )\n                    }\n\n                    const isLast = i === visible.length - 1\n\n                    return (\n                        <li key={i} className={cn('crumb', isLast && 'active')}>\n                            {i > 0 && <span className=\"sep\">{separator}</span>}\n                            {item.href && !isLast ? (\n                                <a href={item.href} className=\"link\" onClick={item.onClick}>\n                                    {item.label}\n                                </a>\n                            ) : item.onClick && !isLast ? (\n                                <button type=\"button\" className=\"link btn\" onClick={item.onClick}>\n                                    {item.label}\n                                </button>\n                            ) : (\n                                <span className=\"current\" aria-current={isLast ? 'page' : undefined}>\n                                    {item.label}\n                                </span>\n                            )}\n                        </li>\n                    )\n                })}\n            </ol>\n        </nav>\n    )\n}\n","import {forwardRef, Children, isValidElement} from 'react'\nimport type * as React from 'react'\nimport type {MAppShellProps, MBodyProps} from './MAppShell.types'\nimport {cn} from '../../../utils/cn'\nimport {MSidebar} from '../MSidebar'\nimport './MAppShell.css'\n\nexport const MAppShell = forwardRef<HTMLDivElement, MAppShellProps>(function MAppShell(\n    {className, children, ...rest},\n    ref\n) {\n    const sidebarElements: React.ReactNode[] = []\n    const otherElements: React.ReactNode[] = []\n\n    Children.forEach(children, (child) => {\n        if (isValidElement(child) && child.type === MSidebar) {\n            sidebarElements.push(child)\n        } else {\n            otherElements.push(child)\n        }\n    })\n\n    return (\n        <div ref={ref} className={cn('app-shell', className)} {...rest}>\n            {sidebarElements}\n            <div className=\"app-main\">{otherElements}</div>\n        </div>\n    )\n})\n\nexport const MBody = forwardRef<HTMLDivElement, MBodyProps>(function MBody({className, children, ...rest}, ref) {\n    return (\n        <div ref={ref} className={cn('app-body', className)} {...rest}>\n            {children}\n        </div>\n    )\n})\n"],"mappings":";;;;;;;;;;;;AAOA,SAAgB,EAAW,EACvB,UAAO,WACP,YAAS,IACT,WACA,YACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,UACA,aACA,GAAG,KACa;CAChB,IAAM,IAAe,EAAuB,EAAC,UAAM,CAAC;AAEpD,QACI,kBAAC,OAAD;EACI,WAAW,EACP,aACA,GACA,KAAU,UACV,GAAG,EAA2B;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACH,CAAC,EACF,EACH;EACD,OAAO;GAAC,GAAG;GAAc,GAAG;GAAM;EAClC,GAAI,EAAe,EAAO;EAC1B,GAAI;EAEH;EACC,CAAA;;;;AC1Dd,SAAgB,EAAQ,EACpB,eAAY,QACZ,YAAS,IACT,cAAW,IACX,YAAS,IACT,UAAO,WACP,YAAS,SACT,WACA,cACA,aACA,GAAG,KACU;AACb,QACI,kBAAC,UAAD;EACI,WAAW,EAAG,UAAU,GAAM,KAAY,YAAY,KAAU,UAAU,EAAU;EACpF,GAAI,EAAe,EAAO;EAC1B,GAAI;YAEJ,kBAAC,GAAD;GAAY,MAAM;GAAmB;GAAQ,WAAW,EAAG,SAAS,UAAU,IAAS;GAClF;GACQ,CAAA;EACR,CAAA;;;;ACpBjB,SAAgB,EAAQ,EACpB,eAAY,QACZ,YAAS,IACT,cAAW,IACX,UAAO,WACP,WACA,YACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,UACA,aACA,GAAG,KACU;CACb,IAAM,IAAe,EAAuB,EAAC,UAAM,CAAC;AAEpD,QACI,kBAAC,UAAD;EACI,WAAW,EACP,UACA,GACA,KAAY,YACZ,GAAG,EAA2B;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACH,CAAC,EACF,EACH;EACD,OAAO;GAAC,GAAG;GAAc,GAAG;GAAM;EAClC,GAAI,EAAe,EAAO;EAC1B,GA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"}

package/dist/layout.cjs

@@ -1,3 +1,3 @@
 const {ensureStyles}=require('./style-runtime.cjs')
 ensureStyles()
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./layout-rtlHrjDb.cjs`),t=require(`./MInline-CHrh3PHH.cjs`),n=require(`./MStack-Bh-R2opf.cjs`),r=require(`./MSurface-CpiV1-7f.cjs`),i=require(`./MPagination-CZEJMJzZ.cjs`);exports.MAppShell=e.t,exports.MBody=e.n,exports.MBreadcrumb=e.r,exports.MContainer=e.C,exports.MDivider=e.f,exports.MFooter=e.x,exports.MGrid=e.p,exports.MGridItem=e.m,exports.MHeader=e.S,exports.MInline=t.t,exports.MNavbar=e.y,exports.MNavs=e.b,exports.MPagination=i.t,exports.MSection=e.g,exports.MSidebar=e.i,exports.MSidebarBody=e.a,exports.MSidebarDivider=e.o,exports.MSidebarFooter=e.s,exports.MSidebarGroup=e.c,exports.MSidebarHeader=e.l,exports.MSidebarItem=e.u,exports.MSidebarNav=e.d,exports.MSimpleGrid=e.h,exports.MStack=n.t,exports.MSurface=r.t,exports.MTabs=e._,exports.MTopbar=e.v;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./layout-B3S9bvaP.cjs`),t=require(`./MInline-FEXWkr71.cjs`),n=require(`./MStack-Dy8Zl6FW.cjs`),r=require(`./MTabs-DuLqttVp.cjs`),i=require(`./MSurface-wVqTsi1m.cjs`),a=require(`./MPagination-B8BcGks_.cjs`);exports.MAppShell=e.t,exports.MBody=e.n,exports.MBreadcrumb=e.r,exports.MContainer=e.S,exports.MDivider=e.f,exports.MFooter=e.b,exports.MGrid=e.p,exports.MGridItem=e.m,exports.MHeader=e.x,exports.MInline=t.t,exports.MNavbar=e.v,exports.MNavs=e.y,exports.MPagination=a.t,exports.MSection=e.g,exports.MSidebar=e.i,exports.MSidebarBody=e.a,exports.MSidebarDivider=e.o,exports.MSidebarFooter=e.s,exports.MSidebarGroup=e.c,exports.MSidebarHeader=e.l,exports.MSidebarItem=e.u,exports.MSidebarNav=e.d,exports.MSimpleGrid=e.h,exports.MStack=n.t,exports.MSurface=i.t,exports.MTabs=r.t,exports.MTopbar=e._;

package/dist/layout.js

@@ -1,8 +1,9 @@
 import {ensureStyles} from './style-runtime.js'
 ensureStyles()
-import { C as e, S as t, _ as n, a as r, b as i, c as a, d as o, f as s, g as c, h as l, i as u, l as d, m as f, n as p, o as m, p as h, r as g, s as _, t as v, u as y, v as b, x, y as S } from "./layout-BpEnTocp.js";
-import { t as C } from "./MInline-CoMhfX5V.js";
-import { t as w } from "./MStack-CSaEbepM.js";
-import { t as T } from "./MSurface-DJYSftdM.js";
-import { t as E } from "./MPagination-CTnaW5AW.js";
-export { v as MAppShell, p as MBody, g as MBreadcrumb, e as MContainer, s as MDivider, x as MFooter, h as MGrid, f as MGridItem, t as MHeader, C as MInline, S as MNavbar, i as MNavs, E as MPagination, c as MSection, u as MSidebar, r as MSidebarBody, m as MSidebarDivider, _ as MSidebarFooter, a as MSidebarGroup, d as MSidebarHeader, y as MSidebarItem, o as MSidebarNav, l as MSimpleGrid, w as MStack, T as MSurface, n as MTabs, b as MTopbar };
+import { S as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, x as b, y as x } from "./layout-BqDbW0Qn.js";
+import { t as S } from "./MInline-CoMhfX5V.js";
+import { t as C } from "./MStack-CSaEbepM.js";
+import { t as w } from "./MTabs-Dg31d-_D.js";
+import { t as T } from "./MSurface-f_3vN0sd.js";
+import { t as E } from "./MPagination-BdBpF3Px.js";
+export { _ as MAppShell, f as MBody, h as MBreadcrumb, e as MContainer, o as MDivider, r as MFooter, m as MGrid, d as MGridItem, b as MHeader, S as MInline, y as MNavbar, x as MNavs, E as MPagination, s as MSection, l as MSidebar, n as MSidebarBody, p as MSidebarDivider, g as MSidebarFooter, i as MSidebarGroup, u as MSidebarHeader, v as MSidebarItem, a as MSidebarNav, c as MSimpleGrid, C as MStack, T as MSurface, w as MTabs, t as MTopbar };

package/dist/{licensing-ezfo7ZTh.cjs → licensing-Df1Z1rnQ.cjs}

@@ -1,2 +1,2 @@
-require(`./core-AKWkE8Bx.cjs`);let e=require(`react`);function t(t,n){(0,e.useEffect)(()=>{let e=e=>{!t.current||t.current.contains(e.target)||n()};return document.addEventListener(`mousedown`,e),document.addEventListener(`touchstart`,e),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`touchstart`,e)}},[t,n])}var n={MFileManager:{group:`data`,plan:`pro`},MCalendarBoard:{group:`data`,plan:`pro`},MChat:{group:`data`,plan:`pro`},MStepper:{group:`display`,plan:`pro`},MTimeline:{group:`display`,plan:`pro`},MAvatarStack:{group:`media`,plan:`pro`},MIconV2:{group:`icons`,plan:`pro`},MTopbar:{group:`layout`,plan:`pro`},MMasonry:{group:`media`,plan:`pro`},MShowcaseCarousel:{group:`media`,plan:`pro`},MCookieConsent:{group:`feedback`,plan:`pro`},MQrCode:{group:`display`,plan:`pro`},MCardBusiness:{group:`cards`,plan:`pro`},MCardFinance:{group:`cards`,plan:`pro`},MLineChart:{group:`charts`,plan:`pro`},MBarChart:{group:`charts`,plan:`pro`},MAreaChart:{group:`charts`,plan:`pro`},MPieChart:{group:`charts`,plan:`pro`},MSparkline:{group:`charts`,plan:`pro`}},r=Object.keys(n);function i(e){return Object.prototype.hasOwnProperty.call(n,e)}function a(e){if(i(e))return n[e]}function o(e){return a(e)?.plan??`free`}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=licensing-ezfo7ZTh.cjs.map
+require(`./core-w629c4ND.cjs`);let e=require(`react`);function t(t,n){(0,e.useEffect)(()=>{let e=e=>{!t.current||t.current.contains(e.target)||n()};return document.addEventListener(`mousedown`,e),document.addEventListener(`touchstart`,e),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`touchstart`,e)}},[t,n])}var n={MFileManager:{group:`data`,plan:`pro`},MCalendarBoard:{group:`data`,plan:`pro`},MChat:{group:`data`,plan:`pro`},MStepper:{group:`display`,plan:`pro`},MTimeline:{group:`display`,plan:`pro`},MAvatarStack:{group:`media`,plan:`pro`},MIconV2:{group:`icons`,plan:`pro`},MTopbar:{group:`layout`,plan:`pro`},MMasonry:{group:`media`,plan:`pro`},MShowcaseCarousel:{group:`media`,plan:`pro`},MCookieConsent:{group:`feedback`,plan:`pro`},MQrCode:{group:`display`,plan:`pro`},MCardBusiness:{group:`cards`,plan:`pro`},MCardFinance:{group:`cards`,plan:`pro`},MLineChart:{group:`charts`,plan:`pro`},MBarChart:{group:`charts`,plan:`pro`},MAreaChart:{group:`charts`,plan:`pro`},MPieChart:{group:`charts`,plan:`pro`},MSparkline:{group:`charts`,plan:`pro`}},r=Object.keys(n);function i(e){return Object.prototype.hasOwnProperty.call(n,e)}function a(e){if(i(e))return n[e]}function o(e){return a(e)?.plan??`free`}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=licensing-Df1Z1rnQ.cjs.map

package/dist/{licensing-ezfo7ZTh.cjs.map → licensing-Df1Z1rnQ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"licensing-ezfo7ZTh.cjs","names":[],"sources":["../src/utils/useClickOutside.ts","../src/utils/licensing.ts"],"sourcesContent":["import {useEffect, type RefObject} from 'react'\n\n// Trigger a callback when pointer interaction happens outside the referenced element.\nexport function useClickOutside(ref: RefObject<HTMLElement | null>, handler: () => void): void {\n    useEffect(() => {\n        const listener = (e: MouseEvent | TouchEvent) => {\n            if (!ref.current || ref.current.contains(e.target as Node)) return\n            handler()\n        }\n\n        document.addEventListener('mousedown', listener)\n        document.addEventListener('touchstart', listener)\n        return () => {\n            document.removeEventListener('mousedown', listener)\n            document.removeEventListener('touchstart', listener)\n        }\n    }, [ref, handler])\n}\n","export type MineralPlan = 'free' | 'pro'\n\nexport interface MineralComponentLicense {\n    group: 'cards' | 'charts' | 'data' | 'display' | 'media' | 'icons' | 'layout' | 'feedback'\n    plan: MineralPlan\n}\n\nexport const mineralComponentLicenses = {\n    MFileManager: {group: 'data', plan: 'pro'},\n    MCalendarBoard: {group: 'data', plan: 'pro'},\n    MChat: {group: 'data', plan: 'pro'},\n    MStepper: {group: 'display', plan: 'pro'},\n    MTimeline: {group: 'display', plan: 'pro'},\n    MAvatarStack: {group: 'media', plan: 'pro'},\n    MIconV2: {group: 'icons', plan: 'pro'},\n    MTopbar: {group: 'layout', plan: 'pro'},\n    MMasonry: {group: 'media', plan: 'pro'},\n    MShowcaseCarousel: {group: 'media', plan: 'pro'},\n    MCookieConsent: {group: 'feedback', plan: 'pro'},\n    MQrCode: {group: 'display', plan: 'pro'},\n    MCardBusiness: {group: 'cards', plan: 'pro'},\n    MCardFinance: {group: 'cards', plan: 'pro'},\n    MLineChart: {group: 'charts', plan: 'pro'},\n    MBarChart: {group: 'charts', plan: 'pro'},\n    MAreaChart: {group: 'charts', plan: 'pro'},\n    MPieChart: {group: 'charts', plan: 'pro'},\n    MSparkline: {group: 'charts', plan: 'pro'},\n} as const satisfies Record<string, MineralComponentLicense>\n\nexport type MineralProComponentName = keyof typeof mineralComponentLicenses\n\nexport const mineralProComponents = Object.keys(mineralComponentLicenses) as MineralProComponentName[]\n\nexport function isMineralProComponent(componentName: string): componentName is MineralProComponentName {\n    return Object.prototype.hasOwnProperty.call(mineralComponentLicenses, componentName)\n}\n\nexport function getMineralComponentLicense(componentName: string): MineralComponentLicense | undefined {\n    if (!isMineralProComponent(componentName)) {\n        return undefined\n    }\n\n    return mineralComponentLicenses[componentName]\n}\n\nexport function getMineralComponentPlan(componentName: string): MineralPlan {\n    return getMineralComponentLicense(componentName)?.plan ?? 'free'\n}\n"],"mappings":"sDAGA,SAAgB,EAAgB,EAAoC,EAA2B,EAC3F,EAAA,EAAA,eAAgB,CACZ,IAAM,EAAY,GAA+B,CACzC,CAAC,EAAI,SAAW,EAAI,QAAQ,SAAS,EAAE,OAAe,EAC1D,GAAS,EAKb,OAFA,SAAS,iBAAiB,YAAa,EAAS,CAChD,SAAS,iBAAiB,aAAc,EAAS,KACpC,CACT,SAAS,oBAAoB,YAAa,EAAS,CACnD,SAAS,oBAAoB,aAAc,EAAS,GAEzD,CAAC,EAAK,EAAQ,CAAC,CCTtB,IAAa,EAA2B,CACpC,aAAc,CAAC,MAAO,OAAQ,KAAM,MAAM,CAC1C,eAAgB,CAAC,MAAO,OAAQ,KAAM,MAAM,CAC5C,MAAO,CAAC,MAAO,OAAQ,KAAM,MAAM,CACnC,SAAU,CAAC,MAAO,UAAW,KAAM,MAAM,CACzC,UAAW,CAAC,MAAO,UAAW,KAAM,MAAM,CAC1C,aAAc,CAAC,MAAO,QAAS,KAAM,MAAM,CAC3C,QAAS,CAAC,MAAO,QAAS,KAAM,MAAM,CACtC,QAAS,CAAC,MAAO,SAAU,KAAM,MAAM,CACvC,SAAU,CAAC,MAAO,QAAS,KAAM,MAAM,CACvC,kBAAmB,CAAC,MAAO,QAAS,KAAM,MAAM,CAChD,eAAgB,CAAC,MAAO,WAAY,KAAM,MAAM,CAChD,QAAS,CAAC,MAAO,UAAW,KAAM,MAAM,CACxC,cAAe,CAAC,MAAO,QAAS,KAAM,MAAM,CAC5C,aAAc,CAAC,MAAO,QAAS,KAAM,MAAM,CAC3C,WAAY,CAAC,MAAO,SAAU,KAAM,MAAM,CAC1C,UAAW,CAAC,MAAO,SAAU,KAAM,MAAM,CACzC,WAAY,CAAC,MAAO,SAAU,KAAM,MAAM,CAC1C,UAAW,CAAC,MAAO,SAAU,KAAM,MAAM,CACzC,WAAY,CAAC,MAAO,SAAU,KAAM,MAAM,CAC7C,CAIY,EAAuB,OAAO,KAAK,EAAyB,CAEzE,SAAgB,EAAsB,EAAiE,CACnG,OAAO,OAAO,UAAU,eAAe,KAAK,EAA0B,EAAc,CAGxF,SAAgB,EAA2B,EAA4D,CAC9F,KAAsB,EAAc,CAIzC,OAAO,EAAyB,GAGpC,SAAgB,EAAwB,EAAoC,CACxE,OAAO,EAA2B,EAAc,EAAE,MAAQ"}
+{"version":3,"file":"licensing-Df1Z1rnQ.cjs","names":[],"sources":["../src/utils/useClickOutside.ts","../src/utils/licensing.ts"],"sourcesContent":["import {useEffect, type RefObject} from 'react'\n\n// Trigger a callback when pointer interaction happens outside the referenced element.\nexport function useClickOutside(ref: RefObject<HTMLElement | null>, handler: () => void): void {\n    useEffect(() => {\n        const listener = (e: MouseEvent | TouchEvent) => {\n            if (!ref.current || ref.current.contains(e.target as Node)) return\n            handler()\n        }\n\n        document.addEventListener('mousedown', listener)\n        document.addEventListener('touchstart', listener)\n        return () => {\n            document.removeEventListener('mousedown', listener)\n            document.removeEventListener('touchstart', listener)\n        }\n    }, [ref, handler])\n}\n","export type MineralPlan = 'free' | 'pro'\n\nexport interface MineralComponentLicense {\n    group: 'cards' | 'charts' | 'data' | 'display' | 'media' | 'icons' | 'layout' | 'feedback'\n    plan: MineralPlan\n}\n\nexport const mineralComponentLicenses = {\n    MFileManager: {group: 'data', plan: 'pro'},\n    MCalendarBoard: {group: 'data', plan: 'pro'},\n    MChat: {group: 'data', plan: 'pro'},\n    MStepper: {group: 'display', plan: 'pro'},\n    MTimeline: {group: 'display', plan: 'pro'},\n    MAvatarStack: {group: 'media', plan: 'pro'},\n    MIconV2: {group: 'icons', plan: 'pro'},\n    MTopbar: {group: 'layout', plan: 'pro'},\n    MMasonry: {group: 'media', plan: 'pro'},\n    MShowcaseCarousel: {group: 'media', plan: 'pro'},\n    MCookieConsent: {group: 'feedback', plan: 'pro'},\n    MQrCode: {group: 'display', plan: 'pro'},\n    MCardBusiness: {group: 'cards', plan: 'pro'},\n    MCardFinance: {group: 'cards', plan: 'pro'},\n    MLineChart: {group: 'charts', plan: 'pro'},\n    MBarChart: {group: 'charts', plan: 'pro'},\n    MAreaChart: {group: 'charts', plan: 'pro'},\n    MPieChart: {group: 'charts', plan: 'pro'},\n    MSparkline: {group: 'charts', plan: 'pro'},\n} as const satisfies Record<string, MineralComponentLicense>\n\nexport type MineralProComponentName = keyof typeof mineralComponentLicenses\n\nexport const mineralProComponents = Object.keys(mineralComponentLicenses) as MineralProComponentName[]\n\nexport function isMineralProComponent(componentName: string): componentName is MineralProComponentName {\n    return Object.prototype.hasOwnProperty.call(mineralComponentLicenses, componentName)\n}\n\nexport function getMineralComponentLicense(componentName: string): MineralComponentLicense | undefined {\n    if (!isMineralProComponent(componentName)) {\n        return undefined\n    }\n\n    return mineralComponentLicenses[componentName]\n}\n\nexport function getMineralComponentPlan(componentName: string): MineralPlan {\n    return getMineralComponentLicense(componentName)?.plan ?? 'free'\n}\n"],"mappings":"sDAGA,SAAgB,EAAgB,EAAoC,EAA2B,EAC3F,EAAA,EAAA,eAAgB,CACZ,IAAM,EAAY,GAA+B,CACzC,CAAC,EAAI,SAAW,EAAI,QAAQ,SAAS,EAAE,OAAe,EAC1D,GAAS,EAKb,OAFA,SAAS,iBAAiB,YAAa,EAAS,CAChD,SAAS,iBAAiB,aAAc,EAAS,KACpC,CACT,SAAS,oBAAoB,YAAa,EAAS,CACnD,SAAS,oBAAoB,aAAc,EAAS,GAEzD,CAAC,EAAK,EAAQ,CAAC,CCTtB,IAAa,EAA2B,CACpC,aAAc,CAAC,MAAO,OAAQ,KAAM,MAAM,CAC1C,eAAgB,CAAC,MAAO,OAAQ,KAAM,MAAM,CAC5C,MAAO,CAAC,MAAO,OAAQ,KAAM,MAAM,CACnC,SAAU,CAAC,MAAO,UAAW,KAAM,MAAM,CACzC,UAAW,CAAC,MAAO,UAAW,KAAM,MAAM,CAC1C,aAAc,CAAC,MAAO,QAAS,KAAM,MAAM,CAC3C,QAAS,CAAC,MAAO,QAAS,KAAM,MAAM,CACtC,QAAS,CAAC,MAAO,SAAU,KAAM,MAAM,CACvC,SAAU,CAAC,MAAO,QAAS,KAAM,MAAM,CACvC,kBAAmB,CAAC,MAAO,QAAS,KAAM,MAAM,CAChD,eAAgB,CAAC,MAAO,WAAY,KAAM,MAAM,CAChD,QAAS,CAAC,MAAO,UAAW,KAAM,MAAM,CACxC,cAAe,CAAC,MAAO,QAAS,KAAM,MAAM,CAC5C,aAAc,CAAC,MAAO,QAAS,KAAM,MAAM,CAC3C,WAAY,CAAC,MAAO,SAAU,KAAM,MAAM,CAC1C,UAAW,CAAC,MAAO,SAAU,KAAM,MAAM,CACzC,WAAY,CAAC,MAAO,SAAU,KAAM,MAAM,CAC1C,UAAW,CAAC,MAAO,SAAU,KAAM,MAAM,CACzC,WAAY,CAAC,MAAO,SAAU,KAAM,MAAM,CAC7C,CAIY,EAAuB,OAAO,KAAK,EAAyB,CAEzE,SAAgB,EAAsB,EAAiE,CACnG,OAAO,OAAO,UAAU,eAAe,KAAK,EAA0B,EAAc,CAGxF,SAAgB,EAA2B,EAA4D,CAC9F,KAAsB,EAAc,CAIzC,OAAO,EAAyB,GAGpC,SAAgB,EAAwB,EAAoC,CACxE,OAAO,EAA2B,EAAc,EAAE,MAAQ"}

package/dist/{locale-CZyqh3ON.cjs → locale-Ba2yreFR.cjs}

@@ -1,2 +1,2 @@
-require(`./core-AKWkE8Bx.cjs`);let e=require(`react`);function t(){if(typeof document<`u`){let e=document.documentElement.lang?.trim();if(e)return e}return typeof navigator<`u`&&(navigator.language||navigator.languages?.[0])||`en`}function n(n){let[r,i]=(0,e.useState)(()=>n||t());return(0,e.useEffect)(()=>{if(n){i(n);return}if(typeof document>`u`)return;let e=()=>i(t());e();let r=new MutationObserver(e);return r.observe(document.documentElement,{attributes:!0,attributeFilter:[`lang`]}),window.addEventListener(`languagechange`,e),()=>{r.disconnect(),window.removeEventListener(`languagechange`,e)}},[n]),r}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
-//# sourceMappingURL=locale-CZyqh3ON.cjs.map
+require(`./core-w629c4ND.cjs`);let e=require(`react`);function t(){if(typeof document<`u`){let e=document.documentElement.lang?.trim();if(e)return e}return typeof navigator<`u`&&(navigator.language||navigator.languages?.[0])||`en`}function n(n){let[r,i]=(0,e.useState)(()=>n||t());return(0,e.useEffect)(()=>{if(n){i(n);return}if(typeof document>`u`)return;let e=()=>i(t());e();let r=new MutationObserver(e);return r.observe(document.documentElement,{attributes:!0,attributeFilter:[`lang`]}),window.addEventListener(`languagechange`,e),()=>{r.disconnect(),window.removeEventListener(`languagechange`,e)}},[n]),r}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
+//# sourceMappingURL=locale-Ba2yreFR.cjs.map

package/dist/{locale-CZyqh3ON.cjs.map → locale-Ba2yreFR.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"locale-CZyqh3ON.cjs","names":[],"sources":["../src/utils/locale.ts"],"sourcesContent":["import {useEffect, useState} from 'react'\n\nexport function resolveRuntimeLocale(): string {\n    if (typeof document !== 'undefined') {\n        const lang = document.documentElement.lang?.trim()\n        if (lang) return lang\n    }\n\n    if (typeof navigator !== 'undefined') {\n        return navigator.language || navigator.languages?.[0] || 'en'\n    }\n\n    return 'en'\n}\n\n// React to MI18nProvider lang updates without requiring direct provider access.\nexport function useDocumentLocale(explicitLocale?: string): string {\n    const [locale, setLocale] = useState(() => explicitLocale || resolveRuntimeLocale())\n\n    useEffect(() => {\n        if (explicitLocale) {\n            setLocale(explicitLocale)\n            return\n        }\n\n        if (typeof document === 'undefined') return\n\n        const update = () => setLocale(resolveRuntimeLocale())\n        update()\n\n        const observer = new MutationObserver(update)\n        observer.observe(document.documentElement, {\n            attributes: true,\n            attributeFilter: ['lang'],\n        })\n\n        window.addEventListener('languagechange', update)\n\n        return () => {\n            observer.disconnect()\n            window.removeEventListener('languagechange', update)\n        }\n    }, [explicitLocale])\n\n    return locale\n}\n"],"mappings":"sDAEA,SAAgB,GAA+B,CAC3C,GAAI,OAAO,SAAa,IAAa,CACjC,IAAM,EAAO,SAAS,gBAAgB,MAAM,MAAM,CAClD,GAAI,EAAM,OAAO,EAOrB,OAJI,OAAO,UAAc,MACd,UAAU,UAAY,UAAU,YAAY,KAGhD,KAIX,SAAgB,EAAkB,EAAiC,CAC/D,GAAM,CAAC,EAAQ,IAAA,EAAA,EAAA,cAA4B,GAAkB,GAAsB,CAAC,CA2BpF,OAzBA,EAAA,EAAA,eAAgB,CACZ,GAAI,EAAgB,CAChB,EAAU,EAAe,CACzB,OAGJ,GAAI,OAAO,SAAa,IAAa,OAErC,IAAM,MAAe,EAAU,GAAsB,CAAC,CACtD,GAAQ,CAER,IAAM,EAAW,IAAI,iBAAiB,EAAO,CAQ7C,OAPA,EAAS,QAAQ,SAAS,gBAAiB,CACvC,WAAY,GACZ,gBAAiB,CAAC,OAAO,CAC5B,CAAC,CAEF,OAAO,iBAAiB,iBAAkB,EAAO,KAEpC,CACT,EAAS,YAAY,CACrB,OAAO,oBAAoB,iBAAkB,EAAO,GAEzD,CAAC,EAAe,CAAC,CAEb"}
+{"version":3,"file":"locale-Ba2yreFR.cjs","names":[],"sources":["../src/utils/locale.ts"],"sourcesContent":["import {useEffect, useState} from 'react'\n\nexport function resolveRuntimeLocale(): string {\n    if (typeof document !== 'undefined') {\n        const lang = document.documentElement.lang?.trim()\n        if (lang) return lang\n    }\n\n    if (typeof navigator !== 'undefined') {\n        return navigator.language || navigator.languages?.[0] || 'en'\n    }\n\n    return 'en'\n}\n\n// React to MI18nProvider lang updates without requiring direct provider access.\nexport function useDocumentLocale(explicitLocale?: string): string {\n    const [locale, setLocale] = useState(() => explicitLocale || resolveRuntimeLocale())\n\n    useEffect(() => {\n        if (explicitLocale) {\n            setLocale(explicitLocale)\n            return\n        }\n\n        if (typeof document === 'undefined') return\n\n        const update = () => setLocale(resolveRuntimeLocale())\n        update()\n\n        const observer = new MutationObserver(update)\n        observer.observe(document.documentElement, {\n            attributes: true,\n            attributeFilter: ['lang'],\n        })\n\n        window.addEventListener('languagechange', update)\n\n        return () => {\n            observer.disconnect()\n            window.removeEventListener('languagechange', update)\n        }\n    }, [explicitLocale])\n\n    return locale\n}\n"],"mappings":"sDAEA,SAAgB,GAA+B,CAC3C,GAAI,OAAO,SAAa,IAAa,CACjC,IAAM,EAAO,SAAS,gBAAgB,MAAM,MAAM,CAClD,GAAI,EAAM,OAAO,EAOrB,OAJI,OAAO,UAAc,MACd,UAAU,UAAY,UAAU,YAAY,KAGhD,KAIX,SAAgB,EAAkB,EAAiC,CAC/D,GAAM,CAAC,EAAQ,IAAA,EAAA,EAAA,cAA4B,GAAkB,GAAsB,CAAC,CA2BpF,OAzBA,EAAA,EAAA,eAAgB,CACZ,GAAI,EAAgB,CAChB,EAAU,EAAe,CACzB,OAGJ,GAAI,OAAO,SAAa,IAAa,OAErC,IAAM,MAAe,EAAU,GAAsB,CAAC,CACtD,GAAQ,CAER,IAAM,EAAW,IAAI,iBAAiB,EAAO,CAQ7C,OAPA,EAAS,QAAQ,SAAS,gBAAiB,CACvC,WAAY,GACZ,gBAAiB,CAAC,OAAO,CAC5B,CAAC,CAEF,OAAO,iBAAiB,iBAAkB,EAAO,KAEpC,CACT,EAAS,YAAY,CACrB,OAAO,oBAAoB,iBAAkB,EAAO,GAEzD,CAAC,EAAe,CAAC,CAEb"}

package/dist/{media-ClgUKDca.cjs → media-C5atCcc6.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./theme-CgS-bND3.cjs`),t=require(`./icons-DWMgDKgt.cjs`),n=require(`./cn-CU5TNITO.cjs`),r=require(`./useInteractionEffect-D1ZdNbKU.cjs`),i=require(`./MButton-DrkVdRDy.cjs`),a=require(`./MSkeleton-5j1h9s95.cjs`),o=require(`./MImage-L_zgfWRY.cjs`),s=require(`./MAvatar-BVJh6kgW.cjs`);require(`./core-AKWkE8Bx.cjs`);let c=require(`react`),l=require(`react/jsx-runtime`);function u({items:e,columns:t=3,rounded:r=!0,preview:i=!1,hoverEffect:a=`zoom`,clickEffect:s=`ripple`,className:u,...f}){let[p,m]=(0,c.useState)(!1),[h,g]=(0,c.useState)(0);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`div`,{className:n.t(`gallery`,`columns-${t}`,u),...f,children:e.map((e,t)=>(0,l.jsx)(d,{item:e,rounded:r,preview:i,hoverEffect:a,clickEffect:s,onOpen:()=>{g(t),m(!0)}},t))}),(0,l.jsx)(o.s,{open:p,items:e,activeIndex:h,onActiveIndexChange:g,onClose:()=>m(!1)})]})}function d({item:e,rounded:t,preview:i,hoverEffect:a,clickEffect:s,onOpen:c}){let{effectClassName:u,effectLayer:d,handlePointerDown:f}=r.t({effect:s});return(0,l.jsx)(`figure`,{className:n.t(`gallery-item`,t&&`rounded`),children:i?(0,l.jsxs)(`button`,{type:`button`,className:n.t(`gallery-trigger`,t&&`rounded`,`gallery-button`,o.i(a)&&`effect-zoom`,o.r(a)&&`effect-dim`,u),onClick:c,onPointerDown:f,"aria-label":`Preview ${e.alt||`image`}`,children:[(0,l.jsx)(`img`,{className:`gallery-image`,src:e.src,alt:e.alt||``,loading:`lazy`}),e.caption&&(0,l.jsx)(`span`,{className:`gallery-caption`,children:e.caption}),d]}):(0,l.jsxs)(`div`,{className:n.t(`gallery-trigger`,t&&`rounded`,o.i(a)&&`effect-zoom`,o.r(a)&&`effect-dim`,u),onPointerDown:f,children:[(0,l.jsx)(`img`,{className:`gallery-image`,src:e.src,alt:e.alt||``,loading:`lazy`}),e.caption&&(0,l.jsx)(`span`,{className:`gallery-caption`,children:e.caption}),d]})})}function f({autoPlay:e=!1,interval:r=5e3,showDots:a=!0,showArrows:o=!0,loop:s=!0,draggable:u=!0,transition:d=`slide`,className:f,children:p,...m}){let h=c.Children.toArray(p),g=h.length,[_,v]=(0,c.useState)(0),[y,b]=(0,c.useState)(0),[x,S]=(0,c.useState)(!1),C=(0,c.useRef)(0),w=(0,c.useRef)(null),T=(0,c.useCallback)(e=>{v(s?(e+g)%g:Math.max(0,Math.min(e,g-1)))},[g,s]),E=(0,c.useCallback)(()=>T(_-1),[_,T]),D=(0,c.useCallback)(()=>T(_+1),[_,T]);(0,c.useEffect)(()=>{if(!e||g<=1||x)return;let t=setInterval(D,r);return()=>clearInterval(t)},[e,r,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,l.jsxs)(`div`,{className:n.t(`carousel`,P&&`fade`,f),...m,children:[(0,l.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,l.jsx)(`div`,{ref:w,className:n.t(`carousel-track`,x&&`dragging`),style:F,children:h.map((e,t)=>(0,l.jsx)(`div`,{className:n.t(`carousel-slide`,P&&t===_&&`active`,P&&t!==_&&`hidden`),children:e},t))})}),o&&g>1&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.t,{variant:`ghost`,color:`primary`,iconOnly:!0,shape:`circle`,onClick:E,"aria-label":`Previous slide`,className:`carousel-arrow carousel-arrow-prev`,children:(0,l.jsx)(t.Fi,{})}),(0,l.jsx)(i.t,{variant:`ghost`,color:`primary`,iconOnly:!0,shape:`circle`,onClick:D,"aria-label":`Next slide`,className:`carousel-arrow carousel-arrow-next`,children:(0,l.jsx)(t.Pi,{})})]}),a&&g>1&&(0,l.jsx)(`div`,{className:`carousel-dots`,children:h.map((e,t)=>(0,l.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=``,media:r,mediaHeight:i,overlay:s,body:c,footer:u,interactive:d=!1,imageClickEffect:f=`ripple`,ratio:p=`16:9`,fit:m=`cover`,imgProps:h,children:g}){let _=c??g,v=o.a(f),y=i?{"--media-height":typeof i==`number`?`${i}px`:i}:void 0,b=!!(r||e);return(0,l.jsxs)(a.n,{interactive:d,clickEffect:f===`none`?void 0:`none`,className:n.t(`showcase card`,d&&`interactive`),style:y,children:[b?(0,l.jsxs)(`div`,{className:n.t(`showcase media`,o.o(f)&&`effect-zoom`,o.n(f)&&`effect-dim`),children:[r?(0,l.jsx)(`div`,{className:`showcase media-content`,children:r}):(0,l.jsx)(o.t,{...h,src:e,alt:t,ratio:p,fit:m,rounded:!0,shadow:!0,clickEffect:v?`ripple`:`none`}),s?(0,l.jsx)(`div`,{className:`showcase overlay`,children:s}):null]}):null,_?(0,l.jsx)(a.r,{className:`showcase body`,children:_}):null,u?(0,l.jsx)(a.i,{className:`showcase footer`,children:u}):null]})}function m(e,t,n){return Math.min(Math.max(e,t),n)}function h(e){return e instanceof Element?!!e.closest(`button, a, input, select, textarea, label, summary, [role="button"], [role="link"], [data-carousel-ignore-drag="true"]`):!1}function g(e,t,n){return e&&t?e.map((e,n)=>t(e,n)):e?e.map((e,t)=>_(e)?(0,l.jsx)(v,{item:e},t):null).filter(Boolean):c.Children.toArray(n)}function _(e){let t=e;return!!e&&typeof e==`object`&&`src`in e&&typeof t.src==`string`}function v({item:e}){return(0,l.jsx)(p,{src:e.src,alt:e.alt||``,overlay:e.overlay})}function y({items:e,renderItem:r,initialIndex:a,showButtons:o=!0,loop:s=!0,draggable:u=!0,wheel:d=!0,itemMinWidth:f=220,itemMaxWidth:p=520,itemWidthRatio:_=.56,className:v,children:y,style:b,...x}){let S=(0,c.useMemo)(()=>g(e,r,y),[y,e,r]),C=S.length,[w,T]=(0,c.useState)(0),[E,D]=(0,c.useState)(0),[O,k]=(0,c.useState)(!1),[A,j]=(0,c.useState)(0),M=(0,c.useRef)(null),N=(0,c.useRef)(0),P=(0,c.useRef)(!1),F=m(A*(A<640?Math.max(_,.78):A<960?Math.max(_,.66):_)||f,f,p),I=m(A*.022||16,10,24);(0,c.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,c.useEffect)(()=>{C&&T(m(a??Math.floor((C-1)/2),0,C-1))},[C,a]);let L=(0,c.useCallback)(e=>{if(!(C<1)){if(s){T((e+C)%C);return}T(m(e,0,C-1))}},[C,s]),R=(0,c.useCallback)(()=>L(w-1),[w,L]),z=(0,c.useCallback)(()=>L(w+1),[w,L]),B=e=>{!u||C<=1||h(e.target)||(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)};if((0,c.useEffect)(()=>{let e=M.current;if(!e)return;let t=e=>{if(!d||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(),e.stopPropagation(),P.current=!0,window.setTimeout(()=>{P.current=!1},260),t>0?z():R())};return e.addEventListener(`wheel`,t,{passive:!1}),()=>e.removeEventListener(`wheel`,t)},[C,z,R,d]),!C)return null;let U=A/2-w*(F+I)-F/2+E;return(0,l.jsxs)(`div`,{className:n.t(`showcase`,v),style:{...b,"--item-width":`${F}px`},...x,children:[(0,l.jsx)(`div`,{ref:M,className:`showcase-stage`,onPointerDown:B,onPointerMove:V,onPointerUp:H,onPointerCancel:H,onPointerLeave:H,style:{cursor:u&&C>1?O?`grabbing`:`grab`:void 0},children:(0,l.jsx)(`div`,{className:n.t(`showcase-track`,O&&`dragging`),style:{transform:`translateX(${U}px)`,gap:`${I}px`},children:S.map((e,t)=>{let r=Math.abs(t-w);return(0,l.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)})})}),o&&C>1&&(0,l.jsxs)(`div`,{className:`showcase-actions`,children:[(0,l.jsx)(i.t,{type:`button`,variant:`secondary`,className:`showcase-btn`,startIcon:(0,l.jsx)(t.Fi,{}),onClick:R,children:`Previous`}),(0,l.jsx)(i.t,{type:`button`,className:`showcase-btn`,endIcon:(0,l.jsx)(t.Pi,{}),onClick:z,children:`Next`})]})]})}function b(e,t,n){return e&&t?e.map((e,n)=>t(e,n)):c.Children.toArray(n)}function x({items:e,renderItem:t,columns:r=3,className:i,children:a,style:o,...s}){let c=b(e,t,a);return c.length?(0,l.jsx)(`div`,{className:n.t(`masonry`,i),style:{...o,columnCount:r},...s,children:c.map((e,t)=>(0,l.jsx)(`div`,{className:`masonry item`,children:e},t))}):null}function S({src:e,alt:t=``,height:i,overlay:s,body:c,footer:u,interactive:d=!1,imageClickEffect:f=`none`,imgProps:p,children:m}){let h=i?{...p?.style,height:i}:p?.style,g=c??m,{effectClassName:_,effectLayer:v,handlePointerDown:y}=r.t({effect:o.a(f)?`ripple`:`none`});return(0,l.jsxs)(a.n,{interactive:d,clickEffect:f===`none`?void 0:`none`,className:n.t(`masonry card`,d&&`interactive`),children:[(0,l.jsxs)(`div`,{className:n.t(`masonry media`,_,o.o(f)&&`effect-zoom`,o.n(f)&&`effect-dim`),onPointerDown:e=>{e.target.closest(`.masonry.overlay`)||y(e)},children:[(0,l.jsx)(`img`,{...p,src:e,alt:t,className:`masonry img`,style:h}),s?(0,l.jsx)(`div`,{className:`masonry overlay`,children:s}):null,v]}),g?(0,l.jsx)(a.r,{className:`masonry body`,children:g}):null,u?(0,l.jsx)(a.i,{className:`masonry footer`,children:u}):null]})}function C({items:t,max:r=5,size:i=`sm`,color:a=`primary`,hidden:o,overlap:c=10,className:u,style:d,...f}){if(!t||t.length===0)return null;let p=t.slice(0,r),m=t.length-r,h=typeof i==`number`?i:{xs:20,sm:28,md:40,lg:56,xl:72}[i]??28;return(0,l.jsxs)(`div`,{className:n.t(`avatar-stack`,u),style:{"--avatar-stack-overlap":`-${c}px`,...d},...e.r(o),...f,children:[p.map((e,t)=>(0,l.jsx)(s.t,{src:e.avatar,name:e.name,size:i,color:a,className:`avatar-stack-item`,style:{zIndex:t+1}},t)),m>0&&(0,l.jsxs)(`span`,{className:`avatar-stack-overflow`,style:{width:h,height:h,fontSize:h*.38,zIndex:p.length+1},children:[`+`,m]})]})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return C}});
-//# sourceMappingURL=media-ClgUKDca.cjs.map
+const e=require(`./theme-Bb_NAEiZ.cjs`),t=require(`./icons-lUQfZ4Jr.cjs`),n=require(`./cn-CU5TNITO.cjs`),r=require(`./useInteractionEffect-CtXlbjhC.cjs`),i=require(`./MButton-B9k45kH-.cjs`),a=require(`./MSkeleton-QO2sI-Ni.cjs`),o=require(`./MImage-hnSqIPaC.cjs`),s=require(`./MAvatar-CV3xJOmx.cjs`);require(`./core-w629c4ND.cjs`);let c=require(`react`),l=require(`react/jsx-runtime`);function u({items:e,columns:t=3,rounded:r=!0,preview:i=!1,hoverEffect:a=`zoom`,clickEffect:s=`ripple`,className:u,...f}){let[p,m]=(0,c.useState)(!1),[h,g]=(0,c.useState)(0);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`div`,{className:n.t(`gallery`,`columns-${t}`,u),...f,children:e.map((e,t)=>(0,l.jsx)(d,{item:e,rounded:r,preview:i,hoverEffect:a,clickEffect:s,onOpen:()=>{g(t),m(!0)}},t))}),(0,l.jsx)(o.s,{open:p,items:e,activeIndex:h,onActiveIndexChange:g,onClose:()=>m(!1)})]})}function d({item:e,rounded:t,preview:i,hoverEffect:a,clickEffect:s,onOpen:c}){let{effectClassName:u,effectLayer:d,handlePointerDown:f}=r.t({effect:s});return(0,l.jsx)(`figure`,{className:n.t(`gallery-item`,t&&`rounded`),children:i?(0,l.jsxs)(`button`,{type:`button`,className:n.t(`gallery-trigger`,t&&`rounded`,`gallery-button`,o.i(a)&&`effect-zoom`,o.r(a)&&`effect-dim`,u),onClick:c,onPointerDown:f,"aria-label":`Preview ${e.alt||`image`}`,children:[(0,l.jsx)(`img`,{className:`gallery-image`,src:e.src,alt:e.alt||``,loading:`lazy`}),e.caption&&(0,l.jsx)(`span`,{className:`gallery-caption`,children:e.caption}),d]}):(0,l.jsxs)(`div`,{className:n.t(`gallery-trigger`,t&&`rounded`,o.i(a)&&`effect-zoom`,o.r(a)&&`effect-dim`,u),onPointerDown:f,children:[(0,l.jsx)(`img`,{className:`gallery-image`,src:e.src,alt:e.alt||``,loading:`lazy`}),e.caption&&(0,l.jsx)(`span`,{className:`gallery-caption`,children:e.caption}),d]})})}function f({autoPlay:e=!1,interval:r=5e3,showDots:a=!0,showArrows:o=!0,loop:s=!0,draggable:u=!0,transition:d=`slide`,className:f,children:p,...m}){let h=c.Children.toArray(p),g=h.length,[_,v]=(0,c.useState)(0),[y,b]=(0,c.useState)(0),[x,S]=(0,c.useState)(!1),C=(0,c.useRef)(0),w=(0,c.useRef)(null),T=(0,c.useCallback)(e=>{v(s?(e+g)%g:Math.max(0,Math.min(e,g-1)))},[g,s]),E=(0,c.useCallback)(()=>T(_-1),[_,T]),D=(0,c.useCallback)(()=>T(_+1),[_,T]);(0,c.useEffect)(()=>{if(!e||g<=1||x)return;let t=setInterval(D,r);return()=>clearInterval(t)},[e,r,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,l.jsxs)(`div`,{className:n.t(`carousel`,P&&`fade`,f),...m,children:[(0,l.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,l.jsx)(`div`,{ref:w,className:n.t(`carousel-track`,x&&`dragging`),style:F,children:h.map((e,t)=>(0,l.jsx)(`div`,{className:n.t(`carousel-slide`,P&&t===_&&`active`,P&&t!==_&&`hidden`),children:e},t))})}),o&&g>1&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.t,{variant:`ghost`,color:`primary`,iconOnly:!0,shape:`circle`,onClick:E,"aria-label":`Previous slide`,className:`carousel-arrow carousel-arrow-prev`,children:(0,l.jsx)(t.Fi,{})}),(0,l.jsx)(i.t,{variant:`ghost`,color:`primary`,iconOnly:!0,shape:`circle`,onClick:D,"aria-label":`Next slide`,className:`carousel-arrow carousel-arrow-next`,children:(0,l.jsx)(t.Pi,{})})]}),a&&g>1&&(0,l.jsx)(`div`,{className:`carousel-dots`,children:h.map((e,t)=>(0,l.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=``,media:r,mediaHeight:i,overlay:s,body:c,footer:u,interactive:d=!1,imageClickEffect:f=`ripple`,ratio:p=`16:9`,fit:m=`cover`,imgProps:h,children:g}){let _=c??g,v=o.a(f),y=i?{"--media-height":typeof i==`number`?`${i}px`:i}:void 0,b=!!(r||e);return(0,l.jsxs)(a.n,{interactive:d,clickEffect:f===`none`?void 0:`none`,className:n.t(`showcase card`,d&&`interactive`),style:y,children:[b?(0,l.jsxs)(`div`,{className:n.t(`showcase media`,o.o(f)&&`effect-zoom`,o.n(f)&&`effect-dim`),children:[r?(0,l.jsx)(`div`,{className:`showcase media-content`,children:r}):(0,l.jsx)(o.t,{...h,src:e,alt:t,ratio:p,fit:m,rounded:!0,shadow:!0,clickEffect:v?`ripple`:`none`}),s?(0,l.jsx)(`div`,{className:`showcase overlay`,children:s}):null]}):null,_?(0,l.jsx)(a.r,{className:`showcase body`,children:_}):null,u?(0,l.jsx)(a.i,{className:`showcase footer`,children:u}):null]})}function m(e,t,n){return Math.min(Math.max(e,t),n)}function h(e){return e instanceof Element?!!e.closest(`button, a, input, select, textarea, label, summary, [role="button"], [role="link"], [data-carousel-ignore-drag="true"]`):!1}function g(e,t,n){return e&&t?e.map((e,n)=>t(e,n)):e?e.map((e,t)=>_(e)?(0,l.jsx)(v,{item:e},t):null).filter(Boolean):c.Children.toArray(n)}function _(e){let t=e;return!!e&&typeof e==`object`&&`src`in e&&typeof t.src==`string`}function v({item:e}){return(0,l.jsx)(p,{src:e.src,alt:e.alt||``,overlay:e.overlay})}function y({items:e,renderItem:r,initialIndex:a,showButtons:o=!0,loop:s=!0,draggable:u=!0,wheel:d=!0,itemMinWidth:f=220,itemMaxWidth:p=520,itemWidthRatio:_=.56,className:v,children:y,style:b,...x}){let S=(0,c.useMemo)(()=>g(e,r,y),[y,e,r]),C=S.length,[w,T]=(0,c.useState)(0),[E,D]=(0,c.useState)(0),[O,k]=(0,c.useState)(!1),[A,j]=(0,c.useState)(0),M=(0,c.useRef)(null),N=(0,c.useRef)(0),P=(0,c.useRef)(!1),F=m(A*(A<640?Math.max(_,.78):A<960?Math.max(_,.66):_)||f,f,p),I=m(A*.022||16,10,24);(0,c.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,c.useEffect)(()=>{C&&T(m(a??Math.floor((C-1)/2),0,C-1))},[C,a]);let L=(0,c.useCallback)(e=>{if(!(C<1)){if(s){T((e+C)%C);return}T(m(e,0,C-1))}},[C,s]),R=(0,c.useCallback)(()=>L(w-1),[w,L]),z=(0,c.useCallback)(()=>L(w+1),[w,L]),B=e=>{!u||C<=1||h(e.target)||(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)};if((0,c.useEffect)(()=>{let e=M.current;if(!e)return;let t=e=>{if(!d||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(),e.stopPropagation(),P.current=!0,window.setTimeout(()=>{P.current=!1},260),t>0?z():R())};return e.addEventListener(`wheel`,t,{passive:!1}),()=>e.removeEventListener(`wheel`,t)},[C,z,R,d]),!C)return null;let U=A/2-w*(F+I)-F/2+E;return(0,l.jsxs)(`div`,{className:n.t(`showcase`,v),style:{...b,"--item-width":`${F}px`},...x,children:[(0,l.jsx)(`div`,{ref:M,className:`showcase-stage`,onPointerDown:B,onPointerMove:V,onPointerUp:H,onPointerCancel:H,onPointerLeave:H,style:{cursor:u&&C>1?O?`grabbing`:`grab`:void 0},children:(0,l.jsx)(`div`,{className:n.t(`showcase-track`,O&&`dragging`),style:{transform:`translateX(${U}px)`,gap:`${I}px`},children:S.map((e,t)=>{let r=Math.abs(t-w);return(0,l.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)})})}),o&&C>1&&(0,l.jsxs)(`div`,{className:`showcase-actions`,children:[(0,l.jsx)(i.t,{type:`button`,variant:`secondary`,className:`showcase-btn`,startIcon:(0,l.jsx)(t.Fi,{}),onClick:R,children:`Previous`}),(0,l.jsx)(i.t,{type:`button`,className:`showcase-btn`,endIcon:(0,l.jsx)(t.Pi,{}),onClick:z,children:`Next`})]})]})}function b(e,t,n){return e&&t?e.map((e,n)=>t(e,n)):c.Children.toArray(n)}function x({items:e,renderItem:t,columns:r=3,className:i,children:a,style:o,...s}){let c=b(e,t,a);return c.length?(0,l.jsx)(`div`,{className:n.t(`masonry`,i),style:{...o,columnCount:r},...s,children:c.map((e,t)=>(0,l.jsx)(`div`,{className:`masonry item`,children:e},t))}):null}function S({src:e,alt:t=``,height:i,overlay:s,body:c,footer:u,interactive:d=!1,imageClickEffect:f=`none`,imgProps:p,children:m}){let h=i?{...p?.style,height:i}:p?.style,g=c??m,{effectClassName:_,effectLayer:v,handlePointerDown:y}=r.t({effect:o.a(f)?`ripple`:`none`});return(0,l.jsxs)(a.n,{interactive:d,clickEffect:f===`none`?void 0:`none`,className:n.t(`masonry card`,d&&`interactive`),children:[(0,l.jsxs)(`div`,{className:n.t(`masonry media`,_,o.o(f)&&`effect-zoom`,o.n(f)&&`effect-dim`),onPointerDown:e=>{e.target.closest(`.masonry.overlay`)||y(e)},children:[(0,l.jsx)(`img`,{...p,src:e,alt:t,className:`masonry img`,style:h}),s?(0,l.jsx)(`div`,{className:`masonry overlay`,children:s}):null,v]}),g?(0,l.jsx)(a.r,{className:`masonry body`,children:g}):null,u?(0,l.jsx)(a.i,{className:`masonry footer`,children:u}):null]})}function C({items:t,max:r=5,size:i=`sm`,color:a=`primary`,hidden:o,overlap:c=10,className:u,style:d,...f}){if(!t||t.length===0)return null;let p=t.slice(0,r),m=t.length-r,h=typeof i==`number`?i:{xs:20,sm:28,md:40,lg:56,xl:72}[i]??28;return(0,l.jsxs)(`div`,{className:n.t(`avatar-stack`,u),style:{"--avatar-stack-overlap":`-${c}px`,...d},...e.r(o),...f,children:[p.map((e,t)=>(0,l.jsx)(s.t,{src:e.avatar,name:e.name,size:i,color:a,className:`avatar-stack-item`,style:{zIndex:t+1}},t)),m>0&&(0,l.jsxs)(`span`,{className:`avatar-stack-overflow`,style:{width:h,height:h,fontSize:h*.38,zIndex:p.length+1},children:[`+`,m]})]})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return C}});
+//# sourceMappingURL=media-C5atCcc6.cjs.map

package/dist/{media-ClgUKDca.cjs.map → media-C5atCcc6.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"media-ClgUKDca.cjs","names":[],"sources":["../src/components/media/MGallery/MGallery.tsx","../src/components/media/MCarousel/MCarousel.tsx","../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 {useState} from 'react'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {MMediaLightbox} from '../MMediaLightbox/MMediaLightbox'\nimport {usesHoverDim, usesHoverZoom} from '../mediaInteraction'\nimport './MGallery.css'\n\n// Render a responsive image grid gallery.\nexport function MGallery({\n    items,\n    columns = 3,\n    rounded = true,\n    preview = false,\n    hoverEffect = 'zoom',\n    clickEffect = 'ripple',\n    className,\n    ...rest\n}: MGalleryProps) {\n    const [previewOpen, setPreviewOpen] = useState(false)\n    const [previewIndex, setPreviewIndex] = useState(0)\n\n    return (\n        <>\n            <div className={cn('gallery', `columns-${columns}`, className)} {...rest}>\n                {items.map((item, i) => (\n                    <GalleryFigure\n                        key={i}\n                        item={item}\n                        rounded={rounded}\n                        preview={preview}\n                        hoverEffect={hoverEffect}\n                        clickEffect={clickEffect}\n                        onOpen={() => {\n                            setPreviewIndex(i)\n                            setPreviewOpen(true)\n                        }}\n                    />\n                ))}\n            </div>\n\n            <MMediaLightbox\n                open={previewOpen}\n                items={items}\n                activeIndex={previewIndex}\n                onActiveIndexChange={setPreviewIndex}\n                onClose={() => setPreviewOpen(false)}\n            />\n        </>\n    )\n}\n\nfunction GalleryFigure({\n    item,\n    rounded,\n    preview,\n    hoverEffect,\n    clickEffect,\n    onOpen,\n}: {\n    item: {src: string; alt?: string; caption?: string}\n    rounded: boolean\n    preview: boolean\n    hoverEffect: 'none' | 'zoom' | 'dim' | 'zoom-dim'\n    clickEffect: 'none' | 'ripple'\n    onOpen: () => void\n}) {\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLElement>({\n        effect: clickEffect,\n    })\n    return (\n        <figure className={cn('gallery-item', rounded && 'rounded')}>\n            {preview ? (\n                <button\n                    type=\"button\"\n                    className={cn(\n                        'gallery-trigger',\n                        rounded && 'rounded',\n                        'gallery-button',\n                        usesHoverZoom(hoverEffect) && 'effect-zoom',\n                        usesHoverDim(hoverEffect) && 'effect-dim',\n                        effectClassName\n                    )}\n                    onClick={onOpen}\n                    onPointerDown={handlePointerDown}\n                    aria-label={`Preview ${item.alt || 'image'}`}\n                >\n                    <img className=\"gallery-image\" src={item.src} alt={item.alt || ''} loading=\"lazy\" />\n                    {item.caption && <span className=\"gallery-caption\">{item.caption}</span>}\n                    {effectLayer}\n                </button>\n            ) : (\n                <div\n                    className={cn(\n                        'gallery-trigger',\n                        rounded && 'rounded',\n                        usesHoverZoom(hoverEffect) && 'effect-zoom',\n                        usesHoverDim(hoverEffect) && 'effect-dim',\n                        effectClassName\n                    )}\n                    onPointerDown={handlePointerDown}\n                >\n                    <img className=\"gallery-image\" src={item.src} alt={item.alt || ''} loading=\"lazy\" />\n                    {item.caption && <span className=\"gallery-caption\">{item.caption}</span>}\n                    {effectLayer}\n                </div>\n            )}\n        </figure>\n    )\n}\n","import {useState, useEffect, useCallback, useRef, Children} from 'react'\nimport type * as React from 'react'\nimport type {MCarouselProps} from './MCarousel.types'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\nimport './MCarousel.css'\n\n// Render a swipeable content slider with arrows, dots and transition modes.\nexport function MCarousel({\n    autoPlay = false,\n    interval = 5000,\n    showDots = true,\n    showArrows = true,\n    loop = true,\n    draggable = true,\n    transition = 'slide',\n    className,\n    children,\n    ...rest\n}: MCarouselProps) {\n    const slides = Children.toArray(children)\n    const count = slides.length\n    const [active, setActive] = useState(0)\n    const [dragOffset, setDragOffset] = useState(0)\n    const [isDragging, setIsDragging] = useState(false)\n    const dragStartX = useRef(0)\n    const trackRef = useRef<HTMLDivElement>(null)\n\n    const goTo = useCallback(\n        (index: number) => {\n            if (loop) {\n                setActive((index + count) % count)\n            } else {\n                setActive(Math.max(0, Math.min(index, count - 1)))\n            }\n        },\n        [count, loop]\n    )\n\n    const prev = useCallback(() => goTo(active - 1), [active, goTo])\n    const next = useCallback(() => goTo(active + 1), [active, goTo])\n\n    useEffect(() => {\n        if (!autoPlay || count <= 1 || isDragging) return\n        const timer = setInterval(next, interval)\n        return () => clearInterval(timer)\n    }, [autoPlay, interval, next, count, isDragging])\n\n    const handleDragStart = (clientX: number) => {\n        if (!draggable) return\n        setIsDragging(true)\n        dragStartX.current = clientX\n        setDragOffset(0)\n    }\n\n    const handleDragMove = (clientX: number) => {\n        if (!isDragging) return\n        const diff = clientX - dragStartX.current\n        setDragOffset(diff)\n    }\n\n    const handleDragEnd = () => {\n        if (!isDragging) return\n        setIsDragging(false)\n        const threshold = 50\n        if (dragOffset < -threshold) {\n            next()\n        } else if (dragOffset > threshold) {\n            prev()\n        }\n        setDragOffset(0)\n    }\n\n    const onPointerDown = (e: React.PointerEvent) => {\n        if (!draggable) return\n        e.currentTarget.setPointerCapture(e.pointerId)\n        handleDragStart(e.clientX)\n    }\n\n    const onPointerMove = (e: React.PointerEvent) => {\n        handleDragMove(e.clientX)\n    }\n\n    const onPointerUp = () => {\n        handleDragEnd()\n    }\n\n    if (count === 0) return null\n\n    const isFade = transition === 'fade'\n    const trackStyle = !isFade\n        ? {transform: `translateX(calc(-${active * 100}% + ${isDragging ? dragOffset : 0}px))`}\n        : undefined\n\n    return (\n        <div className={cn('carousel', isFade && 'fade', className)} {...rest}>\n            <div\n                className=\"carousel-viewport\"\n                onPointerDown={onPointerDown}\n                onPointerMove={onPointerMove}\n                onPointerUp={onPointerUp}\n                onPointerCancel={onPointerUp}\n                style={{\n                    touchAction: draggable ? 'pan-y' : undefined,\n                    cursor: draggable ? (isDragging ? 'grabbing' : 'grab') : undefined,\n                }}\n            >\n                <div ref={trackRef} className={cn('carousel-track', isDragging && 'dragging')} style={trackStyle}>\n                    {slides.map((slide, i) => (\n                        <div\n                            key={i}\n                            className={cn(\n                                'carousel-slide',\n                                isFade && i === active && 'active',\n                                isFade && i !== active && 'hidden'\n                            )}\n                        >\n                            {slide}\n                        </div>\n                    ))}\n                </div>\n            </div>\n\n            {showArrows && count > 1 && (\n                <>\n                    <MButton\n                        variant=\"ghost\"\n                        color=\"primary\"\n                        iconOnly\n                        shape=\"circle\"\n                        onClick={prev}\n                        aria-label=\"Previous slide\"\n                        className=\"carousel-arrow carousel-arrow-prev\"\n                    >\n                        <MChevronLeftIcon />\n                    </MButton>\n                    <MButton\n                        variant=\"ghost\"\n                        color=\"primary\"\n                        iconOnly\n                        shape=\"circle\"\n                        onClick={next}\n                        aria-label=\"Next slide\"\n                        className=\"carousel-arrow carousel-arrow-next\"\n                    >\n                        <MChevronRightIcon />\n                    </MButton>\n                </>\n            )}\n\n            {showDots && count > 1 && (\n                <div className=\"carousel-dots\">\n                    {slides.map((_, i) => (\n                        <button\n                            key={i}\n                            className={cn('carousel-dot', i === active && 'active')}\n                            onClick={() => goTo(i)}\n                            aria-label={`Slide ${i + 1}`}\n                            type=\"button\"\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    )\n}\n","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":"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"}
+{"version":3,"file":"media-C5atCcc6.cjs","names":[],"sources":["../src/components/media/MGallery/MGallery.tsx","../src/components/media/MCarousel/MCarousel.tsx","../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 {useState} from 'react'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {MMediaLightbox} from '../MMediaLightbox/MMediaLightbox'\nimport {usesHoverDim, usesHoverZoom} from '../mediaInteraction'\nimport './MGallery.css'\n\n// Render a responsive image grid gallery.\nexport function MGallery({\n    items,\n    columns = 3,\n    rounded = true,\n    preview = false,\n    hoverEffect = 'zoom',\n    clickEffect = 'ripple',\n    className,\n    ...rest\n}: MGalleryProps) {\n    const [previewOpen, setPreviewOpen] = useState(false)\n    const [previewIndex, setPreviewIndex] = useState(0)\n\n    return (\n        <>\n            <div className={cn('gallery', `columns-${columns}`, className)} {...rest}>\n                {items.map((item, i) => (\n                    <GalleryFigure\n                        key={i}\n                        item={item}\n                        rounded={rounded}\n                        preview={preview}\n                        hoverEffect={hoverEffect}\n                        clickEffect={clickEffect}\n                        onOpen={() => {\n                            setPreviewIndex(i)\n                            setPreviewOpen(true)\n                        }}\n                    />\n                ))}\n            </div>\n\n            <MMediaLightbox\n                open={previewOpen}\n                items={items}\n                activeIndex={previewIndex}\n                onActiveIndexChange={setPreviewIndex}\n                onClose={() => setPreviewOpen(false)}\n            />\n        </>\n    )\n}\n\nfunction GalleryFigure({\n    item,\n    rounded,\n    preview,\n    hoverEffect,\n    clickEffect,\n    onOpen,\n}: {\n    item: {src: string; alt?: string; caption?: string}\n    rounded: boolean\n    preview: boolean\n    hoverEffect: 'none' | 'zoom' | 'dim' | 'zoom-dim'\n    clickEffect: 'none' | 'ripple'\n    onOpen: () => void\n}) {\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLElement>({\n        effect: clickEffect,\n    })\n    return (\n        <figure className={cn('gallery-item', rounded && 'rounded')}>\n            {preview ? (\n                <button\n                    type=\"button\"\n                    className={cn(\n                        'gallery-trigger',\n                        rounded && 'rounded',\n                        'gallery-button',\n                        usesHoverZoom(hoverEffect) && 'effect-zoom',\n                        usesHoverDim(hoverEffect) && 'effect-dim',\n                        effectClassName\n                    )}\n                    onClick={onOpen}\n                    onPointerDown={handlePointerDown}\n                    aria-label={`Preview ${item.alt || 'image'}`}\n                >\n                    <img className=\"gallery-image\" src={item.src} alt={item.alt || ''} loading=\"lazy\" />\n                    {item.caption && <span className=\"gallery-caption\">{item.caption}</span>}\n                    {effectLayer}\n                </button>\n            ) : (\n                <div\n                    className={cn(\n                        'gallery-trigger',\n                        rounded && 'rounded',\n                        usesHoverZoom(hoverEffect) && 'effect-zoom',\n                        usesHoverDim(hoverEffect) && 'effect-dim',\n                        effectClassName\n                    )}\n                    onPointerDown={handlePointerDown}\n                >\n                    <img className=\"gallery-image\" src={item.src} alt={item.alt || ''} loading=\"lazy\" />\n                    {item.caption && <span className=\"gallery-caption\">{item.caption}</span>}\n                    {effectLayer}\n                </div>\n            )}\n        </figure>\n    )\n}\n","import {useState, useEffect, useCallback, useRef, Children} from 'react'\nimport type * as React from 'react'\nimport type {MCarouselProps} from './MCarousel.types'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\nimport './MCarousel.css'\n\n// Render a swipeable content slider with arrows, dots and transition modes.\nexport function MCarousel({\n    autoPlay = false,\n    interval = 5000,\n    showDots = true,\n    showArrows = true,\n    loop = true,\n    draggable = true,\n    transition = 'slide',\n    className,\n    children,\n    ...rest\n}: MCarouselProps) {\n    const slides = Children.toArray(children)\n    const count = slides.length\n    const [active, setActive] = useState(0)\n    const [dragOffset, setDragOffset] = useState(0)\n    const [isDragging, setIsDragging] = useState(false)\n    const dragStartX = useRef(0)\n    const trackRef = useRef<HTMLDivElement>(null)\n\n    const goTo = useCallback(\n        (index: number) => {\n            if (loop) {\n                setActive((index + count) % count)\n            } else {\n                setActive(Math.max(0, Math.min(index, count - 1)))\n            }\n        },\n        [count, loop]\n    )\n\n    const prev = useCallback(() => goTo(active - 1), [active, goTo])\n    const next = useCallback(() => goTo(active + 1), [active, goTo])\n\n    useEffect(() => {\n        if (!autoPlay || count <= 1 || isDragging) return\n        const timer = setInterval(next, interval)\n        return () => clearInterval(timer)\n    }, [autoPlay, interval, next, count, isDragging])\n\n    const handleDragStart = (clientX: number) => {\n        if (!draggable) return\n        setIsDragging(true)\n        dragStartX.current = clientX\n        setDragOffset(0)\n    }\n\n    const handleDragMove = (clientX: number) => {\n        if (!isDragging) return\n        const diff = clientX - dragStartX.current\n        setDragOffset(diff)\n    }\n\n    const handleDragEnd = () => {\n        if (!isDragging) return\n        setIsDragging(false)\n        const threshold = 50\n        if (dragOffset < -threshold) {\n            next()\n        } else if (dragOffset > threshold) {\n            prev()\n        }\n        setDragOffset(0)\n    }\n\n    const onPointerDown = (e: React.PointerEvent) => {\n        if (!draggable) return\n        e.currentTarget.setPointerCapture(e.pointerId)\n        handleDragStart(e.clientX)\n    }\n\n    const onPointerMove = (e: React.PointerEvent) => {\n        handleDragMove(e.clientX)\n    }\n\n    const onPointerUp = () => {\n        handleDragEnd()\n    }\n\n    if (count === 0) return null\n\n    const isFade = transition === 'fade'\n    const trackStyle = !isFade\n        ? {transform: `translateX(calc(-${active * 100}% + ${isDragging ? dragOffset : 0}px))`}\n        : undefined\n\n    return (\n        <div className={cn('carousel', isFade && 'fade', className)} {...rest}>\n            <div\n                className=\"carousel-viewport\"\n                onPointerDown={onPointerDown}\n                onPointerMove={onPointerMove}\n                onPointerUp={onPointerUp}\n                onPointerCancel={onPointerUp}\n                style={{\n                    touchAction: draggable ? 'pan-y' : undefined,\n                    cursor: draggable ? (isDragging ? 'grabbing' : 'grab') : undefined,\n                }}\n            >\n                <div ref={trackRef} className={cn('carousel-track', isDragging && 'dragging')} style={trackStyle}>\n                    {slides.map((slide, i) => (\n                        <div\n                            key={i}\n                            className={cn(\n                                'carousel-slide',\n                                isFade && i === active && 'active',\n                                isFade && i !== active && 'hidden'\n                            )}\n                        >\n                            {slide}\n                        </div>\n                    ))}\n                </div>\n            </div>\n\n            {showArrows && count > 1 && (\n                <>\n                    <MButton\n                        variant=\"ghost\"\n                        color=\"primary\"\n                        iconOnly\n                        shape=\"circle\"\n                        onClick={prev}\n                        aria-label=\"Previous slide\"\n                        className=\"carousel-arrow carousel-arrow-prev\"\n                    >\n                        <MChevronLeftIcon />\n                    </MButton>\n                    <MButton\n                        variant=\"ghost\"\n                        color=\"primary\"\n                        iconOnly\n                        shape=\"circle\"\n                        onClick={next}\n                        aria-label=\"Next slide\"\n                        className=\"carousel-arrow carousel-arrow-next\"\n                    >\n                        <MChevronRightIcon />\n                    </MButton>\n                </>\n            )}\n\n            {showDots && count > 1 && (\n                <div className=\"carousel-dots\">\n                    {slides.map((_, i) => (\n                        <button\n                            key={i}\n                            className={cn('carousel-dot', i === active && 'active')}\n                            onClick={() => goTo(i)}\n                            aria-label={`Slide ${i + 1}`}\n                            type=\"button\"\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    )\n}\n","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":"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"}

package/dist/{media-C3M0npGW.js → media-DdshnqJ1.js}

@@ -3,8 +3,8 @@ import { Fi as t, Pi as n } from "./icons-CfpYxnfg.js";
 import { t as r } from "./cn-YER3QsV1.js";
 import { t as i } from "./useInteractionEffect-DtpbVd77.js";
 import { t as a } from "./MButton-y9qXhhGt.js";
-import { i as o, n as s, r as c } from "./MSkeleton-DGhtNmpI.js";
-import { a as l, i as u, n as d, o as f, r as p, s as m, t as h } from "./MImage-gwFphZk2.js";
+import { i as o, n as s, r as c } from "./MSkeleton-BP7H_lsX.js";
+import { a as l, i as u, n as d, o as f, r as p, s as m, t as h } from "./MImage-I0LPhcqF.js";
 import { t as g } from "./MAvatar-BHASnoyu.js";
 import { Children as _, useCallback as v, useEffect as y, useMemo as b, useRef as x, useState as S } from "react";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
@@ -428,4 +428,4 @@ function z({ items: t, max: n = 5, size: i = "sm", color: a = "primary", hidden:
 //#endregion
 export { k as a, F as i, R as n, O as o, L as r, E as s, z as t };
 
-//# sourceMappingURL=media-C3M0npGW.js.map
+//# sourceMappingURL=media-DdshnqJ1.js.map