@banzamel/mineralui 2.1.2 → 2.1.3

package/dist/{MTreeView-1IqmVPMv.cjs.map → MTreeView-DuQkm0ZV.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MTreeView-1IqmVPMv.cjs","names":[],"sources":["../src/components/data/MTreeView/MTreeView.tsx"],"sourcesContent":["import {useEffect, useRef, useState} from 'react'\nimport type {CSSProperties, DragEvent, MouseEvent, ReactNode} from 'react'\nimport type {\n    MTreeViewProps,\n    MTreeItemProps,\n    MTreeNode,\n    MTreeViewContextMenuItem,\n    MTreeViewMoveEvent,\n} from './MTreeView.types'\nimport {cn} from '../../../utils/cn'\nimport {MCheckbox} from '../../controls'\nimport {MPortal} from '../../primitives'\nimport {\n    MChevronRightIcon,\n    MFileCodeIcon,\n    MFileCsvIcon,\n    MFileCssIcon,\n    MFileExeIcon,\n    MFileGifIcon,\n    MFileHtmlIcon,\n    MFileIcon,\n    MFileImageIcon,\n    MFileJpgIcon,\n    MFileJsIcon,\n    MFileJsonIcon,\n    MFileMdIcon,\n    MFileMp3Icon,\n    MFileMp4Icon,\n    MFileOdtIcon,\n    MFilePdfIcon,\n    MFilePhpIcon,\n    MFilePngIcon,\n    MFilePptIcon,\n    MFileRarIcon,\n    MFileSvgIcon,\n    MFileTextIcon,\n    MFileTsIcon,\n    MFileTsxIcon,\n    MFileTxtIcon,\n    MFileWebpIcon,\n    MFileXlsIcon,\n    MFileXmlIcon,\n    MFileZipIcon,\n    MFolderIcon,\n    MFolderOpenIcon,\n} from '../../../icons'\nimport './MTreeView.css'\nconst fileTypeMap: Record<string, ReactNode> = {\n    pdf: <MFilePdfIcon />,\n    ts: <MFileTsIcon />,\n    tsx: <MFileTsxIcon />,\n    js: <MFileJsIcon />,\n    jsx: <MFileCodeIcon />,\n    css: <MFileCssIcon />,\n    scss: <MFileCssIcon />,\n    html: <MFileHtmlIcon />,\n    json: <MFileJsonIcon />,\n    md: <MFileMdIcon />,\n    txt: <MFileTxtIcon />,\n    csv: <MFileCsvIcon />,\n    zip: <MFileZipIcon />,\n    rar: <MFileRarIcon />,\n    svg: <MFileSvgIcon />,\n    png: <MFilePngIcon />,\n    jpg: <MFileJpgIcon />,\n    jpeg: <MFileImageIcon />,\n    gif: <MFileGifIcon />,\n    webp: <MFileWebpIcon />,\n    php: <MFilePhpIcon />,\n    xml: <MFileXmlIcon />,\n    xls: <MFileXlsIcon />,\n    ppt: <MFilePptIcon />,\n    odt: <MFileOdtIcon />,\n    exe: <MFileExeIcon />,\n    mp3: <MFileMp3Icon />,\n    mp4: <MFileMp4Icon />,\n}\n\n// Read the file extension once so icon logic stays predictable.\nfunction getFileExtension(label: string): string | null {\n    const dot = label.lastIndexOf('.')\n    if (dot < 1) return null\n    return label.slice(dot + 1).toLowerCase()\n}\n\n// Treat explicit folders and nodes with children as directory-like.\nfunction isFolderNode(node: MTreeNode) {\n    return node.kind === 'folder' || Boolean(node.children?.length)\n}\n\n// Resolve the proper file icon by extension.\nfunction getFileIcon(label: string): ReactNode {\n    const ext = getFileExtension(label)\n    if (!ext) return <MFileIcon />\n\n    return fileTypeMap[ext] ?? <MFileTextIcon />\n}\n\n// Prefer custom icons first, then fall back to folder or file visuals.\nfunction getDefaultIcon(node: MTreeNode, isExpanded: boolean, fileIcons: boolean) {\n    if (node.icon) return node.icon\n    if (!fileIcons) return null\n\n    if (isFolderNode(node)) return isExpanded ? <MFolderOpenIcon /> : <MFolderIcon />\n\n    return getFileIcon(node.label)\n}\n\n// Cache nodes and descendants so drag-drop validation stays fast.\nfunction buildTreeLookup(items: MTreeNode[]) {\n    const nodeMap = new Map<string, MTreeNode>()\n    const descendants = new Map<string, Set<string>>()\n    const parentMap = new Map<string, string>()\n\n    function walk(node: MTreeNode) {\n        nodeMap.set(node.id, node)\n\n        const childIds = new Set<string>()\n\n        for (const child of node.children ?? []) {\n            parentMap.set(child.id, node.id)\n            childIds.add(child.id)\n\n            const nestedIds = walk(child)\n            nestedIds.forEach((id) => childIds.add(id))\n        }\n\n        descendants.set(node.id, childIds)\n        return childIds\n    }\n\n    items.forEach(walk)\n\n    return {nodeMap, descendants, parentMap}\n}\n\n// Compute indeterminate ids: a node where some but not all leaf descendants are checked.\nfunction computeIndeterminate(items: MTreeNode[], checked: Set<string>): Set<string> {\n    const indeterminate = new Set<string>()\n\n    function walk(node: MTreeNode): {checked: number; total: number} {\n        if (!node.children?.length) {\n            return checked.has(node.id) ? {checked: 1, total: 1} : {checked: 0, total: 1}\n        }\n\n        let c = 0\n        let t = 0\n\n        for (const child of node.children) {\n            const r = walk(child)\n            c += r.checked\n            t += r.total\n        }\n\n        if (c > 0 && c < t) indeterminate.add(node.id)\n        return {checked: c, total: t}\n    }\n\n    items.forEach(walk)\n    return indeterminate\n}\n\n// Keep the context menu inside the viewport.\nfunction clampMenuPosition(x: number, y: number) {\n    if (typeof window === 'undefined') {\n        return {x, y}\n    }\n\n    return {\n        x: Math.max(8, Math.min(x, window.innerWidth - 220)),\n        y: Math.max(8, Math.min(y, window.innerHeight - 16)),\n    }\n}\n\n// Render one visible row and recurse into children when expanded.\nfunction TreeItem({\n    node,\n    color,\n    level,\n    expandable,\n    selectable,\n    expandedIds,\n    selectedId,\n    draggedId,\n    dropTargetId,\n    onToggle,\n    onSelect,\n    checkable,\n    checkedIds,\n    indeterminateIds,\n    onCheck,\n    indent,\n    showLines,\n    fileIcons,\n    draggable,\n    canDropOnNode,\n    onContextMenu,\n    onDragStart,\n    onDragOver,\n    onDrop,\n    onDragEnd,\n}: MTreeItemProps) {\n    const hasChildren = isFolderNode(node)\n    const isExpanded = expandedIds.has(node.id)\n    const isSelected = selectedId === node.id\n    const isDragging = draggedId === node.id\n    const isDropTarget = dropTargetId === node.id\n    const canDrop = canDropOnNode?.(node)\n    const icon = getDefaultIcon(node, isExpanded, !!fileIcons)\n    const isChecked = checkedIds?.has(node.id) ?? false\n    const isIndeterminate = indeterminateIds?.has(node.id) ?? false\n\n    return (\n        <li role=\"treeitem\" aria-expanded={hasChildren ? isExpanded : undefined}>\n            <div\n                className={cn(\n                    'item',\n                    isSelected && 'selected',\n                    node.disabled && 'disabled',\n                    selectable && !node.disabled && 'selectable',\n                    draggable && !node.disabled && 'draggable',\n                    isDragging && 'dragging',\n                    canDrop && 'can-drop',\n                    isDropTarget && 'drop-target'\n                )}\n                data-color={color}\n                style={{paddingLeft: level * indent}}\n                draggable={draggable && !node.disabled}\n                onClick={() => {\n                    if (node.disabled) return\n                    if (hasChildren && expandable) onToggle(node.id)\n                    if (selectable) onSelect?.(node.id, node)\n                }}\n                onContextMenu={(event) => onContextMenu?.(event, node)}\n                onDragStart={(event) => onDragStart?.(event, node)}\n                onDragOver={(event) => onDragOver?.(event, node)}\n                onDrop={(event) => onDrop?.(event, node)}\n                onDragEnd={onDragEnd}\n            >\n                <span className=\"toggle\">\n                    {hasChildren && expandable ? (\n                        <span className={cn('arrow', isExpanded && 'expanded')}>\n                            <MChevronRightIcon />\n                        </span>\n                    ) : (\n                        <span className=\"spacer\" />\n                    )}\n                </span>\n                {checkable && (\n                    <span className=\"check\" onClick={(event) => event.stopPropagation()}>\n                        <MCheckbox\n                            size=\"sm\"\n                            clickEffect=\"none\"\n                            disabled={node.disabled}\n                            checked={isChecked}\n                            indeterminate={isIndeterminate}\n                            onChange={() => onCheck?.(node.id)}\n                        />\n                    </span>\n                )}\n                {icon && <span className=\"icon\">{icon}</span>}\n                <span className=\"label\">{node.label}</span>\n            </div>\n            {hasChildren && isExpanded && (\n                <ul\n                    className=\"list\"\n                    role=\"group\"\n                    style={showLines ? ({'--line-left': `${level * indent + 17}px`} as CSSProperties) : undefined}\n                >\n                    {(node.children ?? []).map((child) => (\n                        <TreeItem\n                            key={child.id}\n                            node={child}\n                            color={color}\n                            level={level + 1}\n                            expandable={expandable}\n                            selectable={selectable}\n                            expandedIds={expandedIds}\n                            selectedId={selectedId}\n                            draggedId={draggedId}\n                            dropTargetId={dropTargetId}\n                            onToggle={onToggle}\n                            onSelect={onSelect}\n                            checkable={checkable}\n                            checkedIds={checkedIds}\n                            indeterminateIds={indeterminateIds}\n                            onCheck={onCheck}\n                            indent={indent}\n                            showLines={showLines}\n                            fileIcons={fileIcons}\n                            draggable={draggable}\n                            canDropOnNode={canDropOnNode}\n                            onContextMenu={onContextMenu}\n                            onDragStart={onDragStart}\n                            onDragOver={onDragOver}\n                            onDrop={onDrop}\n                            onDragEnd={onDragEnd}\n                        />\n                    ))}\n                </ul>\n            )}\n        </li>\n    )\n}\n\n// Render a file tree with selection, context actions and folder moves.\nexport function MTreeView({\n    items,\n    color = 'primary',\n    expandable = true,\n    selectable = false,\n    defaultExpanded = [],\n    expanded: controlledExpanded,\n    onExpandChange,\n    selected: controlledSelected,\n    onSelect,\n    checkable = false,\n    defaultChecked = [],\n    checked: controlledChecked,\n    onCheckedChange,\n    indent = 20,\n    showLines = true,\n    fileIcons = true,\n    draggable = false,\n    canDrop,\n    onMove,\n    contextMenuItems,\n    onContextMenuAction,\n    className,\n    ...rest\n}: MTreeViewProps) {\n    const [internalExpanded, setInternalExpanded] = useState<string[]>(defaultExpanded)\n    const [internalSelected, setInternalSelected] = useState<string | null>(null)\n    const [internalChecked, setInternalChecked] = useState<string[]>(defaultChecked)\n    const [draggedId, setDraggedId] = useState<string | null>(null)\n    const [dropTargetId, setDropTargetId] = useState<string | null>(null)\n    const [menu, setMenu] = useState<{\n        node: MTreeNode\n        items: MTreeViewContextMenuItem[]\n        x: number\n        y: number\n    } | null>(null)\n    const menuRef = useRef<HTMLDivElement>(null)\n\n    const expandedArr = controlledExpanded ?? internalExpanded\n    const expandedIds = new Set(expandedArr)\n    const selectedId = controlledSelected !== undefined ? controlledSelected : internalSelected\n    const checkedArr = controlledChecked ?? internalChecked\n    const checkedIds = new Set(checkedArr)\n    const indeterminateIds = checkable ? computeIndeterminate(items, checkedIds) : new Set<string>()\n    const {nodeMap, descendants, parentMap} = buildTreeLookup(items)\n    const draggedNode = draggedId ? (nodeMap.get(draggedId) ?? null) : null\n\n    useEffect(() => {\n        if (!menu) return\n\n        function closeMenu(event?: Event) {\n            if (event && menuRef.current && menuRef.current.contains(event.target as Node)) {\n                return\n            }\n\n            setMenu(null)\n        }\n\n        function handleKey(event: KeyboardEvent) {\n            if (event.key === 'Escape') {\n                setMenu(null)\n            }\n        }\n\n        document.addEventListener('mousedown', closeMenu)\n        document.addEventListener('scroll', closeMenu, true)\n        window.addEventListener('resize', closeMenu)\n        document.addEventListener('keydown', handleKey)\n\n        return () => {\n            document.removeEventListener('mousedown', closeMenu)\n            document.removeEventListener('scroll', closeMenu, true)\n            window.removeEventListener('resize', closeMenu)\n            document.removeEventListener('keydown', handleKey)\n        }\n    }, [menu])\n\n    function handleToggle(id: string) {\n        const next = expandedIds.has(id) ? expandedArr.filter((e) => e !== id) : [...expandedArr, id]\n        if (onExpandChange) onExpandChange(next)\n        else setInternalExpanded(next)\n    }\n\n    function handleSelect(id: string, node: MTreeNode) {\n        if (onSelect) onSelect(id, node)\n        else setInternalSelected(id)\n    }\n\n    function handleCheck(id: string) {\n        const node = nodeMap.get(id)\n        if (!node || node.disabled) return\n\n        const next = new Set(checkedIds)\n        const isCurrentlyChecked = next.has(id)\n        const subtree = [id, ...Array.from(descendants.get(id) ?? [])]\n\n        if (isCurrentlyChecked) {\n            for (const sid of subtree) next.delete(sid)\n        } else {\n            for (const sid of subtree) {\n                const sNode = nodeMap.get(sid)\n                if (sNode && !sNode.disabled) next.add(sid)\n            }\n        }\n\n        let parentId = parentMap.get(id)\n\n        while (parentId) {\n            const parent = nodeMap.get(parentId)\n            if (!parent) break\n\n            const allChildrenChecked = (parent.children ?? []).every((child) => child.disabled || next.has(child.id))\n            const hasEnabledChild = (parent.children ?? []).some((child) => !child.disabled)\n\n            if (allChildrenChecked && hasEnabledChild) next.add(parentId)\n            else next.delete(parentId)\n\n            parentId = parentMap.get(parentId)\n        }\n\n        const nextArr = Array.from(next)\n\n        if (controlledChecked === undefined) setInternalChecked(nextArr)\n        onCheckedChange?.(nextArr)\n    }\n\n    function closeDrag() {\n        setDraggedId(null)\n        setDropTargetId(null)\n    }\n\n    function isValidDropTarget(targetNode: MTreeNode) {\n        if (!draggedNode || !draggable || !onMove) return false\n        if (targetNode.disabled || !isFolderNode(targetNode)) return false\n        if (targetNode.id === draggedNode.id) return false\n        if (descendants.get(draggedNode.id)?.has(targetNode.id)) return false\n\n        return canDrop ? canDrop(draggedNode, targetNode) : true\n    }\n\n    function handleContextMenu(event: MouseEvent<HTMLDivElement>, node: MTreeNode) {\n        if (!contextMenuItems || node.disabled) return\n\n        const items = contextMenuItems(node).filter(Boolean)\n        if (!items.length) return\n\n        event.preventDefault()\n        handleSelect(node.id, node)\n\n        const pos = clampMenuPosition(event.clientX, event.clientY)\n        setMenu({\n            node,\n            items,\n            x: pos.x,\n            y: pos.y,\n        })\n    }\n\n    function handleDragStart(event: DragEvent<HTMLDivElement>, node: MTreeNode) {\n        if (!draggable || node.disabled) return\n\n        event.dataTransfer.effectAllowed = 'move'\n        event.dataTransfer.setData('text/plain', node.id)\n        setMenu(null)\n        setDraggedId(node.id)\n    }\n\n    function handleDragOver(event: DragEvent<HTMLDivElement>, targetNode: MTreeNode) {\n        if (!isValidDropTarget(targetNode)) return\n\n        event.preventDefault()\n        event.dataTransfer.dropEffect = 'move'\n        setDropTargetId(targetNode.id)\n    }\n\n    function handleDrop(event: DragEvent<HTMLDivElement>, targetNode: MTreeNode) {\n        event.preventDefault()\n\n        if (!draggedNode || !isValidDropTarget(targetNode)) {\n            closeDrag()\n            return\n        }\n\n        onMove?.({\n            draggedId: draggedNode.id,\n            draggedNode,\n            targetId: targetNode.id,\n            targetNode,\n        } satisfies MTreeViewMoveEvent)\n\n        if (expandable && !expandedIds.has(targetNode.id)) {\n            handleToggle(targetNode.id)\n        }\n\n        closeDrag()\n    }\n\n    return (\n        <div className={cn('tree', `color-${color}`, showLines && 'lines', className)} {...rest}>\n            <ul className=\"list\" role=\"tree\">\n                {items.map((item) => (\n                    <TreeItem\n                        key={item.id}\n                        node={item}\n                        color={color}\n                        level={0}\n                        expandable={expandable}\n                        selectable={selectable}\n                        expandedIds={expandedIds}\n                        selectedId={selectedId}\n                        draggedId={draggedId}\n                        dropTargetId={dropTargetId}\n                        onToggle={handleToggle}\n                        onSelect={handleSelect}\n                        checkable={checkable}\n                        checkedIds={checkedIds}\n                        indeterminateIds={indeterminateIds}\n                        onCheck={handleCheck}\n                        indent={indent}\n                        showLines={showLines}\n                        fileIcons={fileIcons}\n                        draggable={draggable}\n                        canDropOnNode={isValidDropTarget}\n                        onContextMenu={handleContextMenu}\n                        onDragStart={handleDragStart}\n                        onDragOver={handleDragOver}\n                        onDrop={handleDrop}\n                        onDragEnd={closeDrag}\n                    />\n                ))}\n            </ul>\n            {menu && (\n                <MPortal>\n                    <div ref={menuRef} className=\"tree menu\" style={{top: menu.y, left: menu.x}} role=\"menu\">\n                        {menu.items.map((item) => (\n                            <button\n                                key={item.id}\n                                type=\"button\"\n                                className={cn('action', item.color, item.disabled && 'disabled')}\n                                role=\"menuitem\"\n                                disabled={item.disabled}\n                                onClick={() => {\n                                    if (item.disabled) return\n                                    onContextMenuAction?.(item.id, menu.node)\n                                    setMenu(null)\n                                }}\n                            >\n                                {item.icon && <span className=\"icon\">{item.icon}</span>}\n                                <span>{item.label}</span>\n                            </button>\n                        ))}\n                    </div>\n                </MPortal>\n            )}\n        </div>\n    )\n}\n"],"mappings":"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"}
+{"version":3,"file":"MTreeView-DuQkm0ZV.cjs","names":[],"sources":["../src/components/data/MTreeView/MTreeView.tsx"],"sourcesContent":["import {useEffect, useRef, useState} from 'react'\nimport type {CSSProperties, DragEvent, MouseEvent, ReactNode} from 'react'\nimport type {\n    MTreeViewProps,\n    MTreeItemProps,\n    MTreeNode,\n    MTreeViewContextMenuItem,\n    MTreeViewMoveEvent,\n} from './MTreeView.types'\nimport {cn} from '../../../utils/cn'\nimport {MCheckbox} from '../../controls'\nimport {MPortal} from '../../primitives'\nimport {\n    MChevronRightIcon,\n    MFileCodeIcon,\n    MFileCsvIcon,\n    MFileCssIcon,\n    MFileExeIcon,\n    MFileGifIcon,\n    MFileHtmlIcon,\n    MFileIcon,\n    MFileImageIcon,\n    MFileJpgIcon,\n    MFileJsIcon,\n    MFileJsonIcon,\n    MFileMdIcon,\n    MFileMp3Icon,\n    MFileMp4Icon,\n    MFileOdtIcon,\n    MFilePdfIcon,\n    MFilePhpIcon,\n    MFilePngIcon,\n    MFilePptIcon,\n    MFileRarIcon,\n    MFileSvgIcon,\n    MFileTextIcon,\n    MFileTsIcon,\n    MFileTsxIcon,\n    MFileTxtIcon,\n    MFileWebpIcon,\n    MFileXlsIcon,\n    MFileXmlIcon,\n    MFileZipIcon,\n    MFolderIcon,\n    MFolderOpenIcon,\n} from '../../../icons'\nimport './MTreeView.css'\nconst fileTypeMap: Record<string, ReactNode> = {\n    pdf: <MFilePdfIcon />,\n    ts: <MFileTsIcon />,\n    tsx: <MFileTsxIcon />,\n    js: <MFileJsIcon />,\n    jsx: <MFileCodeIcon />,\n    css: <MFileCssIcon />,\n    scss: <MFileCssIcon />,\n    html: <MFileHtmlIcon />,\n    json: <MFileJsonIcon />,\n    md: <MFileMdIcon />,\n    txt: <MFileTxtIcon />,\n    csv: <MFileCsvIcon />,\n    zip: <MFileZipIcon />,\n    rar: <MFileRarIcon />,\n    svg: <MFileSvgIcon />,\n    png: <MFilePngIcon />,\n    jpg: <MFileJpgIcon />,\n    jpeg: <MFileImageIcon />,\n    gif: <MFileGifIcon />,\n    webp: <MFileWebpIcon />,\n    php: <MFilePhpIcon />,\n    xml: <MFileXmlIcon />,\n    xls: <MFileXlsIcon />,\n    ppt: <MFilePptIcon />,\n    odt: <MFileOdtIcon />,\n    exe: <MFileExeIcon />,\n    mp3: <MFileMp3Icon />,\n    mp4: <MFileMp4Icon />,\n}\n\n// Read the file extension once so icon logic stays predictable.\nfunction getFileExtension(label: string): string | null {\n    const dot = label.lastIndexOf('.')\n    if (dot < 1) return null\n    return label.slice(dot + 1).toLowerCase()\n}\n\n// Treat explicit folders and nodes with children as directory-like.\nfunction isFolderNode(node: MTreeNode) {\n    return node.kind === 'folder' || Boolean(node.children?.length)\n}\n\n// Resolve the proper file icon by extension.\nfunction getFileIcon(label: string): ReactNode {\n    const ext = getFileExtension(label)\n    if (!ext) return <MFileIcon />\n\n    return fileTypeMap[ext] ?? <MFileTextIcon />\n}\n\n// Prefer custom icons first, then fall back to folder or file visuals.\nfunction getDefaultIcon(node: MTreeNode, isExpanded: boolean, fileIcons: boolean) {\n    if (node.icon) return node.icon\n    if (!fileIcons) return null\n\n    if (isFolderNode(node)) return isExpanded ? <MFolderOpenIcon /> : <MFolderIcon />\n\n    return getFileIcon(node.label)\n}\n\n// Cache nodes and descendants so drag-drop validation stays fast.\nfunction buildTreeLookup(items: MTreeNode[]) {\n    const nodeMap = new Map<string, MTreeNode>()\n    const descendants = new Map<string, Set<string>>()\n    const parentMap = new Map<string, string>()\n\n    function walk(node: MTreeNode) {\n        nodeMap.set(node.id, node)\n\n        const childIds = new Set<string>()\n\n        for (const child of node.children ?? []) {\n            parentMap.set(child.id, node.id)\n            childIds.add(child.id)\n\n            const nestedIds = walk(child)\n            nestedIds.forEach((id) => childIds.add(id))\n        }\n\n        descendants.set(node.id, childIds)\n        return childIds\n    }\n\n    items.forEach(walk)\n\n    return {nodeMap, descendants, parentMap}\n}\n\n// Compute indeterminate ids: a node where some but not all leaf descendants are checked.\nfunction computeIndeterminate(items: MTreeNode[], checked: Set<string>): Set<string> {\n    const indeterminate = new Set<string>()\n\n    function walk(node: MTreeNode): {checked: number; total: number} {\n        if (!node.children?.length) {\n            return checked.has(node.id) ? {checked: 1, total: 1} : {checked: 0, total: 1}\n        }\n\n        let c = 0\n        let t = 0\n\n        for (const child of node.children) {\n            const r = walk(child)\n            c += r.checked\n            t += r.total\n        }\n\n        if (c > 0 && c < t) indeterminate.add(node.id)\n        return {checked: c, total: t}\n    }\n\n    items.forEach(walk)\n    return indeterminate\n}\n\n// Keep the context menu inside the viewport.\nfunction clampMenuPosition(x: number, y: number) {\n    if (typeof window === 'undefined') {\n        return {x, y}\n    }\n\n    return {\n        x: Math.max(8, Math.min(x, window.innerWidth - 220)),\n        y: Math.max(8, Math.min(y, window.innerHeight - 16)),\n    }\n}\n\n// Render one visible row and recurse into children when expanded.\nfunction TreeItem({\n    node,\n    color,\n    level,\n    expandable,\n    selectable,\n    expandedIds,\n    selectedId,\n    draggedId,\n    dropTargetId,\n    onToggle,\n    onSelect,\n    checkable,\n    checkedIds,\n    indeterminateIds,\n    onCheck,\n    indent,\n    showLines,\n    fileIcons,\n    draggable,\n    canDropOnNode,\n    onContextMenu,\n    onDragStart,\n    onDragOver,\n    onDrop,\n    onDragEnd,\n}: MTreeItemProps) {\n    const hasChildren = isFolderNode(node)\n    const isExpanded = expandedIds.has(node.id)\n    const isSelected = selectedId === node.id\n    const isDragging = draggedId === node.id\n    const isDropTarget = dropTargetId === node.id\n    const canDrop = canDropOnNode?.(node)\n    const icon = getDefaultIcon(node, isExpanded, !!fileIcons)\n    const isChecked = checkedIds?.has(node.id) ?? false\n    const isIndeterminate = indeterminateIds?.has(node.id) ?? false\n\n    return (\n        <li role=\"treeitem\" aria-expanded={hasChildren ? isExpanded : undefined}>\n            <div\n                className={cn(\n                    'item',\n                    isSelected && 'selected',\n                    node.disabled && 'disabled',\n                    selectable && !node.disabled && 'selectable',\n                    draggable && !node.disabled && 'draggable',\n                    isDragging && 'dragging',\n                    canDrop && 'can-drop',\n                    isDropTarget && 'drop-target'\n                )}\n                data-color={color}\n                style={{paddingLeft: level * indent}}\n                draggable={draggable && !node.disabled}\n                onClick={() => {\n                    if (node.disabled) return\n                    if (hasChildren && expandable) onToggle(node.id)\n                    if (selectable) onSelect?.(node.id, node)\n                }}\n                onContextMenu={(event) => onContextMenu?.(event, node)}\n                onDragStart={(event) => onDragStart?.(event, node)}\n                onDragOver={(event) => onDragOver?.(event, node)}\n                onDrop={(event) => onDrop?.(event, node)}\n                onDragEnd={onDragEnd}\n            >\n                <span className=\"toggle\">\n                    {hasChildren && expandable ? (\n                        <span className={cn('arrow', isExpanded && 'expanded')}>\n                            <MChevronRightIcon />\n                        </span>\n                    ) : (\n                        <span className=\"spacer\" />\n                    )}\n                </span>\n                {checkable && (\n                    <span className=\"check\" onClick={(event) => event.stopPropagation()}>\n                        <MCheckbox\n                            size=\"sm\"\n                            clickEffect=\"none\"\n                            disabled={node.disabled}\n                            checked={isChecked}\n                            indeterminate={isIndeterminate}\n                            onChange={() => onCheck?.(node.id)}\n                        />\n                    </span>\n                )}\n                {icon && <span className=\"icon\">{icon}</span>}\n                <span className=\"label\">{node.label}</span>\n            </div>\n            {hasChildren && isExpanded && (\n                <ul\n                    className=\"list\"\n                    role=\"group\"\n                    style={showLines ? ({'--line-left': `${level * indent + 17}px`} as CSSProperties) : undefined}\n                >\n                    {(node.children ?? []).map((child) => (\n                        <TreeItem\n                            key={child.id}\n                            node={child}\n                            color={color}\n                            level={level + 1}\n                            expandable={expandable}\n                            selectable={selectable}\n                            expandedIds={expandedIds}\n                            selectedId={selectedId}\n                            draggedId={draggedId}\n                            dropTargetId={dropTargetId}\n                            onToggle={onToggle}\n                            onSelect={onSelect}\n                            checkable={checkable}\n                            checkedIds={checkedIds}\n                            indeterminateIds={indeterminateIds}\n                            onCheck={onCheck}\n                            indent={indent}\n                            showLines={showLines}\n                            fileIcons={fileIcons}\n                            draggable={draggable}\n                            canDropOnNode={canDropOnNode}\n                            onContextMenu={onContextMenu}\n                            onDragStart={onDragStart}\n                            onDragOver={onDragOver}\n                            onDrop={onDrop}\n                            onDragEnd={onDragEnd}\n                        />\n                    ))}\n                </ul>\n            )}\n        </li>\n    )\n}\n\n// Render a file tree with selection, context actions and folder moves.\nexport function MTreeView({\n    items,\n    color = 'primary',\n    expandable = true,\n    selectable = false,\n    defaultExpanded = [],\n    expanded: controlledExpanded,\n    onExpandChange,\n    selected: controlledSelected,\n    onSelect,\n    checkable = false,\n    defaultChecked = [],\n    checked: controlledChecked,\n    onCheckedChange,\n    indent = 20,\n    showLines = true,\n    fileIcons = true,\n    draggable = false,\n    canDrop,\n    onMove,\n    contextMenuItems,\n    onContextMenuAction,\n    className,\n    ...rest\n}: MTreeViewProps) {\n    const [internalExpanded, setInternalExpanded] = useState<string[]>(defaultExpanded)\n    const [internalSelected, setInternalSelected] = useState<string | null>(null)\n    const [internalChecked, setInternalChecked] = useState<string[]>(defaultChecked)\n    const [draggedId, setDraggedId] = useState<string | null>(null)\n    const [dropTargetId, setDropTargetId] = useState<string | null>(null)\n    const [menu, setMenu] = useState<{\n        node: MTreeNode\n        items: MTreeViewContextMenuItem[]\n        x: number\n        y: number\n    } | null>(null)\n    const menuRef = useRef<HTMLDivElement>(null)\n\n    const expandedArr = controlledExpanded ?? internalExpanded\n    const expandedIds = new Set(expandedArr)\n    const selectedId = controlledSelected !== undefined ? controlledSelected : internalSelected\n    const checkedArr = controlledChecked ?? internalChecked\n    const checkedIds = new Set(checkedArr)\n    const indeterminateIds = checkable ? computeIndeterminate(items, checkedIds) : new Set<string>()\n    const {nodeMap, descendants, parentMap} = buildTreeLookup(items)\n    const draggedNode = draggedId ? (nodeMap.get(draggedId) ?? null) : null\n\n    useEffect(() => {\n        if (!menu) return\n\n        function closeMenu(event?: Event) {\n            if (event && menuRef.current && menuRef.current.contains(event.target as Node)) {\n                return\n            }\n\n            setMenu(null)\n        }\n\n        function handleKey(event: KeyboardEvent) {\n            if (event.key === 'Escape') {\n                setMenu(null)\n            }\n        }\n\n        document.addEventListener('mousedown', closeMenu)\n        document.addEventListener('scroll', closeMenu, true)\n        window.addEventListener('resize', closeMenu)\n        document.addEventListener('keydown', handleKey)\n\n        return () => {\n            document.removeEventListener('mousedown', closeMenu)\n            document.removeEventListener('scroll', closeMenu, true)\n            window.removeEventListener('resize', closeMenu)\n            document.removeEventListener('keydown', handleKey)\n        }\n    }, [menu])\n\n    function handleToggle(id: string) {\n        const next = expandedIds.has(id) ? expandedArr.filter((e) => e !== id) : [...expandedArr, id]\n        if (onExpandChange) onExpandChange(next)\n        else setInternalExpanded(next)\n    }\n\n    function handleSelect(id: string, node: MTreeNode) {\n        if (onSelect) onSelect(id, node)\n        else setInternalSelected(id)\n    }\n\n    function handleCheck(id: string) {\n        const node = nodeMap.get(id)\n        if (!node || node.disabled) return\n\n        const next = new Set(checkedIds)\n        const isCurrentlyChecked = next.has(id)\n        const subtree = [id, ...Array.from(descendants.get(id) ?? [])]\n\n        if (isCurrentlyChecked) {\n            for (const sid of subtree) next.delete(sid)\n        } else {\n            for (const sid of subtree) {\n                const sNode = nodeMap.get(sid)\n                if (sNode && !sNode.disabled) next.add(sid)\n            }\n        }\n\n        let parentId = parentMap.get(id)\n\n        while (parentId) {\n            const parent = nodeMap.get(parentId)\n            if (!parent) break\n\n            const allChildrenChecked = (parent.children ?? []).every((child) => child.disabled || next.has(child.id))\n            const hasEnabledChild = (parent.children ?? []).some((child) => !child.disabled)\n\n            if (allChildrenChecked && hasEnabledChild) next.add(parentId)\n            else next.delete(parentId)\n\n            parentId = parentMap.get(parentId)\n        }\n\n        const nextArr = Array.from(next)\n\n        if (controlledChecked === undefined) setInternalChecked(nextArr)\n        onCheckedChange?.(nextArr)\n    }\n\n    function closeDrag() {\n        setDraggedId(null)\n        setDropTargetId(null)\n    }\n\n    function isValidDropTarget(targetNode: MTreeNode) {\n        if (!draggedNode || !draggable || !onMove) return false\n        if (targetNode.disabled || !isFolderNode(targetNode)) return false\n        if (targetNode.id === draggedNode.id) return false\n        if (descendants.get(draggedNode.id)?.has(targetNode.id)) return false\n\n        return canDrop ? canDrop(draggedNode, targetNode) : true\n    }\n\n    function handleContextMenu(event: MouseEvent<HTMLDivElement>, node: MTreeNode) {\n        if (!contextMenuItems || node.disabled) return\n\n        const items = contextMenuItems(node).filter(Boolean)\n        if (!items.length) return\n\n        event.preventDefault()\n        handleSelect(node.id, node)\n\n        const pos = clampMenuPosition(event.clientX, event.clientY)\n        setMenu({\n            node,\n            items,\n            x: pos.x,\n            y: pos.y,\n        })\n    }\n\n    function handleDragStart(event: DragEvent<HTMLDivElement>, node: MTreeNode) {\n        if (!draggable || node.disabled) return\n\n        event.dataTransfer.effectAllowed = 'move'\n        event.dataTransfer.setData('text/plain', node.id)\n        setMenu(null)\n        setDraggedId(node.id)\n    }\n\n    function handleDragOver(event: DragEvent<HTMLDivElement>, targetNode: MTreeNode) {\n        if (!isValidDropTarget(targetNode)) return\n\n        event.preventDefault()\n        event.dataTransfer.dropEffect = 'move'\n        setDropTargetId(targetNode.id)\n    }\n\n    function handleDrop(event: DragEvent<HTMLDivElement>, targetNode: MTreeNode) {\n        event.preventDefault()\n\n        if (!draggedNode || !isValidDropTarget(targetNode)) {\n            closeDrag()\n            return\n        }\n\n        onMove?.({\n            draggedId: draggedNode.id,\n            draggedNode,\n            targetId: targetNode.id,\n            targetNode,\n        } satisfies MTreeViewMoveEvent)\n\n        if (expandable && !expandedIds.has(targetNode.id)) {\n            handleToggle(targetNode.id)\n        }\n\n        closeDrag()\n    }\n\n    return (\n        <div className={cn('tree', `color-${color}`, showLines && 'lines', className)} {...rest}>\n            <ul className=\"list\" role=\"tree\">\n                {items.map((item) => (\n                    <TreeItem\n                        key={item.id}\n                        node={item}\n                        color={color}\n                        level={0}\n                        expandable={expandable}\n                        selectable={selectable}\n                        expandedIds={expandedIds}\n                        selectedId={selectedId}\n                        draggedId={draggedId}\n                        dropTargetId={dropTargetId}\n                        onToggle={handleToggle}\n                        onSelect={handleSelect}\n                        checkable={checkable}\n                        checkedIds={checkedIds}\n                        indeterminateIds={indeterminateIds}\n                        onCheck={handleCheck}\n                        indent={indent}\n                        showLines={showLines}\n                        fileIcons={fileIcons}\n                        draggable={draggable}\n                        canDropOnNode={isValidDropTarget}\n                        onContextMenu={handleContextMenu}\n                        onDragStart={handleDragStart}\n                        onDragOver={handleDragOver}\n                        onDrop={handleDrop}\n                        onDragEnd={closeDrag}\n                    />\n                ))}\n            </ul>\n            {menu && (\n                <MPortal>\n                    <div ref={menuRef} className=\"tree menu\" style={{top: menu.y, left: menu.x}} role=\"menu\">\n                        {menu.items.map((item) => (\n                            <button\n                                key={item.id}\n                                type=\"button\"\n                                className={cn('action', item.color, item.disabled && 'disabled')}\n                                role=\"menuitem\"\n                                disabled={item.disabled}\n                                onClick={() => {\n                                    if (item.disabled) return\n                                    onContextMenuAction?.(item.id, menu.node)\n                                    setMenu(null)\n                                }}\n                            >\n                                {item.icon && <span className=\"icon\">{item.icon}</span>}\n                                <span>{item.label}</span>\n                            </button>\n                        ))}\n                    </div>\n                </MPortal>\n            )}\n        </div>\n    )\n}\n"],"mappings":"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"}

package/dist/{cards-Du2kX3Br.js → cards-DYmK8TpL.js}

@@ -1,8 +1,8 @@
-import { Jn as e, Li as t, Ni as n, Or as r, Ri as i, Xn as a, kr as o, nr as s, qn as c, rr as l, zi as u } from "./icons-DLP-Rs6z.js";
+import { Hi as e, Jn as t, Li as n, Mr as r, Nr as i, Ui as a, Vi as o, Xn as s, nr as c, qn as l, rr as u } from "./icons-CBMl-kOM.js";
 import { t as d } from "./cn-YER3QsV1.js";
 import { n as f, t as p } from "./creditCards-D_iWmtG6.js";
 import { t as m } from "./useInteractionEffect-DtpbVd77.js";
-import { t as h } from "./MPopover-BRuwva-c.js";
+import { t as h } from "./MPopover-DT3vclV1.js";
 import { n as g } from "./MSurface-B-sjyczH.js";
 import { t as _ } from "./MText-CL-LPcXi.js";
 import { t as v } from "./MHeading-B7KgSP4T.js";
@@ -14,13 +14,13 @@ import { t as C } from "./MLoader-CnvWqFtA.js";
 import { r as w, t as T } from "./MGrid-CYL3cbUI.js";
 import { t as E } from "./MStack-CSCw6to2.js";
 import { a as D, i as O, n as k, r as A, t as j } from "./MCard-azpp4YVD.js";
-import { n as M, t as N } from "./MInputCVC-BGYhUGDE.js";
+import { n as M, t as N } from "./MInputCVC-DvUOzpYp.js";
 import { t as P } from "./MAvatar-DtJCj3dD.js";
-import { n as F, t as I } from "./MDetailList-BjvZUyNj.js";
-import { t as ee } from "./MInputSearch-DEr5HBgw.js";
-import { t as L } from "./MTreeView-DQaRF0ty.js";
-import { i as te, r as ne } from "./MDropdownMenu-CZmU3uku.js";
-import { t as re } from "./MPagination-7yTbB8dZ.js";
+import { n as F, t as I } from "./MDetailList-fDhVyhm7.js";
+import { t as ee } from "./MInputSearch-BM8gLlJ1.js";
+import { t as L } from "./MTreeView-B1J7uqd1.js";
+import { i as te, r as ne } from "./MDropdownMenu-BeD_DxPr.js";
+import { t as re } from "./MPagination-CgmNEAZX.js";
 import { Children as ie, Fragment as R, cloneElement as z, isValidElement as B, useCallback as V, useEffect as H, useMemo as ae, useRef as oe, useState as U } from "react";
 import { Fragment as se, jsx as W, jsxs as G } from "react/jsx-runtime";
 //#region src/components/cards/shared/MCardColor.utils.tsx
@@ -154,8 +154,8 @@ function Y({ component: e, to: t, href: n, target: r, rel: i, holder: a, number:
 function X(e) {
 	return p.find((t) => t.brand === e)?.iconLabel ?? "CARD";
 }
-function ue({ title: e = "Your payment methods", actionLabel: t = "Change", actionHref: n = "#", onAction: r, brand: i = "visa", brandIcon: a, last4: o, badgeLabel: s, summary: c, helperText: l = "All fields are required, unless stated otherwise.", expiryLabel: f = "Expiration date", cvcLabel: p = "Security code", expiryProps: m, cvcProps: h, color: v, className: b, ...x }) {
-	let C = m?.value ?? m?.defaultValue, w = s === void 0 ? "Default" : s, T = C ? `Credit card - Expiration date ${String(C).replace("/", ".")}` : "Credit card", E = c === void 0 ? T : c, D = X(i), O = {
+function ue({ title: e = "Your payment methods", actionLabel: t = "Change", actionHref: n = "#", onAction: r, brand: i = "visa", brandIcon: o, last4: s, badgeLabel: c, summary: l, helperText: u = "All fields are required, unless stated otherwise.", expiryLabel: f = "Expiration date", cvcLabel: p = "Security code", expiryProps: m, cvcProps: h, color: v, className: b, ...x }) {
+	let C = m?.value ?? m?.defaultValue, w = c === void 0 ? "Default" : c, T = C ? `Credit card - Expiration date ${String(C).replace("/", ".")}` : "Credit card", E = l === void 0 ? T : l, D = X(i), O = {
 		clearable: !0,
 		...m
 	};
@@ -175,7 +175,7 @@ function ue({ title: e = "Your payment methods", actionLabel: t = "Change", acti
 				onClick: (e) => {
 					r && (e.preventDefault(), r());
 				},
-				children: [t, /* @__PURE__ */ W(u, {})]
+				children: [t, /* @__PURE__ */ W(a, {})]
 			})]
 		}), /* @__PURE__ */ G("div", {
 			className: "cpm-surface",
@@ -187,12 +187,12 @@ function ue({ title: e = "Your payment methods", actionLabel: t = "Change", acti
 						className: "cpm-method-row",
 						children: [
 							/* @__PURE__ */ W("span", {
-								className: d("cpm-brand", !a && i),
-								children: a ?? D
+								className: d("cpm-brand", !o && i),
+								children: o ?? D
 							}),
 							/* @__PURE__ */ W("span", {
 								className: "cpm-last4",
-								children: `\u2022\u2022\u2022\u2022 ${o}`
+								children: `\u2022\u2022\u2022\u2022 ${s}`
 							}),
 							w && /* @__PURE__ */ W(S, {
 								color: "info",
@@ -205,11 +205,11 @@ function ue({ title: e = "Your payment methods", actionLabel: t = "Change", acti
 						children: E
 					})]
 				}),
-				l && /* @__PURE__ */ W(_, {
+				u && /* @__PURE__ */ W(_, {
 					tone: "muted",
 					size: "sm",
 					className: "cpm-helper",
-					children: l
+					children: u
 				}),
 				/* @__PURE__ */ G("div", {
 					className: "cpm-fields",
@@ -231,7 +231,7 @@ function ue({ title: e = "Your payment methods", actionLabel: t = "Change", acti
 }
 //#endregion
 //#region src/components/cards/ServiceCardsShared/ServiceCardsShared.tsx
-function Z({ variant: e, title: t, description: i, price: c, currency: u = "PLN", duration: f, available: p, image: m, gallery: h, galleryAutoPlay: g = !1, rating: _, reviewCount: v, favorite: y, onFavorite: x, menuItems: C, onAddToCart: w, actionLabel: T, icon: E, color: D = "primary", leader: O, participants: k, maxParticipants: A, quantity: j, onQuantityChange: M, showQuantity: N = !0, date: I, location: ee, status: L, className: re, ...ie }) {
+function Z({ variant: e, title: t, description: a, price: o, currency: l = "PLN", duration: f, available: p, image: m, gallery: h, galleryAutoPlay: g = !1, rating: _, reviewCount: v, favorite: y, onFavorite: x, menuItems: C, onAddToCart: w, actionLabel: T, icon: E, color: D = "primary", leader: O, participants: k, maxParticipants: A, quantity: j, onQuantityChange: M, showQuantity: N = !0, date: I, location: ee, status: L, className: re, ...ie }) {
 	let [R, z] = U(0), [B, V] = U(!1), [ae, oe] = U(1), K = j ?? ae, q = h && h.length > 0 ? h : m ? [m] : [];
 	H(() => {
 		R >= q.length && z(0);
@@ -288,7 +288,7 @@ function Z({ variant: e, title: t, description: i, price: c, currency: u = "PLN"
 								shape: "circle",
 								"aria-label": "More options",
 								className: "cs-overlay-btn",
-								children: /* @__PURE__ */ W(a, {})
+								children: /* @__PURE__ */ W(s, {})
 							}),
 							placement: "bottom-end",
 							children: C.map((e, t) => /* @__PURE__ */ W(ne, {
@@ -304,7 +304,7 @@ function Z({ variant: e, title: t, description: i, price: c, currency: u = "PLN"
 							onClick: x,
 							"aria-label": y ? "Remove from favorites" : "Add to favorites",
 							className: d("cs-overlay-btn", y && "cs-fav-active"),
-							children: W(y ? s : l, {})
+							children: W(y ? c : u, {})
 						})]
 					})
 				]
@@ -328,9 +328,9 @@ function Z({ variant: e, title: t, description: i, price: c, currency: u = "PLN"
 							children: [/* @__PURE__ */ W("h3", {
 								className: "cs-title",
 								children: t
-							}), i && /* @__PURE__ */ W("p", {
+							}), a && /* @__PURE__ */ W("p", {
 								className: "cs-desc",
-								children: i
+								children: a
 							})]
 						})]
 					}),
@@ -343,9 +343,9 @@ function Z({ variant: e, title: t, description: i, price: c, currency: u = "PLN"
 							className: "cs-title",
 							children: t
 						})]
-					}), i && /* @__PURE__ */ W("p", {
+					}), a && /* @__PURE__ */ W("p", {
 						className: "cs-desc",
-						children: i
+						children: a
 					})] }),
 					e === "event" && !Y && /* @__PURE__ */ G(se, { children: [/* @__PURE__ */ G("div", {
 						className: "cs-top",
@@ -356,9 +356,9 @@ function Z({ variant: e, title: t, description: i, price: c, currency: u = "PLN"
 							className: "cs-title",
 							children: t
 						})]
-					}), i && /* @__PURE__ */ W("p", {
+					}), a && /* @__PURE__ */ W("p", {
 						className: "cs-desc",
-						children: i
+						children: a
 					})] }),
 					_ !== void 0 && /* @__PURE__ */ G("div", {
 						className: "cs-rating",
@@ -446,14 +446,14 @@ function Z({ variant: e, title: t, description: i, price: c, currency: u = "PLN"
 			}),
 			/* @__PURE__ */ G("div", {
 				className: "cs-footer",
-				children: [c !== void 0 && /* @__PURE__ */ G("span", {
+				children: [o !== void 0 && /* @__PURE__ */ G("span", {
 					className: "cs-price",
 					children: [
-						typeof c == "number" ? c.toFixed(2) : c,
+						typeof o == "number" ? o.toFixed(2) : o,
 						" ",
 						/* @__PURE__ */ W("span", {
 							className: "cs-currency",
-							children: u
+							children: l
 						})
 					]
 				}), /* @__PURE__ */ G("div", {
@@ -481,7 +481,7 @@ function Z({ variant: e, title: t, description: i, price: c, currency: u = "PLN"
 								onClick: () => ce(K + 1),
 								"aria-label": "Increase",
 								className: "cs-qty-btn",
-								children: /* @__PURE__ */ W(o, {})
+								children: /* @__PURE__ */ W(i, {})
 							})
 						]
 					}), w && /* @__PURE__ */ W(b, {
@@ -522,7 +522,7 @@ function fe(e) {
 }
 //#endregion
 //#region src/components/cards/MCardTile/MCardTile.tsx
-function pe({ component: e, title: t, description: n, icon: r, color: i = "primary", to: o, href: c, target: u, rel: f, onClick: p, interactive: h = !1, clickEffect: g, rippleColor: _, image: v, video: y, illustration: x, camera: S, mediaFill: C = !1, overlayPosition: w = "bottom", favorite: T, onFavorite: E, menuItems: O, className: k, ...A }) {
+function pe({ component: e, title: t, description: n, icon: r, color: i = "primary", to: a, href: o, target: l, rel: f, onClick: p, interactive: h = !1, clickEffect: g, rippleColor: _, image: v, video: y, illustration: x, camera: S, mediaFill: C = !1, overlayPosition: w = "bottom", favorite: T, onFavorite: E, menuItems: O, className: k, ...A }) {
 	let j = oe(null);
 	H(() => {
 		if (!S) return;
@@ -541,8 +541,8 @@ function pe({ component: e, title: t, description: n, icon: r, color: i = "prima
 	}, [S]);
 	let M = !!(v || y || x || S), { component: N, href: P, to: F, isInteractive: I, isLink: ee } = D({
 		component: e,
-		href: c,
-		to: o,
+		href: o,
+		to: a,
 		interactive: h,
 		hasClickHandler: !!p,
 		fallbackComponent: "button"
@@ -619,7 +619,7 @@ function pe({ component: e, title: t, description: n, icon: r, color: i = "prima
 			ee && /* @__PURE__ */ W(N, {
 				href: N === "a" || e ? P : void 0,
 				to: F,
-				target: u,
+				target: l,
 				rel: f,
 				className: "tile-link",
 				"aria-label": t,
@@ -645,7 +645,7 @@ function pe({ component: e, title: t, description: n, icon: r, color: i = "prima
 						shape: "circle",
 						"aria-label": "More options",
 						className: "tile-overlay-btn",
-						children: /* @__PURE__ */ W(a, {})
+						children: /* @__PURE__ */ W(s, {})
 					}),
 					placement: "bottom-end",
 					children: O.map((e, t) => /* @__PURE__ */ W(ne, {
@@ -661,7 +661,7 @@ function pe({ component: e, title: t, description: n, icon: r, color: i = "prima
 					onClick: E,
 					"aria-label": T ? "Remove from favorites" : "Add to favorites",
 					className: d("tile-overlay-btn", T && "tile-fav-active"),
-					children: W(T ? s : l, {})
+					children: W(T ? c : u, {})
 				})]
 			})
 		]
@@ -696,9 +696,9 @@ function Q(e, t) {
 function $(e) {
 	return typeof e == "number" && e > 0 ? `+${e}` : e;
 }
-function ge({ component: e, to: n, href: r, target: a, rel: o, title: s, value: c, trend: l, trendType: u, icon: f, color: p = "primary", helperText: h, interactive: g = !1, clickEffect: _, rippleColor: v, className: y, onPointerDown: b, ...x }) {
+function ge({ component: t, to: n, href: r, target: i, rel: a, title: s, value: c, trend: l, trendType: u, icon: f, color: p = "primary", helperText: h, interactive: g = !1, clickEffect: _, rippleColor: v, className: y, onPointerDown: b, ...x }) {
 	let S = l != null, C = Q(l, u), w = $(l), { component: T, href: E, to: O, isInteractive: k } = D({
-		component: e,
+		component: t,
 		href: r,
 		to: n,
 		interactive: g,
@@ -710,10 +710,10 @@ function ge({ component: e, to: n, href: r, target: a, rel: o, title: s, value:
 		color: v
 	});
 	return /* @__PURE__ */ G(T, {
-		href: T === "a" || e ? E : void 0,
+		href: T === "a" || t ? E : void 0,
 		to: O,
-		target: a,
-		rel: o,
+		target: i,
+		rel: a,
 		className: d("card-widget", `color-${p}`, k && "interactive", A, y),
 		onPointerDown: (e) => {
 			M(e), b?.(e);
@@ -742,8 +742,8 @@ function ge({ component: e, to: n, href: r, target: a, rel: o, title: s, value:
 				children: /* @__PURE__ */ G("span", {
 					className: d("cw-trend", C),
 					children: [
-						C === "up" && /* @__PURE__ */ W(i, { size: 14 }),
-						C === "down" && /* @__PURE__ */ W(t, { size: 14 }),
+						C === "up" && /* @__PURE__ */ W(e, { size: 14 }),
+						C === "down" && /* @__PURE__ */ W(o, { size: 14 }),
 						/* @__PURE__ */ W("span", { children: w })
 					]
 				})
@@ -763,7 +763,7 @@ function _e(e, t) {
 function ve(e) {
 	return typeof e == "number" && e > 0 ? `+${e}` : e;
 }
-function ye({ label: e, value: n, icon: r, badge: a, helperText: o, trend: s, trendType: c, color: l = "primary", className: u, ...f }) {
+function ye({ label: t, value: n, icon: r, badge: i, helperText: a, trend: s, trendType: c, color: l = "primary", className: u, ...f }) {
 	let p = s != null, m = _e(s, c);
 	return /* @__PURE__ */ W(j, {
 		className: d("stat-card", `color-${l}`, u),
@@ -777,32 +777,32 @@ function ye({ label: e, value: n, icon: r, badge: a, helperText: o, trend: s, tr
 					spacing: "xs",
 					children: [/* @__PURE__ */ W("span", {
 						className: "stat-card-label",
-						children: e
+						children: t
 					}), /* @__PURE__ */ W("span", {
 						className: "stat-card-value",
 						children: n
 					})]
 				}), /* @__PURE__ */ G(g, {
 					align: "center",
-					children: [a, r && /* @__PURE__ */ W("span", {
+					children: [i, r && /* @__PURE__ */ W("span", {
 						className: "stat-card-icon",
 						children: r
 					})]
 				})]
-			}), (p || o) && /* @__PURE__ */ G(g, {
+			}), (p || a) && /* @__PURE__ */ G(g, {
 				justify: "between",
 				align: "center",
 				children: [p ? /* @__PURE__ */ G("span", {
 					className: d("stat-card-trend", m),
 					children: [
-						m === "up" && /* @__PURE__ */ W(i, { size: 14 }),
-						m === "down" && /* @__PURE__ */ W(t, { size: 14 }),
+						m === "up" && /* @__PURE__ */ W(e, { size: 14 }),
+						m === "down" && /* @__PURE__ */ W(o, { size: 14 }),
 						/* @__PURE__ */ W("span", { children: ve(s) })
 					]
-				}) : /* @__PURE__ */ W("span", {}), o && /* @__PURE__ */ W(_, {
+				}) : /* @__PURE__ */ W("span", {}), a && /* @__PURE__ */ W(_, {
 					size: "sm",
 					tone: "muted",
-					children: o
+					children: a
 				})]
 			})]
 		})
@@ -823,7 +823,7 @@ function xe(e, t) {
 	}
 	return r;
 }
-function Se({ items: n, renderCard: r, color: a = "primary", searchable: o = !1, searchKeys: s, searchPlaceholder: l = "Search...", search: u, onSearchChange: f, filterable: p = !1, filterKeys: m = [], filters: g, onFiltersChange: _, sortable: v = !1, sortKeys: y = [], defaultSort: S, sort: w, onSortChange: T, pagination: E = !1, pageSize: D = 12, page: O, onPageChange: k, total: A, manualSearch: j = !1, manualFilters: M = !1, manualSort: N = !1, manualPagination: P = !1, loading: F = !1, loadingLabel: I = "Loading", scrollOffset: L, columns: te = 3, emptyMessage: ne = "No results found.", className: ie, style: z, ...B }) {
+function Se({ items: n, renderCard: r, color: i = "primary", searchable: a = !1, searchKeys: s, searchPlaceholder: c = "Search...", search: u, onSearchChange: f, filterable: p = !1, filterKeys: m = [], filters: g, onFiltersChange: _, sortable: v = !1, sortKeys: y = [], defaultSort: S, sort: w, onSortChange: T, pagination: E = !1, pageSize: D = 12, page: O, onPageChange: k, total: A, manualSearch: j = !1, manualFilters: M = !1, manualSort: N = !1, manualPagination: P = !1, loading: F = !1, loadingLabel: I = "Loading", scrollOffset: L, columns: te = 3, emptyMessage: ne = "No results found.", className: ie, style: z, ...B }) {
 	let [H, K] = U(""), [q, J] = U({}), [ce, le] = U(S ?? null), [Y, X] = U(1), [ue, Z] = U(!1), [de, fe] = U(!1), pe = oe(null), me = oe(null), he = u === void 0 ? H : u, Q = g === void 0 ? q : g, $ = w === void 0 ? ce : w, ge = O === void 0 ? Y : O, _e = V((e) => {
 		u === void 0 && K(e), !P && O === void 0 && X(1), f?.(e);
 	}, [
@@ -920,20 +920,20 @@ function Se({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 	}, [n, m]), je = y.find((e) => e.key === $?.key);
 	return /* @__PURE__ */ G("div", {
 		ref: Se,
-		className: d("card-grid", `color-${a}`, ie),
+		className: d("card-grid", `color-${i}`, ie),
 		style: L === void 0 ? z : {
 			scrollMarginTop: L,
 			...z
 		},
 		...B,
 		children: [
-			(o || p || v) && /* @__PURE__ */ G("div", {
+			(a || p || v) && /* @__PURE__ */ G("div", {
 				className: "card-grid-toolbar",
-				children: [o && /* @__PURE__ */ W(ee, {
+				children: [a && /* @__PURE__ */ W(ee, {
 					className: "card-grid-search",
 					size: "sm",
 					fullWidth: !0,
-					placeholder: l,
+					placeholder: c,
 					value: he,
 					onChange: (e) => _e(e.target.value),
 					onClear: () => _e("")
@@ -942,9 +942,9 @@ function Se({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 					children: [p && m.length > 0 && /* @__PURE__ */ G(se, { children: [/* @__PURE__ */ W(b, {
 						ref: pe,
 						variant: "outlined",
-						color: a,
+						color: i,
 						size: "sm",
-						startIcon: /* @__PURE__ */ W(e, {}),
+						startIcon: /* @__PURE__ */ W(t, {}),
 						"aria-expanded": ue,
 						onClick: we,
 						children: "Filter"
@@ -973,9 +973,9 @@ function Se({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 					})] }), v && y.length > 0 && /* @__PURE__ */ G(se, { children: [/* @__PURE__ */ W(b, {
 						ref: me,
 						variant: "outlined",
-						color: a,
+						color: i,
 						size: "sm",
-						startIcon: $ ? $.direction === "asc" ? /* @__PURE__ */ W(i, {}) : /* @__PURE__ */ W(t, {}) : /* @__PURE__ */ W(c, {}),
+						startIcon: $ ? $.direction === "asc" ? /* @__PURE__ */ W(e, {}) : /* @__PURE__ */ W(o, {}) : /* @__PURE__ */ W(l, {}),
 						"aria-expanded": de,
 						onClick: Te,
 						children: je ? `Sort: ${je.label}` : "Sort"
@@ -985,23 +985,23 @@ function Se({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 						onClose: () => fe(!1),
 						placement: "bottom-end",
 						className: "card-grid-dropdown",
-						children: y.map((e) => /* @__PURE__ */ G("button", {
+						children: y.map((t) => /* @__PURE__ */ G("button", {
 							type: "button",
-							className: d("card-grid-sort-item", $?.key === e.key && "active"),
+							className: d("card-grid-sort-item", $?.key === t.key && "active"),
 							onClick: () => {
-								$?.key === e.key ? ye({
-									key: e.key,
+								$?.key === t.key ? ye({
+									key: t.key,
 									direction: $.direction === "asc" ? "desc" : "asc"
 								}) : ye({
-									key: e.key,
+									key: t.key,
 									direction: "asc"
 								});
 							},
-							children: [e.label, $?.key === e.key && /* @__PURE__ */ W("span", {
+							children: [t.label, $?.key === t.key && /* @__PURE__ */ W("span", {
 								className: "card-grid-sort-dir",
-								children: $.direction === "asc" ? /* @__PURE__ */ W(i, { className: "card-grid-sort-icon" }) : /* @__PURE__ */ W(t, { className: "card-grid-sort-icon" })
+								children: $.direction === "asc" ? /* @__PURE__ */ W(e, { className: "card-grid-sort-icon" }) : /* @__PURE__ */ W(o, { className: "card-grid-sort-icon" })
 							})]
-						}, e.key))
+						}, t.key))
 					})] })]
 				})]
 			}),
@@ -1025,7 +1025,7 @@ function Se({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 					children: /* @__PURE__ */ W(C, {
 						center: !1,
 						minHeight: "auto",
-						color: a,
+						color: i,
 						label: I
 					})
 				})]
@@ -1133,7 +1133,7 @@ function Ce({ title: e = "Today", description: t, color: n = "primary", workdayS
 }
 //#endregion
 //#region src/components/cards/MCardDocumentTree/MCardDocumentTree.tsx
-function we({ title: e = "Documents", description: t, color: n = "primary", items: r, selected: i, onSelect: o, defaultExpanded: s, expanded: c, onExpandChange: l, detailsTitle: u, detailsMeta: d, detailsItems: f = [], detailsActions: p = [], renderDetails: m, emptyDetails: h = /* @__PURE__ */ W(_, {
+function we({ title: e = "Documents", description: t, color: n = "primary", items: r, selected: i, onSelect: a, defaultExpanded: o, expanded: c, onExpandChange: l, detailsTitle: u, detailsMeta: d, detailsItems: f = [], detailsActions: p = [], renderDetails: m, emptyDetails: h = /* @__PURE__ */ W(_, {
 	tone: "muted",
 	children: "Select a document to inspect its details."
 }), primaryAction: y, ...x }) {
@@ -1167,11 +1167,11 @@ function we({ title: e = "Documents", description: t, color: n = "primary", item
 				children: /* @__PURE__ */ W(L, {
 					items: C,
 					color: n,
-					defaultExpanded: s,
+					defaultExpanded: o,
 					expanded: c,
 					onExpandChange: l,
 					selected: i,
-					onSelect: o,
+					onSelect: a,
 					expandable: !0,
 					selectable: !0,
 					showLines: !0,
@@ -1201,7 +1201,7 @@ function we({ title: e = "Documents", description: t, color: n = "primary", item
 								iconOnly: !0,
 								shape: "circle",
 								"aria-label": "Open document actions",
-								children: /* @__PURE__ */ W(a, {})
+								children: /* @__PURE__ */ W(s, {})
 							}),
 							children: p.map((e) => /* @__PURE__ */ W(ne, {
 								icon: J(e.icon, e.color ?? n),
@@ -1223,4 +1223,4 @@ function we({ title: e = "Documents", description: t, color: n = "primary", item
 //#endregion
 export { ge as a, pe as c, ue as d, Y as f, ye as i, fe as l, Ce as n, he as o, ce as p, Se as r, me as s, we as t, de as u };
 
-//# sourceMappingURL=cards-Du2kX3Br.js.map
+//# sourceMappingURL=cards-DYmK8TpL.js.map