@banzamel/mineralui 1.1.1 → 1.3.0

package/dist/{MDataTable-BZs6Cn9e.cjs.map → MDataTable-_afEvx2S.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MDataTable-BZs6Cn9e.cjs","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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"}
+{"version":3,"file":"MDataTable-_afEvx2S.cjs","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-CTVEF34p.cjs → MDrawer-2NDNRU77.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./icons-Dv1T-cF4.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./MPortal-PyRKsZxc.cjs`),r=require(`./MButton-CX8SV1m0.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.Ii,{})})]}),(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-CTVEF34p.cjs.map
+const e=require(`./icons-Dv1T-cF4.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./MPortal-PyRKsZxc.cjs`),r=require(`./MButton-Rg85cgO1.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.Ii,{})})]}),(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-2NDNRU77.cjs.map

package/dist/{MDrawer-CTVEF34p.cjs.map → MDrawer-2NDNRU77.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MDrawer-CTVEF34p.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-2NDNRU77.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/{MDrawer-CscOMXBg.js → MDrawer-CHvOVWPw.js}

@@ -1,7 +1,7 @@
 import { Ii as e } from "./icons-D5DK-J2C.js";
 import { t } from "./cn-YER3QsV1.js";
 import { t as n } from "./MPortal-Dqlkh3hw.js";
-import { t as r } from "./MButton-BJdrNg2I.js";
+import { t as r } from "./MButton-pSNx-6UK.js";
 import { Children as i, isValidElement as a, useEffect as o, useRef as s, useState as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/overlays/MDrawer/MDrawer.tsx
@@ -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-CscOMXBg.js.map
+//# sourceMappingURL=MDrawer-CHvOVWPw.js.map

package/dist/{MDrawer-CscOMXBg.js.map → MDrawer-CHvOVWPw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MDrawer-CscOMXBg.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-CHvOVWPw.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":";;;;;;;AASA,IAAM,IAAgB;AAItB,SAAS,EAAe,GAA8C;AAClE,QAAO,EAAe,EAAM,IAAI,CAAC,CAAE,EAAM,KAAa;;AAG1D,SAAS,EAAa,GAA8C;AAChE,QAAO,EAAe,EAAM,IAAI,CAAC,CAAE,EAAM,KAAa;;AAG1D,SAAS,EAAe,GAA8C;AAClE,QAAO,EAAe,EAAM,IAAI,CAAC,CAAE,EAAM,KAAa;;AAG1D,SAAgB,EAAc,EAAC,eAAgC;AAC3D,QAAO,kBAAA,GAAA,EAAG,aAAY,CAAA;;AAEzB,EAAuB,iBAAiB;AAEzC,SAAgB,EAAY,EAAC,eAAgC;AACzD,QAAO,kBAAA,GAAA,EAAG,aAAY,CAAA;;AAEzB,EAAqB,eAAe;AAErC,SAAgB,EAAc,EAAC,eAAgC;AAC3D,QAAO,kBAAA,GAAA,EAAG,aAAY,CAAA;;AAEzB,EAAuB,iBAAiB;AAEzC,SAAgB,EAAQ,EACpB,SACA,YACA,UAAO,SACP,UAAO,MACP,aAAU,IACV,qBAAkB,IAClB,mBAAgB,IAChB,cACA,aACA,GAAG,KACU;CACb,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,IAAc,EAAuB,KAAK;AAyChD,KAvCA,QAAgB;AACZ,EAAI,MACA,EAAW,GAAK,EAChB,EAAW,GAAM;IAEtB,CAAC,EAAK,CAAC,EAEV,QAAgB;AACZ,MAAI,CAAC,KAAQ,GAAS;AAClB,KAAW,GAAK;GAChB,IAAM,IAAQ,iBAAiB;AAE3B,IADA,EAAW,GAAM,EACjB,EAAW,GAAM;MAClB,EAAc;AACjB,gBAAa,aAAa,EAAM;;IAErC,CAAC,GAAM,EAAQ,CAAC,EAEnB,QAAgB;AACZ,MAAI,CAAC,KAAQ,CAAC,EAAe;EAE7B,IAAM,KAAiB,MAAqB;AACxC,GAAI,EAAE,QAAQ,YAAU,GAAS;;AAIrC,SADA,SAAS,iBAAiB,WAAW,EAAc,QACtC,SAAS,oBAAoB,WAAW,EAAc;IACpE;EAAC;EAAM;EAAe;EAAQ,CAAC,EAElC,QAAgB;AACZ,MAAI,CAAC,EAAS;EAEd,IAAM,IAAO,SAAS,KAAK,MAAM;AAEjC,SADA,SAAS,KAAK,MAAM,WAAW,gBAClB;AACT,YAAS,KAAK,MAAM,WAAW;;IAEpC,CAAC,EAAQ,CAAC,EAET,CAAC,EAAS,QAAO;CAErB,IAAM,KAAuB,MAAkC;AAC3D,EAAI,KAAmB,EAAE,WAAW,EAAE,iBAAe,GAAS;IAG9D,IAAoB,MACpB,IAA0C,MAC1C,IAAwC,MACxC,IAAoB,MACpB,IAA0C,MACxC,IAAoB,EAAE;AAE5B,GAAS,QAAQ,IAAW,MAAU;AAClC,MAAI,EAAe,EAAM,EAAE;AAEvB,GADA,IAAS,EAAM,MAAM,UACrB,IAAc,EAAM;AACpB;;AAGJ,MAAI,EAAa,EAAM,EAAE;AAErB,GADA,IAAY,EAAM,OAClB,EAAK,KAAK,EAAM,MAAM,SAAS;AAC/B;;AAGJ,MAAI,EAAe,EAAM,EAAE;AAEvB,GADA,IAAS,EAAM,MAAM,UACrB,IAAc,EAAM;AACpB;;AAGJ,IAAK,KAAK,EAAM;GAClB;CAEF,IAAM,IAAgB,KAAgB,EAAC,UAAU,KAAA,GAAU,EACrD,IAAc,KAAc,EAAC,UAAU,KAAA,GAAU,EACjD,IAAgB,KAAgB,EAAC,UAAU,KAAA,GAAU,EACrD,EACF,UAAU,GACV,WAAW,GACX,UAAU,IAAiB,IAC3B,GAAG,MACH,GACE,EAAC,UAAU,GAAe,WAAW,GAAe,GAAG,MAAY,GACnE,EACF,UAAU,GACV,WAAW,GACX,UAAU,IAAiB,IAC3B,GAAG,MACH;AAEJ,QACI,kBAAC,GAAD,EAAA,UACI,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EAAG,oBAAoB,mBAAmB,CAAC,KAAW,cAAc,KAAW,UAAU;EACpG,aAAa;YAEb,kBAAC,OAAD;GAAK,WAAW,EAAG,UAAU,GAAM,GAAM,EAAU;GAAE,MAAK;GAAS,cAAW;GAAO,GAAI;aAAzF;IACK,KACG,kBAAC,OAAD;KACI,GAAI;KACJ,WAAW,EAAG,iBAAiB,KAAkB,YAAY,EAAgB;eAFjF,CAII,kBAAC,OAAD;MAAK,WAAU;gBAAgB;MAAa,CAAA,EAC5C,kBAAC,GAAD;MACI,SAAQ;MACR,OAAM;MACN,UAAA;MACA,MAAK;MACL,SAAS;MACT,cAAW;MACX,WAAU;gBAEV,kBAAC,GAAD,EAAc,CAAA;MACR,CAAA,CACR;;IAEV,kBAAC,OAAD;KAAK,GAAI;KAAU,WAAW,EAAG,eAAe,EAAc;eACzD;KACC,CAAA;IACL,KACG,kBAAC,OAAD;KACI,GAAI;KACJ,WAAW,EAAG,iBAAiB,KAAkB,YAAY,EAAgB;eAE5E;KACC,CAAA;IAER;;EACJ,CAAA,EACA,CAAA"}

package/dist/{MDropdownMenu-B1eOmM7u.js → MDropdownMenu-CxBhYxQb.js}

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

package/dist/{MDropdownMenu-B1eOmM7u.js.map → MDropdownMenu-CxBhYxQb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MDropdownMenu-B1eOmM7u.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-CxBhYxQb.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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"}

package/dist/{MDropdownMenu-CiJ_7DQ2.cjs → MDropdownMenu-X7ywPqth.cjs}

@@ -1,2 +1,2 @@
 const e=require(`./cn-CU5TNITO.cjs`),t=require(`./useKeyboardNav-BrODLJaL.cjs`),n=require(`./MPopover-C3-fGAke.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-CiJ_7DQ2.cjs.map
+//# sourceMappingURL=MDropdownMenu-X7ywPqth.cjs.map

package/dist/{MDropdownMenu-CiJ_7DQ2.cjs.map → MDropdownMenu-X7ywPqth.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MDropdownMenu-CiJ_7DQ2.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-X7ywPqth.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/MHeading-C5s-kb2D.js

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

package/dist/MHeading-C5s-kb2D.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MHeading-C5s-kb2D.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 {getHiddenProps} from '../../../theme'\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    hidden,\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            ...getHiddenProps(hidden),\n            ...rest,\n        },\n        children\n    )\n}\n"],"mappings":";;;;;AASA,SAAgB,EAAS,EACrB,WAAQ,GACR,UAAO,WACP,WACA,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,EAAe,EAAO;EACzB,GAAG;EACN,EACD,EACH"}

package/dist/MHeading-CvAYmqMN.cjs

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

package/dist/MHeading-CvAYmqMN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MHeading-CvAYmqMN.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 {getHiddenProps} from '../../../theme'\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    hidden,\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            ...getHiddenProps(hidden),\n            ...rest,\n        },\n        children\n    )\n}\n"],"mappings":"gIASA,SAAgB,EAAS,CACrB,QAAQ,EACR,OAAO,UACP,SACA,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,EAAA,EAAe,EAAO,CACzB,GAAG,EACN,CACD,EACH"}

package/dist/MImage-DqAx0_B0.cjs

@@ -0,0 +1,2 @@
+const e=require(`./theme-CyIOdO9W.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./useInteractionEffect-DnEfbCrX.cjs`),r=require(`./MSkeleton-BEdflu0F.cjs`);let i=require(`react`),a=require(`react/jsx-runtime`);var o={"1:1":`1 / 1`,"4:3":`4 / 3`,"16:9":`16 / 9`,"21:9":`21 / 9`};function s({fit:s=`cover`,ratio:c=`auto`,hidden:l,rounded:u=!1,bordered:d=!1,shadow:f=!1,clickEffect:p=`none`,fallback:m,skeleton:h=!1,className:g,style:_,alt:v,onError:y,...b}){let[x,S]=(0,i.useState)(!1),{effectClassName:C,effectLayer:w,handlePointerDown:T}=n.t({effect:h?`none`:p}),E=e=>{m&&!x&&(S(!0),e.currentTarget.src=m),y?.(e)},D=c!==`auto`&&!!o[c],O=D?{aspectRatio:o[c],..._}:_;if(h)return(0,a.jsx)(r.t,{variant:`rectangle`,animate:`pulse`,className:t.t(`image-skeleton`,u&&`rounded`,d&&`bordered`,g),style:O,"aria-label":`Loading`,...e.n(l)});let k=t.t(`image`,s,!w&&u&&`rounded`,!w&&d&&`bordered`,!w&&f&&`shadow`);return w?(0,a.jsxs)(`span`,{className:t.t(`image-wrap`,D&&`has-ratio`,u&&`rounded`,d&&`bordered`,f&&`shadow`,C,g),style:O,onPointerDown:T,...e.n(l),children:[w,(0,a.jsx)(`img`,{className:k,onError:E,...b,alt:v??``})]}):(0,a.jsx)(`img`,{className:t.t(k,g),style:O,onError:E,...e.n(l),...b,alt:v??``})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=MImage-DqAx0_B0.cjs.map

package/dist/MImage-DqAx0_B0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MImage-DqAx0_B0.cjs","names":[],"sources":["../src/components/media/MImage/MImage.tsx"],"sourcesContent":["import {useState} from 'react'\nimport type * as React from 'react'\nimport type {MImageProps} from './MImage.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {MSkeleton} from '../../feedback'\nimport './MImage.css'\n\nconst RATIO_MAP: Record<string, string> = {\n    '1:1': '1 / 1',\n    '4:3': '4 / 3',\n    '16:9': '16 / 9',\n    '21:9': '21 / 9',\n}\n\n// Render a styled image with aspect ratio, fit, and optional fallback.\nexport function MImage({\n    fit = 'cover',\n    ratio = 'auto',\n    hidden,\n    rounded = false,\n    bordered = false,\n    shadow = false,\n    clickEffect = 'none',\n    fallback,\n    skeleton = false,\n    className,\n    style,\n    alt,\n    onError,\n    ...rest\n}: MImageProps) {\n    const [errored, setErrored] = useState(false)\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLSpanElement>({\n        effect: skeleton ? 'none' : clickEffect,\n    })\n\n    const handleError = (e: React.SyntheticEvent<HTMLImageElement>) => {\n        if (fallback && !errored) {\n            setErrored(true)\n            e.currentTarget.src = fallback\n        }\n        onError?.(e)\n    }\n\n    const hasFixedRatio = ratio !== 'auto' && !!RATIO_MAP[ratio]\n    const ratioStyle = hasFixedRatio ? {aspectRatio: RATIO_MAP[ratio], ...style} : style\n\n    // Skeleton placeholder\n    if (skeleton) {\n        return (\n            <MSkeleton\n                variant=\"rectangle\"\n                animate=\"pulse\"\n                className={cn('image-skeleton', rounded && 'rounded', bordered && 'bordered', className)}\n                style={ratioStyle}\n                aria-label=\"Loading\"\n                {...getHiddenProps(hidden)}\n            />\n        )\n    }\n\n    const imgClassName = cn(\n        'image',\n        fit,\n        !effectLayer && rounded && 'rounded',\n        !effectLayer && bordered && 'bordered',\n        !effectLayer && shadow && 'shadow'\n    )\n\n    if (effectLayer) {\n        return (\n            <span\n                className={cn(\n                    'image-wrap',\n                    hasFixedRatio && 'has-ratio',\n                    rounded && 'rounded',\n                    bordered && 'bordered',\n                    shadow && 'shadow',\n                    effectClassName,\n                    className\n                )}\n                style={ratioStyle}\n                onPointerDown={handlePointerDown}\n                {...getHiddenProps(hidden)}\n            >\n                {effectLayer}\n                <img className={imgClassName} onError={handleError} {...rest} alt={alt ?? ''} />\n            </span>\n        )\n    }\n\n    return (\n        <img\n            className={cn(imgClassName, className)}\n            style={ratioStyle}\n            onError={handleError}\n            {...getHiddenProps(hidden)}\n            {...rest}\n            alt={alt ?? ''}\n        />\n    )\n}\n"],"mappings":"oNASA,IAAM,EAAoC,CACtC,MAAO,QACP,MAAO,QACP,OAAQ,SACR,OAAQ,SACX,CAGD,SAAgB,EAAO,CACnB,MAAM,QACN,QAAQ,OACR,SACA,UAAU,GACV,WAAW,GACX,SAAS,GACT,cAAc,OACd,WACA,WAAW,GACX,YACA,QACA,MACA,UACA,GAAG,GACS,CACZ,GAAM,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAM,CACvC,CAAC,kBAAiB,cAAa,qBAAqB,EAAA,EAAsC,CAC5F,OAAQ,EAAW,OAAS,EAC/B,CAAC,CAEI,EAAe,GAA8C,CAC3D,GAAY,CAAC,IACb,EAAW,GAAK,CAChB,EAAE,cAAc,IAAM,GAE1B,IAAU,EAAE,EAGV,EAAgB,IAAU,QAAU,CAAC,CAAC,EAAU,GAChD,EAAa,EAAgB,CAAC,YAAa,EAAU,GAAQ,GAAG,EAAM,CAAG,EAG/E,GAAI,EACA,OACI,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,QAAQ,YACR,QAAQ,QACR,UAAW,EAAA,EAAG,iBAAkB,GAAW,UAAW,GAAY,WAAY,EAAU,CACxF,MAAO,EACP,aAAW,UACX,GAAI,EAAA,EAAe,EAAO,CAC5B,CAAA,CAIV,IAAM,EAAe,EAAA,EACjB,QACA,EACA,CAAC,GAAe,GAAW,UAC3B,CAAC,GAAe,GAAY,WAC5B,CAAC,GAAe,GAAU,SAC7B,CAwBD,OAtBI,GAEI,EAAA,EAAA,MAAC,OAAD,CACI,UAAW,EAAA,EACP,aACA,GAAiB,YACjB,GAAW,UACX,GAAY,WACZ,GAAU,SACV,EACA,EACH,CACD,MAAO,EACP,cAAe,EACf,GAAI,EAAA,EAAe,EAAO,UAZ9B,CAcK,GACD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAc,QAAS,EAAa,GAAI,EAAM,IAAK,GAAO,GAAM,CAAA,CAC7E,IAKX,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,EAAG,EAAc,EAAU,CACtC,MAAO,EACP,QAAS,EACT,GAAI,EAAA,EAAe,EAAO,CAC1B,GAAI,EACJ,IAAK,GAAO,GACd,CAAA"}

package/dist/MImage-F34N1nhB.js

@@ -0,0 +1,53 @@
+import { n as e } from "./theme-Dl4EpdnW.js";
+import { t } from "./cn-YER3QsV1.js";
+import { t as n } from "./useInteractionEffect-DtpbVd77.js";
+import { t as r } from "./MSkeleton-DX9gJ311.js";
+import { useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/media/MImage/MImage.tsx
+var s = {
+	"1:1": "1 / 1",
+	"4:3": "4 / 3",
+	"16:9": "16 / 9",
+	"21:9": "21 / 9"
+};
+function c({ fit: c = "cover", ratio: l = "auto", hidden: u, rounded: d = !1, bordered: f = !1, shadow: p = !1, clickEffect: m = "none", fallback: h, skeleton: g = !1, className: _, style: v, alt: y, onError: b, ...x }) {
+	let [S, C] = i(!1), { effectClassName: w, effectLayer: T, handlePointerDown: E } = n({ effect: g ? "none" : m }), D = (e) => {
+		h && !S && (C(!0), e.currentTarget.src = h), b?.(e);
+	}, O = l !== "auto" && !!s[l], k = O ? {
+		aspectRatio: s[l],
+		...v
+	} : v;
+	if (g) return /* @__PURE__ */ a(r, {
+		variant: "rectangle",
+		animate: "pulse",
+		className: t("image-skeleton", d && "rounded", f && "bordered", _),
+		style: k,
+		"aria-label": "Loading",
+		...e(u)
+	});
+	let A = t("image", c, !T && d && "rounded", !T && f && "bordered", !T && p && "shadow");
+	return T ? /* @__PURE__ */ o("span", {
+		className: t("image-wrap", O && "has-ratio", d && "rounded", f && "bordered", p && "shadow", w, _),
+		style: k,
+		onPointerDown: E,
+		...e(u),
+		children: [T, /* @__PURE__ */ a("img", {
+			className: A,
+			onError: D,
+			...x,
+			alt: y ?? ""
+		})]
+	}) : /* @__PURE__ */ a("img", {
+		className: t(A, _),
+		style: k,
+		onError: D,
+		...e(u),
+		...x,
+		alt: y ?? ""
+	});
+}
+//#endregion
+export { c as t };
+
+//# sourceMappingURL=MImage-F34N1nhB.js.map

package/dist/MImage-F34N1nhB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MImage-F34N1nhB.js","names":[],"sources":["../src/components/media/MImage/MImage.tsx"],"sourcesContent":["import {useState} from 'react'\nimport type * as React from 'react'\nimport type {MImageProps} from './MImage.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {MSkeleton} from '../../feedback'\nimport './MImage.css'\n\nconst RATIO_MAP: Record<string, string> = {\n    '1:1': '1 / 1',\n    '4:3': '4 / 3',\n    '16:9': '16 / 9',\n    '21:9': '21 / 9',\n}\n\n// Render a styled image with aspect ratio, fit, and optional fallback.\nexport function MImage({\n    fit = 'cover',\n    ratio = 'auto',\n    hidden,\n    rounded = false,\n    bordered = false,\n    shadow = false,\n    clickEffect = 'none',\n    fallback,\n    skeleton = false,\n    className,\n    style,\n    alt,\n    onError,\n    ...rest\n}: MImageProps) {\n    const [errored, setErrored] = useState(false)\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLSpanElement>({\n        effect: skeleton ? 'none' : clickEffect,\n    })\n\n    const handleError = (e: React.SyntheticEvent<HTMLImageElement>) => {\n        if (fallback && !errored) {\n            setErrored(true)\n            e.currentTarget.src = fallback\n        }\n        onError?.(e)\n    }\n\n    const hasFixedRatio = ratio !== 'auto' && !!RATIO_MAP[ratio]\n    const ratioStyle = hasFixedRatio ? {aspectRatio: RATIO_MAP[ratio], ...style} : style\n\n    // Skeleton placeholder\n    if (skeleton) {\n        return (\n            <MSkeleton\n                variant=\"rectangle\"\n                animate=\"pulse\"\n                className={cn('image-skeleton', rounded && 'rounded', bordered && 'bordered', className)}\n                style={ratioStyle}\n                aria-label=\"Loading\"\n                {...getHiddenProps(hidden)}\n            />\n        )\n    }\n\n    const imgClassName = cn(\n        'image',\n        fit,\n        !effectLayer && rounded && 'rounded',\n        !effectLayer && bordered && 'bordered',\n        !effectLayer && shadow && 'shadow'\n    )\n\n    if (effectLayer) {\n        return (\n            <span\n                className={cn(\n                    'image-wrap',\n                    hasFixedRatio && 'has-ratio',\n                    rounded && 'rounded',\n                    bordered && 'bordered',\n                    shadow && 'shadow',\n                    effectClassName,\n                    className\n                )}\n                style={ratioStyle}\n                onPointerDown={handlePointerDown}\n                {...getHiddenProps(hidden)}\n            >\n                {effectLayer}\n                <img className={imgClassName} onError={handleError} {...rest} alt={alt ?? ''} />\n            </span>\n        )\n    }\n\n    return (\n        <img\n            className={cn(imgClassName, className)}\n            style={ratioStyle}\n            onError={handleError}\n            {...getHiddenProps(hidden)}\n            {...rest}\n            alt={alt ?? ''}\n        />\n    )\n}\n"],"mappings":";;;;;;;AASA,IAAM,IAAoC;CACtC,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACX;AAGD,SAAgB,EAAO,EACnB,SAAM,SACN,WAAQ,QACR,WACA,aAAU,IACV,cAAW,IACX,YAAS,IACT,iBAAc,QACd,aACA,cAAW,IACX,cACA,UACA,QACA,YACA,GAAG,KACS;CACZ,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,EAAC,oBAAiB,gBAAa,yBAAqB,EAAsC,EAC5F,QAAQ,IAAW,SAAS,GAC/B,CAAC,EAEI,KAAe,MAA8C;AAK/D,EAJI,KAAY,CAAC,MACb,EAAW,GAAK,EAChB,EAAE,cAAc,MAAM,IAE1B,IAAU,EAAE;IAGV,IAAgB,MAAU,UAAU,CAAC,CAAC,EAAU,IAChD,IAAa,IAAgB;EAAC,aAAa,EAAU;EAAQ,GAAG;EAAM,GAAG;AAG/E,KAAI,EACA,QACI,kBAAC,GAAD;EACI,SAAQ;EACR,SAAQ;EACR,WAAW,EAAG,kBAAkB,KAAW,WAAW,KAAY,YAAY,EAAU;EACxF,OAAO;EACP,cAAW;EACX,GAAI,EAAe,EAAO;EAC5B,CAAA;CAIV,IAAM,IAAe,EACjB,SACA,GACA,CAAC,KAAe,KAAW,WAC3B,CAAC,KAAe,KAAY,YAC5B,CAAC,KAAe,KAAU,SAC7B;AAwBD,QAtBI,IAEI,kBAAC,QAAD;EACI,WAAW,EACP,cACA,KAAiB,aACjB,KAAW,WACX,KAAY,YACZ,KAAU,UACV,GACA,EACH;EACD,OAAO;EACP,eAAe;EACf,GAAI,EAAe,EAAO;YAZ9B,CAcK,GACD,kBAAC,OAAD;GAAK,WAAW;GAAc,SAAS;GAAa,GAAI;GAAM,KAAK,KAAO;GAAM,CAAA,CAC7E;MAKX,kBAAC,OAAD;EACI,WAAW,EAAG,GAAc,EAAU;EACtC,OAAO;EACP,SAAS;EACT,GAAI,EAAe,EAAO;EAC1B,GAAI;EACJ,KAAK,KAAO;EACd,CAAA"}

package/dist/MInline-BKY7arDg.js

@@ -0,0 +1,41 @@
+import { n as e } from "./theme-Dl4EpdnW.js";
+import { t } from "./cn-YER3QsV1.js";
+import { t as n } from "./useReveal-BJ59usiL.js";
+import { n as r, t as i } from "./layoutProps-Cl6d1KmH.js";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/layout/MInline/MInline.tsx
+function o({ align: o = "center", justify: s = "start", wrap: c = "wrap", hidden: l, reveal: u, spacing: d, padding: f, fsize: p, mt: m, mb: h, ml: g, mr: _, mx: v, my: y, pt: b, pb: x, pl: S, pr: C, px: w, py: T, fullWidth: E, className: D, style: O, children: k, ...A }) {
+	let j = r({ fsize: p }), M = n(u);
+	return /* @__PURE__ */ a("div", {
+		ref: u !== void 0 && u !== !1 ? M : void 0,
+		className: t("inline", o, `justify-${s}`, c, u !== void 0 && u !== !1 && "reveal", ...i({
+			spacing: d,
+			padding: f,
+			fsize: p,
+			mt: m,
+			mb: h,
+			ml: g,
+			mr: _,
+			mx: v,
+			my: y,
+			pt: b,
+			pb: x,
+			pl: S,
+			pr: C,
+			px: w,
+			py: T,
+			fullWidth: E
+		}), D),
+		style: {
+			...j,
+			...O
+		},
+		...e(l),
+		...A,
+		children: k
+	});
+}
+//#endregion
+export { o as t };
+
+//# sourceMappingURL=MInline-BKY7arDg.js.map

package/dist/MInline-BKY7arDg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MInline-BKY7arDg.js","names":[],"sources":["../src/components/layout/MInline/MInline.tsx"],"sourcesContent":["import type {MInlineProps} from './MInline.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport {useReveal} from '../../../utils/useReveal'\nimport './MInline.css'\n\n// Arrange children horizontally with shared alignment and wrapping helpers.\nexport function MInline({\n    align = 'center',\n    justify = 'start',\n    wrap = 'wrap',\n    hidden,\n    reveal,\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MInlineProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const revealRef = useReveal<HTMLDivElement>(reveal)\n\n    return (\n        <div\n            ref={reveal !== undefined && reveal !== false ? revealRef : undefined}\n            className={cn(\n                'inline',\n                align,\n                `justify-${justify}`,\n                wrap,\n                reveal !== undefined && reveal !== false && 'reveal',\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n"],"mappings":";;;;;;AAQA,SAAgB,EAAQ,EACpB,WAAQ,UACR,aAAU,SACV,UAAO,QACP,WACA,WACA,YACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,UACA,aACA,GAAG,KACU;CACb,IAAM,IAAe,EAAuB,EAAC,UAAM,CAAC,EAC9C,IAAY,EAA0B,EAAO;AAEnD,QACI,kBAAC,OAAD;EACI,KAAK,MAAW,KAAA,KAAa,MAAW,KAAQ,IAAY,KAAA;EAC5D,WAAW,EACP,UACA,GACA,WAAW,KACX,GACA,MAAW,KAAA,KAAa,MAAW,MAAS,UAC5C,GAAG,EAA2B;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACH,CAAC,EACF,EACH;EACD,OAAO;GAAC,GAAG;GAAc,GAAG;GAAM;EAClC,GAAI,EAAe,EAAO;EAC1B,GAAI;EAEH;EACC,CAAA"}

package/dist/MInline-FgdIt6kv.cjs

@@ -0,0 +1,2 @@
+const e=require(`./theme-CyIOdO9W.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./useReveal-B_17PI89.cjs`),r=require(`./layoutProps-Ck4VtGm9.cjs`);let i=require(`react/jsx-runtime`);function a({align:a=`center`,justify:o=`start`,wrap:s=`wrap`,hidden:c,reveal:l,spacing:u,padding:d,fsize:f,mt:p,mb:m,ml:h,mr:g,mx:_,my:v,pt:y,pb:b,pl:x,pr:S,px:C,py:w,fullWidth:T,className:E,style:D,children:O,...k}){let A=r.n({fsize:f}),j=n.t(l);return(0,i.jsx)(`div`,{ref:l!==void 0&&l!==!1?j:void 0,className:t.t(`inline`,a,`justify-${o}`,s,l!==void 0&&l!==!1&&`reveal`,...r.t({spacing:u,padding:d,fsize:f,mt:p,mb:m,ml:h,mr:g,mx:_,my:v,pt:y,pb:b,pl:x,pr:S,px:C,py:w,fullWidth:T}),E),style:{...A,...D},...e.n(c),...k,children:O})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=MInline-FgdIt6kv.cjs.map

package/dist/MInline-FgdIt6kv.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MInline-FgdIt6kv.cjs","names":[],"sources":["../src/components/layout/MInline/MInline.tsx"],"sourcesContent":["import type {MInlineProps} from './MInline.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport {useReveal} from '../../../utils/useReveal'\nimport './MInline.css'\n\n// Arrange children horizontally with shared alignment and wrapping helpers.\nexport function MInline({\n    align = 'center',\n    justify = 'start',\n    wrap = 'wrap',\n    hidden,\n    reveal,\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MInlineProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const revealRef = useReveal<HTMLDivElement>(reveal)\n\n    return (\n        <div\n            ref={reveal !== undefined && reveal !== false ? revealRef : undefined}\n            className={cn(\n                'inline',\n                align,\n                `justify-${justify}`,\n                wrap,\n                reveal !== undefined && reveal !== false && 'reveal',\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n"],"mappings":"wLAQA,SAAgB,EAAQ,CACpB,QAAQ,SACR,UAAU,QACV,OAAO,OACP,SACA,SACA,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,WACA,GAAG,GACU,CACb,IAAM,EAAe,EAAA,EAAuB,CAAC,QAAM,CAAC,CAC9C,EAAY,EAAA,EAA0B,EAAO,CAEnD,OACI,EAAA,EAAA,KAAC,MAAD,CACI,IAAK,IAAW,IAAA,IAAa,IAAW,GAAQ,EAAY,IAAA,GAC5D,UAAW,EAAA,EACP,SACA,EACA,WAAW,IACX,EACA,IAAW,IAAA,IAAa,IAAW,IAAS,SAC5C,GAAG,EAAA,EAA2B,CAC1B,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACH,CAAC,CACF,EACH,CACD,MAAO,CAAC,GAAG,EAAc,GAAG,EAAM,CAClC,GAAI,EAAA,EAAe,EAAO,CAC1B,GAAI,EAEH,WACC,CAAA"}

package/dist/{MInput-BZ1ZPuk3.cjs → MInput-C_Prnehc.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./icons-Dv1T-cF4.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./useGhostText-QMdO_HK6.cjs`),r=require(`./useInteractionEffect-DnEfbCrX.cjs`),i=require(`./MButton-CX8SV1m0.cjs`);let a=require(`react`),o=require(`react/jsx-runtime`);function s(e){return e==null?``:e.toString()}function c(e,t){let[n,r]=(0,a.useState)(()=>s(t)),i=e!==void 0;return{isControlled:i,currentValue:i?s(e):n,setCurrentValue:(0,a.useCallback)(e=>{i||r(e)},[i])}}var l=(0,a.forwardRef)(function({type:s=`text`,value:l,defaultValue:u,name:d,id:f,placeholder:p,disabled:m=!1,readOnly:h=!1,required:g=!1,autoFocus:_=!1,autoComplete:v,inputMode:y,variant:ee=`outlined`,size:te=`md`,color:b,fullWidth:ne=!1,rounded:re=!1,label:x,helperText:S,errorText:C,startIcon:w,endIcon:T,clearable:E=!1,error:D=!1,success:O=!1,maxLength:k,showCharCount:A=!1,onChange:j,onFocus:M,onBlur:N,onKeyDown:P,onClear:F,ghostOptions:I,ghostMinChars:ie=2,onGhostAccept:L,loading:R=!1,clickEffect:z=`ripple`,rippleColor:B,className:ae,style:oe,inputClassName:V,labelClassName:se},H){let[U,W]=(0,a.useState)(!1),G=(0,a.useRef)(null),{effectClassName:ce,effectLayer:le,handlePointerDown:ue}=r.t({effect:z,disabled:m||h,color:B}),{isControlled:de,currentValue:K,setCurrentValue:q}=c(l,u),J=n.t({options:I??[],value:K,minChars:ie}),Y=D||!!C,fe=K.length>0,X=Y?`color-error`:b?`color-${b}`:void 0,Z=(0,a.useCallback)(e=>{W(!0),M?.(e)},[M]),Q=(0,a.useCallback)(e=>{W(!1),N?.(e)},[N]),$=(0,a.useCallback)(e=>{q(e.target.value),j?.(e),J.reset()},[j,q,J.reset]),pe=(0,a.useCallback)(e=>{if(I&&J.hint&&J.onKeyDown(e)){let e=J.accept();q(e.value),L?.(e.value);let t=H?.current??G.current;t&&((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,`value`)?.set)?.call(t,e.value),t.dispatchEvent(new Event(`input`,{bubbles:!0})));return}P?.(e)},[I,J,q,L,P,H]),me=(0,a.useCallback)(()=>{q(``);let e=H?.current??G.current;e&&((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,`value`)?.set)?.call(e,``),e.dispatchEvent(new Event(`input`,{bubbles:!0}))),F?.(),e?.focus()},[F,H,q]),he=t.t(`container`,`field-${ee}`,`field-${te}`,U&&`focused`,Y&&`input-error`,O&&!Y&&`input-success`,X,m&&`disabled`,re&&`rounded`,ce);return(0,o.jsxs)(`div`,{className:t.t(`input`,X,ne&&`full-width`,ae),style:oe,children:[x&&(0,o.jsx)(`label`,{htmlFor:f,className:t.t(`field-label`,U&&`focused`,Y&&`error`,O&&!Y&&`success`,g&&`required`,se),children:x}),(0,o.jsxs)(`div`,{className:he,onPointerDown:ue,children:[le,w&&(0,o.jsx)(`span`,{className:`start-icon`,children:w}),I?(0,o.jsxs)(`div`,{className:`ghost-text-field`,children:[(0,o.jsx)(`input`,{ref:H??G,type:s,value:K,name:d,id:f,placeholder:p,disabled:m,readOnly:h,required:g,autoFocus:_,autoComplete:v??`off`,inputMode:y,maxLength:k,className:t.t(`field`,V),onChange:$,onFocus:Z,onBlur:Q,onKeyDown:pe,"aria-invalid":Y||void 0,"aria-describedby":C?`${f}-error`:S?`${f}-helper`:void 0}),U&&J.hint&&(0,o.jsxs)(`span`,{className:`ghost-text-overlay`,"aria-hidden":`true`,children:[(0,o.jsx)(`span`,{className:`ghost-text-typed`,children:K}),(0,o.jsx)(`span`,{className:`ghost-text-hint`,children:J.hint})]})]}):(0,o.jsx)(`input`,{ref:H??G,type:s,value:K,name:d,id:f,placeholder:p,disabled:m,readOnly:h,required:g,autoFocus:_,autoComplete:v,inputMode:y,maxLength:k,className:t.t(`field`,V),onChange:$,onFocus:Z,onBlur:Q,onKeyDown:P,"aria-invalid":Y||void 0,"aria-describedby":C?`${f}-error`:S?`${f}-helper`:void 0}),R&&(0,o.jsx)(i.r,{size:`sm`,color:b}),E&&fe&&!R&&!m&&(0,o.jsx)(`button`,{type:`button`,className:`clear-btn clear-btn-base`,onClick:me,tabIndex:-1,"aria-label":`Clear input`,children:(0,o.jsx)(e.Ii,{})}),T&&!R&&(0,o.jsx)(`span`,{className:`end-icon`,children:T})]}),(C||S||A)&&(0,o.jsxs)(`div`,{className:`bottom-row`,children:[(0,o.jsxs)(`span`,{children:[C&&(0,o.jsx)(`span`,{id:f?`${f}-error`:void 0,className:`field-error`,role:`alert`,children:C}),!C&&S&&(0,o.jsx)(`span`,{id:f?`${f}-helper`:void 0,className:`field-helper`,children:S})]}),A&&k&&(0,o.jsxs)(`span`,{className:t.t(`char-count`,K.length>k&&`over`),children:[K.length,`/`,k]})]})]})});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
-//# sourceMappingURL=MInput-BZ1ZPuk3.cjs.map
+const e=require(`./icons-Dv1T-cF4.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./useGhostText-QMdO_HK6.cjs`),r=require(`./useInteractionEffect-DnEfbCrX.cjs`),i=require(`./MButton-Rg85cgO1.cjs`);let a=require(`react`),o=require(`react/jsx-runtime`);function s(e){return e==null?``:e.toString()}function c(e,t){let[n,r]=(0,a.useState)(()=>s(t)),i=e!==void 0;return{isControlled:i,currentValue:i?s(e):n,setCurrentValue:(0,a.useCallback)(e=>{i||r(e)},[i])}}var l=(0,a.forwardRef)(function({type:s=`text`,value:l,defaultValue:u,name:d,id:f,placeholder:p,disabled:m=!1,readOnly:h=!1,required:g=!1,autoFocus:_=!1,autoComplete:v,inputMode:y,variant:ee=`outlined`,size:te=`md`,color:b,fullWidth:ne=!1,rounded:re=!1,label:x,helperText:S,errorText:C,startIcon:w,endIcon:T,clearable:E=!1,error:D=!1,success:O=!1,maxLength:k,showCharCount:A=!1,onChange:j,onFocus:M,onBlur:N,onKeyDown:P,onClear:F,ghostOptions:I,ghostMinChars:ie=2,onGhostAccept:L,loading:R=!1,clickEffect:z=`ripple`,rippleColor:B,className:ae,style:oe,inputClassName:V,labelClassName:se},H){let[U,W]=(0,a.useState)(!1),G=(0,a.useRef)(null),{effectClassName:ce,effectLayer:le,handlePointerDown:ue}=r.t({effect:z,disabled:m||h,color:B}),{isControlled:de,currentValue:K,setCurrentValue:q}=c(l,u),J=n.t({options:I??[],value:K,minChars:ie}),Y=D||!!C,fe=K.length>0,X=Y?`color-error`:b?`color-${b}`:void 0,Z=(0,a.useCallback)(e=>{W(!0),M?.(e)},[M]),Q=(0,a.useCallback)(e=>{W(!1),N?.(e)},[N]),$=(0,a.useCallback)(e=>{q(e.target.value),j?.(e),J.reset()},[j,q,J.reset]),pe=(0,a.useCallback)(e=>{if(I&&J.hint&&J.onKeyDown(e)){let e=J.accept();q(e.value),L?.(e.value);let t=H?.current??G.current;t&&((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,`value`)?.set)?.call(t,e.value),t.dispatchEvent(new Event(`input`,{bubbles:!0})));return}P?.(e)},[I,J,q,L,P,H]),me=(0,a.useCallback)(()=>{q(``);let e=H?.current??G.current;e&&((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,`value`)?.set)?.call(e,``),e.dispatchEvent(new Event(`input`,{bubbles:!0}))),F?.(),e?.focus()},[F,H,q]),he=t.t(`container`,`field-${ee}`,`field-${te}`,U&&`focused`,Y&&`input-error`,O&&!Y&&`input-success`,X,m&&`disabled`,re&&`rounded`,ce);return(0,o.jsxs)(`div`,{className:t.t(`input`,X,ne&&`full-width`,ae),style:oe,children:[x&&(0,o.jsx)(`label`,{htmlFor:f,className:t.t(`field-label`,U&&`focused`,Y&&`error`,O&&!Y&&`success`,g&&`required`,se),children:x}),(0,o.jsxs)(`div`,{className:he,onPointerDown:ue,children:[le,w&&(0,o.jsx)(`span`,{className:`start-icon`,children:w}),I?(0,o.jsxs)(`div`,{className:`ghost-text-field`,children:[(0,o.jsx)(`input`,{ref:H??G,type:s,value:K,name:d,id:f,placeholder:p,disabled:m,readOnly:h,required:g,autoFocus:_,autoComplete:v??`off`,inputMode:y,maxLength:k,className:t.t(`field`,V),onChange:$,onFocus:Z,onBlur:Q,onKeyDown:pe,"aria-invalid":Y||void 0,"aria-describedby":C?`${f}-error`:S?`${f}-helper`:void 0}),U&&J.hint&&(0,o.jsxs)(`span`,{className:`ghost-text-overlay`,"aria-hidden":`true`,children:[(0,o.jsx)(`span`,{className:`ghost-text-typed`,children:K}),(0,o.jsx)(`span`,{className:`ghost-text-hint`,children:J.hint})]})]}):(0,o.jsx)(`input`,{ref:H??G,type:s,value:K,name:d,id:f,placeholder:p,disabled:m,readOnly:h,required:g,autoFocus:_,autoComplete:v,inputMode:y,maxLength:k,className:t.t(`field`,V),onChange:$,onFocus:Z,onBlur:Q,onKeyDown:P,"aria-invalid":Y||void 0,"aria-describedby":C?`${f}-error`:S?`${f}-helper`:void 0}),R&&(0,o.jsx)(i.r,{size:`sm`,color:b}),E&&fe&&!R&&!m&&(0,o.jsx)(`button`,{type:`button`,className:`clear-btn clear-btn-base`,onClick:me,tabIndex:-1,"aria-label":`Clear input`,children:(0,o.jsx)(e.Ii,{})}),T&&!R&&(0,o.jsx)(`span`,{className:`end-icon`,children:T})]}),(C||S||A)&&(0,o.jsxs)(`div`,{className:`bottom-row`,children:[(0,o.jsxs)(`span`,{children:[C&&(0,o.jsx)(`span`,{id:f?`${f}-error`:void 0,className:`field-error`,role:`alert`,children:C}),!C&&S&&(0,o.jsx)(`span`,{id:f?`${f}-helper`:void 0,className:`field-helper`,children:S})]}),A&&k&&(0,o.jsxs)(`span`,{className:t.t(`char-count`,K.length>k&&`over`),children:[K.length,`/`,k]})]})]})});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
+//# sourceMappingURL=MInput-C_Prnehc.cjs.map