@banzamel/mineralui 1.0.7 → 1.1.0

package/dist/{MDataTable--pUkQHAv.js.map → MDataTable-C-CRvZ45.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MDataTable--pUkQHAv.js","names":[],"sources":["../src/components/data/MDataTable/MDataTable.tsx"],"sourcesContent":["import {useMemo, useState} from 'react'\nimport type * as React from 'react'\nimport type {MDataTableProps, MDataTableSort} from './MDataTable.types'\nimport {MCheckbox} from '../../controls'\nimport {MInputSearch} from '../../inputs'\nimport {MPagination} from '../../layout'\nimport {MArrowDownIcon, MArrowUpDownIcon, MArrowUpIcon} 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\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    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 [filter, setFilter] = useState('')\n    const [page, setPage] = useState(0)\n\n    const activeSort = controlledSort !== undefined ? controlledSort : internalSort\n    const selected = controlledSelected ?? internalSelected\n    const setSelected = onSelectionChange ?? setInternalSelected\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        if (onSortChange) onSortChange(next)\n        else setInternalSort(next)\n\n        setPage(0)\n    }\n\n    const filtered = useMemo(() => {\n        if (!filterable || !filter.trim()) return data\n\n        const query = filter.toLowerCase()\n\n        return data.filter((row) =>\n            columns.some((col) => {\n                if (col.filterable === false) return false\n\n                const value = (row as any)[col.key]\n                return value != null && String(value).toLowerCase().includes(query)\n            })\n        )\n    }, [data, filter, filterable, columns])\n\n    const sorted = useMemo(() => {\n        if (!activeSort) return filtered\n\n        const col = columns.find((item) => item.key === activeSort.key)\n        if (!col?.sortable && !sortable) 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])\n\n    const totalPages = pagination ? Math.max(1, Math.ceil(sorted.length / pageSize)) : 1\n    const pageData = pagination ? sorted.slice(page * pageSize, (page + 1) * pageSize) : sorted\n\n    const allKeys = pageData.map((row, index) => getRowKey(row, page * 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    return (\n        <div className={cn('data-table', className)} {...rest}>\n            {filterable && (\n                <div className=\"toolbar\">\n                    <MInputSearch\n                        className=\"filter-search\"\n                        size=\"sm\"\n                        fullWidth\n                        placeholder={filterPlaceholder}\n                        value={filter}\n                        onChange={(event) => {\n                            setFilter(event.target.value)\n                            setPage(0)\n                        }}\n                        onClear={() => {\n                            setFilter('')\n                            setPage(0)\n                        }}\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 * 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 * 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\n                    total={sorted.length}\n                    page={page + 1}\n                    pageSize={pageSize}\n                    onChange={(nextPage) => setPage(nextPage - 1)}\n                />\n            )}\n        </div>\n    )\n}\n"],"mappings":";;;;;;;;;;AAUA,SAAS,EAAa,GAAQ,GAAe,GAA+D;AAGxG,QAFI,OAAO,KAAW,aAAmB,EAAO,GAAK,EAAM,GACpB,OAAnC,OAAO,KAAW,WAAyB,EAAY,KAC5C,EAAY,MAAM,EADkC;;AAIvE,SAAgB,EAAoB,EAChC,YACA,SACA,WACA,cAAW,IACX,gBAAa,IACb,gBAAa,IACb,gBAAa,IACb,cAAW,IACX,aAAU,IACV,aAAU,IACV,kBAAe,IACf,MAAM,GACN,iBACA,cAAc,GACd,sBACA,eAAY,WACZ,uBAAoB,aACpB,cACA,GAAG,KACgB;CACnB,IAAM,CAAC,GAAc,KAAmB,EAAgC,KAAK,EACvE,CAAC,GAAkB,KAAuB,EAAmB,EAAE,CAAC,EAChE,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,CAAC,GAAM,KAAW,EAAS,EAAE,EAE7B,IAAa,MAAmB,KAAA,IAA6B,IAAjB,GAC5C,IAAW,KAAsB,GACjC,IAAc,KAAqB;CAEzC,SAAS,EAAW,GAAa;EAC7B,IAAI;AAWJ,EATA,AAGI,IAHA,GAAY,QAAQ,IACb,EAAW,QAAQ,QAAQ;GAAC;GAAK,KAAK;GAAO,GAAG,OAEhD;GAAC;GAAK,KAAK;GAAM,EAGxB,IAAc,EAAa,EAAK,GAC/B,EAAgB,EAAK,EAE1B,EAAQ,EAAE;;CAGd,IAAM,IAAW,QAAc;AAC3B,MAAI,CAAC,KAAc,CAAC,EAAO,MAAM,CAAE,QAAO;EAE1C,IAAM,IAAQ,EAAO,aAAa;AAElC,SAAO,EAAK,QAAQ,MAChB,EAAQ,MAAM,MAAQ;AAClB,OAAI,EAAI,eAAe,GAAO,QAAO;GAErC,IAAM,IAAS,EAAY,EAAI;AAC/B,UAAO,KAAS,QAAQ,OAAO,EAAM,CAAC,aAAa,CAAC,SAAS,EAAM;IACrE,CACL;IACF;EAAC;EAAM;EAAQ;EAAY;EAAQ,CAAC,EAEjC,IAAS,QAAc;AAIzB,MAHI,CAAC,KAGD,CADQ,EAAQ,MAAM,MAAS,EAAK,QAAQ,EAAW,IAAI,EACrD,YAAY,CAAC,EAAU,QAAO;EAExC,IAAM,IAAM,EAAW,QAAQ,QAAQ,IAAI;AAE3C,SAAO,CAAC,GAAG,EAAS,CAAC,MAAM,GAAG,MAAM;GAChC,IAAM,IAAM,EAAU,EAAW,MAC3B,IAAM,EAAU,EAAW;AAOjC,UALI,KAAM,QAAQ,KAAM,OAAa,IACjC,KAAM,OAAa,IACnB,KAAM,OAAa,KACnB,OAAO,KAAO,YAAY,OAAO,KAAO,YAAkB,IAAK,KAAM,IAElE,OAAO,EAAG,CAAC,cAAc,OAAO,EAAG,CAAC,GAAG;IAChD;IACH;EAAC;EAAU;EAAY;EAAS;EAAS,CAAC,EAEvC,IAAa,IAAa,KAAK,IAAI,GAAG,KAAK,KAAK,EAAO,SAAS,EAAS,CAAC,GAAG,GAC7E,IAAW,IAAa,EAAO,MAAM,IAAO,IAAW,IAAO,KAAK,EAAS,GAAG,GAE/E,IAAU,EAAS,KAAK,GAAK,MAAU,EAAU,GAAK,IAAO,IAAW,GAAO,EAAO,CAAC,EACvF,IAAc,EAAQ,SAAS,KAAK,EAAQ,OAAO,MAAQ,EAAS,SAAS,EAAI,CAAC;CAExF,SAAS,IAAY;AACjB,EACI,EADA,IACY,EAAS,QAAQ,MAAQ,CAAC,EAAQ,SAAS,EAAI,CAAC,GAEhD,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,GAAU,GAAG,EAAQ,CAAC,CAAC,CAAC;;CAI5D,SAAS,EAAU,GAAa;AAC5B,IAAY,EAAS,SAAS,EAAI,GAAG,EAAS,QAAQ,MAAS,MAAS,EAAI,GAAG,CAAC,GAAG,GAAU,EAAI,CAAC;;CAGtG,SAAS,EAAe,GAAa,GAAyB;AAC3C,IAAM,OACV,QAAQ,kCAAkC,IACrD,EAAU,EAAI;;AAGlB,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,cAAc,EAAU;EAAE,GAAI;YAAjD;GACK,KACG,kBAAC,OAAD;IAAK,WAAU;cACX,kBAAC,GAAD;KACI,WAAU;KACV,MAAK;KACL,WAAA;KACA,aAAa;KACb,OAAO;KACP,WAAW,MAAU;AAEjB,MADA,EAAU,EAAM,OAAO,MAAM,EAC7B,EAAQ,EAAE;;KAEd,eAAe;AAEX,MADA,EAAU,GAAG,EACb,EAAQ,EAAE;;KAEhB,CAAA;IACA,CAAA;GAEV,kBAAC,OAAD;IAAK,WAAU;cACX,kBAAC,SAAD;KAAO,WAAW,EAAG,QAAQ,KAAW,WAAW,KAAW,UAAU;eAAxE,CACI,kBAAC,SAAD;MAAO,WAAW,EAAG,QAAQ,KAAgB,SAAS;gBAClD,kBAAC,MAAD,EAAA,UAAA,CACK,KACG,kBAAC,MAAD;OAAI,WAAU;iBACV,kBAAC,GAAD;QACI,SAAS;QACT,UAAU;QACV,MAAK;QACL,aAAY;QACd,CAAA;OACD,CAAA,EAER,EAAQ,KAAK,MAAQ;OAClB,IAAM,IAAa,EAAI,YAAY,GAC7B,IAAW,GAAY,QAAQ,EAAI;AAEzC,cACI,kBAAC,MAAD;QAEI,WAAW,EACP,MACA,KAAc,YACd,KAAY,UAAU,EAAY,MACrC;QACD,OAAO;SACH,OAAO,EAAI;SACX,WAAW,EAAI;SAClB;QACD,SAAS,UAAmB,EAAW,EAAI,IAAI,GAAG,KAAA;kBAElD,kBAAC,QAAD;SAAM,WAAU;mBAAhB,CACK,EAAI,OACJ,KACG,kBAAC,QAAD;UAAM,WAAU;oBACX,IACG,EAAY,QAAQ,QAChB,kBAAC,GAAD,EAAc,eAAY,QAAS,CAAA,GAEnC,kBAAC,GAAD,EAAgB,eAAY,QAAS,CAAA,GAGzC,kBAAC,GAAD,EAAkB,eAAY,QAAS,CAAA;UAExC,CAAA,CAER;;QACN,EA5BI,EAAI,IA4BR;QAEX,CACD,EAAA,CAAA;MACD,CAAA,EACR,kBAAC,SAAD,EAAA,UAAA,CACK,EAAS,WAAW,KACjB,kBAAC,MAAD,EAAA,UACI,kBAAC,MAAD;MAAI,WAAU;MAAQ,SAAS,EAAQ,SAAU;gBAC5C;MACA,CAAA,EACJ,CAAA,EAER,EAAS,KAAK,GAAK,MAAU;MAC1B,IAAM,IAAM,EAAU,GAAK,IAAO,IAAW,GAAO,EAAO,EACrD,IAAa,EAAS,SAAS,EAAI;AAEzC,aACI,kBAAC,MAAD;OAEI,WAAW,EAAG,OAAO,KAAc,YAAY,KAAc,aAAa;OAC1E,SAAS,KAAc,MAAU,EAAe,GAAK,EAAM,GAAG,KAAA;iBAHlE,CAKK,KACG,kBAAC,MAAD;QAAI,WAAU;kBACV,kBAAC,GAAD;SACI,SAAS;SACT,gBAAgB;SAChB,MAAK;SACL,aAAY;SACd,CAAA;QACD,CAAA,EAER,EAAQ,KAAK,MACV,kBAAC,MAAD;QAAkB,WAAU;QAAK,OAAO,EAAC,WAAW,EAAI,OAAM;kBACzD,EAAI,SACC,EAAI,OAAQ,EAAY,EAAI,MAAM,GAAK,IAAO,IAAW,EAAM,GAC9D,EAAY,EAAI;QACtB,EAJI,EAAI,IAIR,CACP,CACD;SArBI,EAqBJ;OAEX,CACE,EAAA,CAAA,CACJ;;IACN,CAAA;GACL,KAAc,IAAa,KACxB,kBAAC,GAAD;IACI,OAAO,EAAO;IACd,MAAM,IAAO;IACH;IACV,WAAW,MAAa,EAAQ,IAAW,EAAE;IAC/C,CAAA;GAEJ"}
+{"version":3,"file":"MDataTable-C-CRvZ45.js","names":[],"sources":["../src/components/data/MDataTable/MDataTable.tsx"],"sourcesContent":["import {useMemo, useState} from 'react'\nimport type * as React from 'react'\nimport type {MDataTableProps, MDataTableSort} from './MDataTable.types'\nimport {MCheckbox} from '../../controls'\nimport {MInputSearch} from '../../inputs'\nimport {MPagination} from '../../layout'\nimport {MArrowDownIcon, MArrowUpDownIcon, MArrowUpIcon} 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\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    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 [filter, setFilter] = useState('')\n    const [page, setPage] = useState(0)\n\n    const activeSort = controlledSort !== undefined ? controlledSort : internalSort\n    const selected = controlledSelected ?? internalSelected\n    const setSelected = onSelectionChange ?? setInternalSelected\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        if (onSortChange) onSortChange(next)\n        else setInternalSort(next)\n\n        setPage(0)\n    }\n\n    const filtered = useMemo(() => {\n        if (!filterable || !filter.trim()) return data\n\n        const query = filter.toLowerCase()\n\n        return data.filter((row) =>\n            columns.some((col) => {\n                if (col.filterable === false) return false\n\n                const value = (row as any)[col.key]\n                return value != null && String(value).toLowerCase().includes(query)\n            })\n        )\n    }, [data, filter, filterable, columns])\n\n    const sorted = useMemo(() => {\n        if (!activeSort) return filtered\n\n        const col = columns.find((item) => item.key === activeSort.key)\n        if (!col?.sortable && !sortable) 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])\n\n    const totalPages = pagination ? Math.max(1, Math.ceil(sorted.length / pageSize)) : 1\n    const pageData = pagination ? sorted.slice(page * pageSize, (page + 1) * pageSize) : sorted\n\n    const allKeys = pageData.map((row, index) => getRowKey(row, page * 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    return (\n        <div className={cn('data-table', className)} {...rest}>\n            {filterable && (\n                <div className=\"toolbar\">\n                    <MInputSearch\n                        className=\"filter-search\"\n                        size=\"sm\"\n                        fullWidth\n                        placeholder={filterPlaceholder}\n                        value={filter}\n                        onChange={(event) => {\n                            setFilter(event.target.value)\n                            setPage(0)\n                        }}\n                        onClear={() => {\n                            setFilter('')\n                            setPage(0)\n                        }}\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 * 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 * 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\n                    total={sorted.length}\n                    page={page + 1}\n                    pageSize={pageSize}\n                    onChange={(nextPage) => setPage(nextPage - 1)}\n                />\n            )}\n        </div>\n    )\n}\n"],"mappings":"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"}

package/dist/{MDrawer-00BvU8Dn.js → MDrawer-CHbmY08J.js}

@@ -119,4 +119,4 @@ function y({ open: a, onClose: l, side: g = "right", size: _ = "md", overlay: v
 //#endregion
 export { g as i, _ as n, v as r, y as t };
 
-//# sourceMappingURL=MDrawer-00BvU8Dn.js.map
+//# sourceMappingURL=MDrawer-CHbmY08J.js.map

package/dist/{MDrawer-00BvU8Dn.js.map → MDrawer-CHbmY08J.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MDrawer-00BvU8Dn.js","names":[],"sources":["../src/components/overlays/MDrawer/MDrawer.tsx"],"sourcesContent":["import {Children, isValidElement, useEffect, useState, useRef} from 'react'\nimport type {MouseEvent, ReactElement, ReactNode} from 'react'\nimport type {MDrawerProps, MDrawerSectionProps} from './MDrawer.types'\nimport {MPortal} from '../../primitives'\nimport {MButton} from '../../controls'\nimport {MCloseIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MDrawer.css'\n\nconst EXIT_DURATION = 600\n\ntype DrawerSlotElement = ReactElement<MDrawerSectionProps>\n\nfunction isDrawerHeader(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerHeader\n}\n\nfunction isDrawerBody(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerBody\n}\n\nfunction isDrawerFooter(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerFooter\n}\n\nexport function MDrawerHeader({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerHeader as any).__drawerHeader = true\n\nexport function MDrawerBody({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerBody as any).__drawerBody = true\n\nexport function MDrawerFooter({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerFooter as any).__drawerFooter = true\n\nexport function MDrawer({\n    open,\n    onClose,\n    side = 'right',\n    size = 'md',\n    overlay = true,\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    className,\n    children,\n    ...rest\n}: MDrawerProps) {\n    const [mounted, setMounted] = useState(false)\n    const [closing, setClosing] = useState(false)\n    const backdropRef = useRef<HTMLDivElement>(null)\n\n    useEffect(() => {\n        if (open) {\n            setMounted(true)\n            setClosing(false)\n        }\n    }, [open])\n\n    useEffect(() => {\n        if (!open && mounted) {\n            setClosing(true)\n            const timer = setTimeout(() => {\n                setMounted(false)\n                setClosing(false)\n            }, EXIT_DURATION)\n            return () => clearTimeout(timer)\n        }\n    }, [open, mounted])\n\n    useEffect(() => {\n        if (!open || !closeOnEscape) return\n\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onClose()\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [open, closeOnEscape, onClose])\n\n    useEffect(() => {\n        if (!mounted) return\n\n        const prev = document.body.style.overflow\n        document.body.style.overflow = 'hidden'\n        return () => {\n            document.body.style.overflow = prev\n        }\n    }, [mounted])\n\n    if (!mounted) return null\n\n    const handleBackdropClick = (e: MouseEvent<HTMLDivElement>) => {\n        if (closeOnBackdrop && e.target === e.currentTarget) onClose()\n    }\n\n    let header: ReactNode = null\n    let headerProps: MDrawerSectionProps | null = null\n    let bodyProps: MDrawerSectionProps | null = null\n    let footer: ReactNode = null\n    let footerProps: MDrawerSectionProps | null = null\n    const body: ReactNode[] = []\n\n    Children.forEach(children, (child) => {\n        if (isDrawerHeader(child)) {\n            header = child.props.children\n            headerProps = child.props\n            return\n        }\n\n        if (isDrawerBody(child)) {\n            bodyProps = child.props\n            body.push(child.props.children)\n            return\n        }\n\n        if (isDrawerFooter(child)) {\n            footer = child.props.children\n            footerProps = child.props\n            return\n        }\n\n        body.push(child)\n    })\n\n    const headerSection = headerProps ?? ({children: undefined} as MDrawerSectionProps)\n    const bodySection = bodyProps ?? ({children: undefined} as MDrawerSectionProps)\n    const footerSection = footerProps ?? ({children: undefined} as MDrawerSectionProps)\n    const {\n        children: _headerChildren,\n        className: headerClassName,\n        bordered: headerBordered = false,\n        ...headerRest\n    } = headerSection\n    const {children: _bodyChildren, className: bodyClassName, ...bodyRest} = bodySection\n    const {\n        children: _footerChildren,\n        className: footerClassName,\n        bordered: footerBordered = false,\n        ...footerRest\n    } = footerSection\n\n    return (\n        <MPortal>\n            <div\n                ref={backdropRef}\n                className={cn('mineral-backdrop', 'drawer-backdrop', !overlay && 'no-overlay', closing && 'closing')}\n                onMouseDown={handleBackdropClick}\n            >\n                <div className={cn('drawer', side, size, className)} role=\"dialog\" aria-modal=\"true\" {...rest}>\n                    {header && (\n                        <div\n                            {...headerRest}\n                            className={cn('drawer-header', headerBordered && 'bordered', headerClassName)}\n                        >\n                            <div className=\"drawer-title\">{header}</div>\n                            <MButton\n                                variant=\"link\"\n                                color=\"neutral\"\n                                iconOnly\n                                size=\"sm\"\n                                onClick={onClose}\n                                aria-label=\"Close\"\n                                className=\"close\"\n                            >\n                                <MCloseIcon />\n                            </MButton>\n                        </div>\n                    )}\n                    <div {...bodyRest} className={cn('drawer-body', bodyClassName)}>\n                        {body}\n                    </div>\n                    {footer && (\n                        <div\n                            {...footerRest}\n                            className={cn('drawer-footer', footerBordered && 'bordered', footerClassName)}\n                        >\n                            {footer}\n                        </div>\n                    )}\n                </div>\n            </div>\n        </MPortal>\n    )\n}\n"],"mappings":"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"}
+{"version":3,"file":"MDrawer-CHbmY08J.js","names":[],"sources":["../src/components/overlays/MDrawer/MDrawer.tsx"],"sourcesContent":["import {Children, isValidElement, useEffect, useState, useRef} from 'react'\nimport type {MouseEvent, ReactElement, ReactNode} from 'react'\nimport type {MDrawerProps, MDrawerSectionProps} from './MDrawer.types'\nimport {MPortal} from '../../primitives'\nimport {MButton} from '../../controls'\nimport {MCloseIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MDrawer.css'\n\nconst EXIT_DURATION = 600\n\ntype DrawerSlotElement = ReactElement<MDrawerSectionProps>\n\nfunction isDrawerHeader(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerHeader\n}\n\nfunction isDrawerBody(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerBody\n}\n\nfunction isDrawerFooter(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerFooter\n}\n\nexport function MDrawerHeader({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerHeader as any).__drawerHeader = true\n\nexport function MDrawerBody({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerBody as any).__drawerBody = true\n\nexport function MDrawerFooter({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerFooter as any).__drawerFooter = true\n\nexport function MDrawer({\n    open,\n    onClose,\n    side = 'right',\n    size = 'md',\n    overlay = true,\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    className,\n    children,\n    ...rest\n}: MDrawerProps) {\n    const [mounted, setMounted] = useState(false)\n    const [closing, setClosing] = useState(false)\n    const backdropRef = useRef<HTMLDivElement>(null)\n\n    useEffect(() => {\n        if (open) {\n            setMounted(true)\n            setClosing(false)\n        }\n    }, [open])\n\n    useEffect(() => {\n        if (!open && mounted) {\n            setClosing(true)\n            const timer = setTimeout(() => {\n                setMounted(false)\n                setClosing(false)\n            }, EXIT_DURATION)\n            return () => clearTimeout(timer)\n        }\n    }, [open, mounted])\n\n    useEffect(() => {\n        if (!open || !closeOnEscape) return\n\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onClose()\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [open, closeOnEscape, onClose])\n\n    useEffect(() => {\n        if (!mounted) return\n\n        const prev = document.body.style.overflow\n        document.body.style.overflow = 'hidden'\n        return () => {\n            document.body.style.overflow = prev\n        }\n    }, [mounted])\n\n    if (!mounted) return null\n\n    const handleBackdropClick = (e: MouseEvent<HTMLDivElement>) => {\n        if (closeOnBackdrop && e.target === e.currentTarget) onClose()\n    }\n\n    let header: ReactNode = null\n    let headerProps: MDrawerSectionProps | null = null\n    let bodyProps: MDrawerSectionProps | null = null\n    let footer: ReactNode = null\n    let footerProps: MDrawerSectionProps | null = null\n    const body: ReactNode[] = []\n\n    Children.forEach(children, (child) => {\n        if (isDrawerHeader(child)) {\n            header = child.props.children\n            headerProps = child.props\n            return\n        }\n\n        if (isDrawerBody(child)) {\n            bodyProps = child.props\n            body.push(child.props.children)\n            return\n        }\n\n        if (isDrawerFooter(child)) {\n            footer = child.props.children\n            footerProps = child.props\n            return\n        }\n\n        body.push(child)\n    })\n\n    const headerSection = headerProps ?? ({children: undefined} as MDrawerSectionProps)\n    const bodySection = bodyProps ?? ({children: undefined} as MDrawerSectionProps)\n    const footerSection = footerProps ?? ({children: undefined} as MDrawerSectionProps)\n    const {\n        children: _headerChildren,\n        className: headerClassName,\n        bordered: headerBordered = false,\n        ...headerRest\n    } = headerSection\n    const {children: _bodyChildren, className: bodyClassName, ...bodyRest} = bodySection\n    const {\n        children: _footerChildren,\n        className: footerClassName,\n        bordered: footerBordered = false,\n        ...footerRest\n    } = footerSection\n\n    return (\n        <MPortal>\n            <div\n                ref={backdropRef}\n                className={cn('mineral-backdrop', 'drawer-backdrop', !overlay && 'no-overlay', closing && 'closing')}\n                onMouseDown={handleBackdropClick}\n            >\n                <div className={cn('drawer', side, size, className)} role=\"dialog\" aria-modal=\"true\" {...rest}>\n                    {header && (\n                        <div\n                            {...headerRest}\n                            className={cn('drawer-header', headerBordered && 'bordered', headerClassName)}\n                        >\n                            <div className=\"drawer-title\">{header}</div>\n                            <MButton\n                                variant=\"link\"\n                                color=\"neutral\"\n                                iconOnly\n                                size=\"sm\"\n                                onClick={onClose}\n                                aria-label=\"Close\"\n                                className=\"close\"\n                            >\n                                <MCloseIcon />\n                            </MButton>\n                        </div>\n                    )}\n                    <div {...bodyRest} className={cn('drawer-body', bodyClassName)}>\n                        {body}\n                    </div>\n                    {footer && (\n                        <div\n                            {...footerRest}\n                            className={cn('drawer-footer', footerBordered && 'bordered', footerClassName)}\n                        >\n                            {footer}\n                        </div>\n                    )}\n                </div>\n            </div>\n        </MPortal>\n    )\n}\n"],"mappings":"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"}

package/dist/{MDrawer-FYS50FtQ.cjs → MDrawer-_Bao-x1w.cjs}

@@ -1,2 +1,2 @@
 const e=require(`./MCloseIcon-6cfw9trj.cjs`),t=require(`./cn-SOcVdnX6.cjs`),n=require(`./MPortal-BysJLuEi.cjs`),r=require(`./MButton-C_WTyNvw.cjs`);let i=require(`react`),a=require(`react/jsx-runtime`);var o=600;function s(e){return(0,i.isValidElement)(e)&&!!e.type.__drawerHeader}function c(e){return(0,i.isValidElement)(e)&&!!e.type.__drawerBody}function l(e){return(0,i.isValidElement)(e)&&!!e.type.__drawerFooter}function u({children:e}){return(0,a.jsx)(a.Fragment,{children:e})}u.__drawerHeader=!0;function d({children:e}){return(0,a.jsx)(a.Fragment,{children:e})}d.__drawerBody=!0;function f({children:e}){return(0,a.jsx)(a.Fragment,{children:e})}f.__drawerFooter=!0;function p({open:u,onClose:d,side:f=`right`,size:p=`md`,overlay:m=!0,closeOnBackdrop:h=!0,closeOnEscape:g=!0,className:_,children:v,...y}){let[b,x]=(0,i.useState)(!1),[S,C]=(0,i.useState)(!1),w=(0,i.useRef)(null);if((0,i.useEffect)(()=>{u&&(x(!0),C(!1))},[u]),(0,i.useEffect)(()=>{if(!u&&b){C(!0);let e=setTimeout(()=>{x(!1),C(!1)},o);return()=>clearTimeout(e)}},[u,b]),(0,i.useEffect)(()=>{if(!u||!g)return;let e=e=>{e.key===`Escape`&&d()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[u,g,d]),(0,i.useEffect)(()=>{if(!b)return;let e=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=e}},[b]),!b)return null;let T=e=>{h&&e.target===e.currentTarget&&d()},E=null,D=null,O=null,k=null,A=null,j=[];i.Children.forEach(v,e=>{if(s(e)){E=e.props.children,D=e.props;return}if(c(e)){O=e.props,j.push(e.props.children);return}if(l(e)){k=e.props.children,A=e.props;return}j.push(e)});let M=D??{children:void 0},N=O??{children:void 0},P=A??{children:void 0},{children:F,className:I,bordered:L=!1,...R}=M,{children:z,className:B,...V}=N,{children:H,className:U,bordered:W=!1,...G}=P;return(0,a.jsx)(n.t,{children:(0,a.jsx)(`div`,{ref:w,className:t.t(`mineral-backdrop`,`drawer-backdrop`,!m&&`no-overlay`,S&&`closing`),onMouseDown:T,children:(0,a.jsxs)(`div`,{className:t.t(`drawer`,f,p,_),role:`dialog`,"aria-modal":`true`,...y,children:[E&&(0,a.jsxs)(`div`,{...R,className:t.t(`drawer-header`,L&&`bordered`,I),children:[(0,a.jsx)(`div`,{className:`drawer-title`,children:E}),(0,a.jsx)(r.t,{variant:`link`,color:`neutral`,iconOnly:!0,size:`sm`,onClick:d,"aria-label":`Close`,className:`close`,children:(0,a.jsx)(e.t,{})})]}),(0,a.jsx)(`div`,{...V,className:t.t(`drawer-body`,B),children:j}),k&&(0,a.jsx)(`div`,{...G,className:t.t(`drawer-footer`,W&&`bordered`,U),children:k})]})})})}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});
-//# sourceMappingURL=MDrawer-FYS50FtQ.cjs.map
+//# sourceMappingURL=MDrawer-_Bao-x1w.cjs.map

package/dist/{MDrawer-FYS50FtQ.cjs.map → MDrawer-_Bao-x1w.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MDrawer-FYS50FtQ.cjs","names":[],"sources":["../src/components/overlays/MDrawer/MDrawer.tsx"],"sourcesContent":["import {Children, isValidElement, useEffect, useState, useRef} from 'react'\nimport type {MouseEvent, ReactElement, ReactNode} from 'react'\nimport type {MDrawerProps, MDrawerSectionProps} from './MDrawer.types'\nimport {MPortal} from '../../primitives'\nimport {MButton} from '../../controls'\nimport {MCloseIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MDrawer.css'\n\nconst EXIT_DURATION = 600\n\ntype DrawerSlotElement = ReactElement<MDrawerSectionProps>\n\nfunction isDrawerHeader(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerHeader\n}\n\nfunction isDrawerBody(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerBody\n}\n\nfunction isDrawerFooter(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerFooter\n}\n\nexport function MDrawerHeader({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerHeader as any).__drawerHeader = true\n\nexport function MDrawerBody({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerBody as any).__drawerBody = true\n\nexport function MDrawerFooter({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerFooter as any).__drawerFooter = true\n\nexport function MDrawer({\n    open,\n    onClose,\n    side = 'right',\n    size = 'md',\n    overlay = true,\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    className,\n    children,\n    ...rest\n}: MDrawerProps) {\n    const [mounted, setMounted] = useState(false)\n    const [closing, setClosing] = useState(false)\n    const backdropRef = useRef<HTMLDivElement>(null)\n\n    useEffect(() => {\n        if (open) {\n            setMounted(true)\n            setClosing(false)\n        }\n    }, [open])\n\n    useEffect(() => {\n        if (!open && mounted) {\n            setClosing(true)\n            const timer = setTimeout(() => {\n                setMounted(false)\n                setClosing(false)\n            }, EXIT_DURATION)\n            return () => clearTimeout(timer)\n        }\n    }, [open, mounted])\n\n    useEffect(() => {\n        if (!open || !closeOnEscape) return\n\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onClose()\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [open, closeOnEscape, onClose])\n\n    useEffect(() => {\n        if (!mounted) return\n\n        const prev = document.body.style.overflow\n        document.body.style.overflow = 'hidden'\n        return () => {\n            document.body.style.overflow = prev\n        }\n    }, [mounted])\n\n    if (!mounted) return null\n\n    const handleBackdropClick = (e: MouseEvent<HTMLDivElement>) => {\n        if (closeOnBackdrop && e.target === e.currentTarget) onClose()\n    }\n\n    let header: ReactNode = null\n    let headerProps: MDrawerSectionProps | null = null\n    let bodyProps: MDrawerSectionProps | null = null\n    let footer: ReactNode = null\n    let footerProps: MDrawerSectionProps | null = null\n    const body: ReactNode[] = []\n\n    Children.forEach(children, (child) => {\n        if (isDrawerHeader(child)) {\n            header = child.props.children\n            headerProps = child.props\n            return\n        }\n\n        if (isDrawerBody(child)) {\n            bodyProps = child.props\n            body.push(child.props.children)\n            return\n        }\n\n        if (isDrawerFooter(child)) {\n            footer = child.props.children\n            footerProps = child.props\n            return\n        }\n\n        body.push(child)\n    })\n\n    const headerSection = headerProps ?? ({children: undefined} as MDrawerSectionProps)\n    const bodySection = bodyProps ?? ({children: undefined} as MDrawerSectionProps)\n    const footerSection = footerProps ?? ({children: undefined} as MDrawerSectionProps)\n    const {\n        children: _headerChildren,\n        className: headerClassName,\n        bordered: headerBordered = false,\n        ...headerRest\n    } = headerSection\n    const {children: _bodyChildren, className: bodyClassName, ...bodyRest} = bodySection\n    const {\n        children: _footerChildren,\n        className: footerClassName,\n        bordered: footerBordered = false,\n        ...footerRest\n    } = footerSection\n\n    return (\n        <MPortal>\n            <div\n                ref={backdropRef}\n                className={cn('mineral-backdrop', 'drawer-backdrop', !overlay && 'no-overlay', closing && 'closing')}\n                onMouseDown={handleBackdropClick}\n            >\n                <div className={cn('drawer', side, size, className)} role=\"dialog\" aria-modal=\"true\" {...rest}>\n                    {header && (\n                        <div\n                            {...headerRest}\n                            className={cn('drawer-header', headerBordered && 'bordered', headerClassName)}\n                        >\n                            <div className=\"drawer-title\">{header}</div>\n                            <MButton\n                                variant=\"link\"\n                                color=\"neutral\"\n                                iconOnly\n                                size=\"sm\"\n                                onClick={onClose}\n                                aria-label=\"Close\"\n                                className=\"close\"\n                            >\n                                <MCloseIcon />\n                            </MButton>\n                        </div>\n                    )}\n                    <div {...bodyRest} className={cn('drawer-body', bodyClassName)}>\n                        {body}\n                    </div>\n                    {footer && (\n                        <div\n                            {...footerRest}\n                            className={cn('drawer-footer', footerBordered && 'bordered', footerClassName)}\n                        >\n                            {footer}\n                        </div>\n                    )}\n                </div>\n            </div>\n        </MPortal>\n    )\n}\n"],"mappings":"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"}
+{"version":3,"file":"MDrawer-_Bao-x1w.cjs","names":[],"sources":["../src/components/overlays/MDrawer/MDrawer.tsx"],"sourcesContent":["import {Children, isValidElement, useEffect, useState, useRef} from 'react'\nimport type {MouseEvent, ReactElement, ReactNode} from 'react'\nimport type {MDrawerProps, MDrawerSectionProps} from './MDrawer.types'\nimport {MPortal} from '../../primitives'\nimport {MButton} from '../../controls'\nimport {MCloseIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MDrawer.css'\n\nconst EXIT_DURATION = 600\n\ntype DrawerSlotElement = ReactElement<MDrawerSectionProps>\n\nfunction isDrawerHeader(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerHeader\n}\n\nfunction isDrawerBody(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerBody\n}\n\nfunction isDrawerFooter(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerFooter\n}\n\nexport function MDrawerHeader({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerHeader as any).__drawerHeader = true\n\nexport function MDrawerBody({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerBody as any).__drawerBody = true\n\nexport function MDrawerFooter({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerFooter as any).__drawerFooter = true\n\nexport function MDrawer({\n    open,\n    onClose,\n    side = 'right',\n    size = 'md',\n    overlay = true,\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    className,\n    children,\n    ...rest\n}: MDrawerProps) {\n    const [mounted, setMounted] = useState(false)\n    const [closing, setClosing] = useState(false)\n    const backdropRef = useRef<HTMLDivElement>(null)\n\n    useEffect(() => {\n        if (open) {\n            setMounted(true)\n            setClosing(false)\n        }\n    }, [open])\n\n    useEffect(() => {\n        if (!open && mounted) {\n            setClosing(true)\n            const timer = setTimeout(() => {\n                setMounted(false)\n                setClosing(false)\n            }, EXIT_DURATION)\n            return () => clearTimeout(timer)\n        }\n    }, [open, mounted])\n\n    useEffect(() => {\n        if (!open || !closeOnEscape) return\n\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onClose()\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [open, closeOnEscape, onClose])\n\n    useEffect(() => {\n        if (!mounted) return\n\n        const prev = document.body.style.overflow\n        document.body.style.overflow = 'hidden'\n        return () => {\n            document.body.style.overflow = prev\n        }\n    }, [mounted])\n\n    if (!mounted) return null\n\n    const handleBackdropClick = (e: MouseEvent<HTMLDivElement>) => {\n        if (closeOnBackdrop && e.target === e.currentTarget) onClose()\n    }\n\n    let header: ReactNode = null\n    let headerProps: MDrawerSectionProps | null = null\n    let bodyProps: MDrawerSectionProps | null = null\n    let footer: ReactNode = null\n    let footerProps: MDrawerSectionProps | null = null\n    const body: ReactNode[] = []\n\n    Children.forEach(children, (child) => {\n        if (isDrawerHeader(child)) {\n            header = child.props.children\n            headerProps = child.props\n            return\n        }\n\n        if (isDrawerBody(child)) {\n            bodyProps = child.props\n            body.push(child.props.children)\n            return\n        }\n\n        if (isDrawerFooter(child)) {\n            footer = child.props.children\n            footerProps = child.props\n            return\n        }\n\n        body.push(child)\n    })\n\n    const headerSection = headerProps ?? ({children: undefined} as MDrawerSectionProps)\n    const bodySection = bodyProps ?? ({children: undefined} as MDrawerSectionProps)\n    const footerSection = footerProps ?? ({children: undefined} as MDrawerSectionProps)\n    const {\n        children: _headerChildren,\n        className: headerClassName,\n        bordered: headerBordered = false,\n        ...headerRest\n    } = headerSection\n    const {children: _bodyChildren, className: bodyClassName, ...bodyRest} = bodySection\n    const {\n        children: _footerChildren,\n        className: footerClassName,\n        bordered: footerBordered = false,\n        ...footerRest\n    } = footerSection\n\n    return (\n        <MPortal>\n            <div\n                ref={backdropRef}\n                className={cn('mineral-backdrop', 'drawer-backdrop', !overlay && 'no-overlay', closing && 'closing')}\n                onMouseDown={handleBackdropClick}\n            >\n                <div className={cn('drawer', side, size, className)} role=\"dialog\" aria-modal=\"true\" {...rest}>\n                    {header && (\n                        <div\n                            {...headerRest}\n                            className={cn('drawer-header', headerBordered && 'bordered', headerClassName)}\n                        >\n                            <div className=\"drawer-title\">{header}</div>\n                            <MButton\n                                variant=\"link\"\n                                color=\"neutral\"\n                                iconOnly\n                                size=\"sm\"\n                                onClick={onClose}\n                                aria-label=\"Close\"\n                                className=\"close\"\n                            >\n                                <MCloseIcon />\n                            </MButton>\n                        </div>\n                    )}\n                    <div {...bodyRest} className={cn('drawer-body', bodyClassName)}>\n                        {body}\n                    </div>\n                    {footer && (\n                        <div\n                            {...footerRest}\n                            className={cn('drawer-footer', footerBordered && 'bordered', footerClassName)}\n                        >\n                            {footer}\n                        </div>\n                    )}\n                </div>\n            </div>\n        </MPortal>\n    )\n}\n"],"mappings":"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"}

package/dist/{MDropdownMenu-BLBdToIz.cjs → MDropdownMenu-Bd6MfUmF.cjs}

@@ -1,2 +1,2 @@
 const e=require(`./cn-SOcVdnX6.cjs`),t=require(`./useKeyboardNav-DBeCcTmg.cjs`),n=require(`./MPopover-BXPkE575.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);function a(e){return e.props}function o(e){return!!e.type.__dropdownItem}function s(e){return!!e.type.__dropdownGroup}function c(e){let t=[];return r.Children.forEach(e,e=>{(0,r.isValidElement)(e)&&(o(e)?t.push(e):s(e)&&r.Children.forEach(a(e).children,e=>{(0,r.isValidElement)(e)&&o(e)&&t.push(e)}))}),t}function l({trigger:l,placement:u=`bottom-start`,closeOnSelect:d=!0,openOn:f=`click`,onOpenChange:p,className:m,style:h,popoverClassName:g,popoverStyle:_,children:v}){let[y,b]=(0,r.useState)(!1),x=(0,r.useRef)(null),S=(0,r.useRef)(null),C=c(v),w=C.filter(e=>!a(e).disabled).length,T=(0,r.useCallback)(e=>{b(t=>{let n=typeof e==`function`?e(t):e;return p?.(n),n})},[p]),{activeIndex:E,setActiveIndex:D,onKeyDown:O}=t.t({itemCount:w,onSelect:(0,r.useCallback)(e=>{let t=0;for(let n of C){let r=a(n);if(!r.disabled){if(t===e){r.onClick?.();break}t++}}d&&T(!1)},[C,d,T]),onClose:()=>b(!1),isOpen:y}),k=()=>T(e=>!e),A=e=>{(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `)&&(e.preventDefault(),T(!0)),y&&O(e)},j=0,M=e=>{if(!(0,r.isValidElement)(e))return e;if(o(e)){let t=a(e),n=t.disabled,i=n?-1:j++;return(0,r.cloneElement)(e,{_active:i===E,_onHover:n?void 0:()=>D(i),_onClick:()=>{n||(t.onClick?.(),d&&T(!1))}})}return s(e)?(0,r.cloneElement)(e,{children:r.Children.map(a(e).children,M)}):e},N=f===`hover`?{onMouseEnter:()=>{S.current&&clearTimeout(S.current),T(!0)},onMouseLeave:()=>{S.current=setTimeout(()=>T(!1),150)}}:{};return(0,i.jsxs)(`div`,{className:e.t(`dropdown menu anchor`,m),style:h,...N,children:[(0,i.jsx)(`div`,{ref:x,onClick:f===`click`?k:void 0,onKeyDown:A,role:`button`,tabIndex:0,className:`dropdown menu trigger`,children:l}),(0,i.jsx)(n.t,{open:y,anchorRef:x,onClose:()=>T(!1),placement:u,className:e.t(`dropdown menu popover`,g),style:_,children:(0,i.jsx)(`div`,{className:`dropdown menu list`,role:`menu`,...N,children:r.Children.map(v,M)})})]})}function u({icon:t,label:n,href:r,to:a,onClick:o,color:s,disabled:c=!1,active:l=!1,component:u,className:d,_active:f,_onHover:p,_onClick:m}){let h=f??l,g=(0,i.jsxs)(i.Fragment,{children:[t&&(0,i.jsx)(`span`,{className:`dropdown menu icon`,children:t}),(0,i.jsx)(`span`,{className:`dropdown menu label`,children:n})]}),_=e.t(`dropdown menu item`,h&&`active`,c&&`disabled`,s,d),v=e=>{if(c){e.preventDefault();return}o?.(),m?.()},y=u??(r||a?`a`:`button`),b=u?{...r?{href:r}:{},...a?{to:a}:{}}:r?{href:r}:a?{href:a}:{};return(0,i.jsx)(y,{className:_,role:`menuitem`,tabIndex:-1,onClick:v,onMouseEnter:p,"aria-disabled":c||void 0,...b,children:g})}u.__dropdownItem=!0;function d({label:e,children:t}){return(0,i.jsxs)(`div`,{className:`dropdown menu group`,role:`group`,children:[(0,i.jsx)(`div`,{className:`dropdown menu group-label`,children:e}),t]})}d.__dropdownGroup=!0;function f({className:t}){return(0,i.jsx)(`div`,{className:e.t(`dropdown menu divider`,t),role:`separator`})}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
-//# sourceMappingURL=MDropdownMenu-BLBdToIz.cjs.map
+//# sourceMappingURL=MDropdownMenu-Bd6MfUmF.cjs.map

package/dist/{MDropdownMenu-BLBdToIz.cjs.map → MDropdownMenu-Bd6MfUmF.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MDropdownMenu-BLBdToIz.cjs","names":[],"sources":["../src/components/overlays/MDropdownMenu/MDropdownMenu.tsx"],"sourcesContent":["import {useState, useRef, useCallback, Children, isValidElement, cloneElement} from 'react'\nimport type * as React from 'react'\nimport {MPopover} from '../../primitives'\nimport {useKeyboardNav} from '../../../utils/useKeyboardNav'\nimport {cn} from '../../../utils/cn'\nimport type {\n    MDropdownMenuProps,\n    MDropdownItemProps,\n    MDropdownGroupProps,\n    MDropdownDividerProps,\n} from './MDropdownMenu.types'\nimport './MDropdownMenu.css'\n\ntype AnyProps = Record<string, any>\n\nfunction getProps(el: React.ReactElement): AnyProps {\n    return el.props as AnyProps\n}\n\nfunction isItem(child: React.ReactElement): boolean {\n    return !!(child.type as any).__dropdownItem\n}\n\nfunction isGroup(child: React.ReactElement): boolean {\n    return !!(child.type as any).__dropdownGroup\n}\n\n// Collect all MDropdownItem elements from children (including inside groups).\nfunction collectItems(children: React.ReactNode): React.ReactElement[] {\n    const items: React.ReactElement[] = []\n    Children.forEach(children, (child) => {\n        if (!isValidElement(child)) return\n        if (isItem(child)) {\n            items.push(child)\n        } else if (isGroup(child)) {\n            Children.forEach(getProps(child).children, (gc: React.ReactNode) => {\n                if (isValidElement(gc) && isItem(gc)) {\n                    items.push(gc)\n                }\n            })\n        }\n    })\n    return items\n}\n\nexport function MDropdownMenu({\n    trigger,\n    placement = 'bottom-start',\n    closeOnSelect = true,\n    openOn = 'click',\n    onOpenChange,\n    className,\n    style,\n    popoverClassName,\n    popoverStyle,\n    children,\n}: MDropdownMenuProps) {\n    const [open, setOpen] = useState(false)\n    const anchorRef = useRef<HTMLDivElement>(null)\n    const hoverTimeout = useRef<ReturnType<typeof setTimeout>>(null)\n\n    const items = collectItems(children)\n    const enabledCount = items.filter((i) => !getProps(i).disabled).length\n\n    const setMenuOpen = useCallback(\n        (next: boolean | ((prev: boolean) => boolean)) => {\n            setOpen((prev) => {\n                const resolved = typeof next === 'function' ? next(prev) : next\n                onOpenChange?.(resolved)\n                return resolved\n            })\n        },\n        [onOpenChange]\n    )\n\n    const handleSelect = useCallback(\n        (index: number) => {\n            let enabledIdx = 0\n            for (const item of items) {\n                const p = getProps(item)\n                if (p.disabled) continue\n                if (enabledIdx === index) {\n                    p.onClick?.()\n                    break\n                }\n                enabledIdx++\n            }\n            if (closeOnSelect) setMenuOpen(false)\n        },\n        [items, closeOnSelect, setMenuOpen]\n    )\n\n    const {activeIndex, setActiveIndex, onKeyDown} = useKeyboardNav({\n        itemCount: enabledCount,\n        onSelect: handleSelect,\n        onClose: () => setOpen(false),\n        isOpen: open,\n    })\n\n    const handleTriggerClick = () => setMenuOpen((o) => !o)\n\n    const handleTriggerKeyDown = (e: React.KeyboardEvent) => {\n        if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault()\n            setMenuOpen(true)\n        }\n        if (open) onKeyDown(e as any)\n    }\n\n    // Map active index back to flat child rendering with enabled-only tracking.\n    let enabledIdx = 0\n    const renderChild = (child: React.ReactNode): React.ReactNode => {\n        if (!isValidElement(child)) return child\n\n        if (isItem(child)) {\n            const p = getProps(child)\n            const isDisabled = p.disabled\n            const idx = isDisabled ? -1 : enabledIdx++\n            return cloneElement(child, {\n                _active: idx === activeIndex,\n                _onHover: isDisabled ? undefined : () => setActiveIndex(idx),\n                _onClick: () => {\n                    if (isDisabled) return\n                    p.onClick?.()\n                    if (closeOnSelect) setMenuOpen(false)\n                },\n            } as AnyProps)\n        }\n\n        if (isGroup(child)) {\n            return cloneElement(child, {\n                children: Children.map(getProps(child).children, renderChild),\n            } as AnyProps)\n        }\n\n        return child\n    }\n\n    const hoverHandlers =\n        openOn === 'hover'\n            ? {\n                  onMouseEnter: () => {\n                      if (hoverTimeout.current) clearTimeout(hoverTimeout.current)\n                      setMenuOpen(true)\n                  },\n                  onMouseLeave: () => {\n                      hoverTimeout.current = setTimeout(() => setMenuOpen(false), 150)\n                  },\n              }\n            : {}\n\n    return (\n        <div className={cn('dropdown menu anchor', className)} style={style} {...hoverHandlers}>\n            <div\n                ref={anchorRef}\n                onClick={openOn === 'click' ? handleTriggerClick : undefined}\n                onKeyDown={handleTriggerKeyDown}\n                role=\"button\"\n                tabIndex={0}\n                className=\"dropdown menu trigger\"\n            >\n                {trigger}\n            </div>\n            <MPopover\n                open={open}\n                anchorRef={anchorRef}\n                onClose={() => setMenuOpen(false)}\n                placement={placement}\n                className={cn('dropdown menu popover', popoverClassName)}\n                style={popoverStyle}\n            >\n                <div className=\"dropdown menu list\" role=\"menu\" {...hoverHandlers}>\n                    {Children.map(children, renderChild)}\n                </div>\n            </MPopover>\n        </div>\n    )\n}\n\nexport function MDropdownItem({\n    icon,\n    label,\n    href,\n    to,\n    onClick,\n    color,\n    disabled = false,\n    active = false,\n    component,\n    className,\n    _active,\n    _onHover,\n    _onClick,\n}: MDropdownItemProps & {_active?: boolean; _onHover?: () => void; _onClick?: () => void}) {\n    const isHighlighted = _active ?? active\n\n    const content = (\n        <>\n            {icon && <span className=\"dropdown menu icon\">{icon}</span>}\n            <span className=\"dropdown menu label\">{label}</span>\n        </>\n    )\n\n    const cls = cn('dropdown menu item', isHighlighted && 'active', disabled && 'disabled', color, className)\n\n    const handleClick = (e: React.MouseEvent) => {\n        if (disabled) {\n            e.preventDefault()\n            return\n        }\n        onClick?.()\n        _onClick?.()\n    }\n\n    const Tag = component ?? (href || to ? 'a' : 'button')\n    const linkProps = component ? {...(href ? {href} : {}), ...(to ? {to} : {})} : href ? {href} : to ? {href: to} : {}\n\n    return (\n        <Tag\n            className={cls}\n            role=\"menuitem\"\n            tabIndex={-1}\n            onClick={handleClick}\n            onMouseEnter={_onHover}\n            aria-disabled={disabled || undefined}\n            {...linkProps}\n        >\n            {content}\n        </Tag>\n    )\n}\n;(MDropdownItem as any).__dropdownItem = true\n\nexport function MDropdownGroup({label, children}: MDropdownGroupProps) {\n    return (\n        <div className=\"dropdown menu group\" role=\"group\">\n            <div className=\"dropdown menu group-label\">{label}</div>\n            {children}\n        </div>\n    )\n}\n;(MDropdownGroup as any).__dropdownGroup = true\n\nexport function MDropdownDivider({className}: MDropdownDividerProps) {\n    return <div className={cn('dropdown menu divider', className)} role=\"separator\" />\n}\n"],"mappings":"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"}
+{"version":3,"file":"MDropdownMenu-Bd6MfUmF.cjs","names":[],"sources":["../src/components/overlays/MDropdownMenu/MDropdownMenu.tsx"],"sourcesContent":["import {useState, useRef, useCallback, Children, isValidElement, cloneElement} from 'react'\nimport type * as React from 'react'\nimport {MPopover} from '../../primitives'\nimport {useKeyboardNav} from '../../../utils/useKeyboardNav'\nimport {cn} from '../../../utils/cn'\nimport type {\n    MDropdownMenuProps,\n    MDropdownItemProps,\n    MDropdownGroupProps,\n    MDropdownDividerProps,\n} from './MDropdownMenu.types'\nimport './MDropdownMenu.css'\n\ntype AnyProps = Record<string, any>\n\nfunction getProps(el: React.ReactElement): AnyProps {\n    return el.props as AnyProps\n}\n\nfunction isItem(child: React.ReactElement): boolean {\n    return !!(child.type as any).__dropdownItem\n}\n\nfunction isGroup(child: React.ReactElement): boolean {\n    return !!(child.type as any).__dropdownGroup\n}\n\n// Collect all MDropdownItem elements from children (including inside groups).\nfunction collectItems(children: React.ReactNode): React.ReactElement[] {\n    const items: React.ReactElement[] = []\n    Children.forEach(children, (child) => {\n        if (!isValidElement(child)) return\n        if (isItem(child)) {\n            items.push(child)\n        } else if (isGroup(child)) {\n            Children.forEach(getProps(child).children, (gc: React.ReactNode) => {\n                if (isValidElement(gc) && isItem(gc)) {\n                    items.push(gc)\n                }\n            })\n        }\n    })\n    return items\n}\n\nexport function MDropdownMenu({\n    trigger,\n    placement = 'bottom-start',\n    closeOnSelect = true,\n    openOn = 'click',\n    onOpenChange,\n    className,\n    style,\n    popoverClassName,\n    popoverStyle,\n    children,\n}: MDropdownMenuProps) {\n    const [open, setOpen] = useState(false)\n    const anchorRef = useRef<HTMLDivElement>(null)\n    const hoverTimeout = useRef<ReturnType<typeof setTimeout>>(null)\n\n    const items = collectItems(children)\n    const enabledCount = items.filter((i) => !getProps(i).disabled).length\n\n    const setMenuOpen = useCallback(\n        (next: boolean | ((prev: boolean) => boolean)) => {\n            setOpen((prev) => {\n                const resolved = typeof next === 'function' ? next(prev) : next\n                onOpenChange?.(resolved)\n                return resolved\n            })\n        },\n        [onOpenChange]\n    )\n\n    const handleSelect = useCallback(\n        (index: number) => {\n            let enabledIdx = 0\n            for (const item of items) {\n                const p = getProps(item)\n                if (p.disabled) continue\n                if (enabledIdx === index) {\n                    p.onClick?.()\n                    break\n                }\n                enabledIdx++\n            }\n            if (closeOnSelect) setMenuOpen(false)\n        },\n        [items, closeOnSelect, setMenuOpen]\n    )\n\n    const {activeIndex, setActiveIndex, onKeyDown} = useKeyboardNav({\n        itemCount: enabledCount,\n        onSelect: handleSelect,\n        onClose: () => setOpen(false),\n        isOpen: open,\n    })\n\n    const handleTriggerClick = () => setMenuOpen((o) => !o)\n\n    const handleTriggerKeyDown = (e: React.KeyboardEvent) => {\n        if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault()\n            setMenuOpen(true)\n        }\n        if (open) onKeyDown(e as any)\n    }\n\n    // Map active index back to flat child rendering with enabled-only tracking.\n    let enabledIdx = 0\n    const renderChild = (child: React.ReactNode): React.ReactNode => {\n        if (!isValidElement(child)) return child\n\n        if (isItem(child)) {\n            const p = getProps(child)\n            const isDisabled = p.disabled\n            const idx = isDisabled ? -1 : enabledIdx++\n            return cloneElement(child, {\n                _active: idx === activeIndex,\n                _onHover: isDisabled ? undefined : () => setActiveIndex(idx),\n                _onClick: () => {\n                    if (isDisabled) return\n                    p.onClick?.()\n                    if (closeOnSelect) setMenuOpen(false)\n                },\n            } as AnyProps)\n        }\n\n        if (isGroup(child)) {\n            return cloneElement(child, {\n                children: Children.map(getProps(child).children, renderChild),\n            } as AnyProps)\n        }\n\n        return child\n    }\n\n    const hoverHandlers =\n        openOn === 'hover'\n            ? {\n                  onMouseEnter: () => {\n                      if (hoverTimeout.current) clearTimeout(hoverTimeout.current)\n                      setMenuOpen(true)\n                  },\n                  onMouseLeave: () => {\n                      hoverTimeout.current = setTimeout(() => setMenuOpen(false), 150)\n                  },\n              }\n            : {}\n\n    return (\n        <div className={cn('dropdown menu anchor', className)} style={style} {...hoverHandlers}>\n            <div\n                ref={anchorRef}\n                onClick={openOn === 'click' ? handleTriggerClick : undefined}\n                onKeyDown={handleTriggerKeyDown}\n                role=\"button\"\n                tabIndex={0}\n                className=\"dropdown menu trigger\"\n            >\n                {trigger}\n            </div>\n            <MPopover\n                open={open}\n                anchorRef={anchorRef}\n                onClose={() => setMenuOpen(false)}\n                placement={placement}\n                className={cn('dropdown menu popover', popoverClassName)}\n                style={popoverStyle}\n            >\n                <div className=\"dropdown menu list\" role=\"menu\" {...hoverHandlers}>\n                    {Children.map(children, renderChild)}\n                </div>\n            </MPopover>\n        </div>\n    )\n}\n\nexport function MDropdownItem({\n    icon,\n    label,\n    href,\n    to,\n    onClick,\n    color,\n    disabled = false,\n    active = false,\n    component,\n    className,\n    _active,\n    _onHover,\n    _onClick,\n}: MDropdownItemProps & {_active?: boolean; _onHover?: () => void; _onClick?: () => void}) {\n    const isHighlighted = _active ?? active\n\n    const content = (\n        <>\n            {icon && <span className=\"dropdown menu icon\">{icon}</span>}\n            <span className=\"dropdown menu label\">{label}</span>\n        </>\n    )\n\n    const cls = cn('dropdown menu item', isHighlighted && 'active', disabled && 'disabled', color, className)\n\n    const handleClick = (e: React.MouseEvent) => {\n        if (disabled) {\n            e.preventDefault()\n            return\n        }\n        onClick?.()\n        _onClick?.()\n    }\n\n    const Tag = component ?? (href || to ? 'a' : 'button')\n    const linkProps = component ? {...(href ? {href} : {}), ...(to ? {to} : {})} : href ? {href} : to ? {href: to} : {}\n\n    return (\n        <Tag\n            className={cls}\n            role=\"menuitem\"\n            tabIndex={-1}\n            onClick={handleClick}\n            onMouseEnter={_onHover}\n            aria-disabled={disabled || undefined}\n            {...linkProps}\n        >\n            {content}\n        </Tag>\n    )\n}\n;(MDropdownItem as any).__dropdownItem = true\n\nexport function MDropdownGroup({label, children}: MDropdownGroupProps) {\n    return (\n        <div className=\"dropdown menu group\" role=\"group\">\n            <div className=\"dropdown menu group-label\">{label}</div>\n            {children}\n        </div>\n    )\n}\n;(MDropdownGroup as any).__dropdownGroup = true\n\nexport function MDropdownDivider({className}: MDropdownDividerProps) {\n    return <div className={cn('dropdown menu divider', className)} role=\"separator\" />\n}\n"],"mappings":"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"}

package/dist/{MDropdownMenu-BgOiM5yr.js → MDropdownMenu-D3O3-l8O.js}

@@ -149,4 +149,4 @@ function y({ className: t }) {
 //#endregion
 export { g as i, v as n, _ as r, y as t };
 
-//# sourceMappingURL=MDropdownMenu-BgOiM5yr.js.map
+//# sourceMappingURL=MDropdownMenu-D3O3-l8O.js.map

package/dist/{MDropdownMenu-BgOiM5yr.js.map → MDropdownMenu-D3O3-l8O.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MDropdownMenu-BgOiM5yr.js","names":[],"sources":["../src/components/overlays/MDropdownMenu/MDropdownMenu.tsx"],"sourcesContent":["import {useState, useRef, useCallback, Children, isValidElement, cloneElement} from 'react'\nimport type * as React from 'react'\nimport {MPopover} from '../../primitives'\nimport {useKeyboardNav} from '../../../utils/useKeyboardNav'\nimport {cn} from '../../../utils/cn'\nimport type {\n    MDropdownMenuProps,\n    MDropdownItemProps,\n    MDropdownGroupProps,\n    MDropdownDividerProps,\n} from './MDropdownMenu.types'\nimport './MDropdownMenu.css'\n\ntype AnyProps = Record<string, any>\n\nfunction getProps(el: React.ReactElement): AnyProps {\n    return el.props as AnyProps\n}\n\nfunction isItem(child: React.ReactElement): boolean {\n    return !!(child.type as any).__dropdownItem\n}\n\nfunction isGroup(child: React.ReactElement): boolean {\n    return !!(child.type as any).__dropdownGroup\n}\n\n// Collect all MDropdownItem elements from children (including inside groups).\nfunction collectItems(children: React.ReactNode): React.ReactElement[] {\n    const items: React.ReactElement[] = []\n    Children.forEach(children, (child) => {\n        if (!isValidElement(child)) return\n        if (isItem(child)) {\n            items.push(child)\n        } else if (isGroup(child)) {\n            Children.forEach(getProps(child).children, (gc: React.ReactNode) => {\n                if (isValidElement(gc) && isItem(gc)) {\n                    items.push(gc)\n                }\n            })\n        }\n    })\n    return items\n}\n\nexport function MDropdownMenu({\n    trigger,\n    placement = 'bottom-start',\n    closeOnSelect = true,\n    openOn = 'click',\n    onOpenChange,\n    className,\n    style,\n    popoverClassName,\n    popoverStyle,\n    children,\n}: MDropdownMenuProps) {\n    const [open, setOpen] = useState(false)\n    const anchorRef = useRef<HTMLDivElement>(null)\n    const hoverTimeout = useRef<ReturnType<typeof setTimeout>>(null)\n\n    const items = collectItems(children)\n    const enabledCount = items.filter((i) => !getProps(i).disabled).length\n\n    const setMenuOpen = useCallback(\n        (next: boolean | ((prev: boolean) => boolean)) => {\n            setOpen((prev) => {\n                const resolved = typeof next === 'function' ? next(prev) : next\n                onOpenChange?.(resolved)\n                return resolved\n            })\n        },\n        [onOpenChange]\n    )\n\n    const handleSelect = useCallback(\n        (index: number) => {\n            let enabledIdx = 0\n            for (const item of items) {\n                const p = getProps(item)\n                if (p.disabled) continue\n                if (enabledIdx === index) {\n                    p.onClick?.()\n                    break\n                }\n                enabledIdx++\n            }\n            if (closeOnSelect) setMenuOpen(false)\n        },\n        [items, closeOnSelect, setMenuOpen]\n    )\n\n    const {activeIndex, setActiveIndex, onKeyDown} = useKeyboardNav({\n        itemCount: enabledCount,\n        onSelect: handleSelect,\n        onClose: () => setOpen(false),\n        isOpen: open,\n    })\n\n    const handleTriggerClick = () => setMenuOpen((o) => !o)\n\n    const handleTriggerKeyDown = (e: React.KeyboardEvent) => {\n        if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault()\n            setMenuOpen(true)\n        }\n        if (open) onKeyDown(e as any)\n    }\n\n    // Map active index back to flat child rendering with enabled-only tracking.\n    let enabledIdx = 0\n    const renderChild = (child: React.ReactNode): React.ReactNode => {\n        if (!isValidElement(child)) return child\n\n        if (isItem(child)) {\n            const p = getProps(child)\n            const isDisabled = p.disabled\n            const idx = isDisabled ? -1 : enabledIdx++\n            return cloneElement(child, {\n                _active: idx === activeIndex,\n                _onHover: isDisabled ? undefined : () => setActiveIndex(idx),\n                _onClick: () => {\n                    if (isDisabled) return\n                    p.onClick?.()\n                    if (closeOnSelect) setMenuOpen(false)\n                },\n            } as AnyProps)\n        }\n\n        if (isGroup(child)) {\n            return cloneElement(child, {\n                children: Children.map(getProps(child).children, renderChild),\n            } as AnyProps)\n        }\n\n        return child\n    }\n\n    const hoverHandlers =\n        openOn === 'hover'\n            ? {\n                  onMouseEnter: () => {\n                      if (hoverTimeout.current) clearTimeout(hoverTimeout.current)\n                      setMenuOpen(true)\n                  },\n                  onMouseLeave: () => {\n                      hoverTimeout.current = setTimeout(() => setMenuOpen(false), 150)\n                  },\n              }\n            : {}\n\n    return (\n        <div className={cn('dropdown menu anchor', className)} style={style} {...hoverHandlers}>\n            <div\n                ref={anchorRef}\n                onClick={openOn === 'click' ? handleTriggerClick : undefined}\n                onKeyDown={handleTriggerKeyDown}\n                role=\"button\"\n                tabIndex={0}\n                className=\"dropdown menu trigger\"\n            >\n                {trigger}\n            </div>\n            <MPopover\n                open={open}\n                anchorRef={anchorRef}\n                onClose={() => setMenuOpen(false)}\n                placement={placement}\n                className={cn('dropdown menu popover', popoverClassName)}\n                style={popoverStyle}\n            >\n                <div className=\"dropdown menu list\" role=\"menu\" {...hoverHandlers}>\n                    {Children.map(children, renderChild)}\n                </div>\n            </MPopover>\n        </div>\n    )\n}\n\nexport function MDropdownItem({\n    icon,\n    label,\n    href,\n    to,\n    onClick,\n    color,\n    disabled = false,\n    active = false,\n    component,\n    className,\n    _active,\n    _onHover,\n    _onClick,\n}: MDropdownItemProps & {_active?: boolean; _onHover?: () => void; _onClick?: () => void}) {\n    const isHighlighted = _active ?? active\n\n    const content = (\n        <>\n            {icon && <span className=\"dropdown menu icon\">{icon}</span>}\n            <span className=\"dropdown menu label\">{label}</span>\n        </>\n    )\n\n    const cls = cn('dropdown menu item', isHighlighted && 'active', disabled && 'disabled', color, className)\n\n    const handleClick = (e: React.MouseEvent) => {\n        if (disabled) {\n            e.preventDefault()\n            return\n        }\n        onClick?.()\n        _onClick?.()\n    }\n\n    const Tag = component ?? (href || to ? 'a' : 'button')\n    const linkProps = component ? {...(href ? {href} : {}), ...(to ? {to} : {})} : href ? {href} : to ? {href: to} : {}\n\n    return (\n        <Tag\n            className={cls}\n            role=\"menuitem\"\n            tabIndex={-1}\n            onClick={handleClick}\n            onMouseEnter={_onHover}\n            aria-disabled={disabled || undefined}\n            {...linkProps}\n        >\n            {content}\n        </Tag>\n    )\n}\n;(MDropdownItem as any).__dropdownItem = true\n\nexport function MDropdownGroup({label, children}: MDropdownGroupProps) {\n    return (\n        <div className=\"dropdown menu group\" role=\"group\">\n            <div className=\"dropdown menu group-label\">{label}</div>\n            {children}\n        </div>\n    )\n}\n;(MDropdownGroup as any).__dropdownGroup = true\n\nexport function MDropdownDivider({className}: MDropdownDividerProps) {\n    return <div className={cn('dropdown menu divider', className)} role=\"separator\" />\n}\n"],"mappings":"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"}
+{"version":3,"file":"MDropdownMenu-D3O3-l8O.js","names":[],"sources":["../src/components/overlays/MDropdownMenu/MDropdownMenu.tsx"],"sourcesContent":["import {useState, useRef, useCallback, Children, isValidElement, cloneElement} from 'react'\nimport type * as React from 'react'\nimport {MPopover} from '../../primitives'\nimport {useKeyboardNav} from '../../../utils/useKeyboardNav'\nimport {cn} from '../../../utils/cn'\nimport type {\n    MDropdownMenuProps,\n    MDropdownItemProps,\n    MDropdownGroupProps,\n    MDropdownDividerProps,\n} from './MDropdownMenu.types'\nimport './MDropdownMenu.css'\n\ntype AnyProps = Record<string, any>\n\nfunction getProps(el: React.ReactElement): AnyProps {\n    return el.props as AnyProps\n}\n\nfunction isItem(child: React.ReactElement): boolean {\n    return !!(child.type as any).__dropdownItem\n}\n\nfunction isGroup(child: React.ReactElement): boolean {\n    return !!(child.type as any).__dropdownGroup\n}\n\n// Collect all MDropdownItem elements from children (including inside groups).\nfunction collectItems(children: React.ReactNode): React.ReactElement[] {\n    const items: React.ReactElement[] = []\n    Children.forEach(children, (child) => {\n        if (!isValidElement(child)) return\n        if (isItem(child)) {\n            items.push(child)\n        } else if (isGroup(child)) {\n            Children.forEach(getProps(child).children, (gc: React.ReactNode) => {\n                if (isValidElement(gc) && isItem(gc)) {\n                    items.push(gc)\n                }\n            })\n        }\n    })\n    return items\n}\n\nexport function MDropdownMenu({\n    trigger,\n    placement = 'bottom-start',\n    closeOnSelect = true,\n    openOn = 'click',\n    onOpenChange,\n    className,\n    style,\n    popoverClassName,\n    popoverStyle,\n    children,\n}: MDropdownMenuProps) {\n    const [open, setOpen] = useState(false)\n    const anchorRef = useRef<HTMLDivElement>(null)\n    const hoverTimeout = useRef<ReturnType<typeof setTimeout>>(null)\n\n    const items = collectItems(children)\n    const enabledCount = items.filter((i) => !getProps(i).disabled).length\n\n    const setMenuOpen = useCallback(\n        (next: boolean | ((prev: boolean) => boolean)) => {\n            setOpen((prev) => {\n                const resolved = typeof next === 'function' ? next(prev) : next\n                onOpenChange?.(resolved)\n                return resolved\n            })\n        },\n        [onOpenChange]\n    )\n\n    const handleSelect = useCallback(\n        (index: number) => {\n            let enabledIdx = 0\n            for (const item of items) {\n                const p = getProps(item)\n                if (p.disabled) continue\n                if (enabledIdx === index) {\n                    p.onClick?.()\n                    break\n                }\n                enabledIdx++\n            }\n            if (closeOnSelect) setMenuOpen(false)\n        },\n        [items, closeOnSelect, setMenuOpen]\n    )\n\n    const {activeIndex, setActiveIndex, onKeyDown} = useKeyboardNav({\n        itemCount: enabledCount,\n        onSelect: handleSelect,\n        onClose: () => setOpen(false),\n        isOpen: open,\n    })\n\n    const handleTriggerClick = () => setMenuOpen((o) => !o)\n\n    const handleTriggerKeyDown = (e: React.KeyboardEvent) => {\n        if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault()\n            setMenuOpen(true)\n        }\n        if (open) onKeyDown(e as any)\n    }\n\n    // Map active index back to flat child rendering with enabled-only tracking.\n    let enabledIdx = 0\n    const renderChild = (child: React.ReactNode): React.ReactNode => {\n        if (!isValidElement(child)) return child\n\n        if (isItem(child)) {\n            const p = getProps(child)\n            const isDisabled = p.disabled\n            const idx = isDisabled ? -1 : enabledIdx++\n            return cloneElement(child, {\n                _active: idx === activeIndex,\n                _onHover: isDisabled ? undefined : () => setActiveIndex(idx),\n                _onClick: () => {\n                    if (isDisabled) return\n                    p.onClick?.()\n                    if (closeOnSelect) setMenuOpen(false)\n                },\n            } as AnyProps)\n        }\n\n        if (isGroup(child)) {\n            return cloneElement(child, {\n                children: Children.map(getProps(child).children, renderChild),\n            } as AnyProps)\n        }\n\n        return child\n    }\n\n    const hoverHandlers =\n        openOn === 'hover'\n            ? {\n                  onMouseEnter: () => {\n                      if (hoverTimeout.current) clearTimeout(hoverTimeout.current)\n                      setMenuOpen(true)\n                  },\n                  onMouseLeave: () => {\n                      hoverTimeout.current = setTimeout(() => setMenuOpen(false), 150)\n                  },\n              }\n            : {}\n\n    return (\n        <div className={cn('dropdown menu anchor', className)} style={style} {...hoverHandlers}>\n            <div\n                ref={anchorRef}\n                onClick={openOn === 'click' ? handleTriggerClick : undefined}\n                onKeyDown={handleTriggerKeyDown}\n                role=\"button\"\n                tabIndex={0}\n                className=\"dropdown menu trigger\"\n            >\n                {trigger}\n            </div>\n            <MPopover\n                open={open}\n                anchorRef={anchorRef}\n                onClose={() => setMenuOpen(false)}\n                placement={placement}\n                className={cn('dropdown menu popover', popoverClassName)}\n                style={popoverStyle}\n            >\n                <div className=\"dropdown menu list\" role=\"menu\" {...hoverHandlers}>\n                    {Children.map(children, renderChild)}\n                </div>\n            </MPopover>\n        </div>\n    )\n}\n\nexport function MDropdownItem({\n    icon,\n    label,\n    href,\n    to,\n    onClick,\n    color,\n    disabled = false,\n    active = false,\n    component,\n    className,\n    _active,\n    _onHover,\n    _onClick,\n}: MDropdownItemProps & {_active?: boolean; _onHover?: () => void; _onClick?: () => void}) {\n    const isHighlighted = _active ?? active\n\n    const content = (\n        <>\n            {icon && <span className=\"dropdown menu icon\">{icon}</span>}\n            <span className=\"dropdown menu label\">{label}</span>\n        </>\n    )\n\n    const cls = cn('dropdown menu item', isHighlighted && 'active', disabled && 'disabled', color, className)\n\n    const handleClick = (e: React.MouseEvent) => {\n        if (disabled) {\n            e.preventDefault()\n            return\n        }\n        onClick?.()\n        _onClick?.()\n    }\n\n    const Tag = component ?? (href || to ? 'a' : 'button')\n    const linkProps = component ? {...(href ? {href} : {}), ...(to ? {to} : {})} : href ? {href} : to ? {href: to} : {}\n\n    return (\n        <Tag\n            className={cls}\n            role=\"menuitem\"\n            tabIndex={-1}\n            onClick={handleClick}\n            onMouseEnter={_onHover}\n            aria-disabled={disabled || undefined}\n            {...linkProps}\n        >\n            {content}\n        </Tag>\n    )\n}\n;(MDropdownItem as any).__dropdownItem = true\n\nexport function MDropdownGroup({label, children}: MDropdownGroupProps) {\n    return (\n        <div className=\"dropdown menu group\" role=\"group\">\n            <div className=\"dropdown menu group-label\">{label}</div>\n            {children}\n        </div>\n    )\n}\n;(MDropdownGroup as any).__dropdownGroup = true\n\nexport function MDropdownDivider({className}: MDropdownDividerProps) {\n    return <div className={cn('dropdown menu divider', className)} role=\"separator\" />\n}\n"],"mappings":";;;;;;AAeA,SAAS,EAAS,GAAkC;AAChD,QAAO,EAAG;;AAGd,SAAS,EAAO,GAAoC;AAChD,QAAO,CAAC,CAAE,EAAM,KAAa;;AAGjC,SAAS,EAAQ,GAAoC;AACjD,QAAO,CAAC,CAAE,EAAM,KAAa;;AAIjC,SAAS,EAAa,GAAiD;CACnE,IAAM,IAA8B,EAAE;AAatC,QAZA,EAAS,QAAQ,IAAW,MAAU;AAC7B,IAAe,EAAM,KACtB,EAAO,EAAM,GACb,EAAM,KAAK,EAAM,GACV,EAAQ,EAAM,IACrB,EAAS,QAAQ,EAAS,EAAM,CAAC,WAAW,MAAwB;AAChE,GAAI,EAAe,EAAG,IAAI,EAAO,EAAG,IAChC,EAAM,KAAK,EAAG;IAEpB;GAER,EACK;;AAGX,SAAgB,EAAc,EAC1B,YACA,eAAY,gBACZ,mBAAgB,IAChB,YAAS,SACT,iBACA,cACA,UACA,qBACA,iBACA,eACmB;CACnB,IAAM,CAAC,GAAM,KAAW,EAAS,GAAM,EACjC,IAAY,EAAuB,KAAK,EACxC,IAAe,EAAsC,KAAK,EAE1D,IAAQ,EAAa,EAAS,EAC9B,IAAe,EAAM,QAAQ,MAAM,CAAC,EAAS,EAAE,CAAC,SAAS,CAAC,QAE1D,IAAc,GACf,MAAiD;AAC9C,KAAS,MAAS;GACd,IAAM,IAAW,OAAO,KAAS,aAAa,EAAK,EAAK,GAAG;AAE3D,UADA,IAAe,EAAS,EACjB;IACT;IAEN,CAAC,EAAa,CACjB,EAmBK,EAAC,gBAAa,mBAAgB,iBAAa,EAAe;EAC5D,WAAW;EACX,UAnBiB,GAChB,MAAkB;GACf,IAAI,IAAa;AACjB,QAAK,IAAM,KAAQ,GAAO;IACtB,IAAM,IAAI,EAAS,EAAK;AACpB,WAAE,UACN;SAAI,MAAe,GAAO;AACtB,QAAE,WAAW;AACb;;AAEJ;;;AAEJ,GAAI,KAAe,EAAY,GAAM;KAEzC;GAAC;GAAO;GAAe;GAAY,CACtC;EAKG,eAAe,EAAQ,GAAM;EAC7B,QAAQ;EACX,CAAC,EAEI,UAA2B,GAAa,MAAM,CAAC,EAAE,EAEjD,KAAwB,MAA2B;AAKrD,GAJI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACxD,EAAE,gBAAgB,EAClB,EAAY,GAAK,GAEjB,KAAM,EAAU,EAAS;IAI7B,IAAa,GACX,KAAe,MAA4C;AAC7D,MAAI,CAAC,EAAe,EAAM,CAAE,QAAO;AAEnC,MAAI,EAAO,EAAM,EAAE;GACf,IAAM,IAAI,EAAS,EAAM,EACnB,IAAa,EAAE,UACf,IAAM,IAAa,KAAK;AAC9B,UAAO,EAAa,GAAO;IACvB,SAAS,MAAQ;IACjB,UAAU,IAAa,KAAA,UAAkB,EAAe,EAAI;IAC5D,gBAAgB;AACR,WACJ,EAAE,WAAW,EACT,KAAe,EAAY,GAAM;;IAE5C,CAAa;;AASlB,SANI,EAAQ,EAAM,GACP,EAAa,GAAO,EACvB,UAAU,EAAS,IAAI,EAAS,EAAM,CAAC,UAAU,EAAY,EAChE,CAAa,GAGX;IAGL,IACF,MAAW,UACL;EACI,oBAAoB;AAEhB,GADI,EAAa,WAAS,aAAa,EAAa,QAAQ,EAC5D,EAAY,GAAK;;EAErB,oBAAoB;AAChB,KAAa,UAAU,iBAAiB,EAAY,GAAM,EAAE,IAAI;;EAEvE,GACD,EAAE;AAEZ,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,wBAAwB,EAAU;EAAS;EAAO,GAAI;YAAzE,CACI,kBAAC,OAAD;GACI,KAAK;GACL,SAAS,MAAW,UAAU,IAAqB,KAAA;GACnD,WAAW;GACX,MAAK;GACL,UAAU;GACV,WAAU;aAET;GACC,CAAA,EACN,kBAAC,GAAD;GACU;GACK;GACX,eAAe,EAAY,GAAM;GACtB;GACX,WAAW,EAAG,yBAAyB,EAAiB;GACxD,OAAO;aAEP,kBAAC,OAAD;IAAK,WAAU;IAAqB,MAAK;IAAO,GAAI;cAC/C,EAAS,IAAI,GAAU,EAAY;IAClC,CAAA;GACC,CAAA,CACT;;;AAId,SAAgB,EAAc,EAC1B,SACA,UACA,SACA,OACA,YACA,UACA,cAAW,IACX,YAAS,IACT,cACA,cACA,YACA,aACA,eACuF;CACvF,IAAM,IAAgB,KAAW,GAE3B,IACF,kBAAA,GAAA,EAAA,UAAA,CACK,KAAQ,kBAAC,QAAD;EAAM,WAAU;YAAsB;EAAY,CAAA,EAC3D,kBAAC,QAAD;EAAM,WAAU;YAAuB;EAAa,CAAA,CACrD,EAAA,CAAA,EAGD,IAAM,EAAG,sBAAsB,KAAiB,UAAU,KAAY,YAAY,GAAO,EAAU,EAEnG,KAAe,MAAwB;AACzC,MAAI,GAAU;AACV,KAAE,gBAAgB;AAClB;;AAGJ,EADA,KAAW,EACX,KAAY;IAGV,IAAM,MAAc,KAAQ,IAAK,MAAM,WACvC,IAAY,IAAY;EAAC,GAAI,IAAO,EAAC,SAAK,GAAG,EAAE;EAAG,GAAI,IAAK,EAAC,OAAG,GAAG,EAAE;EAAE,GAAG,IAAO,EAAC,SAAK,GAAG,IAAK,EAAC,MAAM,GAAG,GAAG,EAAE;AAEnH,QACI,kBAAC,GAAD;EACI,WAAW;EACX,MAAK;EACL,UAAU;EACV,SAAS;EACT,cAAc;EACd,iBAAe,KAAY,KAAA;EAC3B,GAAI;YAEH;EACC,CAAA;;AAGb,EAAuB,iBAAiB;AAEzC,SAAgB,EAAe,EAAC,UAAO,eAAgC;AACnE,QACI,kBAAC,OAAD;EAAK,WAAU;EAAsB,MAAK;YAA1C,CACI,kBAAC,OAAD;GAAK,WAAU;aAA6B;GAAY,CAAA,EACvD,EACC;;;AAGb,EAAwB,kBAAkB;AAE3C,SAAgB,EAAiB,EAAC,gBAAmC;AACjE,QAAO,kBAAC,OAAD;EAAK,WAAW,EAAG,yBAAyB,EAAU;EAAE,MAAK;EAAc,CAAA"}

package/dist/{MEllipsisVerticalIcon-CNn1AQ8W.js → MEllipsisVerticalIcon-CXmu-bHJ.js}

@@ -1,8 +1,14 @@
 import { t as e } from "./MIcon-BPr09_p4.js";
 import { forwardRef as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/icons/glyphs/MEllipsisVerticalIcon.tsx
+//#region src/icons/glyphs/MArrowRightIcon.tsx
 var i = t(function(t, i) {
+	return /* @__PURE__ */ r(e, {
+		ref: i,
+		...t,
+		children: [/* @__PURE__ */ n("path", { d: "M5 12h14" }), /* @__PURE__ */ n("path", { d: "M13.5 6.5L19 12l-5.5 5.5" })]
+	});
+}), a = t(function(t, i) {
 	return /* @__PURE__ */ r(e, {
 		ref: i,
 		...t,
@@ -32,6 +38,6 @@ var i = t(function(t, i) {
 	});
 });
 //#endregion
-export { i as t };
+export { i as n, a as t };
 
-//# sourceMappingURL=MEllipsisVerticalIcon-CNn1AQ8W.js.map
+//# sourceMappingURL=MEllipsisVerticalIcon-CXmu-bHJ.js.map

package/dist/MEllipsisVerticalIcon-CXmu-bHJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MEllipsisVerticalIcon-CXmu-bHJ.js","names":[],"sources":["../src/icons/glyphs/MArrowRightIcon.tsx","../src/icons/glyphs/MEllipsisVerticalIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MArrowRightIcon = forwardRef<SVGSVGElement, MIconProps>(function MArrowRightIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M5 12h14\" />\n            <path d=\"M13.5 6.5L19 12l-5.5 5.5\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MEllipsisVerticalIcon = forwardRef<SVGSVGElement, MIconProps>(function MEllipsisVerticalIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"6\" r=\"1.8\" fill=\"currentColor\" stroke=\"none\" />\n            <circle cx=\"12\" cy=\"12\" r=\"1.8\" fill=\"currentColor\" stroke=\"none\" />\n            <circle cx=\"12\" cy=\"18\" r=\"1.8\" fill=\"currentColor\" stroke=\"none\" />\n        </MIcon>\n    )\n})\n"],"mappings":";;;;AAIA,IAAa,IAAkB,EAAsC,SAAyB,GAAO,GAAK;AACtG,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YAArB,CACI,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA,EACrB,kBAAC,QAAD,EAAM,GAAE,4BAA6B,CAAA,CACjC;;EAEd,ECPW,IAAwB,EAAsC,SAA+B,GAAO,GAAK;AAClH,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YAArB;GACI,kBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAI,GAAE;IAAM,MAAK;IAAe,QAAO;IAAS,CAAA;GACnE,kBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;IAAM,MAAK;IAAe,QAAO;IAAS,CAAA;GACpE,kBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;IAAM,MAAK;IAAe,QAAO;IAAS,CAAA;GAChE;;EAEd"}

package/dist/MEllipsisVerticalIcon-CufhU4cO.cjs

@@ -0,0 +1,2 @@
+const e=require(`./MIcon-CX5beo32.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`path`,{d:`M5 12h14`}),(0,n.jsx)(`path`,{d:`M13.5 6.5L19 12l-5.5 5.5`})]})}),i=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`circle`,{cx:`12`,cy:`6`,r:`1.8`,fill:`currentColor`,stroke:`none`}),(0,n.jsx)(`circle`,{cx:`12`,cy:`12`,r:`1.8`,fill:`currentColor`,stroke:`none`}),(0,n.jsx)(`circle`,{cx:`12`,cy:`18`,r:`1.8`,fill:`currentColor`,stroke:`none`})]})});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=MEllipsisVerticalIcon-CufhU4cO.cjs.map

package/dist/MEllipsisVerticalIcon-CufhU4cO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MEllipsisVerticalIcon-CufhU4cO.cjs","names":[],"sources":["../src/icons/glyphs/MArrowRightIcon.tsx","../src/icons/glyphs/MEllipsisVerticalIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MArrowRightIcon = forwardRef<SVGSVGElement, MIconProps>(function MArrowRightIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M5 12h14\" />\n            <path d=\"M13.5 6.5L19 12l-5.5 5.5\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MEllipsisVerticalIcon = forwardRef<SVGSVGElement, MIconProps>(function MEllipsisVerticalIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"6\" r=\"1.8\" fill=\"currentColor\" stroke=\"none\" />\n            <circle cx=\"12\" cy=\"12\" r=\"1.8\" fill=\"currentColor\" stroke=\"none\" />\n            <circle cx=\"12\" cy=\"18\" r=\"1.8\" fill=\"currentColor\" stroke=\"none\" />\n        </MIcon>\n    )\n})\n"],"mappings":"8FAIA,IAAa,GAAA,EAAA,EAAA,YAAwD,SAAyB,EAAO,EAAK,CACtG,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAY,MAAK,GAAI,WAArB,EACI,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAa,CAAA,EACrB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,2BAA6B,CAAA,CACjC,IAEd,CCPW,GAAA,EAAA,EAAA,YAA8D,SAA+B,EAAO,EAAK,CAClH,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAY,MAAK,GAAI,WAArB,EACI,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,IAAI,EAAE,MAAM,KAAK,eAAe,OAAO,OAAS,CAAA,EACnE,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,MAAM,KAAK,eAAe,OAAO,OAAS,CAAA,EACpE,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,MAAM,KAAK,eAAe,OAAO,OAAS,CAAA,CAChE,IAEd"}

package/dist/{MFileExtIcons-DH9oZPpf.cjs → MFileExtIcons-CPsgV8eQ.cjs}

@@ -1,2 +1,2 @@
 const e=require(`./MIcon-CX5beo32.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`path`,{d:`M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z`}),(0,n.jsx)(`path`,{d:`M14 3.5V8h4`})]})}),i=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`path`,{d:`M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z`}),(0,n.jsx)(`path`,{d:`M14 3.5V8h4`}),(0,n.jsx)(`path`,{d:`M8.5 11h7M8.5 13.75h7M8.5 16.5h5.5`})]})}),a=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`path`,{d:`M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z`}),(0,n.jsx)(`path`,{d:`M14 3.5V8h4`}),(0,n.jsx)(`path`,{d:`M7.1 11.35h9.8a1.3 1.3 0 0 1 1.3 1.3v4.15a1.3 1.3 0 0 1-1.3 1.3H7.1a1.3 1.3 0 0 1-1.3-1.3v-4.15a1.3 1.3 0 0 1 1.3-1.3z`,fill:`#ef4444`,stroke:`none`}),(0,n.jsx)(`path`,{d:`M9 16v-2.75h1.05a.8.8 0 1 1 0 1.6H9`,stroke:`#fff`}),(0,n.jsx)(`path`,{d:`M11.95 16v-2.75h.55a1.1 1.1 0 0 1 0 2.75h-.55z`,stroke:`#fff`}),(0,n.jsx)(`path`,{d:`M14.9 16v-2.75h1.45M14.9 14.65h1.05`,stroke:`#fff`})]})}),o=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`path`,{d:`M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z`}),(0,n.jsx)(`path`,{d:`M14 3.5V8h4`}),(0,n.jsx)(`path`,{d:`M7.15 11.25h9.7a1.25 1.25 0 0 1 1.25 1.25v4.35a1.25 1.25 0 0 1-1.25 1.25h-9.7A1.25 1.25 0 0 1 5.9 16.85V12.5a1.25 1.25 0 0 1 1.25-1.25z`,fill:`#14b8a6`,stroke:`none`}),(0,n.jsx)(`circle`,{cx:`14.7`,cy:`13.4`,r:`0.9`,fill:`#f8fafc`,stroke:`none`}),(0,n.jsx)(`path`,{d:`M7.65 17.2l2.6-2.8 1.8 1.9 1.4-1.4 2.9 2.3`,stroke:`#f8fafc`})]})}),s=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`path`,{d:`M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z`}),(0,n.jsx)(`path`,{d:`M14 3.5V8h4`}),(0,n.jsx)(`path`,{d:`M7.15 11.25h9.7a1.25 1.25 0 0 1 1.25 1.25v4.35a1.25 1.25 0 0 1-1.25 1.25h-9.7A1.25 1.25 0 0 1 5.9 16.85V12.5a1.25 1.25 0 0 1 1.25-1.25z`,fill:`#2563eb`,stroke:`none`}),(0,n.jsx)(`path`,{d:`M9.6 13.6l-1.6 1.55 1.6 1.55M14.4 13.6l1.6 1.55-1.6 1.55M12.8 13l-1.6 4.2`,stroke:`#f8fafc`})]})});function c(e){return e.length<=3?4:e.length===4?3.35:3}var l=(0,t.forwardRef)(function({mark:t,fill:r,markColor:i=`#f8fafc`,accent:a,...o},s){let l=c(t);return(0,n.jsxs)(e.t,{ref:s,...o,children:[(0,n.jsx)(`path`,{d:`M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z`}),(0,n.jsx)(`path`,{d:`M14 3.5V8h4`}),(0,n.jsx)(`path`,{d:`M6 11.15h12a1.35 1.35 0 0 1 1.35 1.35v4.4A1.35 1.35 0 0 1 18 18.25H6a1.35 1.35 0 0 1-1.35-1.35v-4.4A1.35 1.35 0 0 1 6 11.15z`,fill:r,stroke:`none`}),(0,n.jsx)(`path`,{d:`M7.2 9.7h5.6`,stroke:a??r}),(0,n.jsx)(`text`,{x:`12`,y:`15.35`,fill:i,stroke:`none`,textAnchor:`middle`,fontSize:l,fontWeight:`700`,fontFamily:`system-ui, sans-serif`,children:t})]})});function u(e,r,i,a){let o=(0,t.forwardRef)(function(e,t){return(0,n.jsx)(l,{ref:t,mark:r,fill:i,markColor:a,...e})});return o.displayName=e,o}var d=u(`MFileTxtIcon`,`TXT`,`#475569`),f=u(`MFileDocsIcon`,`DOCS`,`#2563eb`),p=u(`MFileJpgIcon`,`JPG`,`#ea580c`),m=u(`MFileJsonIcon`,`JSON`,`#f59e0b`,`#111827`),h=u(`MFileExeIcon`,`EXE`,`#1f2937`),g=u(`MFileOdtIcon`,`ODT`,`#0f766e`),_=u(`MFileMdIcon`,`MD`,`#334155`),v=u(`MFileJsIcon`,`JS`,`#facc15`,`#111827`),y=u(`MFileHtmlIcon`,`HTML`,`#ea580c`),b=u(`MFileCssIcon`,`CSS`,`#2563eb`),x=u(`MFilePhpIcon`,`PHP`,`#7c3aed`),S=u(`MFilePngIcon`,`PNG`,`#0891b2`),C=u(`MFileSvgIcon`,`SVG`,`#f97316`),w=u(`MFileGifIcon`,`GIF`,`#ec4899`),T=u(`MFileWebpIcon`,`WEBP`,`#0f766e`),E=u(`MFileTsIcon`,`TS`,`#2563eb`),D=u(`MFileTsxIcon`,`TSX`,`#0284c7`),O=u(`MFileJsxIcon`,`JSX`,`#0ea5e9`),k=u(`MFileXmlIcon`,`XML`,`#7c2d12`),A=u(`MFileCsvIcon`,`CSV`,`#15803d`),j=u(`MFileXlsIcon`,`XLS`,`#166534`),M=u(`MFilePptIcon`,`PPT`,`#dc2626`),N=u(`MFileZipIcon`,`ZIP`,`#a16207`),P=u(`MFileRarIcon`,`RAR`,`#92400e`),F=u(`MFileMp3Icon`,`MP3`,`#9333ea`),I=u(`MFileMp4Icon`,`MP4`,`#be123c`);Object.defineProperty(exports,`A`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`C`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`D`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`E`,{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,`O`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`S`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`T`,{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,`b`,{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`j`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`k`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,`w`,{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,`x`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return C}});
-//# sourceMappingURL=MFileExtIcons-DH9oZPpf.cjs.map
+//# sourceMappingURL=MFileExtIcons-CPsgV8eQ.cjs.map

package/dist/{MFileExtIcons-DH9oZPpf.cjs.map → MFileExtIcons-CPsgV8eQ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MFileExtIcons-DH9oZPpf.cjs","names":[],"sources":["../src/icons/glyphs/MFileIcon.tsx","../src/icons/glyphs/MFileTextIcon.tsx","../src/icons/glyphs/MFilePdfIcon.tsx","../src/icons/glyphs/MFileImageIcon.tsx","../src/icons/glyphs/MFileCodeIcon.tsx","../src/icons/glyphs/MFileMark.tsx","../src/icons/glyphs/MFileExtIcons.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MFileIcon = forwardRef<SVGSVGElement, MIconProps>(function MFileIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MFileTextIcon = forwardRef<SVGSVGElement, MIconProps>(function MFileTextIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path d=\"M8.5 11h7M8.5 13.75h7M8.5 16.5h5.5\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MFilePdfIcon = forwardRef<SVGSVGElement, MIconProps>(function MFilePdfIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path\n                d=\"M7.1 11.35h9.8a1.3 1.3 0 0 1 1.3 1.3v4.15a1.3 1.3 0 0 1-1.3 1.3H7.1a1.3 1.3 0 0 1-1.3-1.3v-4.15a1.3 1.3 0 0 1 1.3-1.3z\"\n                fill=\"#ef4444\"\n                stroke=\"none\"\n            />\n            <path d=\"M9 16v-2.75h1.05a.8.8 0 1 1 0 1.6H9\" stroke=\"#fff\" />\n            <path d=\"M11.95 16v-2.75h.55a1.1 1.1 0 0 1 0 2.75h-.55z\" stroke=\"#fff\" />\n            <path d=\"M14.9 16v-2.75h1.45M14.9 14.65h1.05\" stroke=\"#fff\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MFileImageIcon = forwardRef<SVGSVGElement, MIconProps>(function MFileImageIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path\n                d=\"M7.15 11.25h9.7a1.25 1.25 0 0 1 1.25 1.25v4.35a1.25 1.25 0 0 1-1.25 1.25h-9.7A1.25 1.25 0 0 1 5.9 16.85V12.5a1.25 1.25 0 0 1 1.25-1.25z\"\n                fill=\"#14b8a6\"\n                stroke=\"none\"\n            />\n            <circle cx=\"14.7\" cy=\"13.4\" r=\"0.9\" fill=\"#f8fafc\" stroke=\"none\" />\n            <path d=\"M7.65 17.2l2.6-2.8 1.8 1.9 1.4-1.4 2.9 2.3\" stroke=\"#f8fafc\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MFileCodeIcon = forwardRef<SVGSVGElement, MIconProps>(function MFileCodeIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path\n                d=\"M7.15 11.25h9.7a1.25 1.25 0 0 1 1.25 1.25v4.35a1.25 1.25 0 0 1-1.25 1.25h-9.7A1.25 1.25 0 0 1 5.9 16.85V12.5a1.25 1.25 0 0 1 1.25-1.25z\"\n                fill=\"#2563eb\"\n                stroke=\"none\"\n            />\n            <path d=\"M9.6 13.6l-1.6 1.55 1.6 1.55M14.4 13.6l1.6 1.55-1.6 1.55M12.8 13l-1.6 4.2\" stroke=\"#f8fafc\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\ninterface FileMarkProps extends MIconProps {\n    mark: string\n    fill: string\n    markColor?: string\n    accent?: string\n}\n\nfunction getMarkSize(mark: string) {\n    if (mark.length <= 3) {\n        return 4\n    }\n\n    if (mark.length === 4) {\n        return 3.35\n    }\n\n    return 3\n}\n\nexport const MFileMark = forwardRef<SVGSVGElement, FileMarkProps>(function MFileMark(\n    {mark, fill, markColor = '#f8fafc', accent, ...props},\n    ref\n) {\n    const fontSize = getMarkSize(mark)\n\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path\n                d=\"M6 11.15h12a1.35 1.35 0 0 1 1.35 1.35v4.4A1.35 1.35 0 0 1 18 18.25H6a1.35 1.35 0 0 1-1.35-1.35v-4.4A1.35 1.35 0 0 1 6 11.15z\"\n                fill={fill}\n                stroke=\"none\"\n            />\n            <path d=\"M7.2 9.7h5.6\" stroke={accent ?? fill} />\n            <text\n                x=\"12\"\n                y=\"15.35\"\n                fill={markColor}\n                stroke=\"none\"\n                textAnchor=\"middle\"\n                fontSize={fontSize}\n                fontWeight=\"700\"\n                fontFamily=\"system-ui, sans-serif\"\n            >\n                {mark}\n            </text>\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MFileMark} from './MFileMark'\nimport type {MIconProps} from '../MIcon.types'\n\nfunction makeFileIcon(name: string, mark: string, fill: string, markColor?: string) {\n    const FileExtIcon = forwardRef<SVGSVGElement, MIconProps>(function FileExtIcon(props, ref) {\n        return <MFileMark ref={ref} mark={mark} fill={fill} markColor={markColor} {...props} />\n    })\n\n    FileExtIcon.displayName = name\n\n    return FileExtIcon\n}\n\nexport const MFileTxtIcon = makeFileIcon('MFileTxtIcon', 'TXT', '#475569')\nexport const MFileDocsIcon = makeFileIcon('MFileDocsIcon', 'DOCS', '#2563eb')\nexport const MFileJpgIcon = makeFileIcon('MFileJpgIcon', 'JPG', '#ea580c')\nexport const MFileJsonIcon = makeFileIcon('MFileJsonIcon', 'JSON', '#f59e0b', '#111827')\nexport const MFileExeIcon = makeFileIcon('MFileExeIcon', 'EXE', '#1f2937')\nexport const MFileOdtIcon = makeFileIcon('MFileOdtIcon', 'ODT', '#0f766e')\nexport const MFileMdIcon = makeFileIcon('MFileMdIcon', 'MD', '#334155')\nexport const MFileJsIcon = makeFileIcon('MFileJsIcon', 'JS', '#facc15', '#111827')\nexport const MFileHtmlIcon = makeFileIcon('MFileHtmlIcon', 'HTML', '#ea580c')\nexport const MFileCssIcon = makeFileIcon('MFileCssIcon', 'CSS', '#2563eb')\nexport const MFilePhpIcon = makeFileIcon('MFilePhpIcon', 'PHP', '#7c3aed')\nexport const MFilePngIcon = makeFileIcon('MFilePngIcon', 'PNG', '#0891b2')\nexport const MFileSvgIcon = makeFileIcon('MFileSvgIcon', 'SVG', '#f97316')\nexport const MFileGifIcon = makeFileIcon('MFileGifIcon', 'GIF', '#ec4899')\nexport const MFileWebpIcon = makeFileIcon('MFileWebpIcon', 'WEBP', '#0f766e')\nexport const MFileTsIcon = makeFileIcon('MFileTsIcon', 'TS', '#2563eb')\nexport const MFileTsxIcon = makeFileIcon('MFileTsxIcon', 'TSX', '#0284c7')\nexport const MFileJsxIcon = makeFileIcon('MFileJsxIcon', 'JSX', '#0ea5e9')\nexport const MFileXmlIcon = makeFileIcon('MFileXmlIcon', 'XML', '#7c2d12')\nexport const MFileCsvIcon = makeFileIcon('MFileCsvIcon', 'CSV', '#15803d')\nexport const MFileXlsIcon = makeFileIcon('MFileXlsIcon', 'XLS', '#166534')\nexport const MFilePptIcon = makeFileIcon('MFilePptIcon', 'PPT', '#dc2626')\nexport const MFileZipIcon = makeFileIcon('MFileZipIcon', 'ZIP', '#a16207')\nexport const MFileRarIcon = makeFileIcon('MFileRarIcon', 'RAR', '#92400e')\nexport const MFileMp3Icon = makeFileIcon('MFileMp3Icon', 'MP3', '#9333ea')\nexport const MFileMp4Icon = makeFileIcon('MFileMp4Icon', 'MP4', '#be123c')\n"],"mappings":"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"}
+{"version":3,"file":"MFileExtIcons-CPsgV8eQ.cjs","names":[],"sources":["../src/icons/glyphs/MFileIcon.tsx","../src/icons/glyphs/MFileTextIcon.tsx","../src/icons/glyphs/MFilePdfIcon.tsx","../src/icons/glyphs/MFileImageIcon.tsx","../src/icons/glyphs/MFileCodeIcon.tsx","../src/icons/glyphs/MFileMark.tsx","../src/icons/glyphs/MFileExtIcons.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MFileIcon = forwardRef<SVGSVGElement, MIconProps>(function MFileIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MFileTextIcon = forwardRef<SVGSVGElement, MIconProps>(function MFileTextIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path d=\"M8.5 11h7M8.5 13.75h7M8.5 16.5h5.5\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MFilePdfIcon = forwardRef<SVGSVGElement, MIconProps>(function MFilePdfIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path\n                d=\"M7.1 11.35h9.8a1.3 1.3 0 0 1 1.3 1.3v4.15a1.3 1.3 0 0 1-1.3 1.3H7.1a1.3 1.3 0 0 1-1.3-1.3v-4.15a1.3 1.3 0 0 1 1.3-1.3z\"\n                fill=\"#ef4444\"\n                stroke=\"none\"\n            />\n            <path d=\"M9 16v-2.75h1.05a.8.8 0 1 1 0 1.6H9\" stroke=\"#fff\" />\n            <path d=\"M11.95 16v-2.75h.55a1.1 1.1 0 0 1 0 2.75h-.55z\" stroke=\"#fff\" />\n            <path d=\"M14.9 16v-2.75h1.45M14.9 14.65h1.05\" stroke=\"#fff\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MFileImageIcon = forwardRef<SVGSVGElement, MIconProps>(function MFileImageIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path\n                d=\"M7.15 11.25h9.7a1.25 1.25 0 0 1 1.25 1.25v4.35a1.25 1.25 0 0 1-1.25 1.25h-9.7A1.25 1.25 0 0 1 5.9 16.85V12.5a1.25 1.25 0 0 1 1.25-1.25z\"\n                fill=\"#14b8a6\"\n                stroke=\"none\"\n            />\n            <circle cx=\"14.7\" cy=\"13.4\" r=\"0.9\" fill=\"#f8fafc\" stroke=\"none\" />\n            <path d=\"M7.65 17.2l2.6-2.8 1.8 1.9 1.4-1.4 2.9 2.3\" stroke=\"#f8fafc\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MFileCodeIcon = forwardRef<SVGSVGElement, MIconProps>(function MFileCodeIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path\n                d=\"M7.15 11.25h9.7a1.25 1.25 0 0 1 1.25 1.25v4.35a1.25 1.25 0 0 1-1.25 1.25h-9.7A1.25 1.25 0 0 1 5.9 16.85V12.5a1.25 1.25 0 0 1 1.25-1.25z\"\n                fill=\"#2563eb\"\n                stroke=\"none\"\n            />\n            <path d=\"M9.6 13.6l-1.6 1.55 1.6 1.55M14.4 13.6l1.6 1.55-1.6 1.55M12.8 13l-1.6 4.2\" stroke=\"#f8fafc\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\ninterface FileMarkProps extends MIconProps {\n    mark: string\n    fill: string\n    markColor?: string\n    accent?: string\n}\n\nfunction getMarkSize(mark: string) {\n    if (mark.length <= 3) {\n        return 4\n    }\n\n    if (mark.length === 4) {\n        return 3.35\n    }\n\n    return 3\n}\n\nexport const MFileMark = forwardRef<SVGSVGElement, FileMarkProps>(function MFileMark(\n    {mark, fill, markColor = '#f8fafc', accent, ...props},\n    ref\n) {\n    const fontSize = getMarkSize(mark)\n\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path\n                d=\"M6 11.15h12a1.35 1.35 0 0 1 1.35 1.35v4.4A1.35 1.35 0 0 1 18 18.25H6a1.35 1.35 0 0 1-1.35-1.35v-4.4A1.35 1.35 0 0 1 6 11.15z\"\n                fill={fill}\n                stroke=\"none\"\n            />\n            <path d=\"M7.2 9.7h5.6\" stroke={accent ?? fill} />\n            <text\n                x=\"12\"\n                y=\"15.35\"\n                fill={markColor}\n                stroke=\"none\"\n                textAnchor=\"middle\"\n                fontSize={fontSize}\n                fontWeight=\"700\"\n                fontFamily=\"system-ui, sans-serif\"\n            >\n                {mark}\n            </text>\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MFileMark} from './MFileMark'\nimport type {MIconProps} from '../MIcon.types'\n\nfunction makeFileIcon(name: string, mark: string, fill: string, markColor?: string) {\n    const FileExtIcon = forwardRef<SVGSVGElement, MIconProps>(function FileExtIcon(props, ref) {\n        return <MFileMark ref={ref} mark={mark} fill={fill} markColor={markColor} {...props} />\n    })\n\n    FileExtIcon.displayName = name\n\n    return FileExtIcon\n}\n\nexport const MFileTxtIcon = makeFileIcon('MFileTxtIcon', 'TXT', '#475569')\nexport const MFileDocsIcon = makeFileIcon('MFileDocsIcon', 'DOCS', '#2563eb')\nexport const MFileJpgIcon = makeFileIcon('MFileJpgIcon', 'JPG', '#ea580c')\nexport const MFileJsonIcon = makeFileIcon('MFileJsonIcon', 'JSON', '#f59e0b', '#111827')\nexport const MFileExeIcon = makeFileIcon('MFileExeIcon', 'EXE', '#1f2937')\nexport const MFileOdtIcon = makeFileIcon('MFileOdtIcon', 'ODT', '#0f766e')\nexport const MFileMdIcon = makeFileIcon('MFileMdIcon', 'MD', '#334155')\nexport const MFileJsIcon = makeFileIcon('MFileJsIcon', 'JS', '#facc15', '#111827')\nexport const MFileHtmlIcon = makeFileIcon('MFileHtmlIcon', 'HTML', '#ea580c')\nexport const MFileCssIcon = makeFileIcon('MFileCssIcon', 'CSS', '#2563eb')\nexport const MFilePhpIcon = makeFileIcon('MFilePhpIcon', 'PHP', '#7c3aed')\nexport const MFilePngIcon = makeFileIcon('MFilePngIcon', 'PNG', '#0891b2')\nexport const MFileSvgIcon = makeFileIcon('MFileSvgIcon', 'SVG', '#f97316')\nexport const MFileGifIcon = makeFileIcon('MFileGifIcon', 'GIF', '#ec4899')\nexport const MFileWebpIcon = makeFileIcon('MFileWebpIcon', 'WEBP', '#0f766e')\nexport const MFileTsIcon = makeFileIcon('MFileTsIcon', 'TS', '#2563eb')\nexport const MFileTsxIcon = makeFileIcon('MFileTsxIcon', 'TSX', '#0284c7')\nexport const MFileJsxIcon = makeFileIcon('MFileJsxIcon', 'JSX', '#0ea5e9')\nexport const MFileXmlIcon = makeFileIcon('MFileXmlIcon', 'XML', '#7c2d12')\nexport const MFileCsvIcon = makeFileIcon('MFileCsvIcon', 'CSV', '#15803d')\nexport const MFileXlsIcon = makeFileIcon('MFileXlsIcon', 'XLS', '#166534')\nexport const MFilePptIcon = makeFileIcon('MFilePptIcon', 'PPT', '#dc2626')\nexport const MFileZipIcon = makeFileIcon('MFileZipIcon', 'ZIP', '#a16207')\nexport const MFileRarIcon = makeFileIcon('MFileRarIcon', 'RAR', '#92400e')\nexport const MFileMp3Icon = makeFileIcon('MFileMp3Icon', 'MP3', '#9333ea')\nexport const MFileMp4Icon = makeFileIcon('MFileMp4Icon', 'MP4', '#be123c')\n"],"mappings":"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"}

package/dist/{MFileExtIcons-BoG3GPxg.js → MFileExtIcons-Cxbgd5Fz.js}

@@ -142,4 +142,4 @@ var f = d("MFileTxtIcon", "TXT", "#475569"), p = d("MFileDocsIcon", "DOCS", "#25
 //#endregion
 export { a as A, E as C, c as D, P as E, s as O, f as S, A as T, N as _, T as a, D as b, y as c, v as d, I as f, C as g, S as h, g as i, i as j, o as k, h as l, _ as m, j as n, b as o, L as p, p as r, m as s, x as t, k as u, F as v, M as w, O as x, w as y };
 
-//# sourceMappingURL=MFileExtIcons-BoG3GPxg.js.map
+//# sourceMappingURL=MFileExtIcons-Cxbgd5Fz.js.map

package/dist/{MFileExtIcons-BoG3GPxg.js.map → MFileExtIcons-Cxbgd5Fz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MFileExtIcons-BoG3GPxg.js","names":[],"sources":["../src/icons/glyphs/MFileIcon.tsx","../src/icons/glyphs/MFileTextIcon.tsx","../src/icons/glyphs/MFilePdfIcon.tsx","../src/icons/glyphs/MFileImageIcon.tsx","../src/icons/glyphs/MFileCodeIcon.tsx","../src/icons/glyphs/MFileMark.tsx","../src/icons/glyphs/MFileExtIcons.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MFileIcon = forwardRef<SVGSVGElement, MIconProps>(function MFileIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MFileTextIcon = forwardRef<SVGSVGElement, MIconProps>(function MFileTextIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path d=\"M8.5 11h7M8.5 13.75h7M8.5 16.5h5.5\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MFilePdfIcon = forwardRef<SVGSVGElement, MIconProps>(function MFilePdfIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path\n                d=\"M7.1 11.35h9.8a1.3 1.3 0 0 1 1.3 1.3v4.15a1.3 1.3 0 0 1-1.3 1.3H7.1a1.3 1.3 0 0 1-1.3-1.3v-4.15a1.3 1.3 0 0 1 1.3-1.3z\"\n                fill=\"#ef4444\"\n                stroke=\"none\"\n            />\n            <path d=\"M9 16v-2.75h1.05a.8.8 0 1 1 0 1.6H9\" stroke=\"#fff\" />\n            <path d=\"M11.95 16v-2.75h.55a1.1 1.1 0 0 1 0 2.75h-.55z\" stroke=\"#fff\" />\n            <path d=\"M14.9 16v-2.75h1.45M14.9 14.65h1.05\" stroke=\"#fff\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MFileImageIcon = forwardRef<SVGSVGElement, MIconProps>(function MFileImageIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path\n                d=\"M7.15 11.25h9.7a1.25 1.25 0 0 1 1.25 1.25v4.35a1.25 1.25 0 0 1-1.25 1.25h-9.7A1.25 1.25 0 0 1 5.9 16.85V12.5a1.25 1.25 0 0 1 1.25-1.25z\"\n                fill=\"#14b8a6\"\n                stroke=\"none\"\n            />\n            <circle cx=\"14.7\" cy=\"13.4\" r=\"0.9\" fill=\"#f8fafc\" stroke=\"none\" />\n            <path d=\"M7.65 17.2l2.6-2.8 1.8 1.9 1.4-1.4 2.9 2.3\" stroke=\"#f8fafc\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MFileCodeIcon = forwardRef<SVGSVGElement, MIconProps>(function MFileCodeIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path\n                d=\"M7.15 11.25h9.7a1.25 1.25 0 0 1 1.25 1.25v4.35a1.25 1.25 0 0 1-1.25 1.25h-9.7A1.25 1.25 0 0 1 5.9 16.85V12.5a1.25 1.25 0 0 1 1.25-1.25z\"\n                fill=\"#2563eb\"\n                stroke=\"none\"\n            />\n            <path d=\"M9.6 13.6l-1.6 1.55 1.6 1.55M14.4 13.6l1.6 1.55-1.6 1.55M12.8 13l-1.6 4.2\" stroke=\"#f8fafc\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\ninterface FileMarkProps extends MIconProps {\n    mark: string\n    fill: string\n    markColor?: string\n    accent?: string\n}\n\nfunction getMarkSize(mark: string) {\n    if (mark.length <= 3) {\n        return 4\n    }\n\n    if (mark.length === 4) {\n        return 3.35\n    }\n\n    return 3\n}\n\nexport const MFileMark = forwardRef<SVGSVGElement, FileMarkProps>(function MFileMark(\n    {mark, fill, markColor = '#f8fafc', accent, ...props},\n    ref\n) {\n    const fontSize = getMarkSize(mark)\n\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path\n                d=\"M6 11.15h12a1.35 1.35 0 0 1 1.35 1.35v4.4A1.35 1.35 0 0 1 18 18.25H6a1.35 1.35 0 0 1-1.35-1.35v-4.4A1.35 1.35 0 0 1 6 11.15z\"\n                fill={fill}\n                stroke=\"none\"\n            />\n            <path d=\"M7.2 9.7h5.6\" stroke={accent ?? fill} />\n            <text\n                x=\"12\"\n                y=\"15.35\"\n                fill={markColor}\n                stroke=\"none\"\n                textAnchor=\"middle\"\n                fontSize={fontSize}\n                fontWeight=\"700\"\n                fontFamily=\"system-ui, sans-serif\"\n            >\n                {mark}\n            </text>\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MFileMark} from './MFileMark'\nimport type {MIconProps} from '../MIcon.types'\n\nfunction makeFileIcon(name: string, mark: string, fill: string, markColor?: string) {\n    const FileExtIcon = forwardRef<SVGSVGElement, MIconProps>(function FileExtIcon(props, ref) {\n        return <MFileMark ref={ref} mark={mark} fill={fill} markColor={markColor} {...props} />\n    })\n\n    FileExtIcon.displayName = name\n\n    return FileExtIcon\n}\n\nexport const MFileTxtIcon = makeFileIcon('MFileTxtIcon', 'TXT', '#475569')\nexport const MFileDocsIcon = makeFileIcon('MFileDocsIcon', 'DOCS', '#2563eb')\nexport const MFileJpgIcon = makeFileIcon('MFileJpgIcon', 'JPG', '#ea580c')\nexport const MFileJsonIcon = makeFileIcon('MFileJsonIcon', 'JSON', '#f59e0b', '#111827')\nexport const MFileExeIcon = makeFileIcon('MFileExeIcon', 'EXE', '#1f2937')\nexport const MFileOdtIcon = makeFileIcon('MFileOdtIcon', 'ODT', '#0f766e')\nexport const MFileMdIcon = makeFileIcon('MFileMdIcon', 'MD', '#334155')\nexport const MFileJsIcon = makeFileIcon('MFileJsIcon', 'JS', '#facc15', '#111827')\nexport const MFileHtmlIcon = makeFileIcon('MFileHtmlIcon', 'HTML', '#ea580c')\nexport const MFileCssIcon = makeFileIcon('MFileCssIcon', 'CSS', '#2563eb')\nexport const MFilePhpIcon = makeFileIcon('MFilePhpIcon', 'PHP', '#7c3aed')\nexport const MFilePngIcon = makeFileIcon('MFilePngIcon', 'PNG', '#0891b2')\nexport const MFileSvgIcon = makeFileIcon('MFileSvgIcon', 'SVG', '#f97316')\nexport const MFileGifIcon = makeFileIcon('MFileGifIcon', 'GIF', '#ec4899')\nexport const MFileWebpIcon = makeFileIcon('MFileWebpIcon', 'WEBP', '#0f766e')\nexport const MFileTsIcon = makeFileIcon('MFileTsIcon', 'TS', '#2563eb')\nexport const MFileTsxIcon = makeFileIcon('MFileTsxIcon', 'TSX', '#0284c7')\nexport const MFileJsxIcon = makeFileIcon('MFileJsxIcon', 'JSX', '#0ea5e9')\nexport const MFileXmlIcon = makeFileIcon('MFileXmlIcon', 'XML', '#7c2d12')\nexport const MFileCsvIcon = makeFileIcon('MFileCsvIcon', 'CSV', '#15803d')\nexport const MFileXlsIcon = makeFileIcon('MFileXlsIcon', 'XLS', '#166534')\nexport const MFilePptIcon = makeFileIcon('MFilePptIcon', 'PPT', '#dc2626')\nexport const MFileZipIcon = makeFileIcon('MFileZipIcon', 'ZIP', '#a16207')\nexport const MFileRarIcon = makeFileIcon('MFileRarIcon', 'RAR', '#92400e')\nexport const MFileMp3Icon = makeFileIcon('MFileMp3Icon', 'MP3', '#9333ea')\nexport const MFileMp4Icon = makeFileIcon('MFileMp4Icon', 'MP4', '#be123c')\n"],"mappings":";;;;AAIA,IAAa,IAAY,EAAsC,SAAmB,GAAO,GAAK;AAC1F,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YAArB,CACI,kBAAC,QAAD,EAAM,GAAE,oEAAqE,CAAA,EAC7E,kBAAC,QAAD,EAAM,GAAE,eAAgB,CAAA,CACpB;;EAEd,ECPW,IAAgB,EAAsC,SAAuB,GAAO,GAAK;AAClG,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YAArB;GACI,kBAAC,QAAD,EAAM,GAAE,oEAAqE,CAAA;GAC7E,kBAAC,QAAD,EAAM,GAAE,eAAgB,CAAA;GACxB,kBAAC,QAAD,EAAM,GAAE,sCAAuC,CAAA;GAC3C;;EAEd,ECRW,IAAe,EAAsC,SAAsB,GAAO,GAAK;AAChG,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YAArB;GACI,kBAAC,QAAD,EAAM,GAAE,oEAAqE,CAAA;GAC7E,kBAAC,QAAD,EAAM,GAAE,eAAgB,CAAA;GACxB,kBAAC,QAAD;IACI,GAAE;IACF,MAAK;IACL,QAAO;IACT,CAAA;GACF,kBAAC,QAAD;IAAM,GAAE;IAAsC,QAAO;IAAS,CAAA;GAC9D,kBAAC,QAAD;IAAM,GAAE;IAAiD,QAAO;IAAS,CAAA;GACzE,kBAAC,QAAD;IAAM,GAAE;IAAsC,QAAO;IAAS,CAAA;GAC1D;;EAEd,ECfW,IAAiB,EAAsC,SAAwB,GAAO,GAAK;AACpG,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YAArB;GACI,kBAAC,QAAD,EAAM,GAAE,oEAAqE,CAAA;GAC7E,kBAAC,QAAD,EAAM,GAAE,eAAgB,CAAA;GACxB,kBAAC,QAAD;IACI,GAAE;IACF,MAAK;IACL,QAAO;IACT,CAAA;GACF,kBAAC,UAAD;IAAQ,IAAG;IAAO,IAAG;IAAO,GAAE;IAAM,MAAK;IAAU,QAAO;IAAS,CAAA;GACnE,kBAAC,QAAD;IAAM,GAAE;IAA6C,QAAO;IAAY,CAAA;GACpE;;EAEd,ECdW,IAAgB,EAAsC,SAAuB,GAAO,GAAK;AAClG,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YAArB;GACI,kBAAC,QAAD,EAAM,GAAE,oEAAqE,CAAA;GAC7E,kBAAC,QAAD,EAAM,GAAE,eAAgB,CAAA;GACxB,kBAAC,QAAD;IACI,GAAE;IACF,MAAK;IACL,QAAO;IACT,CAAA;GACF,kBAAC,QAAD;IAAM,GAAE;IAA4E,QAAO;IAAY,CAAA;GACnG;;EAEd;;;ACNF,SAAS,EAAY,GAAc;AAS/B,QARI,EAAK,UAAU,IACR,IAGP,EAAK,WAAW,IACT,OAGJ;;AAGX,IAAa,IAAY,EAAyC,SAC9D,EAAC,SAAM,SAAM,eAAY,WAAW,WAAQ,GAAG,KAC/C,GACF;CACE,IAAM,IAAW,EAAY,EAAK;AAElC,QACI,kBAAC,GAAD;EAAY;EAAK,GAAI;YAArB;GACI,kBAAC,QAAD,EAAM,GAAE,oEAAqE,CAAA;GAC7E,kBAAC,QAAD,EAAM,GAAE,eAAgB,CAAA;GACxB,kBAAC,QAAD;IACI,GAAE;IACI;IACN,QAAO;IACT,CAAA;GACF,kBAAC,QAAD;IAAM,GAAE;IAAe,QAAQ,KAAU;IAAQ,CAAA;GACjD,kBAAC,QAAD;IACI,GAAE;IACF,GAAE;IACF,MAAM;IACN,QAAO;IACP,YAAW;IACD;IACV,YAAW;IACX,YAAW;cAEV;IACE,CAAA;GACH;;EAEd;;;ACjDF,SAAS,EAAa,GAAc,GAAc,GAAc,GAAoB;CAChF,IAAM,IAAc,EAAsC,SAAqB,GAAO,GAAK;AACvF,SAAO,kBAAC,GAAD;GAAgB;GAAW;GAAY;GAAiB;GAAW,GAAI;GAAS,CAAA;GACzF;AAIF,QAFA,EAAY,cAAc,GAEnB;;AAGX,IAAa,IAAe,EAAa,gBAAgB,OAAO,UAAU,EAC7D,IAAgB,EAAa,iBAAiB,QAAQ,UAAU,EAChE,IAAe,EAAa,gBAAgB,OAAO,UAAU,EAC7D,IAAgB,EAAa,iBAAiB,QAAQ,WAAW,UAAU,EAC3E,IAAe,EAAa,gBAAgB,OAAO,UAAU,EAC7D,IAAe,EAAa,gBAAgB,OAAO,UAAU,EAC7D,IAAc,EAAa,eAAe,MAAM,UAAU,EAC1D,IAAc,EAAa,eAAe,MAAM,WAAW,UAAU,EACrE,IAAgB,EAAa,iBAAiB,QAAQ,UAAU,EAChE,IAAe,EAAa,gBAAgB,OAAO,UAAU,EAC7D,IAAe,EAAa,gBAAgB,OAAO,UAAU,EAC7D,IAAe,EAAa,gBAAgB,OAAO,UAAU,EAC7D,IAAe,EAAa,gBAAgB,OAAO,UAAU,EAC7D,IAAe,EAAa,gBAAgB,OAAO,UAAU,EAC7D,IAAgB,EAAa,iBAAiB,QAAQ,UAAU,EAChE,IAAc,EAAa,eAAe,MAAM,UAAU,EAC1D,IAAe,EAAa,gBAAgB,OAAO,UAAU,EAC7D,IAAe,EAAa,gBAAgB,OAAO,UAAU,EAC7D,IAAe,EAAa,gBAAgB,OAAO,UAAU,EAC7D,IAAe,EAAa,gBAAgB,OAAO,UAAU,EAC7D,IAAe,EAAa,gBAAgB,OAAO,UAAU,EAC7D,IAAe,EAAa,gBAAgB,OAAO,UAAU,EAC7D,IAAe,EAAa,gBAAgB,OAAO,UAAU,EAC7D,IAAe,EAAa,gBAAgB,OAAO,UAAU,EAC7D,IAAe,EAAa,gBAAgB,OAAO,UAAU,EAC7D,IAAe,EAAa,gBAAgB,OAAO,UAAU"}
+{"version":3,"file":"MFileExtIcons-Cxbgd5Fz.js","names":[],"sources":["../src/icons/glyphs/MFileIcon.tsx","../src/icons/glyphs/MFileTextIcon.tsx","../src/icons/glyphs/MFilePdfIcon.tsx","../src/icons/glyphs/MFileImageIcon.tsx","../src/icons/glyphs/MFileCodeIcon.tsx","../src/icons/glyphs/MFileMark.tsx","../src/icons/glyphs/MFileExtIcons.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MFileIcon = forwardRef<SVGSVGElement, MIconProps>(function MFileIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MFileTextIcon = forwardRef<SVGSVGElement, MIconProps>(function MFileTextIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path d=\"M8.5 11h7M8.5 13.75h7M8.5 16.5h5.5\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MFilePdfIcon = forwardRef<SVGSVGElement, MIconProps>(function MFilePdfIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path\n                d=\"M7.1 11.35h9.8a1.3 1.3 0 0 1 1.3 1.3v4.15a1.3 1.3 0 0 1-1.3 1.3H7.1a1.3 1.3 0 0 1-1.3-1.3v-4.15a1.3 1.3 0 0 1 1.3-1.3z\"\n                fill=\"#ef4444\"\n                stroke=\"none\"\n            />\n            <path d=\"M9 16v-2.75h1.05a.8.8 0 1 1 0 1.6H9\" stroke=\"#fff\" />\n            <path d=\"M11.95 16v-2.75h.55a1.1 1.1 0 0 1 0 2.75h-.55z\" stroke=\"#fff\" />\n            <path d=\"M14.9 16v-2.75h1.45M14.9 14.65h1.05\" stroke=\"#fff\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MFileImageIcon = forwardRef<SVGSVGElement, MIconProps>(function MFileImageIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path\n                d=\"M7.15 11.25h9.7a1.25 1.25 0 0 1 1.25 1.25v4.35a1.25 1.25 0 0 1-1.25 1.25h-9.7A1.25 1.25 0 0 1 5.9 16.85V12.5a1.25 1.25 0 0 1 1.25-1.25z\"\n                fill=\"#14b8a6\"\n                stroke=\"none\"\n            />\n            <circle cx=\"14.7\" cy=\"13.4\" r=\"0.9\" fill=\"#f8fafc\" stroke=\"none\" />\n            <path d=\"M7.65 17.2l2.6-2.8 1.8 1.9 1.4-1.4 2.9 2.3\" stroke=\"#f8fafc\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\nexport const MFileCodeIcon = forwardRef<SVGSVGElement, MIconProps>(function MFileCodeIcon(props, ref) {\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path\n                d=\"M7.15 11.25h9.7a1.25 1.25 0 0 1 1.25 1.25v4.35a1.25 1.25 0 0 1-1.25 1.25h-9.7A1.25 1.25 0 0 1 5.9 16.85V12.5a1.25 1.25 0 0 1 1.25-1.25z\"\n                fill=\"#2563eb\"\n                stroke=\"none\"\n            />\n            <path d=\"M9.6 13.6l-1.6 1.55 1.6 1.55M14.4 13.6l1.6 1.55-1.6 1.55M12.8 13l-1.6 4.2\" stroke=\"#f8fafc\" />\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MIcon} from '../MIcon'\nimport type {MIconProps} from '../MIcon.types'\n\ninterface FileMarkProps extends MIconProps {\n    mark: string\n    fill: string\n    markColor?: string\n    accent?: string\n}\n\nfunction getMarkSize(mark: string) {\n    if (mark.length <= 3) {\n        return 4\n    }\n\n    if (mark.length === 4) {\n        return 3.35\n    }\n\n    return 3\n}\n\nexport const MFileMark = forwardRef<SVGSVGElement, FileMarkProps>(function MFileMark(\n    {mark, fill, markColor = '#f8fafc', accent, ...props},\n    ref\n) {\n    const fontSize = getMarkSize(mark)\n\n    return (\n        <MIcon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path\n                d=\"M6 11.15h12a1.35 1.35 0 0 1 1.35 1.35v4.4A1.35 1.35 0 0 1 18 18.25H6a1.35 1.35 0 0 1-1.35-1.35v-4.4A1.35 1.35 0 0 1 6 11.15z\"\n                fill={fill}\n                stroke=\"none\"\n            />\n            <path d=\"M7.2 9.7h5.6\" stroke={accent ?? fill} />\n            <text\n                x=\"12\"\n                y=\"15.35\"\n                fill={markColor}\n                stroke=\"none\"\n                textAnchor=\"middle\"\n                fontSize={fontSize}\n                fontWeight=\"700\"\n                fontFamily=\"system-ui, sans-serif\"\n            >\n                {mark}\n            </text>\n        </MIcon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {MFileMark} from './MFileMark'\nimport type {MIconProps} from '../MIcon.types'\n\nfunction makeFileIcon(name: string, mark: string, fill: string, markColor?: string) {\n    const FileExtIcon = forwardRef<SVGSVGElement, MIconProps>(function FileExtIcon(props, ref) {\n        return <MFileMark ref={ref} mark={mark} fill={fill} markColor={markColor} {...props} />\n    })\n\n    FileExtIcon.displayName = name\n\n    return FileExtIcon\n}\n\nexport const MFileTxtIcon = makeFileIcon('MFileTxtIcon', 'TXT', '#475569')\nexport const MFileDocsIcon = makeFileIcon('MFileDocsIcon', 'DOCS', '#2563eb')\nexport const MFileJpgIcon = makeFileIcon('MFileJpgIcon', 'JPG', '#ea580c')\nexport const MFileJsonIcon = makeFileIcon('MFileJsonIcon', 'JSON', '#f59e0b', '#111827')\nexport const MFileExeIcon = makeFileIcon('MFileExeIcon', 'EXE', '#1f2937')\nexport const MFileOdtIcon = makeFileIcon('MFileOdtIcon', 'ODT', '#0f766e')\nexport const MFileMdIcon = makeFileIcon('MFileMdIcon', 'MD', '#334155')\nexport const MFileJsIcon = makeFileIcon('MFileJsIcon', 'JS', '#facc15', '#111827')\nexport const MFileHtmlIcon = makeFileIcon('MFileHtmlIcon', 'HTML', '#ea580c')\nexport const MFileCssIcon = makeFileIcon('MFileCssIcon', 'CSS', '#2563eb')\nexport const MFilePhpIcon = makeFileIcon('MFilePhpIcon', 'PHP', '#7c3aed')\nexport const MFilePngIcon = makeFileIcon('MFilePngIcon', 'PNG', '#0891b2')\nexport const MFileSvgIcon = makeFileIcon('MFileSvgIcon', 'SVG', '#f97316')\nexport const MFileGifIcon = makeFileIcon('MFileGifIcon', 'GIF', '#ec4899')\nexport const MFileWebpIcon = makeFileIcon('MFileWebpIcon', 'WEBP', '#0f766e')\nexport const MFileTsIcon = makeFileIcon('MFileTsIcon', 'TS', '#2563eb')\nexport const MFileTsxIcon = makeFileIcon('MFileTsxIcon', 'TSX', '#0284c7')\nexport const MFileJsxIcon = makeFileIcon('MFileJsxIcon', 'JSX', '#0ea5e9')\nexport const MFileXmlIcon = makeFileIcon('MFileXmlIcon', 'XML', '#7c2d12')\nexport const MFileCsvIcon = makeFileIcon('MFileCsvIcon', 'CSV', '#15803d')\nexport const MFileXlsIcon = makeFileIcon('MFileXlsIcon', 'XLS', '#166534')\nexport const MFilePptIcon = makeFileIcon('MFilePptIcon', 'PPT', '#dc2626')\nexport const MFileZipIcon = makeFileIcon('MFileZipIcon', 'ZIP', '#a16207')\nexport const MFileRarIcon = makeFileIcon('MFileRarIcon', 'RAR', '#92400e')\nexport const MFileMp3Icon = makeFileIcon('MFileMp3Icon', 'MP3', '#9333ea')\nexport const MFileMp4Icon = makeFileIcon('MFileMp4Icon', 'MP4', '#be123c')\n"],"mappings":"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"}

package/dist/MHeading-7-5TESyc.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-SOcVdnX6.cjs`),t=require(`./MText-DEKnLtLk.cjs`);let n=require(`react`);function r({level:r=2,tone:i=`default`,color:a,truncate:o,className:s,style:c,children:l,...u}){let d=typeof o==`number`?o:void 0;return(0,n.createElement)(`h${r}`,{className:e.t(`heading`,`h${r}`,!a&&i,o===!0&&`truncate`,d!=null&&`line-clamp`,...t.n({color:a}),s),style:d?{"--line-clamp":d,...c}:c,...u},l)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=MHeading-7-5TESyc.cjs.map

package/dist/MHeading-7-5TESyc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MHeading-7-5TESyc.cjs","names":[],"sources":["../src/components/typography/MHeading/MHeading.tsx"],"sourcesContent":["import {createElement} from 'react'\nimport type {CSSProperties} from 'react'\nimport type {MHeadingProps} from './MHeading.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MHeading.css'\n\n// Render semantic heading levels with shared MineralUI typography tokens.\nexport function MHeading({\n    level = 2,\n    tone = 'default',\n    color,\n    truncate,\n    className,\n    style,\n    children,\n    ...rest\n}: MHeadingProps) {\n    const lines = typeof truncate === 'number' ? truncate : undefined\n\n    return createElement(\n        `h${level}`,\n        {\n            className: cn(\n                'heading',\n                `h${level}`,\n                !color && tone,\n                truncate === true && 'truncate',\n                lines != null && 'line-clamp',\n                ...getAppearanceClassNames({color}),\n                className\n            ),\n            style: lines ? ({'--line-clamp': lines, ...style} as CSSProperties) : style,\n            ...rest,\n        },\n        children\n    )\n}\n"],"mappings":"8FAQA,SAAgB,EAAS,CACrB,QAAQ,EACR,OAAO,UACP,QACA,WACA,YACA,QACA,WACA,GAAG,GACW,CACd,IAAM,EAAQ,OAAO,GAAa,SAAW,EAAW,IAAA,GAExD,OAAA,EAAA,EAAA,eACI,IAAI,IACJ,CACI,UAAW,EAAA,EACP,UACA,IAAI,IACJ,CAAC,GAAS,EACV,IAAa,IAAQ,WACrB,GAAS,MAAQ,aACjB,GAAG,EAAA,EAAwB,CAAC,QAAM,CAAC,CACnC,EACH,CACD,MAAO,EAAS,CAAC,eAAgB,EAAO,GAAG,EAAM,CAAqB,EACtE,GAAG,EACN,CACD,EACH"}

package/dist/MHeading-BlDlbYcY.js

@@ -0,0 +1,19 @@
+import { t as e } from "./cn-DZLxql0l.js";
+import { n as t } from "./MText-lZjEtV_i.js";
+import { createElement as n } from "react";
+//#region src/components/typography/MHeading/MHeading.tsx
+function r({ level: r = 2, tone: i = "default", color: a, truncate: o, className: s, style: c, children: l, ...u }) {
+	let d = typeof o == "number" ? o : void 0;
+	return n(`h${r}`, {
+		className: e("heading", `h${r}`, !a && i, o === !0 && "truncate", d != null && "line-clamp", ...t({ color: a }), s),
+		style: d ? {
+			"--line-clamp": d,
+			...c
+		} : c,
+		...u
+	}, l);
+}
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=MHeading-BlDlbYcY.js.map

package/dist/MHeading-BlDlbYcY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MHeading-BlDlbYcY.js","names":[],"sources":["../src/components/typography/MHeading/MHeading.tsx"],"sourcesContent":["import {createElement} from 'react'\nimport type {CSSProperties} from 'react'\nimport type {MHeadingProps} from './MHeading.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MHeading.css'\n\n// Render semantic heading levels with shared MineralUI typography tokens.\nexport function MHeading({\n    level = 2,\n    tone = 'default',\n    color,\n    truncate,\n    className,\n    style,\n    children,\n    ...rest\n}: MHeadingProps) {\n    const lines = typeof truncate === 'number' ? truncate : undefined\n\n    return createElement(\n        `h${level}`,\n        {\n            className: cn(\n                'heading',\n                `h${level}`,\n                !color && tone,\n                truncate === true && 'truncate',\n                lines != null && 'line-clamp',\n                ...getAppearanceClassNames({color}),\n                className\n            ),\n            style: lines ? ({'--line-clamp': lines, ...style} as CSSProperties) : style,\n            ...rest,\n        },\n        children\n    )\n}\n"],"mappings":";;;;AAQA,SAAgB,EAAS,EACrB,WAAQ,GACR,UAAO,WACP,UACA,aACA,cACA,UACA,aACA,GAAG,KACW;CACd,IAAM,IAAQ,OAAO,KAAa,WAAW,IAAW,KAAA;AAExD,QAAO,EACH,IAAI,KACJ;EACI,WAAW,EACP,WACA,IAAI,KACJ,CAAC,KAAS,GACV,MAAa,MAAQ,YACrB,KAAS,QAAQ,cACjB,GAAG,EAAwB,EAAC,UAAM,CAAC,EACnC,EACH;EACD,OAAO,IAAS;GAAC,gBAAgB;GAAO,GAAG;GAAM,GAAqB;EACtE,GAAG;EACN,EACD,EACH"}

package/dist/{MImage-CKrjXRmf.js → MImage-C99xrQQ9.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DZLxql0l.js";
 import { t } from "./useInteractionEffect-Dfqq8lGO.js";
-import { t as n } from "./MSkeleton-BL4C5FkH.js";
+import { t as n } from "./MSkeleton-QQ8Lk3Cr.js";
 import { useState as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/media/MImage/MImage.tsx
@@ -46,4 +46,4 @@ function s({ fit: s = "cover", ratio: c = "auto", rounded: l = !1, bordered: u =
 //#endregion
 export { s as t };
 
-//# sourceMappingURL=MImage-CKrjXRmf.js.map
+//# sourceMappingURL=MImage-C99xrQQ9.js.map