@banzamel/mineralui 1.9.1 → 1.10.2

package/dist/data-CDZvakQ8.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-CDZvakQ8.cjs","names":[],"sources":["../src/components/data/MDataTable/MDataTable.tsx","../src/components/data/MTaskList/MTaskList.tsx","../src/components/data/useMTable.ts","../src/components/data/useMCardGrid.ts"],"sourcesContent":["import {useCallback, useMemo, useRef, useState} from 'react'\nimport type * as React from 'react'\nimport type {MDataTableProps, MDataTableSort} from './MDataTable.types'\nimport {MButton, MCheckbox} from '../../controls'\nimport {MInputSearch} from '../../inputs'\nimport {MPagination} from '../../layout'\nimport {MPopover} from '../../primitives'\nimport {MArrowDownIcon, MArrowUpDownIcon, MArrowUpIcon, MFilterIcon, MSortIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MDataTable.css'\n\nfunction getRowKey<T>(row: T, index: number, rowKey?: string | ((row: T, index: number) => string)): string {\n    if (typeof rowKey === 'function') return rowKey(row, index)\n    if (typeof rowKey === 'string') return String((row as any)[rowKey])\n    return String((row as any).id ?? index)\n}\n\nfunction getNestedValue(obj: unknown, key: string): unknown {\n    const parts = key.split('.')\n    let val: unknown = obj\n\n    for (const p of parts) {\n        if (val == null || typeof val !== 'object') return undefined\n        val = (val as Record<string, unknown>)[p]\n    }\n\n    return val\n}\n\nexport function MDataTable<T = any>({\n    columns,\n    data,\n    rowKey,\n    sortable = false,\n    filterable = false,\n    selectable = false,\n    pagination = false,\n    pageSize = 10,\n    striped = false,\n    compact = false,\n    stickyHeader = false,\n    sort: controlledSort,\n    onSortChange,\n    search: controlledSearch,\n    onSearchChange,\n    searchKeys,\n    filterKeys = [],\n    filters: controlledFilters,\n    onFiltersChange,\n    sortKeys = [],\n    page: controlledPage,\n    onPageChange,\n    total,\n    manualSearch = false,\n    manualFilters = false,\n    manualSort = false,\n    manualPagination = false,\n    selectedKeys: controlledSelected,\n    onSelectionChange,\n    emptyText = 'No data',\n    filterPlaceholder = 'Search...',\n    className,\n    ...rest\n}: MDataTableProps<T>) {\n    const [internalSort, setInternalSort] = useState<MDataTableSort | null>(null)\n    const [internalSelected, setInternalSelected] = useState<string[]>([])\n    const [internalSearch, setInternalSearch] = useState('')\n    const [internalFilters, setInternalFilters] = useState<Record<string, string[]>>({})\n    const [internalPage, setInternalPage] = useState(1)\n    const [filterOpen, setFilterOpen] = useState(false)\n    const [sortOpen, setSortOpen] = useState(false)\n    const filterBtnRef = useRef<HTMLElement>(null)\n    const sortBtnRef = useRef<HTMLElement>(null)\n\n    const activeSort = controlledSort !== undefined ? controlledSort : internalSort\n    const search = controlledSearch !== undefined ? controlledSearch : internalSearch\n    const filters = controlledFilters !== undefined ? controlledFilters : internalFilters\n    const page = controlledPage !== undefined ? controlledPage : internalPage\n    const selected = controlledSelected ?? internalSelected\n    const setSelected = onSelectionChange ?? setInternalSelected\n\n    const setSearch = useCallback(\n        (next: string) => {\n            if (controlledSearch === undefined) setInternalSearch(next)\n            if (!manualPagination && controlledPage === undefined) setInternalPage(1)\n            onSearchChange?.(next)\n        },\n        [controlledSearch, controlledPage, manualPagination, onSearchChange]\n    )\n\n    const setFilters = useCallback(\n        (next: Record<string, string[]>) => {\n            if (controlledFilters === undefined) setInternalFilters(next)\n            if (!manualPagination && controlledPage === undefined) setInternalPage(1)\n            onFiltersChange?.(next)\n        },\n        [controlledFilters, controlledPage, manualPagination, onFiltersChange]\n    )\n\n    const setSort = useCallback(\n        (next: MDataTableSort | null) => {\n            if (controlledSort === undefined) setInternalSort(next)\n            if (!manualPagination && controlledPage === undefined) setInternalPage(1)\n            onSortChange?.(next)\n        },\n        [controlledSort, controlledPage, manualPagination, onSortChange]\n    )\n\n    const rootRef = useRef<HTMLDivElement>(null)\n\n    const setPage = useCallback(\n        (next: number) => {\n            if (controlledPage === undefined) setInternalPage(next)\n            onPageChange?.(next)\n            // After page change, bring the top of the table back into view so\n            // the user does not stay scrolled deep into the previous page's rows.\n            rootRef.current?.scrollIntoView({block: 'start', behavior: 'smooth'})\n        },\n        [controlledPage, onPageChange]\n    )\n\n    function handleSort(key: string) {\n        let next: MDataTableSort | null\n\n        if (activeSort?.key === key) {\n            next = activeSort.dir === 'asc' ? {key, dir: 'desc'} : null\n        } else {\n            next = {key, dir: 'asc'}\n        }\n\n        setSort(next)\n    }\n\n    function toggleFilterValue(key: string, value: string) {\n        const current = filters[key] ?? []\n        const next = current.includes(value) ? current.filter((item) => item !== value) : [...current, value]\n        setFilters({...filters, [key]: next})\n    }\n\n    const filterOptions = useMemo(() => {\n        const map: Record<string, string[]> = {}\n\n        for (const filterKey of filterKeys) {\n            if (filterKey.options) {\n                map[filterKey.key] = filterKey.options\n                continue\n            }\n\n            const values = new Set<string>()\n\n            for (const row of data) {\n                const value = getNestedValue(row, filterKey.key)\n                if (value != null) values.add(String(value))\n            }\n\n            map[filterKey.key] = Array.from(values).sort()\n        }\n\n        return map\n    }, [data, filterKeys])\n\n    const filtered = useMemo(() => {\n        let result: T[] = data\n\n        if (!manualSearch && filterable && search.trim()) {\n            const query = search.toLowerCase()\n\n            if (searchKeys && searchKeys.length > 0) {\n                result = result.filter((row) =>\n                    searchKeys.some((key) => {\n                        const value = getNestedValue(row, key)\n                        return value != null && String(value).toLowerCase().includes(query)\n                    })\n                )\n            } else {\n                result = result.filter((row) =>\n                    columns.some((col) => {\n                        if (col.filterable === false) return false\n                        const value = (row as any)[col.key]\n                        return value != null && String(value).toLowerCase().includes(query)\n                    })\n                )\n            }\n        }\n\n        if (!manualFilters) {\n            for (const [key, selectedValues] of Object.entries(filters)) {\n                if (!selectedValues || selectedValues.length === 0) continue\n\n                result = result.filter((row) => {\n                    const value = getNestedValue(row, key)\n                    return value != null && selectedValues.includes(String(value))\n                })\n            }\n        }\n\n        return result\n    }, [data, manualSearch, manualFilters, filterable, search, searchKeys, columns, filters])\n\n    const sorted = useMemo(() => {\n        if (manualSort || !activeSort) return filtered\n\n        const col = columns.find((item) => item.key === activeSort.key)\n        const sortKeyAllowed = sortKeys.some((item) => item.key === activeSort.key)\n        if (!col?.sortable && !sortable && !sortKeyAllowed) return filtered\n\n        const dir = activeSort.dir === 'asc' ? 1 : -1\n\n        return [...filtered].sort((a, b) => {\n            const va = (a as any)[activeSort.key]\n            const vb = (b as any)[activeSort.key]\n\n            if (va == null && vb == null) return 0\n            if (va == null) return 1\n            if (vb == null) return -1\n            if (typeof va === 'number' && typeof vb === 'number') return (va - vb) * dir\n\n            return String(va).localeCompare(String(vb)) * dir\n        })\n    }, [filtered, activeSort, columns, sortable, sortKeys, manualSort])\n\n    const totalItems = manualPagination ? (total ?? sorted.length) : sorted.length\n    const totalPages = pagination ? Math.max(1, Math.ceil(totalItems / pageSize)) : 1\n    const pageData = useMemo(() => {\n        if (!pagination || manualPagination) return sorted\n        const start = (page - 1) * pageSize\n        return sorted.slice(start, start + pageSize)\n    }, [sorted, pagination, manualPagination, page, pageSize])\n\n    const allKeys = pageData.map((row, index) => getRowKey(row, (page - 1) * pageSize + index, rowKey))\n    const allSelected = allKeys.length > 0 && allKeys.every((key) => selected.includes(key))\n\n    function toggleAll() {\n        if (allSelected) {\n            setSelected(selected.filter((key) => !allKeys.includes(key)))\n        } else {\n            setSelected([...new Set([...selected, ...allKeys])])\n        }\n    }\n\n    function toggleRow(key: string) {\n        setSelected(selected.includes(key) ? selected.filter((item) => item !== key) : [...selected, key])\n    }\n\n    function handleRowClick(key: string, event: React.MouseEvent) {\n        const target = event.target as HTMLElement\n        if (target.closest('button, a, [data-no-row-select]')) return\n        toggleRow(key)\n    }\n\n    const openFilter = useCallback(() => {\n        setFilterOpen((v) => !v)\n        setSortOpen(false)\n    }, [])\n\n    const openSort = useCallback(() => {\n        setSortOpen((v) => !v)\n        setFilterOpen(false)\n    }, [])\n\n    const activeSortMenuItem = sortKeys.find((item) => item.key === activeSort?.key)\n    const showToolbar = filterable || filterKeys.length > 0 || sortKeys.length > 0\n\n    return (\n        <div ref={rootRef} className={cn('data-table', className)} {...rest}>\n            {showToolbar && (\n                <div className=\"toolbar\">\n                    {filterable && (\n                        <MInputSearch\n                            className=\"filter-search\"\n                            size=\"sm\"\n                            fullWidth\n                            placeholder={filterPlaceholder}\n                            value={search}\n                            onChange={(event) => setSearch(event.target.value)}\n                            onClear={() => setSearch('')}\n                        />\n                    )}\n\n                    {(filterKeys.length > 0 || sortKeys.length > 0) && (\n                        <div className=\"toolbar-actions\">\n                            {filterKeys.length > 0 && (\n                                <>\n                                    <MButton\n                                        ref={filterBtnRef}\n                                        variant=\"outlined\"\n                                        size=\"sm\"\n                                        startIcon={<MFilterIcon />}\n                                        aria-expanded={filterOpen}\n                                        onClick={openFilter}\n                                    >\n                                        Filter\n                                    </MButton>\n                                    <MPopover\n                                        open={filterOpen}\n                                        anchorRef={filterBtnRef}\n                                        onClose={() => setFilterOpen(false)}\n                                        placement=\"bottom-end\"\n                                        className=\"data-table-dropdown\"\n                                    >\n                                        {filterKeys.map((filterKey) => (\n                                            <div key={filterKey.key} className=\"data-table-filter-group\">\n                                                <span className=\"data-table-filter-label\">{filterKey.label}</span>\n                                                {(filterOptions[filterKey.key] ?? []).map((option) => (\n                                                    <div key={option} className=\"data-table-filter-option\">\n                                                        <MCheckbox\n                                                            size=\"sm\"\n                                                            clickEffect=\"none\"\n                                                            checked={filters[filterKey.key]?.includes(option) ?? false}\n                                                            onChange={() => toggleFilterValue(filterKey.key, option)}\n                                                            label={option}\n                                                        />\n                                                    </div>\n                                                ))}\n                                            </div>\n                                        ))}\n                                    </MPopover>\n                                </>\n                            )}\n\n                            {sortKeys.length > 0 && (\n                                <>\n                                    <MButton\n                                        ref={sortBtnRef}\n                                        variant=\"outlined\"\n                                        size=\"sm\"\n                                        startIcon={\n                                            activeSort ? (\n                                                activeSort.dir === 'asc' ? (\n                                                    <MArrowUpIcon />\n                                                ) : (\n                                                    <MArrowDownIcon />\n                                                )\n                                            ) : (\n                                                <MSortIcon />\n                                            )\n                                        }\n                                        aria-expanded={sortOpen}\n                                        onClick={openSort}\n                                    >\n                                        {activeSortMenuItem ? `Sort: ${activeSortMenuItem.label}` : 'Sort'}\n                                    </MButton>\n                                    <MPopover\n                                        open={sortOpen}\n                                        anchorRef={sortBtnRef}\n                                        onClose={() => setSortOpen(false)}\n                                        placement=\"bottom-end\"\n                                        className=\"data-table-dropdown\"\n                                    >\n                                        {sortKeys.map((sortItem) => (\n                                            <button\n                                                key={sortItem.key}\n                                                type=\"button\"\n                                                className={cn(\n                                                    'data-table-sort-item',\n                                                    activeSort?.key === sortItem.key && 'active'\n                                                )}\n                                                onClick={() => {\n                                                    if (activeSort?.key === sortItem.key) {\n                                                        setSort({\n                                                            key: sortItem.key,\n                                                            dir: activeSort.dir === 'asc' ? 'desc' : 'asc',\n                                                        })\n                                                    } else {\n                                                        setSort({key: sortItem.key, dir: 'asc'})\n                                                    }\n                                                }}\n                                            >\n                                                {sortItem.label}\n                                                {activeSort?.key === sortItem.key && (\n                                                    <span className=\"data-table-sort-dir\">\n                                                        {activeSort.dir === 'asc' ? (\n                                                            <MArrowUpIcon className=\"data-table-sort-icon\" />\n                                                        ) : (\n                                                            <MArrowDownIcon className=\"data-table-sort-icon\" />\n                                                        )}\n                                                    </span>\n                                                )}\n                                            </button>\n                                        ))}\n                                    </MPopover>\n                                </>\n                            )}\n                        </div>\n                    )}\n                </div>\n            )}\n            <div className=\"scroll\">\n                <table className={cn('root', striped && 'striped', compact && 'compact')}>\n                    <thead className={cn('head', stickyHeader && 'sticky')}>\n                        <tr>\n                            {selectable && (\n                                <th className=\"th check-col\">\n                                    <MCheckbox\n                                        checked={allSelected}\n                                        onChange={toggleAll}\n                                        size=\"sm\"\n                                        clickEffect=\"none\"\n                                    />\n                                </th>\n                            )}\n                            {columns.map((col) => {\n                                const isSortable = col.sortable ?? sortable\n                                const isSorted = activeSort?.key === col.key\n\n                                return (\n                                    <th\n                                        key={col.key}\n                                        className={cn(\n                                            'th',\n                                            isSortable && 'sortable',\n                                            isSorted && `sorted-${activeSort!.dir}`\n                                        )}\n                                        style={{\n                                            width: col.width,\n                                            textAlign: col.align,\n                                        }}\n                                        onClick={isSortable ? () => handleSort(col.key) : undefined}\n                                    >\n                                        <span className=\"th-content\">\n                                            {col.label}\n                                            {isSortable && (\n                                                <span className=\"sort-icon\">\n                                                    {isSorted ? (\n                                                        activeSort!.dir === 'asc' ? (\n                                                            <MArrowUpIcon aria-hidden=\"true\" />\n                                                        ) : (\n                                                            <MArrowDownIcon aria-hidden=\"true\" />\n                                                        )\n                                                    ) : (\n                                                        <MArrowUpDownIcon aria-hidden=\"true\" />\n                                                    )}\n                                                </span>\n                                            )}\n                                        </span>\n                                    </th>\n                                )\n                            })}\n                        </tr>\n                    </thead>\n                    <tbody>\n                        {pageData.length === 0 && (\n                            <tr>\n                                <td className=\"empty\" colSpan={columns.length + (selectable ? 1 : 0)}>\n                                    {emptyText}\n                                </td>\n                            </tr>\n                        )}\n                        {pageData.map((row, index) => {\n                            const key = getRowKey(row, (page - 1) * pageSize + index, rowKey)\n                            const isSelected = selected.includes(key)\n\n                            return (\n                                <tr\n                                    key={key}\n                                    className={cn('row', isSelected && 'selected', selectable && 'selectable')}\n                                    onClick={selectable ? (event) => handleRowClick(key, event) : undefined}\n                                >\n                                    {selectable && (\n                                        <td className=\"td check-col\">\n                                            <MCheckbox\n                                                checked={isSelected}\n                                                onChange={() => {}}\n                                                size=\"sm\"\n                                                clickEffect=\"none\"\n                                            />\n                                        </td>\n                                    )}\n                                    {columns.map((col) => (\n                                        <td key={col.key} className=\"td\" style={{textAlign: col.align}}>\n                                            {col.render\n                                                ? col.render((row as any)[col.key], row, (page - 1) * pageSize + index)\n                                                : (row as any)[col.key]}\n                                        </td>\n                                    ))}\n                                </tr>\n                            )\n                        })}\n                    </tbody>\n                </table>\n            </div>\n            {pagination && totalPages > 1 && (\n                <MPagination total={totalItems} page={page} pageSize={pageSize} onChange={setPage} />\n            )}\n        </div>\n    )\n}\n","import type {MTaskListProps} from './MTaskList.types'\nimport {MCheckbox} from '../../controls'\nimport {cn} from '../../../utils/cn'\nimport './MTaskList.css'\n\n// Render an interactive checklist with toggleable task items.\nexport function MTaskList({\n    items,\n    color = 'primary',\n    strikethrough = true,\n    onChange,\n    className,\n    ...rest\n}: MTaskListProps) {\n    return (\n        <div className={cn('task list', `color-${color}`, className)} role=\"list\" {...rest}>\n            {items.map((item) => (\n                <div\n                    key={item.id}\n                    className={cn('task item', item.checked && 'checked', item.disabled && 'disabled')}\n                    role=\"listitem\"\n                    onClick={(event) => {\n                        if (item.disabled) return\n                        if ((event.target as HTMLElement).closest('.checkbox')) return\n                        onChange?.(item.id, !(item.checked ?? false))\n                    }}\n                >\n                    <MCheckbox\n                        className=\"task control\"\n                        checked={item.checked ?? false}\n                        color={color}\n                        size=\"sm\"\n                        disabled={item.disabled}\n                        onChange={(e) => onChange?.(item.id, e.target.checked)}\n                        clickEffect=\"ripple\"\n                    />\n                    <span className={cn('task label', item.checked && strikethrough && 'done')}>{item.label}</span>\n                </div>\n            ))}\n        </div>\n    )\n}\n","import {useCallback, useEffect, useMemo, useRef, useState} from 'react'\n\nimport type {MDataTableSort} from './MDataTable'\n\n/**\n * Generic query shape that backend lists can satisfy. Drop-in adapter between\n * `useMTable` and the API call. The framework does not assume axios/fetch/swr —\n * the consumer plugs whatever fetcher they want.\n */\nexport interface MTableQuery {\n    page?: number\n    perPage?: number\n    search?: string\n    filters?: Record<string, string[]>\n    sort?: MDataTableSort | null\n}\n\n/**\n * Standard list response. Mirrors the most common server convention\n * (data + meta with pagination total). Adapt your fetcher to this shape if your\n * backend uses different envelope keys.\n */\nexport interface MTableResponse<T> {\n    data: T[]\n    meta: {\n        total: number\n        page: number\n        perPage: number\n        totalPages: number\n    }\n}\n\nexport type MTableFetcher<T> = (query: MTableQuery, signal?: AbortSignal) => Promise<MTableResponse<T>>\n\nexport interface MTableOptions {\n    perPage?: number\n    initialPage?: number\n    initialSearch?: string\n    initialFilters?: Record<string, string[]>\n    initialSort?: MDataTableSort | null\n    /** Bump to force a refetch (e.g. after a mutation invalidates the list). */\n    invalidationKey?: number | string\n}\n\nexport interface MTableProps<T> {\n    data: T[]\n    total: number\n    page: number\n    onPageChange: (page: number) => void\n    sort: MDataTableSort | null\n    onSortChange: (sort: MDataTableSort | null) => void\n    search: string\n    onSearchChange: (search: string) => void\n    filters: Record<string, string[]>\n    onFiltersChange: (filters: Record<string, string[]>) => void\n    manualSearch: true\n    manualFilters: true\n    manualSort: true\n    manualPagination: true\n    pageSize: number\n}\n\nexport interface MTableHandle<T> {\n    /** Spread directly onto `<MDataTable>` — wires up all manual* + state props. */\n    tableProps: MTableProps<T>\n    isLoading: boolean\n    error: Error | null\n    /** Trigger a fresh fetch with current query. */\n    refetch: () => void\n}\n\n/**\n * Adapter hook that bridges a fetcher returning `MTableResponse<T>` with\n * `MDataTable` in manual mode. Owns the search / filters / sort / page state,\n * debounces nothing on its own (fetcher decides), and aborts in-flight\n * requests when the query changes. Spread `tableProps` onto your table.\n */\nexport function useMTable<T>(fetcher: MTableFetcher<T>, options: MTableOptions = {}): MTableHandle<T> {\n    const {perPage = 20, initialPage = 1, initialSearch = '', initialFilters, initialSort = null, invalidationKey} = options\n\n    const [data, setData] = useState<T[]>([])\n    const [total, setTotal] = useState(0)\n    const [page, setPage] = useState(initialPage)\n    const [search, setSearch] = useState(initialSearch)\n    const [filters, setFilters] = useState<Record<string, string[]>>(initialFilters ?? {})\n    const [sort, setSort] = useState<MDataTableSort | null>(initialSort)\n    const [isLoading, setIsLoading] = useState(false)\n    const [error, setError] = useState<Error | null>(null)\n    const [bump, setBump] = useState(0)\n\n    const fetcherRef = useRef(fetcher)\n    fetcherRef.current = fetcher\n\n    const query = useMemo<MTableQuery>(\n        () => ({page, perPage, search, filters, sort}),\n        [page, perPage, search, filters, sort],\n    )\n\n    useEffect(() => {\n        const controller = typeof AbortController !== 'undefined' ? new AbortController() : undefined\n        let cancelled = false\n        setIsLoading(true)\n        setError(null)\n        fetcherRef\n            .current(query, controller?.signal)\n            .then((response) => {\n                if (cancelled) return\n                setData(response.data)\n                setTotal(response.meta.total)\n            })\n            .catch((err: unknown) => {\n                if (cancelled) return\n                if (err instanceof Error && err.name === 'AbortError') return\n                setError(err instanceof Error ? err : new Error(String(err)))\n            })\n            .finally(() => {\n                if (!cancelled) setIsLoading(false)\n            })\n        return () => {\n            cancelled = true\n            controller?.abort()\n        }\n    }, [query, invalidationKey, bump])\n\n    // Reset to page 1 when search/filters/sort change.\n    const handleSearchChange = useCallback((next: string) => {\n        setSearch(next)\n        setPage(1)\n    }, [])\n    const handleFiltersChange = useCallback((next: Record<string, string[]>) => {\n        setFilters(next)\n        setPage(1)\n    }, [])\n    const handleSortChange = useCallback((next: MDataTableSort | null) => {\n        setSort(next)\n        setPage(1)\n    }, [])\n\n    const refetch = useCallback(() => setBump((value) => value + 1), [])\n\n    const tableProps: MTableProps<T> = {\n        data,\n        total,\n        page,\n        onPageChange: setPage,\n        sort,\n        onSortChange: handleSortChange,\n        search,\n        onSearchChange: handleSearchChange,\n        filters,\n        onFiltersChange: handleFiltersChange,\n        manualSearch: true,\n        manualFilters: true,\n        manualSort: true,\n        manualPagination: true,\n        pageSize: perPage,\n    }\n\n    return {tableProps, isLoading, error, refetch}\n}\n","import {useCallback, useEffect, useMemo, useRef, useState} from 'react'\n\nimport type {MCardGridSort} from '../cards/MCardGrid'\nimport type {MTableQuery, MTableResponse, MTableFetcher, MTableOptions} from './useMTable'\n\n/**\n * Card-grid analog of `useMTable`. Same fetcher-agnostic pattern; returns props\n * spreadable onto `<MCardGrid>` in manual mode. Note that `MCardGridSort` uses\n * `direction` (vs `MDataTableSort.dir`) — convert if you reuse a fetcher.\n */\nexport interface MCardGridProps<T> {\n    items: T[]\n    total: number\n    page: number\n    onPageChange: (page: number) => void\n    sort: MCardGridSort<T> | null\n    onSortChange: (sort: MCardGridSort<T> | null) => void\n    search: string\n    onSearchChange: (search: string) => void\n    filters: Record<string, string[]>\n    onFiltersChange: (filters: Record<string, string[]>) => void\n    manualSearch: true\n    manualFilters: true\n    manualSort: true\n    manualPagination: true\n    pageSize: number\n}\n\nexport interface MCardGridHandle<T> {\n    /** Spread directly onto `<MCardGrid>`. */\n    gridProps: MCardGridProps<T>\n    isLoading: boolean\n    error: Error | null\n    refetch: () => void\n}\n\nfunction toTableSort<T>(sort: MCardGridSort<T> | null): MTableQuery['sort'] {\n    if (!sort) return null\n    return {key: sort.key, dir: sort.direction}\n}\n\n/**\n * Adapter hook for `MCardGrid` in manual mode. Owns search / filters / sort /\n * page state, calls a generic `MTableFetcher`, returns `gridProps` to spread.\n */\nexport function useMCardGrid<T>(fetcher: MTableFetcher<T>, options: MTableOptions = {}): MCardGridHandle<T> {\n    const {perPage = 12, initialPage = 1, initialSearch = '', initialFilters, initialSort = null, invalidationKey} = options\n\n    const [items, setItems] = useState<T[]>([])\n    const [total, setTotal] = useState(0)\n    const [page, setPage] = useState(initialPage)\n    const [search, setSearch] = useState(initialSearch)\n    const [filters, setFilters] = useState<Record<string, string[]>>(initialFilters ?? {})\n    const [sort, setSort] = useState<MCardGridSort<T> | null>(\n        (initialSort as MCardGridSort<T> | null | undefined) ?? null,\n    )\n    const [isLoading, setIsLoading] = useState(false)\n    const [error, setError] = useState<Error | null>(null)\n    const [bump, setBump] = useState(0)\n\n    const fetcherRef = useRef(fetcher)\n    fetcherRef.current = fetcher\n\n    const query = useMemo<MTableQuery>(\n        () => ({page, perPage, search, filters, sort: toTableSort(sort)}),\n        [page, perPage, search, filters, sort],\n    )\n\n    useEffect(() => {\n        const controller = typeof AbortController !== 'undefined' ? new AbortController() : undefined\n        let cancelled = false\n        setIsLoading(true)\n        setError(null)\n        fetcherRef\n            .current(query, controller?.signal)\n            .then((response: MTableResponse<T>) => {\n                if (cancelled) return\n                setItems(response.data)\n                setTotal(response.meta.total)\n            })\n            .catch((err: unknown) => {\n                if (cancelled) return\n                if (err instanceof Error && err.name === 'AbortError') return\n                setError(err instanceof Error ? err : new Error(String(err)))\n            })\n            .finally(() => {\n                if (!cancelled) setIsLoading(false)\n            })\n        return () => {\n            cancelled = true\n            controller?.abort()\n        }\n    }, [query, invalidationKey, bump])\n\n    const handleSearchChange = useCallback((next: string) => {\n        setSearch(next)\n        setPage(1)\n    }, [])\n    const handleFiltersChange = useCallback((next: Record<string, string[]>) => {\n        setFilters(next)\n        setPage(1)\n    }, [])\n    const handleSortChange = useCallback((next: MCardGridSort<T> | null) => {\n        setSort(next)\n        setPage(1)\n    }, [])\n\n    const refetch = useCallback(() => setBump((value) => value + 1), [])\n\n    const gridProps: MCardGridProps<T> = {\n        items,\n        total,\n        page,\n        onPageChange: setPage,\n        sort,\n        onSortChange: handleSortChange,\n        search,\n        onSearchChange: handleSearchChange,\n        filters,\n        onFiltersChange: handleFiltersChange,\n        manualSearch: true,\n        manualFilters: true,\n        manualSort: true,\n        manualPagination: true,\n        pageSize: perPage,\n    }\n\n    return {gridProps, isLoading, error, refetch}\n}\n"],"mappings":"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"}

package/dist/data.cjs

@@ -1,3 +1,3 @@
 const {ensureStyles}=require('./style-runtime.cjs')
 ensureStyles()
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MTreeView-Dp9qbqQh.cjs`),t=require(`./data-DtShJEic.cjs`),n=require(`./MDataTable-7nJuwzJR.cjs`);exports.MAreaChart=t.n,exports.MBarChart=t.r,exports.MCalendarBoard=t.a,exports.MCalendarDayCell=t.o,exports.MCalendarEventItem=t.s,exports.MCalendarEventList=t.c,exports.MCalendarEventPopover=t.l,exports.MCalendarHourBar=t.u,exports.MCalendarTimeline=t.d,exports.MChat=t.S,exports.MChatBody=t.y,exports.MChatConversationItem=t.h,exports.MChatConversationList=t.g,exports.MChatHeader=t.x,exports.MChatInput=t.v,exports.MChatMessage=t.b,exports.MChatTypingIndicator=t._,exports.MDataTable=n.t,exports.MFileManager=t.f,exports.MLineChart=t.i,exports.MPieChart=t.t,exports.MSparkline=e.n,exports.MTaskList=t.m,exports.MTimelineCalendar=t.p,exports.MTreeView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./data-CDZvakQ8.cjs`),t=require(`./MTreeView-B7IWHmGc.cjs`);exports.MDataTable=e.i,exports.MTaskList=e.r,exports.MTreeView=t.t,exports.useMCardGrid=e.t,exports.useMTable=e.n;

package/dist/data.js

@@ -1,6 +1,5 @@
 import {ensureStyles} from './style-runtime.js'
 ensureStyles()
-import { n as e, t } from "./MTreeView-AqH8XMPz.js";
-import { S as n, _ as r, a as i, b as a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b, v as x, x as S, y as C } from "./data-RXuvb9VI.js";
-import { t as w } from "./MDataTable-CQt_pINO.js";
-export { m as MAreaChart, _ as MBarChart, i as MCalendarBoard, h as MCalendarDayCell, v as MCalendarEventItem, o as MCalendarEventList, f as MCalendarEventPopover, b as MCalendarHourBar, s as MCalendarTimeline, n as MChat, C as MChatBody, u as MChatConversationItem, l as MChatConversationList, S as MChatHeader, x as MChatInput, a as MChatMessage, r as MChatTypingIndicator, w as MDataTable, c as MFileManager, d as MLineChart, y as MPieChart, e as MSparkline, p as MTaskList, g as MTimelineCalendar, t as MTreeView };
+import { i as e, n as t, r as n, t as r } from "./data-B5KYb0SW.js";
+import { t as i } from "./MTreeView-DMTzRk6c.js";
+export { e as MDataTable, n as MTaskList, i as MTreeView, r as useMCardGrid, t as useMTable };

package/dist/display-2Vak-RyH.cjs

@@ -0,0 +1,3 @@
+const e=require(`./icons-BHFwX7ri.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./relativeTime-DgYBUaVm.cjs`),r=require(`./MSurface-WsYGNGX5.cjs`),i=require(`./MText-CAbqC2qZ.cjs`),a=require(`./MButton-ouB6903s.cjs`),o=require(`./MSkeleton-JMkJFzu9.cjs`),s=require(`./MStack-DDn2bYBQ.cjs`),c=require(`./MCard-Bg_R86Gr.cjs`),l=require(`./locale-CJWWjFm-.cjs`);require(`./core-B2klLGki.cjs`);let u=require(`react`),d=require(`react/jsx-runtime`);function f({title:n,defaultOpen:r=!1,open:i,onToggle:o,color:c=`primary`,className:l,children:f,...p}){let[m,h]=(0,u.useState)(r),g=i??m,_=()=>{let e=!g;i===void 0&&h(e),o?.(e)},v=(0,d.jsx)(`span`,{className:t.t(`chevron`,g&&`open`),"aria-hidden":`true`,children:(0,d.jsx)(e.Hi,{})});return(0,d.jsxs)(`div`,{className:t.t(`collapsible`,l),...p,children:[(0,d.jsx)(a.t,{variant:`ghost`,color:c,className:`trigger`,"aria-expanded":g,onClick:_,endIcon:v,children:n}),(0,d.jsx)(`div`,{className:t.t(`content-wrap`,g&&`open`),"aria-hidden":!g,children:(0,d.jsx)(s.t,{className:`content`,children:f})})]})}function p(e){return null}function m({multiple:e=!1,defaultOpen:n,onChange:r,bordered:i=!1,color:a,className:o,children:s,...c}){let[l,m]=(0,u.useState)(Array.isArray(n)?n:n?[n]:[]),h=(0,u.useCallback)((t,n)=>{m(i=>{let a;return a=n?e?[...i,t]:[t]:i.filter(e=>e!==t),r?.(a),a})},[e,r]),g=u.Children.toArray(s).filter(e=>(0,u.isValidElement)(e)&&e.type===p);return(0,d.jsx)(`div`,{className:t.t(`accordion`,i&&`bordered`,o),...c,children:g.map(e=>{if(!(0,u.isValidElement)(e))return null;let{id:n,title:r,children:i,disabled:o,color:s}=e.props,c=l.includes(n);return(0,d.jsx)(`div`,{className:t.t(`accordion-item`,o&&`disabled`),children:(0,d.jsx)(f,{title:r,open:c,onToggle:o?void 0:e=>h(n,e),color:s??a,children:i})},n)})})}var h=800;function g(e){return 1-(1-e)**3}function _({value:e,max:n=100,color:r=`primary`,size:i=`md`,label:a,showValue:o=!1,animated:s=!1,striped:c=!1,className:l,...f}){let p=Math.min(100,Math.max(0,e/n*100)),[m,_]=(0,u.useState)(0),[v,y]=(0,u.useState)(0),b=(0,u.useRef)(0),x=(0,u.useRef)(0),S=(0,u.useCallback)((e,t)=>{cancelAnimationFrame(x.current);let n=performance.now(),r=i=>{let a=i-n,o=Math.min(a/h,1),s=g(o);_(e+(t-e)*s),o<1&&(x.current=requestAnimationFrame(r))};y(t),x.current=requestAnimationFrame(r)},[]);return(0,u.useEffect)(()=>(S(b.current,p),b.current=p,()=>cancelAnimationFrame(x.current)),[p,S]),(0,d.jsxs)(`div`,{className:t.t(`progress-bar`,`color-${r}`,i,l),role:`progressbar`,"aria-valuenow":e,"aria-valuemin":0,"aria-valuemax":n,"aria-label":a,...f,children:[(a||o)&&(0,d.jsxs)(`div`,{className:`progress-bar-header`,children:[a&&(0,d.jsx)(`span`,{className:`progress-bar-label`,children:a}),o&&(0,d.jsxs)(`span`,{className:`progress-bar-value`,children:[Math.round(m),`%`]})]}),(0,d.jsx)(`div`,{className:`progress-bar-track`,children:(0,d.jsx)(`div`,{className:t.t(`progress-bar-fill`,s&&`animated`,c&&`striped`),style:{width:`${v}%`}})})]})}function v({value:e,from:n=0,duration:r=1e3,decimals:i=0,prefix:a=``,suffix:o=``,separator:s=``,className:c,...l}){let[f,p]=(0,u.useState)(n),m=(0,u.useRef)(0),h=(0,u.useRef)(null);(0,u.useEffect)(()=>{let t=f;h.current=null;let n=i=>{h.current===null&&(h.current=i);let a=i-h.current,o=Math.min(a/r,1),s=1-(1-o)**3;p(t+(e-t)*s),o<1&&(m.current=requestAnimationFrame(n))};return m.current=requestAnimationFrame(n),()=>cancelAnimationFrame(m.current)},[e,r]);let g=y(f,i,s);return(0,d.jsxs)(`span`,{className:t.t(`count-up`,c),...l,children:[a,g,o]})}function y(e,t,n){let r=e.toFixed(t);if(!n)return r;let[i,a]=r.split(`.`),o=i.replace(/\B(?=(\d{3})+(?!\d))/g,n);return a===void 0?o:`${o}.${a}`}var b={c:`c`,cpp:`cpp`,"c++":`cpp`,arduino:`arduino`,ino:`arduino`,ts:`typescript`,typescript:`typescript`,tsx:`tsx`,js:`javascript`,javascript:`javascript`,jsx:`jsx`,json:`json`,css:`css`,html:`html`,markup:`html`,bash:`bash`,shell:`bash`,shellscript:`bash`,php:`php`},x={xml:()=>Promise.resolve().then(()=>require(`./xml-jypnnWFn.cjs`)),css:()=>Promise.resolve().then(()=>require(`./css-Brdthutg.cjs`)),javascript:()=>Promise.resolve().then(()=>require(`./javascript-DFYAIwfO.cjs`)),typescript:()=>Promise.resolve().then(()=>require(`./typescript-C8NJZXwD.cjs`)),json:()=>Promise.resolve().then(()=>require(`./json-BTHMevf2.cjs`)),bash:()=>Promise.resolve().then(()=>require(`./bash-Dl1TvWHd.cjs`)),c:()=>Promise.resolve().then(()=>require(`./c-PUMyVGnz.cjs`)),cpp:()=>Promise.resolve().then(()=>require(`./cpp-C_DS-imi.cjs`)),arduino:()=>Promise.resolve().then(()=>require(`./arduino-CFZS94LP.cjs`)),php:()=>Promise.resolve().then(()=>require(`./php-ClxZCTCr.cjs`))},S=null,C=42,w=200;function T(e){return e.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`)}function E(e){return b[e]??e}async function D(){return S||=(async()=>{let e=(await Promise.resolve().then(()=>require(`./core-B2klLGki.cjs`))).default.newInstance();for(let[t,n]of Object.entries(x)){let r=await n();e.registerLanguage(t,r.default)}return e.registerAliases([`shell`,`shellscript`],{languageName:`bash`}),e.registerAliases(`markup`,{languageName:`xml`}),e})(),S}function O({code:n,language:s=`tsx`,title:l,showHeader:f=!0,showLanguage:p=!0,showCopyButton:m=!0,copyLabel:h=`Copy`,copiedLabel:g=`Copied`,maxHeight:_,stretch:v=!1,animated:y=!1,lineNumbers:b=!1,className:x,...S}){let O=(0,u.useMemo)(()=>E(s.trim().toLowerCase()),[s]),[k,A]=(0,u.useState)(()=>y?0:n.length),j=y?n.slice(0,k):n,[M,N]=(0,u.useState)(()=>T(j)),[P,F]=(0,u.useState)(!1),I=(0,u.useRef)(null),L=(0,u.useRef)(null),R=(0,u.useRef)(null),z=typeof navigator<`u`&&typeof navigator.clipboard?.writeText==`function`,B=f&&(!!l||p||m),V=(0,u.useMemo)(()=>Math.max(1,j.split(`
+`).length),[j]);(0,u.useEffect)(()=>{L.current!==null&&(window.clearTimeout(L.current),L.current=null),A(y?0:n.length)},[y,n]),(0,u.useEffect)(()=>{if(!(!y||n.length===0))return k<n.length&&(L.current=window.setTimeout(()=>{A(e=>Math.min(e+1,n.length)),L.current=null},k===0?w:C)),()=>{L.current!==null&&(window.clearTimeout(L.current),L.current=null)}},[y,n.length,k]),(0,u.useEffect)(()=>{let e=!0;async function t(){try{let t=await D(),n=t.getLanguage(O)?t.highlight(j,{language:O,ignoreIllegals:!0}).value:T(j);e&&N(n)}catch{e&&N(T(j))}}return t(),()=>{e=!1}},[O,j]),(0,u.useEffect)(()=>()=>{I.current!==null&&window.clearTimeout(I.current),L.current!==null&&window.clearTimeout(L.current)},[]),(0,u.useEffect)(()=>{!y||!R.current||(R.current.scrollTop=R.current.scrollHeight)},[y,k]);async function H(){if(z)try{await navigator.clipboard.writeText(n),F(!0),I.current!==null&&window.clearTimeout(I.current),I.current=window.setTimeout(()=>{F(!1),I.current=null},1200)}catch{F(!1)}}return(0,d.jsxs)(c.t,{className:t.t(`code-block-card`,x),...S,padded:!1,stretch:v,children:[B&&(0,d.jsx)(c.i,{className:`code-block-header`,children:(0,d.jsxs)(r.n,{className:`code-block-header-layout`,align:`center`,justify:`between`,wrap:`nowrap`,px:`lg`,py:`md`,children:[(0,d.jsxs)(r.n,{className:`code-block-header-meta`,align:`center`,wrap:`wrap`,children:[l&&(0,d.jsx)(i.t,{as:`span`,className:`code-block-title`,size:`sm`,weight:`semibold`,children:l}),p&&s&&(0,d.jsx)(o.n,{color:`info`,size:`sm`,children:s})]}),m&&(0,d.jsx)(a.t,{variant:`ghost`,size:`sm`,color:`neutral`,startIcon:(0,d.jsx)(e.Kn,{size:`sm`,"aria-hidden":`true`}),onClick:H,disabled:!z,children:P?g:h})]})}),(0,d.jsx)(c.n,{className:`code-block-body`,children:(0,d.jsx)(`div`,{ref:R,className:`code-block-scroll`,style:_?{maxHeight:_,overflowY:`auto`}:void 0,children:(0,d.jsxs)(`pre`,{className:t.t(`code-block-pre`,b&&`with-line-numbers`,`language-${O}`),children:[b&&(0,d.jsx)(`span`,{className:`code-block-line-numbers`,"aria-hidden":`true`,children:Array.from({length:V},(e,t)=>(0,d.jsx)(`span`,{className:`code-block-line-number`,children:t+1},t+1))}),(0,d.jsx)(`span`,{className:`code-block-code-shell`,children:(0,d.jsx)(`code`,{className:t.t(`code-block-code`,`hljs`,`language-${O}`),dangerouslySetInnerHTML:{__html:M}})})]})})})]})}function k(e,t){switch(e){case`down`:return{x:0,y:-t};case`left`:return{x:t,y:0};case`right`:return{x:-t,y:0};case`none`:return{x:0,y:0};default:return{x:0,y:t}}}function A({children:e,direction:n=`up`,delay:r=0,duration:i=.46,distance:a=20,once:o=!0,trigger:s=`view`,className:c,style:l,...f}){let p=(0,u.useRef)(null);(0,u.useEffect)(()=>{let e=p.current;if(!e)return;let t=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches;if(e.classList.remove(`revealed`),t){e.classList.add(`revealed`);return}if(s===`mount`){let t=window.requestAnimationFrame(()=>{e.classList.add(`revealed`)});return()=>window.cancelAnimationFrame(t)}let n=new IntersectionObserver(t=>{for(let r of t)r.isIntersecting?(e.classList.add(`revealed`),o&&n.disconnect()):o||e.classList.remove(`revealed`)},{threshold:.2});return n.observe(e),()=>n.disconnect()},[r,n,a,i,o,s]);let m=k(n,a),h={minWidth:0,maxWidth:`100%`,"--reveal-delay":`${r}s`,"--reveal-duration":`${i}s`,"--reveal-translate-x":`${m.x}px`,"--reveal-translate-y":`${m.y}px`,...l};return(0,d.jsx)(`div`,{ref:p,className:t.t(`reveal`,c),style:h,...f,children:e})}function j(e,t,r){return e===`none`?null:e===`minute`?60*1e3:e===`hour`?3600*1e3:e===`day`?1440*60*1e3:n.r(t,r)}function M({value:e,locale:r,maxRelative:i,fallbackFormat:a=`date`,titleAbsolute:o=!0,update:s=`auto`,className:c,...f}){let p=l.t(r),[m,h]=(0,u.useState)(()=>Date.now()),g=(0,u.useMemo)(()=>j(s,e,m),[m,s,e]);(0,u.useEffect)(()=>{if(!g)return;let e=window.setInterval(()=>h(Date.now()),g);return()=>window.clearInterval(e)},[g]);let _=(0,u.useMemo)(()=>n.o(e),[e]),v=(0,u.useMemo)(()=>n.a(i),[i]),y=(0,u.useMemo)(()=>n.t(e,p,a),[e,p,a]),b=(0,u.useMemo)(()=>{if(!_)return String(e);let t=Math.abs(_.getTime()-m);return v!=null&&t>v?y??String(e):n.n(_,{locale:p,now:m})??y??String(e)},[y,_,p,v,m,e]);return(0,d.jsx)(`time`,{className:t.t(`time ago`,c),dateTime:_?.toISOString(),title:o?y??void 0:void 0,...f,children:b})}function N(e,t,n){let r=r=>{let i=(r+e/60)%6;return n-n*t*Math.max(0,Math.min(i,4-i,1))};return`#${[Math.round(r(5)*255),Math.round(r(3)*255),Math.round(r(1)*255)].map(e=>e.toString(16).padStart(2,`0`)).join(``)}`}function P(e){let t=e.replace(`#`,``).match(/.{2}/g);if(!t)return[0,0,1];let[n,r,i]=t.map(e=>parseInt(e,16)/255),a=Math.max(n,r,i),o=a-Math.min(n,r,i),s=0;o!==0&&(s=a===n?((r-i)/o+6)%6:a===r?(i-n)/o+2:(n-r)/o+4,s*=60);let c=a===0?0:o/a;return[s,c,a]}function F(e){let t=e.replace(`#`,``).match(/.{2}/g);if(!t)return`rgb(0, 0, 0)`;let[n,r,i]=t.map(e=>parseInt(e,16));return`rgb(${n}, ${r}, ${i})`}function I(e){let t=e.replace(`#`,``).match(/.{2}/g);if(!t)return`hsl(0, 0%, 0%)`;let[n,r,i]=t.map(e=>parseInt(e,16)/255),a=Math.max(n,r,i),o=Math.min(n,r,i),s=(a+o)/2,c=0,l=0;if(a!==o){let e=a-o;l=s>.5?e/(2-a-o):e/(a+o),c=a===n?((r-i)/e+6)%6:a===r?(i-n)/e+2:(n-r)/e+4,c*=60}return`hsl(${Math.round(c)}, ${Math.round(l*100)}%, ${Math.round(s*100)}%)`}function L(e,t){return t===`rgb`?F(e):t===`hsl`?I(e):e}function R(e){if(!e)return`#000000`;if(e.startsWith(`#`))return e.length===7?e:`#000000`;let t=e.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);return t?`#${[t[1],t[2],t[3]].map(e=>parseInt(e).toString(16).padStart(2,`0`)).join(``)}`:`#000000`}var z=[`#ef4444`,`#f97316`,`#eab308`,`#22c55e`,`#06b6d4`,`#3b82f6`,`#8b5cf6`,`#ec4899`,`#000000`,`#ffffff`];function B({value:e,onChange:n,swatches:r=z,format:i=`hex`,size:a=`md`,label:o,disabled:s=!1,className:c,...l}){let f=R(e??`#3b82f6`),[p,m]=(0,u.useState)(()=>P(f)),[h,g]=(0,u.useState)(L(f,i)),_=(0,u.useRef)(null),v=(0,u.useRef)(null),y=(0,u.useRef)(null);(0,u.useEffect)(()=>{let t=R(e??`#3b82f6`);m(P(t)),g(L(t,i))},[e,i]);let b=(0,u.useCallback)((e,t,r)=>{let a=N(e,t,r);m([e,t,r]),g(L(a,i)),n?.(L(a,i))},[n,i]);function x(e){let t=_.current?.getBoundingClientRect();if(!t)return;let n=Math.max(0,Math.min(1,(e.clientX-t.left)/t.width)),r=Math.max(0,Math.min(1,1-(e.clientY-t.top)/t.height));b(p[0],n,r)}function S(e){let t=v.current?.getBoundingClientRect();t&&b(Math.max(0,Math.min(360,(e.clientX-t.left)/t.width*360)),p[1],p[2])}(0,u.useEffect)(()=>{function e(e){y.current===`area`?x(e):y.current===`hue`&&S(e)}function t(){y.current=null}return window.addEventListener(`pointermove`,e),window.addEventListener(`pointerup`,t),()=>{window.removeEventListener(`pointermove`,e),window.removeEventListener(`pointerup`,t)}});function C(e){g(e);try{let t=R(e);(t!==`#000000`||e===`#000000`||e.toLowerCase()===`rgb(0, 0, 0)`)&&(m(P(t)),n?.(L(t,i)))}catch{}}let w=N(p[0],p[1],p[2]);return(0,d.jsxs)(`div`,{className:t.t(`color-picker`,a,s&&`disabled`,c),...l,children:[o&&(0,d.jsx)(`label`,{className:`label`,children:o}),(0,d.jsxs)(`div`,{ref:_,className:`area`,style:{background:`hsl(${p[0]}, 100%, 50%)`},onPointerDown:e=>{s||(y.current=`area`,x(e))},children:[(0,d.jsx)(`div`,{className:`white`}),(0,d.jsx)(`div`,{className:`black`}),(0,d.jsx)(`div`,{className:`cursor`,style:{left:`${p[1]*100}%`,top:`${(1-p[2])*100}%`,background:w}})]}),(0,d.jsx)(`div`,{ref:v,className:`hue`,onPointerDown:e=>{s||(y.current=`hue`,S(e))},children:(0,d.jsx)(`div`,{className:`hue-thumb`,style:{left:`${p[0]/360*100}%`}})}),(0,d.jsxs)(`div`,{className:`controls`,children:[(0,d.jsx)(`div`,{className:`preview`,style:{background:w}}),(0,d.jsx)(`input`,{type:`text`,className:`input`,value:h,onChange:e=>C(e.target.value),disabled:s})]}),r.length>0&&(0,d.jsx)(`div`,{className:`swatches`,children:r.map(e=>(0,d.jsx)(`button`,{type:`button`,className:t.t(`swatch`,w.toLowerCase()===e.toLowerCase()&&`active`),style:{background:e},onClick:()=>{if(s)return;let[t,n,r]=P(e);b(t,n,r)}},e))})]})}var V={xs:`xs`,sm:`sm`,md:`sm`,lg:`md`,xl:`lg`};function H({icon:e,illustration:n,title:r,description:i,buttonText:o,onAction:s,color:c=`neutral`,size:l=`md`,className:f,children:p,...m}){return(0,d.jsxs)(`div`,{className:t.t(`empty-state`,`color-${c}`,l,f),...m,children:[n&&(0,d.jsx)(`div`,{className:`empty-state-illustration`,children:(0,u.isValidElement)(n)?(0,u.cloneElement)(n,{color:c}):n}),!n&&e&&(0,d.jsx)(`div`,{className:`empty-state-icon`,children:e}),(0,d.jsxs)(`div`,{className:`empty-state-content`,children:[(0,d.jsx)(`div`,{className:`empty-state-title`,children:r}),i&&(0,d.jsx)(`div`,{className:`empty-state-description`,children:i})]}),o&&s&&(0,d.jsx)(`div`,{className:`empty-state-action`,children:(0,d.jsx)(a.t,{size:V[l],variant:`outlined`,color:c,onClick:s,children:o})}),p]})}function U({children:e,amount:n=6,reveal:r=`hover`,revealed:i,defaultRevealed:a=!1,onToggle:o,inline:s=!0,className:c,style:l,onClick:f,onKeyDown:p,...m}){let h=i!==void 0,[g,_]=(0,u.useState)(a),v=h?i:g,y=r!==`none`,b=(0,u.useCallback)(e=>{h||_(e),o?.(e)},[h,o]),x=e=>{r===`click`&&b(!v),f?.(e)},S=e=>{r===`click`&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),b(!v)),p?.(e)},C={...l,"--mineral-blur-amount":`${n}px`};return(0,d.jsx)(`span`,{className:t.t(`blur`,s?`inline`:`block`,`reveal-${r}`,v&&`revealed`,c),style:C,tabIndex:y&&r===`click`?0:void 0,role:r===`click`?`button`:void 0,"aria-pressed":r===`click`?v:void 0,onClick:x,onKeyDown:S,...m,children:(0,d.jsx)(`span`,{className:`blur-inner`,"aria-hidden":!v,children:e})})}var W={xs:10,sm:14,md:18,lg:22,xl:28};function G(e){return null}function K({activeStep:n,variant:r=`horizontal`,color:i=`primary`,size:a=`md`,clickable:o=!1,onChange:s,className:c,children:l,...f}){let p=u.Children.toArray(l).filter(e=>(0,u.isValidElement)(e)&&e.type===G);return(0,d.jsx)(`div`,{className:t.t(`stepper`,r,`color-${i}`,a,c),role:`list`,...f,children:p.map((r,i)=>{if(!(0,u.isValidElement)(r))return null;let{id:c,title:l,description:f,icon:p,disabled:m,optional:h,error:g}=r.props,_=i===n,v=i<n,y=o&&!m,b=()=>{y&&s&&s(i)};return(0,d.jsxs)(`div`,{className:t.t(`stepper-step`,_&&`active`,v&&`completed`,m&&`disabled`,g&&`error`,y&&`clickable`),role:`listitem`,"aria-current":_?`step`:void 0,children:[(0,d.jsx)(`div`,{className:`stepper-indicator`,onClick:y?b:void 0,role:y?`button`:void 0,tabIndex:y?0:void 0,onKeyDown:y?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),b())}:void 0,children:g?`!`:v?p??(0,d.jsx)(e.Gi,{size:W[a]}):p??i+1}),(0,d.jsxs)(`div`,{className:`stepper-content`,children:[(0,d.jsx)(`span`,{className:`stepper-title`,children:l}),f&&(0,d.jsx)(`span`,{className:`stepper-description`,children:f}),h&&(0,d.jsx)(`span`,{className:`stepper-optional`,children:`Optional`})]})]},c)})})}function q(e){return null}function J({align:e=`left`,color:n=`primary`,size:r=`md`,className:i,children:a,...o}){let s=u.Children.toArray(a).filter(e=>(0,u.isValidElement)(e)&&e.type===q);return(0,d.jsx)(`div`,{className:t.t(`timeline`,`align-${e}`,`color-${n}`,r,i),...o,children:s.map((n,r)=>{if(!(0,u.isValidElement)(n))return null;let{id:i,title:a,description:o,date:s,icon:c,color:l}=n.props,f=e===`alternate`?r%2==0?`left`:`right`:void 0;return(0,d.jsxs)(`div`,{className:t.t(`timeline-item`,f&&`side-${f}`),children:[(0,d.jsx)(`div`,{className:t.t(`timeline-dot`,l&&`color-${l}`),children:c}),(0,d.jsxs)(`div`,{className:`timeline-content`,children:[(0,d.jsx)(`span`,{className:`timeline-title`,children:a}),o&&(0,d.jsx)(`span`,{className:`timeline-description`,children:o}),s&&(0,d.jsx)(`span`,{className:`timeline-date`,children:s})]})]},i)})})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return O}});
+//# sourceMappingURL=display-2Vak-RyH.cjs.map

package/dist/display-2Vak-RyH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-2Vak-RyH.cjs","names":[],"sources":["../src/components/display/MCollapsible/MCollapsible.tsx","../src/components/display/MAccordion/MAccordion.tsx","../src/components/display/MProgressBar/MProgressBar.tsx","../src/components/display/MCountUp/MCountUp.tsx","../src/components/display/MCodeBlock/MCodeBlock.tsx","../src/components/display/MReveal/MReveal.tsx","../src/components/display/MTimeAgo/MTimeAgo.tsx","../src/components/display/MColorPicker/MColorPicker.tsx","../src/components/display/MEmptyState/MEmptyState.tsx","../src/components/display/MBlur/MBlur.tsx","../src/components/display/MStepper/MStepper.tsx","../src/components/display/MTimeline/MTimeline.tsx"],"sourcesContent":["import {useState} from 'react'\nimport {MButton} from '../../controls'\nimport {MStack} from '../../layout'\nimport {cn} from '../../../utils/cn'\nimport type {MCollapsibleProps} from './MCollapsible.types'\nimport {MChevronDownIcon} from '../../../icons'\nimport './MCollapsible.css'\n\n// MToggle a section of content with a built-in trigger and disclosure state.\nexport function MCollapsible({\n    title,\n    defaultOpen = false,\n    open: controlledOpen,\n    onToggle,\n    color = 'primary',\n    className,\n    children,\n    ...rest\n}: MCollapsibleProps) {\n    const [internalOpen, setInternalOpen] = useState(defaultOpen)\n    const open = controlledOpen ?? internalOpen\n\n    const handleToggle = () => {\n        const nextOpen = !open\n\n        if (controlledOpen === undefined) {\n            setInternalOpen(nextOpen)\n        }\n\n        onToggle?.(nextOpen)\n    }\n\n    const chevronIcon = (\n        <span className={cn('chevron', open && 'open')} aria-hidden=\"true\">\n            <MChevronDownIcon />\n        </span>\n    )\n\n    return (\n        <div className={cn('collapsible', className)} {...rest}>\n            <MButton\n                variant=\"ghost\"\n                color={color}\n                className=\"trigger\"\n                aria-expanded={open}\n                onClick={handleToggle}\n                endIcon={chevronIcon}\n            >\n                {title}\n            </MButton>\n            <div className={cn('content-wrap', open && 'open')} aria-hidden={!open}>\n                <MStack className=\"content\">{children}</MStack>\n            </div>\n        </div>\n    )\n}\n","import {useState, useCallback, Children, isValidElement} from 'react'\nimport {MCollapsible} from '../MCollapsible'\nimport {cn} from '../../../utils/cn'\nimport type {MAccordionProps, MAccordionItemProps} from './MAccordion.types'\nimport './MAccordion.css'\n\nexport function MAccordionItem(_props: MAccordionItemProps) {\n    return null\n}\n\nexport function MAccordion({\n    multiple = false,\n    defaultOpen,\n    onChange,\n    bordered = false,\n    color,\n    className,\n    children,\n    ...rest\n}: MAccordionProps) {\n    const initialOpen = Array.isArray(defaultOpen) ? defaultOpen : defaultOpen ? [defaultOpen] : []\n\n    const [openIds, setOpenIds] = useState<string[]>(initialOpen)\n\n    const handleToggle = useCallback(\n        (id: string, isOpen: boolean) => {\n            setOpenIds((prev) => {\n                let next: string[]\n                if (isOpen) {\n                    next = multiple ? [...prev, id] : [id]\n                } else {\n                    next = prev.filter((v) => v !== id)\n                }\n                onChange?.(next)\n                return next\n            })\n        },\n        [multiple, onChange]\n    )\n\n    const items = Children.toArray(children).filter(\n        (child) => isValidElement(child) && (child.type as any) === MAccordionItem\n    )\n\n    return (\n        <div className={cn('accordion', bordered && 'bordered', className)} {...rest}>\n            {items.map((child) => {\n                if (!isValidElement<MAccordionItemProps>(child)) return null\n                const {id, title, children: content, disabled, color: itemColor} = child.props\n                const isOpen = openIds.includes(id)\n\n                return (\n                    <div key={id} className={cn('accordion-item', disabled && 'disabled')}>\n                        <MCollapsible\n                            title={title}\n                            open={isOpen}\n                            onToggle={disabled ? undefined : (open) => handleToggle(id, open)}\n                            color={itemColor ?? color}\n                        >\n                            {content}\n                        </MCollapsible>\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n","import {useState, useEffect, useRef, useCallback} from 'react'\nimport type {MProgressBarProps} from './MProgressBar.types'\nimport {cn} from '../../../utils/cn'\nimport './MProgressBar.css'\n\nconst DURATION = 800\n\nfunction easeOutCubic(t: number) {\n    return 1 - Math.pow(1 - t, 3)\n}\n\n// Render a horizontal bar that fills to represent progress as a percentage.\nexport function MProgressBar({\n    value,\n    max = 100,\n    color = 'primary',\n    size = 'md',\n    label,\n    showValue = false,\n    animated = false,\n    striped = false,\n    className,\n    ...rest\n}: MProgressBarProps) {\n    const percent = Math.min(100, Math.max(0, (value / max) * 100))\n    const [displayPercent, setDisplayPercent] = useState(0)\n    const [barPercent, setBarPercent] = useState(0)\n    const prevPercent = useRef(0)\n    const rafRef = useRef(0)\n\n    const animate = useCallback((from: number, to: number) => {\n        cancelAnimationFrame(rafRef.current)\n        const start = performance.now()\n\n        const step = (now: number) => {\n            const elapsed = now - start\n            const progress = Math.min(elapsed / DURATION, 1)\n            const eased = easeOutCubic(progress)\n            const current = from + (to - from) * eased\n\n            setDisplayPercent(current)\n            if (progress < 1) {\n                rafRef.current = requestAnimationFrame(step)\n            }\n        }\n\n        // Set bar width immediately for CSS transition\n        setBarPercent(to)\n        rafRef.current = requestAnimationFrame(step)\n    }, [])\n\n    useEffect(() => {\n        animate(prevPercent.current, percent)\n        prevPercent.current = percent\n        return () => cancelAnimationFrame(rafRef.current)\n    }, [percent, animate])\n\n    return (\n        <div\n            className={cn('progress-bar', `color-${color}`, size, className)}\n            role=\"progressbar\"\n            aria-valuenow={value}\n            aria-valuemin={0}\n            aria-valuemax={max}\n            aria-label={label}\n            {...rest}\n        >\n            {(label || showValue) && (\n                <div className=\"progress-bar-header\">\n                    {label && <span className=\"progress-bar-label\">{label}</span>}\n                    {showValue && <span className=\"progress-bar-value\">{Math.round(displayPercent)}%</span>}\n                </div>\n            )}\n            <div className=\"progress-bar-track\">\n                <div\n                    className={cn('progress-bar-fill', animated && 'animated', striped && 'striped')}\n                    style={{width: `${barPercent}%`}}\n                />\n            </div>\n        </div>\n    )\n}\n","import {useState, useEffect, useRef} from 'react'\nimport type {MCountUpProps} from './MCountUp.types'\nimport {cn} from '../../../utils/cn'\n\n// Animate a number from a start value to a target, with an easing curve.\nexport function MCountUp({\n    value,\n    from = 0,\n    duration = 1000,\n    decimals = 0,\n    prefix = '',\n    suffix = '',\n    separator = '',\n    className,\n    ...rest\n}: MCountUpProps) {\n    const [display, setDisplay] = useState(from)\n    const rafRef = useRef<number>(0)\n    const startRef = useRef<number | null>(null)\n\n    useEffect(() => {\n        const startValue = display\n        startRef.current = null\n\n        const step = (timestamp: number) => {\n            if (startRef.current === null) startRef.current = timestamp\n            const elapsed = timestamp - startRef.current\n            const progress = Math.min(elapsed / duration, 1)\n            const eased = 1 - Math.pow(1 - progress, 3)\n            const current = startValue + (value - startValue) * eased\n\n            setDisplay(current)\n\n            if (progress < 1) {\n                rafRef.current = requestAnimationFrame(step)\n            }\n        }\n\n        rafRef.current = requestAnimationFrame(step)\n        return () => cancelAnimationFrame(rafRef.current)\n    }, [value, duration])\n\n    const formatted = formatNumber(display, decimals, separator)\n\n    return (\n        <span className={cn('count-up', className)} {...rest}>\n            {prefix}\n            {formatted}\n            {suffix}\n        </span>\n    )\n}\n\nfunction formatNumber(num: number, decimals: number, separator: string): string {\n    const fixed = num.toFixed(decimals)\n    if (!separator) return fixed\n\n    const [int, dec] = fixed.split('.')\n    const withSep = int.replace(/\\B(?=(\\d{3})+(?!\\d))/g, separator)\n    return dec !== undefined ? `${withSep}.${dec}` : withSep\n}\n","import {useEffect, useMemo, useRef, useState} from 'react'\nimport type {MCodeBlockProps} from './MCodeBlock.types'\nimport {MCard, MCardBody, MCardHeader} from '../../cards'\nimport {MButton} from '../../controls'\nimport {MBadge} from '../../feedback'\nimport {MInline} from '../../layout'\nimport {MText} from '../../typography'\nimport {MCopyIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MCodeBlock.css'\nimport type {HLJSApi, LanguageFn} from 'highlight.js'\n\nconst languageMap: Record<string, string> = {\n    c: 'c',\n    cpp: 'cpp',\n    'c++': 'cpp',\n    arduino: 'arduino',\n    ino: 'arduino',\n    ts: 'typescript',\n    typescript: 'typescript',\n    tsx: 'tsx',\n    js: 'javascript',\n    javascript: 'javascript',\n    jsx: 'jsx',\n    json: 'json',\n    css: 'css',\n    html: 'html',\n    markup: 'html',\n    bash: 'bash',\n    shell: 'bash',\n    shellscript: 'bash',\n    php: 'php',\n}\n\nconst languageLoaders: Record<string, () => Promise<{default: LanguageFn}>> = {\n    xml: () => import('highlight.js/lib/languages/xml'),\n    css: () => import('highlight.js/lib/languages/css'),\n    javascript: () => import('highlight.js/lib/languages/javascript'),\n    typescript: () => import('highlight.js/lib/languages/typescript'),\n    json: () => import('highlight.js/lib/languages/json'),\n    bash: () => import('highlight.js/lib/languages/bash'),\n    c: () => import('highlight.js/lib/languages/c'),\n    cpp: () => import('highlight.js/lib/languages/cpp'),\n    arduino: () => import('highlight.js/lib/languages/arduino'),\n    php: () => import('highlight.js/lib/languages/php'),\n}\n\nlet highlightJsPromise: Promise<HLJSApi> | null = null\nconst codeBlockTypingSpeed = 42\nconst codeBlockTypingStartDelay = 200\n\nfunction escapeHtml(value: string): string {\n    return value.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')\n}\n\nfunction resolveLanguage(language: string): string {\n    return languageMap[language] ?? language\n}\n\nasync function getHighlightJs(): Promise<HLJSApi> {\n    if (!highlightJsPromise) {\n        highlightJsPromise = (async () => {\n            const highlightJsCore = (await import('highlight.js/lib/core')).default\n            const highlightJs = highlightJsCore.newInstance()\n\n            for (const [language, loadLanguage] of Object.entries(languageLoaders)) {\n                const definition = await loadLanguage()\n                highlightJs.registerLanguage(language, definition.default)\n            }\n\n            highlightJs.registerAliases(['shell', 'shellscript'], {languageName: 'bash'})\n            highlightJs.registerAliases('markup', {languageName: 'xml'})\n\n            return highlightJs\n        })()\n    }\n\n    return highlightJsPromise\n}\n\n// Render a syntax-highlighted code block with optional card header and copy action.\nexport function MCodeBlock({\n    code,\n    language = 'tsx',\n    title,\n    showHeader = true,\n    showLanguage = true,\n    showCopyButton = true,\n    copyLabel = 'Copy',\n    copiedLabel = 'Copied',\n    maxHeight,\n    stretch = false,\n    animated = false,\n    lineNumbers = false,\n    className,\n    ...rest\n}: MCodeBlockProps) {\n    const normalizedLanguage = useMemo(() => resolveLanguage(language.trim().toLowerCase()), [language])\n    const [visibleLength, setVisibleLength] = useState(() => (animated ? 0 : code.length))\n    const renderedCode = animated ? code.slice(0, visibleLength) : code\n    const [highlightedCode, setHighlightedCode] = useState(() => escapeHtml(renderedCode))\n    const [copied, setCopied] = useState(false)\n    const copyTimeoutRef = useRef<number | null>(null)\n    const typingTimeoutRef = useRef<number | null>(null)\n    const scrollRef = useRef<HTMLDivElement | null>(null)\n    const canCopy = typeof navigator !== 'undefined' && typeof navigator.clipboard?.writeText === 'function'\n    const hasHeader = showHeader && (Boolean(title) || showLanguage || showCopyButton)\n    const lineCount = useMemo(() => Math.max(1, renderedCode.split('\\n').length), [renderedCode])\n\n    useEffect(() => {\n        if (typingTimeoutRef.current !== null) {\n            window.clearTimeout(typingTimeoutRef.current)\n            typingTimeoutRef.current = null\n        }\n\n        setVisibleLength(animated ? 0 : code.length)\n    }, [animated, code])\n\n    useEffect(() => {\n        if (!animated || code.length === 0) {\n            return\n        }\n\n        if (visibleLength < code.length) {\n            typingTimeoutRef.current = window.setTimeout(\n                () => {\n                    setVisibleLength((current) => Math.min(current + 1, code.length))\n                    typingTimeoutRef.current = null\n                },\n                visibleLength === 0 ? codeBlockTypingStartDelay : codeBlockTypingSpeed\n            )\n        }\n\n        return () => {\n            if (typingTimeoutRef.current !== null) {\n                window.clearTimeout(typingTimeoutRef.current)\n                typingTimeoutRef.current = null\n            }\n        }\n    }, [animated, code.length, visibleLength])\n\n    useEffect(() => {\n        let active = true\n\n        async function highlightCode() {\n            try {\n                const highlightJs = await getHighlightJs()\n                const languageDefinition = highlightJs.getLanguage(normalizedLanguage)\n                const html = languageDefinition\n                    ? highlightJs.highlight(renderedCode, {\n                          language: normalizedLanguage,\n                          ignoreIllegals: true,\n                      }).value\n                    : escapeHtml(renderedCode)\n\n                if (active) {\n                    setHighlightedCode(html)\n                }\n            } catch {\n                if (active) {\n                    setHighlightedCode(escapeHtml(renderedCode))\n                }\n            }\n        }\n\n        void highlightCode()\n\n        return () => {\n            active = false\n        }\n    }, [normalizedLanguage, renderedCode])\n\n    useEffect(() => {\n        return () => {\n            if (copyTimeoutRef.current !== null) {\n                window.clearTimeout(copyTimeoutRef.current)\n            }\n\n            if (typingTimeoutRef.current !== null) {\n                window.clearTimeout(typingTimeoutRef.current)\n            }\n        }\n    }, [])\n\n    useEffect(() => {\n        if (!animated || !scrollRef.current) {\n            return\n        }\n\n        scrollRef.current.scrollTop = scrollRef.current.scrollHeight\n    }, [animated, visibleLength])\n\n    async function handleCopy() {\n        if (!canCopy) {\n            return\n        }\n\n        try {\n            await navigator.clipboard.writeText(code)\n            setCopied(true)\n\n            if (copyTimeoutRef.current !== null) {\n                window.clearTimeout(copyTimeoutRef.current)\n            }\n\n            copyTimeoutRef.current = window.setTimeout(() => {\n                setCopied(false)\n                copyTimeoutRef.current = null\n            }, 1200)\n        } catch {\n            setCopied(false)\n        }\n    }\n\n    return (\n        <MCard className={cn('code-block-card', className)} {...rest} padded={false} stretch={stretch}>\n            {hasHeader && (\n                <MCardHeader className=\"code-block-header\">\n                    <MInline\n                        className=\"code-block-header-layout\"\n                        align=\"center\"\n                        justify=\"between\"\n                        wrap=\"nowrap\"\n                        px=\"lg\"\n                        py=\"md\"\n                    >\n                        <MInline className=\"code-block-header-meta\" align=\"center\" wrap=\"wrap\">\n                            {title && (\n                                <MText as=\"span\" className=\"code-block-title\" size=\"sm\" weight=\"semibold\">\n                                    {title}\n                                </MText>\n                            )}\n                            {showLanguage && language && (\n                                <MBadge color=\"info\" size=\"sm\">\n                                    {language}\n                                </MBadge>\n                            )}\n                        </MInline>\n                        {showCopyButton && (\n                            <MButton\n                                variant=\"ghost\"\n                                size=\"sm\"\n                                color=\"neutral\"\n                                startIcon={<MCopyIcon size=\"sm\" aria-hidden=\"true\" />}\n                                onClick={handleCopy}\n                                disabled={!canCopy}\n                            >\n                                {copied ? copiedLabel : copyLabel}\n                            </MButton>\n                        )}\n                    </MInline>\n                </MCardHeader>\n            )}\n\n            <MCardBody className=\"code-block-body\">\n                <div\n                    ref={scrollRef}\n                    className=\"code-block-scroll\"\n                    style={maxHeight ? {maxHeight, overflowY: 'auto'} : undefined}\n                >\n                    <pre\n                        className={cn(\n                            'code-block-pre',\n                            lineNumbers && 'with-line-numbers',\n                            `language-${normalizedLanguage}`\n                        )}\n                    >\n                        {lineNumbers && (\n                            <span className=\"code-block-line-numbers\" aria-hidden=\"true\">\n                                {Array.from({length: lineCount}, (_, index) => (\n                                    <span key={index + 1} className=\"code-block-line-number\">\n                                        {index + 1}\n                                    </span>\n                                ))}\n                            </span>\n                        )}\n                        <span className=\"code-block-code-shell\">\n                            <code\n                                className={cn('code-block-code', 'hljs', `language-${normalizedLanguage}`)}\n                                dangerouslySetInnerHTML={{__html: highlightedCode}}\n                            />\n                        </span>\n                    </pre>\n                </div>\n            </MCardBody>\n        </MCard>\n    )\n}\n","import {useEffect, useRef} from 'react'\nimport type {CSSProperties} from 'react'\nimport type {MRevealProps} from './MReveal.types'\nimport {cn} from '../../../utils/cn'\n\nfunction getRevealOffset(direction: MRevealProps['direction'], distance: number) {\n    switch (direction) {\n        case 'down':\n            return {x: 0, y: -distance}\n        case 'left':\n            return {x: distance, y: 0}\n        case 'right':\n            return {x: -distance, y: 0}\n        case 'none':\n            return {x: 0, y: 0}\n        case 'up':\n        default:\n            return {x: 0, y: distance}\n    }\n}\n\nexport function MReveal({\n    children,\n    direction = 'up',\n    delay = 0,\n    duration = 0.46,\n    distance = 20,\n    once = true,\n    trigger = 'view',\n    className,\n    style,\n    ...rest\n}: MRevealProps) {\n    const revealRef = useRef<HTMLDivElement>(null)\n\n    useEffect(() => {\n        const node = revealRef.current\n        if (!node) {\n            return\n        }\n\n        const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches\n\n        node.classList.remove('revealed')\n\n        if (prefersReducedMotion) {\n            node.classList.add('revealed')\n            return\n        }\n\n        if (trigger === 'mount') {\n            const frame = window.requestAnimationFrame(() => {\n                node.classList.add('revealed')\n            })\n\n            return () => window.cancelAnimationFrame(frame)\n        }\n\n        const observer = new IntersectionObserver(\n            (entries) => {\n                for (const entry of entries) {\n                    if (entry.isIntersecting) {\n                        node.classList.add('revealed')\n                        if (once) {\n                            observer.disconnect()\n                        }\n                    } else if (!once) {\n                        node.classList.remove('revealed')\n                    }\n                }\n            },\n            {threshold: 0.2}\n        )\n\n        observer.observe(node)\n\n        return () => observer.disconnect()\n    }, [delay, direction, distance, duration, once, trigger])\n\n    const offset = getRevealOffset(direction, distance)\n    const revealStyle = {\n        minWidth: 0,\n        maxWidth: '100%',\n        '--reveal-delay': `${delay}s`,\n        '--reveal-duration': `${duration}s`,\n        '--reveal-translate-x': `${offset.x}px`,\n        '--reveal-translate-y': `${offset.y}px`,\n        ...style,\n    } as CSSProperties\n\n    return (\n        <div ref={revealRef} className={cn('reveal', className)} style={revealStyle} {...rest}>\n            {children}\n        </div>\n    )\n}\n","import {useEffect, useMemo, useState} from 'react'\nimport type {MTimeAgoProps, MTimeAgoUpdate} from './MTimeAgo.types'\nimport {cn} from '../../../utils/cn'\nimport {useDocumentLocale} from '../../../utils/locale'\nimport {\n    formatAbsoluteTime,\n    formatRelativeTime,\n    getAutoUpdateInterval,\n    parseRelativeThreshold,\n    toDate,\n} from '../../../utils/relativeTime'\nimport './MTimeAgo.css'\n\nfunction getUpdateInterval(update: MTimeAgoUpdate, value: Date | string | number, now: number): number | null {\n    if (update === 'none') return null\n    if (update === 'minute') return 60 * 1000\n    if (update === 'hour') return 60 * 60 * 1000\n    if (update === 'day') return 24 * 60 * 60 * 1000\n    return getAutoUpdateInterval(value, now)\n}\n\nexport function MTimeAgo({\n    value,\n    locale: localeOverride,\n    maxRelative,\n    fallbackFormat = 'date',\n    titleAbsolute = true,\n    update = 'auto',\n    className,\n    ...rest\n}: MTimeAgoProps) {\n    const locale = useDocumentLocale(localeOverride)\n    const [now, setNow] = useState(() => Date.now())\n    const interval = useMemo(() => getUpdateInterval(update, value, now), [now, update, value])\n\n    useEffect(() => {\n        if (!interval) return\n\n        const id = window.setInterval(() => setNow(Date.now()), interval)\n        return () => window.clearInterval(id)\n    }, [interval])\n\n    const date = useMemo(() => toDate(value), [value])\n    const maxRelativeMs = useMemo(() => parseRelativeThreshold(maxRelative), [maxRelative])\n\n    const absolute = useMemo(() => formatAbsoluteTime(value, locale, fallbackFormat), [value, locale, fallbackFormat])\n\n    const content = useMemo(() => {\n        if (!date) return String(value)\n\n        const diff = Math.abs(date.getTime() - now)\n        if (maxRelativeMs != null && diff > maxRelativeMs) {\n            return absolute ?? String(value)\n        }\n\n        return formatRelativeTime(date, {locale, now}) ?? absolute ?? String(value)\n    }, [absolute, date, locale, maxRelativeMs, now, value])\n\n    return (\n        <time\n            className={cn('time ago', className)}\n            dateTime={date?.toISOString()}\n            title={titleAbsolute ? (absolute ?? undefined) : undefined}\n            {...rest}\n        >\n            {content}\n        </time>\n    )\n}\n","import {useCallback, useEffect, useRef, useState} from 'react'\nimport type * as React from 'react'\nimport type {MColorPickerProps} from './MColorPicker.types'\nimport {cn} from '../../../utils/cn'\nimport './MColorPicker.css'\n\nfunction hsvToHex(h: number, s: number, v: number): string {\n    const f = (n: number) => {\n        const k = (n + h / 60) % 6\n        return v - v * s * Math.max(0, Math.min(k, 4 - k, 1))\n    }\n    const r = Math.round(f(5) * 255)\n    const g = Math.round(f(3) * 255)\n    const b = Math.round(f(1) * 255)\n    return `#${[r, g, b].map((c) => c.toString(16).padStart(2, '0')).join('')}`\n}\n\nfunction hexToHsv(hex: string): [number, number, number] {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return [0, 0, 1]\n    const [r, g, b] = m.map((c) => parseInt(c, 16) / 255)\n    const max = Math.max(r, g, b)\n    const min = Math.min(r, g, b)\n    const d = max - min\n    let h = 0\n    if (d !== 0) {\n        if (max === r) h = ((g - b) / d + 6) % 6\n        else if (max === g) h = (b - r) / d + 2\n        else h = (r - g) / d + 4\n        h *= 60\n    }\n    const s = max === 0 ? 0 : d / max\n    return [h, s, max]\n}\n\nfunction hexToRgb(hex: string): string {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return 'rgb(0, 0, 0)'\n    const [r, g, b] = m.map((c) => parseInt(c, 16))\n    return `rgb(${r}, ${g}, ${b})`\n}\n\nfunction hexToHsl(hex: string): string {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return 'hsl(0, 0%, 0%)'\n    const [r, g, b] = m.map((c) => parseInt(c, 16) / 255)\n    const max = Math.max(r, g, b)\n    const min = Math.min(r, g, b)\n    const l = (max + min) / 2\n    let h = 0\n    let s = 0\n    if (max !== min) {\n        const d = max - min\n        s = l > 0.5 ? d / (2 - max - min) : d / (max + min)\n        if (max === r) h = ((g - b) / d + 6) % 6\n        else if (max === g) h = (b - r) / d + 2\n        else h = (r - g) / d + 4\n        h *= 60\n    }\n    return `hsl(${Math.round(h)}, ${Math.round(s * 100)}%, ${Math.round(l * 100)}%)`\n}\n\nfunction formatOutput(hex: string, format: string): string {\n    if (format === 'rgb') return hexToRgb(hex)\n    if (format === 'hsl') return hexToHsl(hex)\n    return hex\n}\n\nfunction normalizeToHex(value: string): string {\n    if (!value) return '#000000'\n    if (value.startsWith('#')) return value.length === 7 ? value : '#000000'\n    const rgbMatch = value.match(/rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)\\)/)\n    if (rgbMatch) {\n        return `#${[rgbMatch[1], rgbMatch[2], rgbMatch[3]]\n            .map((c) => parseInt(c).toString(16).padStart(2, '0'))\n            .join('')}`\n    }\n    return '#000000'\n}\n\nconst DEFAULT_SWATCHES = [\n    '#ef4444',\n    '#f97316',\n    '#eab308',\n    '#22c55e',\n    '#06b6d4',\n    '#3b82f6',\n    '#8b5cf6',\n    '#ec4899',\n    '#000000',\n    '#ffffff',\n]\n\nexport function MColorPicker({\n    value,\n    onChange,\n    swatches = DEFAULT_SWATCHES,\n    format = 'hex',\n    size = 'md',\n    label,\n    disabled = false,\n    className,\n    ...rest\n}: MColorPickerProps) {\n    const hex = normalizeToHex(value ?? '#3b82f6')\n    const [hsv, setHsv] = useState<[number, number, number]>(() => hexToHsv(hex))\n    const [inputValue, setInputValue] = useState(formatOutput(hex, format))\n    const areaRef = useRef<HTMLDivElement>(null)\n    const hueRef = useRef<HTMLDivElement>(null)\n    const dragging = useRef<'area' | 'hue' | null>(null)\n\n    useEffect(() => {\n        const newHex = normalizeToHex(value ?? '#3b82f6')\n        setHsv(hexToHsv(newHex))\n        setInputValue(formatOutput(newHex, format))\n    }, [value, format])\n\n    const emit = useCallback(\n        (h: number, s: number, v: number) => {\n            const newHex = hsvToHex(h, s, v)\n            setHsv([h, s, v])\n            setInputValue(formatOutput(newHex, format))\n            onChange?.(formatOutput(newHex, format))\n        },\n        [onChange, format]\n    )\n\n    function handleAreaPointer(e: React.PointerEvent | PointerEvent) {\n        const rect = areaRef.current?.getBoundingClientRect()\n        if (!rect) return\n        const s = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width))\n        const v = Math.max(0, Math.min(1, 1 - (e.clientY - rect.top) / rect.height))\n        emit(hsv[0], s, v)\n    }\n\n    function handleHuePointer(e: React.PointerEvent | PointerEvent) {\n        const rect = hueRef.current?.getBoundingClientRect()\n        if (!rect) return\n        const h = Math.max(0, Math.min(360, ((e.clientX - rect.left) / rect.width) * 360))\n        emit(h, hsv[1], hsv[2])\n    }\n\n    useEffect(() => {\n        function onMove(e: PointerEvent) {\n            if (dragging.current === 'area') handleAreaPointer(e)\n            else if (dragging.current === 'hue') handleHuePointer(e)\n        }\n        function onUp() {\n            dragging.current = null\n        }\n        window.addEventListener('pointermove', onMove)\n        window.addEventListener('pointerup', onUp)\n        return () => {\n            window.removeEventListener('pointermove', onMove)\n            window.removeEventListener('pointerup', onUp)\n        }\n    })\n\n    function handleInputChange(val: string) {\n        setInputValue(val)\n        try {\n            const h = normalizeToHex(val)\n            if (h !== '#000000' || val === '#000000' || val.toLowerCase() === 'rgb(0, 0, 0)') {\n                setHsv(hexToHsv(h))\n                onChange?.(formatOutput(h, format))\n            }\n        } catch {\n            // ignore invalid input while typing\n        }\n    }\n\n    const currentHex = hsvToHex(hsv[0], hsv[1], hsv[2])\n\n    return (\n        <div className={cn('color-picker', size, disabled && 'disabled', className)} {...rest}>\n            {label && <label className=\"label\">{label}</label>}\n\n            <div\n                ref={areaRef}\n                className=\"area\"\n                style={{background: `hsl(${hsv[0]}, 100%, 50%)`}}\n                onPointerDown={(e) => {\n                    if (disabled) return\n                    dragging.current = 'area'\n                    handleAreaPointer(e)\n                }}\n            >\n                <div className=\"white\" />\n                <div className=\"black\" />\n                <div\n                    className=\"cursor\"\n                    style={{\n                        left: `${hsv[1] * 100}%`,\n                        top: `${(1 - hsv[2]) * 100}%`,\n                        background: currentHex,\n                    }}\n                />\n            </div>\n\n            <div\n                ref={hueRef}\n                className=\"hue\"\n                onPointerDown={(e) => {\n                    if (disabled) return\n                    dragging.current = 'hue'\n                    handleHuePointer(e)\n                }}\n            >\n                <div className=\"hue-thumb\" style={{left: `${(hsv[0] / 360) * 100}%`}} />\n            </div>\n\n            <div className=\"controls\">\n                <div className=\"preview\" style={{background: currentHex}} />\n                <input\n                    type=\"text\"\n                    className=\"input\"\n                    value={inputValue}\n                    onChange={(e) => handleInputChange(e.target.value)}\n                    disabled={disabled}\n                />\n            </div>\n\n            {swatches.length > 0 && (\n                <div className=\"swatches\">\n                    {swatches.map((swatch) => (\n                        <button\n                            key={swatch}\n                            type=\"button\"\n                            className={cn('swatch', currentHex.toLowerCase() === swatch.toLowerCase() && 'active')}\n                            style={{background: swatch}}\n                            onClick={() => {\n                                if (disabled) return\n                                const [h, s, v] = hexToHsv(swatch)\n                                emit(h, s, v)\n                            }}\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    )\n}\n","import {isValidElement, cloneElement} from 'react'\nimport type {MEmptyStateProps} from './MEmptyState.types'\nimport {MButton} from '../../controls/MButton'\nimport {cn} from '../../../utils/cn'\nimport './MEmptyState.css'\n\nconst BUTTON_SIZE_MAP = {xs: 'xs', sm: 'sm', md: 'sm', lg: 'md', xl: 'lg'} as const\n\nexport function MEmptyState({\n    icon,\n    illustration,\n    title,\n    description,\n    buttonText,\n    onAction,\n    color = 'neutral',\n    size = 'md',\n    className,\n    children,\n    ...rest\n}: MEmptyStateProps) {\n    return (\n        <div className={cn('empty-state', `color-${color}`, size, className)} {...rest}>\n            {illustration && (\n                <div className=\"empty-state-illustration\">\n                    {isValidElement(illustration) ? cloneElement(illustration, {color} as any) : illustration}\n                </div>\n            )}\n            {!illustration && icon && <div className=\"empty-state-icon\">{icon}</div>}\n            <div className=\"empty-state-content\">\n                <div className=\"empty-state-title\">{title}</div>\n                {description && <div className=\"empty-state-description\">{description}</div>}\n            </div>\n            {buttonText && onAction && (\n                <div className=\"empty-state-action\">\n                    <MButton size={BUTTON_SIZE_MAP[size]} variant=\"outlined\" color={color} onClick={onAction}>\n                        {buttonText}\n                    </MButton>\n                </div>\n            )}\n            {children}\n        </div>\n    )\n}\n","import {useCallback, useState} from 'react'\nimport type {CSSProperties, KeyboardEvent, MouseEvent} from 'react'\nimport type {MBlurProps} from './MBlur.types'\nimport {cn} from '../../../utils/cn'\nimport './MBlur.css'\n\n// Obscure inline content with a CSS blur filter until the viewer opts in to reveal it.\nexport function MBlur({\n    children,\n    amount = 6,\n    reveal = 'hover',\n    revealed,\n    defaultRevealed = false,\n    onToggle,\n    inline = true,\n    className,\n    style,\n    onClick,\n    onKeyDown,\n    ...rest\n}: MBlurProps) {\n    const controlled = revealed !== undefined\n    const [internal, setInternal] = useState(defaultRevealed)\n    const isRevealed = controlled ? revealed : internal\n    const interactive = reveal !== 'none'\n\n    const setRevealed = useCallback(\n        (next: boolean) => {\n            if (!controlled) {\n                setInternal(next)\n            }\n            onToggle?.(next)\n        },\n        [controlled, onToggle]\n    )\n\n    const handleClick = (event: MouseEvent<HTMLSpanElement>) => {\n        if (reveal === 'click') {\n            setRevealed(!isRevealed)\n        }\n        onClick?.(event)\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLSpanElement>) => {\n        if (reveal === 'click' && (event.key === 'Enter' || event.key === ' ')) {\n            event.preventDefault()\n            setRevealed(!isRevealed)\n        }\n        onKeyDown?.(event)\n    }\n\n    const mergedStyle: CSSProperties = {\n        ...style,\n        ['--mineral-blur-amount' as string]: `${amount}px`,\n    }\n\n    return (\n        <span\n            className={cn('blur', inline ? 'inline' : 'block', `reveal-${reveal}`, isRevealed && 'revealed', className)}\n            style={mergedStyle}\n            tabIndex={interactive && reveal === 'click' ? 0 : undefined}\n            role={reveal === 'click' ? 'button' : undefined}\n            aria-pressed={reveal === 'click' ? isRevealed : undefined}\n            onClick={handleClick}\n            onKeyDown={handleKeyDown}\n            {...rest}\n        >\n            <span className={'blur-inner'} aria-hidden={!isRevealed}>\n                {children}\n            </span>\n        </span>\n    )\n}\n","import {Children, isValidElement} from 'react'\nimport type {MStepperProps, MStepProps} from './MStepper.types'\nimport type {MSize} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {MCheckIcon} from '../../../icons'\nimport './MStepper.css'\n\nconst CHECK_SIZE: Record<MSize, number> = {xs: 10, sm: 14, md: 18, lg: 22, xl: 28}\n\nexport function MStep(_props: MStepProps) {\n    return null\n}\n\nexport function MStepper({\n    activeStep,\n    variant = 'horizontal',\n    color = 'primary',\n    size = 'md',\n    clickable = false,\n    onChange,\n    className,\n    children,\n    ...rest\n}: MStepperProps) {\n    const steps = Children.toArray(children).filter((child) => isValidElement(child) && (child.type as any) === MStep)\n\n    return (\n        <div className={cn('stepper', variant, `color-${color}`, size, className)} role=\"list\" {...rest}>\n            {steps.map((child, index) => {\n                if (!isValidElement<MStepProps>(child)) return null\n                const {id, title, description, icon, disabled, optional, error} = child.props\n                const isActive = index === activeStep\n                const isCompleted = index < activeStep\n                const isClickable = clickable && !disabled\n\n                const handleClick = () => {\n                    if (isClickable && onChange) {\n                        onChange(index)\n                    }\n                }\n\n                return (\n                    <div\n                        key={id}\n                        className={cn(\n                            'stepper-step',\n                            isActive && 'active',\n                            isCompleted && 'completed',\n                            disabled && 'disabled',\n                            error && 'error',\n                            isClickable && 'clickable'\n                        )}\n                        role=\"listitem\"\n                        aria-current={isActive ? 'step' : undefined}\n                    >\n                        <div\n                            className=\"stepper-indicator\"\n                            onClick={isClickable ? handleClick : undefined}\n                            role={isClickable ? 'button' : undefined}\n                            tabIndex={isClickable ? 0 : undefined}\n                            onKeyDown={\n                                isClickable\n                                    ? (e) => {\n                                          if (e.key === 'Enter' || e.key === ' ') {\n                                              e.preventDefault()\n                                              handleClick()\n                                          }\n                                      }\n                                    : undefined\n                            }\n                        >\n                            {error\n                                ? '!'\n                                : isCompleted\n                                  ? (icon ?? <MCheckIcon size={CHECK_SIZE[size]} />)\n                                  : (icon ?? index + 1)}\n                        </div>\n                        <div className=\"stepper-content\">\n                            <span className=\"stepper-title\">{title}</span>\n                            {description && <span className=\"stepper-description\">{description}</span>}\n                            {optional && <span className=\"stepper-optional\">Optional</span>}\n                        </div>\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n","import {Children, isValidElement} from 'react'\nimport type {MTimelineProps, MTimelineItemProps} from './MTimeline.types'\nimport {cn} from '../../../utils/cn'\nimport './MTimeline.css'\n\nexport function MTimelineItem(_props: MTimelineItemProps) {\n    return null\n}\n\nexport function MTimeline({\n    align = 'left',\n    color = 'primary',\n    size = 'md',\n    className,\n    children,\n    ...rest\n}: MTimelineProps) {\n    const items = Children.toArray(children).filter(\n        (child) => isValidElement(child) && (child.type as any) === MTimelineItem\n    )\n\n    return (\n        <div className={cn('timeline', `align-${align}`, `color-${color}`, size, className)} {...rest}>\n            {items.map((child, index) => {\n                if (!isValidElement<MTimelineItemProps>(child)) return null\n                const {id, title, description, date, icon, color: itemColor} = child.props\n                const side = align === 'alternate' ? (index % 2 === 0 ? 'left' : 'right') : undefined\n\n                return (\n                    <div key={id} className={cn('timeline-item', side && `side-${side}`)}>\n                        <div className={cn('timeline-dot', itemColor && `color-${itemColor}`)}>{icon}</div>\n                        <div className=\"timeline-content\">\n                            <span className=\"timeline-title\">{title}</span>\n                            {description && <span className=\"timeline-description\">{description}</span>}\n                            {date && <span className=\"timeline-date\">{date}</span>}\n                        </div>\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n"],"mappings":"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"}