@banzamel/mineralui 1.6.4 → 1.8.0

package/dist/{MLink-CY45UR_j.cjs.map → MLink-B3ImjkJV.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MLink-CY45UR_j.cjs","names":[],"sources":["../src/components/typography/MLink/MLink.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport type {MouseEvent} from 'react'\nimport type {MLinkProps} from './MLink.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport './MLink.css'\n\n// Render a semantic link that can target anchors or router link components.\nexport const MLink = forwardRef<HTMLElement, MLinkProps>(function MLink(\n    {\n        component,\n        to,\n        tone = 'default',\n        underline = 'hover',\n        hidden,\n        current = false,\n        block = false,\n        disabled = false,\n        className,\n        children,\n        href,\n        onClick,\n        ...rest\n    },\n    ref\n) {\n    const Component = component ?? 'a'\n\n    // Prevent disabled links from navigating while still exposing their content.\n    function handleClick(event: MouseEvent<HTMLAnchorElement>) {\n        if (disabled) {\n            event.preventDefault()\n            return\n        }\n\n        onClick?.(event)\n    }\n\n    return (\n        <Component\n            ref={ref}\n            href={component ? undefined : disabled ? undefined : href}\n            to={component ? to : undefined}\n            className={cn(\n                'link',\n                tone,\n                underline,\n                current && 'current',\n                block && 'block',\n                disabled && 'disabled',\n                className\n            )}\n            aria-current={current ? 'page' : undefined}\n            aria-disabled={disabled || undefined}\n            onClick={handleClick}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n})\n"],"mappings":"4JAQA,IAAa,GAAA,EAAA,EAAA,YAA4C,SACrD,CACI,YACA,KACA,OAAO,UACP,YAAY,QACZ,SACA,UAAU,GACV,QAAQ,GACR,WAAW,GACX,YACA,WACA,OACA,UACA,GAAG,GAEP,EACF,CACE,IAAM,EAAY,GAAa,IAG/B,SAAS,EAAY,EAAsC,CACvD,GAAI,EAAU,CACV,EAAM,gBAAgB,CACtB,OAGJ,IAAU,EAAM,CAGpB,OACI,EAAA,EAAA,KAAC,EAAD,CACS,MACL,KAAM,GAAwB,EAAZ,IAAA,GAAmC,EACrD,GAAI,EAAY,EAAK,IAAA,GACrB,UAAW,EAAA,EACP,OACA,EACA,EACA,GAAW,UACX,GAAS,QACT,GAAY,WACZ,EACH,CACD,eAAc,EAAU,OAAS,IAAA,GACjC,gBAAe,GAAY,IAAA,GAC3B,QAAS,EACT,GAAI,EAAA,EAAe,EAAO,CAC1B,GAAI,EAEH,WACO,CAAA,EAElB"}
+{"version":3,"file":"MLink-B3ImjkJV.cjs","names":[],"sources":["../src/components/typography/MLink/MLink.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport type {MouseEvent} from 'react'\nimport type {MLinkProps} from './MLink.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport './MLink.css'\n\n// Render a semantic link that can target anchors or router link components.\nexport const MLink = forwardRef<HTMLElement, MLinkProps>(function MLink(\n    {\n        component,\n        to,\n        tone = 'default',\n        underline = 'hover',\n        hidden,\n        current = false,\n        block = false,\n        disabled = false,\n        className,\n        children,\n        href,\n        onClick,\n        ...rest\n    },\n    ref\n) {\n    const Component = component ?? 'a'\n\n    // Prevent disabled links from navigating while still exposing their content.\n    function handleClick(event: MouseEvent<HTMLAnchorElement>) {\n        if (disabled) {\n            event.preventDefault()\n            return\n        }\n\n        onClick?.(event)\n    }\n\n    return (\n        <Component\n            ref={ref}\n            href={component ? undefined : disabled ? undefined : href}\n            to={component ? to : undefined}\n            className={cn(\n                'link',\n                tone,\n                underline,\n                current && 'current',\n                block && 'block',\n                disabled && 'disabled',\n                className\n            )}\n            aria-current={current ? 'page' : undefined}\n            aria-disabled={disabled || undefined}\n            onClick={handleClick}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n})\n"],"mappings":"4JAQA,IAAa,GAAA,EAAA,EAAA,YAA4C,SACrD,CACI,YACA,KACA,OAAO,UACP,YAAY,QACZ,SACA,UAAU,GACV,QAAQ,GACR,WAAW,GACX,YACA,WACA,OACA,UACA,GAAG,GAEP,EACF,CACE,IAAM,EAAY,GAAa,IAG/B,SAAS,EAAY,EAAsC,CACvD,GAAI,EAAU,CACV,EAAM,gBAAgB,CACtB,OAGJ,IAAU,EAAM,CAGpB,OACI,EAAA,EAAA,KAAC,EAAD,CACS,MACL,KAAM,GAAwB,EAAZ,IAAA,GAAmC,EACrD,GAAI,EAAY,EAAK,IAAA,GACrB,UAAW,EAAA,EACP,OACA,EACA,EACA,GAAW,UACX,GAAS,QACT,GAAY,WACZ,EACH,CACD,eAAc,EAAU,OAAS,IAAA,GACjC,gBAAe,GAAY,IAAA,GAC3B,QAAS,EACT,GAAI,EAAA,EAAe,EAAO,CAC1B,GAAI,EAEH,WACO,CAAA,EAElB"}

package/dist/{MModal-DT5BBgNZ.cjs → MModal-CP0e31pv.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./cn-CU5TNITO.cjs`),t=require(`./MPortal-Bi24xTGW.cjs`),n=require(`./MSkeleton-5j1h9s95.cjs`);require(`./core-AKWkE8Bx.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);var a=540;function o({open:o,onClose:s,title:c,description:l,footer:u,size:d=`md`,closeOnBackdrop:f=!0,closeOnEscape:p=!0,className:m,children:h,...g}){let[_,v]=(0,r.useState)(!1),[y,b]=(0,r.useState)(!1),x=(0,r.useRef)(null);return(0,r.useEffect)(()=>{o&&(v(!0),b(!1))},[o]),(0,r.useEffect)(()=>{if(!o&&_){b(!0);let e=setTimeout(()=>{v(!1),b(!1)},a);return()=>clearTimeout(e)}},[o,_]),(0,r.useEffect)(()=>{if(!o||!p)return;let e=e=>{e.key===`Escape`&&s()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[p,s,o]),(0,r.useEffect)(()=>{if(!_)return;let e=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=e}},[_]),_?(0,i.jsx)(t.t,{children:(0,i.jsx)(`div`,{ref:x,className:e.t(`mineral-backdrop`,`modal-backdrop`,y&&`closing`),onMouseDown:e=>{f&&e.target===e.currentTarget&&s()},children:(0,i.jsx)(`div`,{className:`modal-shell`,children:(0,i.jsxs)(n.n,{className:e.t(`modal`,d,m),role:`dialog`,"aria-modal":`true`,"aria-labelledby":c?`mineral-modal-title`:void 0,...g,children:[(c||l)&&(0,i.jsxs)(n.a,{children:[c&&(0,i.jsx)(`div`,{id:`mineral-modal-title`,className:`modal-title`,children:c}),l&&(0,i.jsx)(`div`,{className:`modal-description`,children:l})]}),(0,i.jsx)(n.r,{children:h}),u&&(0,i.jsx)(n.i,{children:u})]})})})}):null}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=MModal-DT5BBgNZ.cjs.map
+const e=require(`./cn-CU5TNITO.cjs`),t=require(`./MPortal-BIxPtFYd.cjs`),n=require(`./MSkeleton-BdwhPx-k.cjs`);require(`./core-DAox0BHy.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);var a=540;function o({open:o,onClose:s,title:c,description:l,footer:u,size:d=`md`,closeOnBackdrop:f=!0,closeOnEscape:p=!0,className:m,children:h,...g}){let[_,v]=(0,r.useState)(!1),[y,b]=(0,r.useState)(!1),x=(0,r.useRef)(null);return(0,r.useEffect)(()=>{o&&(v(!0),b(!1))},[o]),(0,r.useEffect)(()=>{if(!o&&_){b(!0);let e=setTimeout(()=>{v(!1),b(!1)},a);return()=>clearTimeout(e)}},[o,_]),(0,r.useEffect)(()=>{if(!o||!p)return;let e=e=>{e.key===`Escape`&&s()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[p,s,o]),(0,r.useEffect)(()=>{if(!_)return;let e=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=e}},[_]),_?(0,i.jsx)(t.t,{children:(0,i.jsx)(`div`,{ref:x,className:e.t(`mineral-backdrop`,`modal-backdrop`,y&&`closing`),onMouseDown:e=>{f&&e.target===e.currentTarget&&s()},children:(0,i.jsx)(`div`,{className:`modal-shell`,children:(0,i.jsxs)(n.n,{className:e.t(`modal`,d,m),role:`dialog`,"aria-modal":`true`,"aria-labelledby":c?`mineral-modal-title`:void 0,...g,children:[(c||l)&&(0,i.jsxs)(n.a,{children:[c&&(0,i.jsx)(`div`,{id:`mineral-modal-title`,className:`modal-title`,children:c}),l&&(0,i.jsx)(`div`,{className:`modal-description`,children:l})]}),(0,i.jsx)(n.r,{children:h}),u&&(0,i.jsx)(n.i,{children:u})]})})})}):null}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=MModal-CP0e31pv.cjs.map

package/dist/{MModal-DT5BBgNZ.cjs.map → MModal-CP0e31pv.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MModal-DT5BBgNZ.cjs","names":[],"sources":["../src/components/overlays/MModal/MModal.tsx"],"sourcesContent":["import {useEffect, useState, useCallback, useRef} from 'react'\nimport type {MouseEvent} from 'react'\nimport type {MModalProps} from './MModal.types'\nimport {MCard, MCardBody, MCardFooter, MCardHeader} from '../../cards'\nimport {MPortal} from '../../primitives'\nimport {cn} from '../../../utils/cn'\nimport './MModal.css'\n\nconst EXIT_DURATION = 540\n\n// Render blocking overlay content for dense details and mobile-friendly dialogs.\nexport function MModal({\n    open,\n    onClose,\n    title,\n    description,\n    footer,\n    size = 'md',\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    className,\n    children,\n    ...rest\n}: MModalProps) {\n    const [mounted, setMounted] = useState(false)\n    const [closing, setClosing] = useState(false)\n    const backdropRef = useRef<HTMLDivElement>(null)\n\n    // Open → mount immediately\n    useEffect(() => {\n        if (open) {\n            setMounted(true)\n            setClosing(false)\n        }\n    }, [open])\n\n    // Close → animate out, then unmount\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 = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') onClose()\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [closeOnEscape, onClose, open])\n\n    useEffect(() => {\n        if (!mounted) return\n\n        const previousOverflow = document.body.style.overflow\n        document.body.style.overflow = 'hidden'\n\n        return () => {\n            document.body.style.overflow = previousOverflow\n        }\n    }, [mounted])\n\n    if (!mounted) return null\n\n    const handleBackdropClick = (event: MouseEvent<HTMLDivElement>) => {\n        if (!closeOnBackdrop) return\n        if (event.target === event.currentTarget) onClose()\n    }\n\n    return (\n        <MPortal>\n            <div\n                ref={backdropRef}\n                className={cn('mineral-backdrop', 'modal-backdrop', closing && 'closing')}\n                onMouseDown={handleBackdropClick}\n            >\n                <div className={'modal-shell'}>\n                    <MCard\n                        className={cn('modal', size, className)}\n                        role={'dialog'}\n                        aria-modal={'true'}\n                        aria-labelledby={title ? 'mineral-modal-title' : undefined}\n                        {...rest}\n                    >\n                        {(title || description) && (\n                            <MCardHeader>\n                                {title && (\n                                    <div id={'mineral-modal-title'} className={'modal-title'}>\n                                        {title}\n                                    </div>\n                                )}\n                                {description && <div className={'modal-description'}>{description}</div>}\n                            </MCardHeader>\n                        )}\n                        <MCardBody>{children}</MCardBody>\n                        {footer && <MCardFooter>{footer}</MCardFooter>}\n                    </MCard>\n                </div>\n            </div>\n        </MPortal>\n    )\n}\n"],"mappings":"oMAQA,IAAM,EAAgB,IAGtB,SAAgB,EAAO,CACnB,OACA,UACA,QACA,cACA,SACA,OAAO,KACP,kBAAkB,GAClB,gBAAgB,GAChB,YACA,WACA,GAAG,GACS,CACZ,GAAM,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAM,CACvC,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAM,CACvC,GAAA,EAAA,EAAA,QAAqC,KAAK,CAmDhD,OAhDA,EAAA,EAAA,eAAgB,CACR,IACA,EAAW,GAAK,CAChB,EAAW,GAAM,GAEtB,CAAC,EAAK,CAAC,EAGV,EAAA,EAAA,eAAgB,CACZ,GAAI,CAAC,GAAQ,EAAS,CAClB,EAAW,GAAK,CAChB,IAAM,EAAQ,eAAiB,CAC3B,EAAW,GAAM,CACjB,EAAW,GAAM,EAClB,EAAc,CACjB,UAAa,aAAa,EAAM,GAErC,CAAC,EAAM,EAAQ,CAAC,EAEnB,EAAA,EAAA,eAAgB,CACZ,GAAI,CAAC,GAAQ,CAAC,EAAe,OAE7B,IAAM,EAAiB,GAAyB,CACxC,EAAM,MAAQ,UAAU,GAAS,EAIzC,OADA,SAAS,iBAAiB,UAAW,EAAc,KACtC,SAAS,oBAAoB,UAAW,EAAc,EACpE,CAAC,EAAe,EAAS,EAAK,CAAC,EAElC,EAAA,EAAA,eAAgB,CACZ,GAAI,CAAC,EAAS,OAEd,IAAM,EAAmB,SAAS,KAAK,MAAM,SAG7C,MAFA,UAAS,KAAK,MAAM,SAAW,aAElB,CACT,SAAS,KAAK,MAAM,SAAW,IAEpC,CAAC,EAAQ,CAAC,CAER,GAQD,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,UACI,EAAA,EAAA,KAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,EAAG,mBAAoB,iBAAkB,GAAW,UAAU,CACzE,YAViB,GAAsC,CAC1D,GACD,EAAM,SAAW,EAAM,eAAe,GAAS,YAU3C,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,wBACZ,EAAA,EAAA,MAAC,EAAA,EAAD,CACI,UAAW,EAAA,EAAG,QAAS,EAAM,EAAU,CACvC,KAAM,SACN,aAAY,OACZ,kBAAiB,EAAQ,sBAAwB,IAAA,GACjD,GAAI,WALR,EAOM,GAAS,KACP,EAAA,EAAA,MAAC,EAAA,EAAD,CAAA,SAAA,CACK,IACG,EAAA,EAAA,KAAC,MAAD,CAAK,GAAI,sBAAuB,UAAW,uBACtC,EACC,CAAA,CAET,IAAe,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,6BAAsB,EAAkB,CAAA,CAC9D,CAAA,CAAA,EAElB,EAAA,EAAA,KAAC,EAAA,EAAD,CAAY,WAAqB,CAAA,CAChC,IAAU,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,SAAc,EAAqB,CAAA,CAC1C,GACN,CAAA,CACJ,CAAA,CACA,CAAA,CArCO"}
+{"version":3,"file":"MModal-CP0e31pv.cjs","names":[],"sources":["../src/components/overlays/MModal/MModal.tsx"],"sourcesContent":["import {useEffect, useState, useCallback, useRef} from 'react'\nimport type {MouseEvent} from 'react'\nimport type {MModalProps} from './MModal.types'\nimport {MCard, MCardBody, MCardFooter, MCardHeader} from '../../cards'\nimport {MPortal} from '../../primitives'\nimport {cn} from '../../../utils/cn'\nimport './MModal.css'\n\nconst EXIT_DURATION = 540\n\n// Render blocking overlay content for dense details and mobile-friendly dialogs.\nexport function MModal({\n    open,\n    onClose,\n    title,\n    description,\n    footer,\n    size = 'md',\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    className,\n    children,\n    ...rest\n}: MModalProps) {\n    const [mounted, setMounted] = useState(false)\n    const [closing, setClosing] = useState(false)\n    const backdropRef = useRef<HTMLDivElement>(null)\n\n    // Open → mount immediately\n    useEffect(() => {\n        if (open) {\n            setMounted(true)\n            setClosing(false)\n        }\n    }, [open])\n\n    // Close → animate out, then unmount\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 = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') onClose()\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [closeOnEscape, onClose, open])\n\n    useEffect(() => {\n        if (!mounted) return\n\n        const previousOverflow = document.body.style.overflow\n        document.body.style.overflow = 'hidden'\n\n        return () => {\n            document.body.style.overflow = previousOverflow\n        }\n    }, [mounted])\n\n    if (!mounted) return null\n\n    const handleBackdropClick = (event: MouseEvent<HTMLDivElement>) => {\n        if (!closeOnBackdrop) return\n        if (event.target === event.currentTarget) onClose()\n    }\n\n    return (\n        <MPortal>\n            <div\n                ref={backdropRef}\n                className={cn('mineral-backdrop', 'modal-backdrop', closing && 'closing')}\n                onMouseDown={handleBackdropClick}\n            >\n                <div className={'modal-shell'}>\n                    <MCard\n                        className={cn('modal', size, className)}\n                        role={'dialog'}\n                        aria-modal={'true'}\n                        aria-labelledby={title ? 'mineral-modal-title' : undefined}\n                        {...rest}\n                    >\n                        {(title || description) && (\n                            <MCardHeader>\n                                {title && (\n                                    <div id={'mineral-modal-title'} className={'modal-title'}>\n                                        {title}\n                                    </div>\n                                )}\n                                {description && <div className={'modal-description'}>{description}</div>}\n                            </MCardHeader>\n                        )}\n                        <MCardBody>{children}</MCardBody>\n                        {footer && <MCardFooter>{footer}</MCardFooter>}\n                    </MCard>\n                </div>\n            </div>\n        </MPortal>\n    )\n}\n"],"mappings":"oMAQA,IAAM,EAAgB,IAGtB,SAAgB,EAAO,CACnB,OACA,UACA,QACA,cACA,SACA,OAAO,KACP,kBAAkB,GAClB,gBAAgB,GAChB,YACA,WACA,GAAG,GACS,CACZ,GAAM,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAM,CACvC,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAM,CACvC,GAAA,EAAA,EAAA,QAAqC,KAAK,CAmDhD,OAhDA,EAAA,EAAA,eAAgB,CACR,IACA,EAAW,GAAK,CAChB,EAAW,GAAM,GAEtB,CAAC,EAAK,CAAC,EAGV,EAAA,EAAA,eAAgB,CACZ,GAAI,CAAC,GAAQ,EAAS,CAClB,EAAW,GAAK,CAChB,IAAM,EAAQ,eAAiB,CAC3B,EAAW,GAAM,CACjB,EAAW,GAAM,EAClB,EAAc,CACjB,UAAa,aAAa,EAAM,GAErC,CAAC,EAAM,EAAQ,CAAC,EAEnB,EAAA,EAAA,eAAgB,CACZ,GAAI,CAAC,GAAQ,CAAC,EAAe,OAE7B,IAAM,EAAiB,GAAyB,CACxC,EAAM,MAAQ,UAAU,GAAS,EAIzC,OADA,SAAS,iBAAiB,UAAW,EAAc,KACtC,SAAS,oBAAoB,UAAW,EAAc,EACpE,CAAC,EAAe,EAAS,EAAK,CAAC,EAElC,EAAA,EAAA,eAAgB,CACZ,GAAI,CAAC,EAAS,OAEd,IAAM,EAAmB,SAAS,KAAK,MAAM,SAG7C,MAFA,UAAS,KAAK,MAAM,SAAW,aAElB,CACT,SAAS,KAAK,MAAM,SAAW,IAEpC,CAAC,EAAQ,CAAC,CAER,GAQD,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,UACI,EAAA,EAAA,KAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,EAAG,mBAAoB,iBAAkB,GAAW,UAAU,CACzE,YAViB,GAAsC,CAC1D,GACD,EAAM,SAAW,EAAM,eAAe,GAAS,YAU3C,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,wBACZ,EAAA,EAAA,MAAC,EAAA,EAAD,CACI,UAAW,EAAA,EAAG,QAAS,EAAM,EAAU,CACvC,KAAM,SACN,aAAY,OACZ,kBAAiB,EAAQ,sBAAwB,IAAA,GACjD,GAAI,WALR,EAOM,GAAS,KACP,EAAA,EAAA,MAAC,EAAA,EAAD,CAAA,SAAA,CACK,IACG,EAAA,EAAA,KAAC,MAAD,CAAK,GAAI,sBAAuB,UAAW,uBACtC,EACC,CAAA,CAET,IAAe,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,6BAAsB,EAAkB,CAAA,CAC9D,CAAA,CAAA,EAElB,EAAA,EAAA,KAAC,EAAA,EAAD,CAAY,WAAqB,CAAA,CAChC,IAAU,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,SAAc,EAAqB,CAAA,CAC1C,GACN,CAAA,CACJ,CAAA,CACA,CAAA,CArCO"}

package/dist/{MModal-BDTAgnrm.js → MModal-DGmeQlWo.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-YER3QsV1.js";
 import { t } from "./MPortal-Ba2Sxset.js";
-import { a as n, i as r, n as i, r as a } from "./MSkeleton-DGhtNmpI.js";
+import { a as n, i as r, n as i, r as a } from "./MSkeleton-BvXgnYs_.js";
 import { useEffect as o, useRef as s, useState as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/overlays/MModal/MModal.tsx
@@ -66,4 +66,4 @@ function f({ open: f, onClose: p, title: m, description: h, footer: g, size: _ =
 //#endregion
 export { f as t };
 
-//# sourceMappingURL=MModal-BDTAgnrm.js.map
+//# sourceMappingURL=MModal-DGmeQlWo.js.map

package/dist/{MModal-BDTAgnrm.js.map → MModal-DGmeQlWo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MModal-BDTAgnrm.js","names":[],"sources":["../src/components/overlays/MModal/MModal.tsx"],"sourcesContent":["import {useEffect, useState, useCallback, useRef} from 'react'\nimport type {MouseEvent} from 'react'\nimport type {MModalProps} from './MModal.types'\nimport {MCard, MCardBody, MCardFooter, MCardHeader} from '../../cards'\nimport {MPortal} from '../../primitives'\nimport {cn} from '../../../utils/cn'\nimport './MModal.css'\n\nconst EXIT_DURATION = 540\n\n// Render blocking overlay content for dense details and mobile-friendly dialogs.\nexport function MModal({\n    open,\n    onClose,\n    title,\n    description,\n    footer,\n    size = 'md',\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    className,\n    children,\n    ...rest\n}: MModalProps) {\n    const [mounted, setMounted] = useState(false)\n    const [closing, setClosing] = useState(false)\n    const backdropRef = useRef<HTMLDivElement>(null)\n\n    // Open → mount immediately\n    useEffect(() => {\n        if (open) {\n            setMounted(true)\n            setClosing(false)\n        }\n    }, [open])\n\n    // Close → animate out, then unmount\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 = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') onClose()\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [closeOnEscape, onClose, open])\n\n    useEffect(() => {\n        if (!mounted) return\n\n        const previousOverflow = document.body.style.overflow\n        document.body.style.overflow = 'hidden'\n\n        return () => {\n            document.body.style.overflow = previousOverflow\n        }\n    }, [mounted])\n\n    if (!mounted) return null\n\n    const handleBackdropClick = (event: MouseEvent<HTMLDivElement>) => {\n        if (!closeOnBackdrop) return\n        if (event.target === event.currentTarget) onClose()\n    }\n\n    return (\n        <MPortal>\n            <div\n                ref={backdropRef}\n                className={cn('mineral-backdrop', 'modal-backdrop', closing && 'closing')}\n                onMouseDown={handleBackdropClick}\n            >\n                <div className={'modal-shell'}>\n                    <MCard\n                        className={cn('modal', size, className)}\n                        role={'dialog'}\n                        aria-modal={'true'}\n                        aria-labelledby={title ? 'mineral-modal-title' : undefined}\n                        {...rest}\n                    >\n                        {(title || description) && (\n                            <MCardHeader>\n                                {title && (\n                                    <div id={'mineral-modal-title'} className={'modal-title'}>\n                                        {title}\n                                    </div>\n                                )}\n                                {description && <div className={'modal-description'}>{description}</div>}\n                            </MCardHeader>\n                        )}\n                        <MCardBody>{children}</MCardBody>\n                        {footer && <MCardFooter>{footer}</MCardFooter>}\n                    </MCard>\n                </div>\n            </div>\n        </MPortal>\n    )\n}\n"],"mappings":";;;;;;AAQA,IAAM,IAAgB;AAGtB,SAAgB,EAAO,EACnB,SACA,YACA,UACA,gBACA,WACA,UAAO,MACP,qBAAkB,IAClB,mBAAgB,IAChB,cACA,aACA,GAAG,KACS;CACZ,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,IAAc,EAAuB,KAAK;AAmDhD,QAhDA,QAAgB;AACZ,EAAI,MACA,EAAW,GAAK,EAChB,EAAW,GAAM;IAEtB,CAAC,EAAK,CAAC,EAGV,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,MAAyB;AAC5C,GAAI,EAAM,QAAQ,YAAU,GAAS;;AAIzC,SADA,SAAS,iBAAiB,WAAW,EAAc,QACtC,SAAS,oBAAoB,WAAW,EAAc;IACpE;EAAC;EAAe;EAAS;EAAK,CAAC,EAElC,QAAgB;AACZ,MAAI,CAAC,EAAS;EAEd,IAAM,IAAmB,SAAS,KAAK,MAAM;AAG7C,SAFA,SAAS,KAAK,MAAM,WAAW,gBAElB;AACT,YAAS,KAAK,MAAM,WAAW;;IAEpC,CAAC,EAAQ,CAAC,EAER,IAQD,kBAAC,GAAD,EAAA,UACI,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EAAG,oBAAoB,kBAAkB,KAAW,UAAU;EACzE,cAViB,MAAsC;AAC1D,QACD,EAAM,WAAW,EAAM,iBAAe,GAAS;;YAU3C,kBAAC,OAAD;GAAK,WAAW;aACZ,kBAAC,GAAD;IACI,WAAW,EAAG,SAAS,GAAM,EAAU;IACvC,MAAM;IACN,cAAY;IACZ,mBAAiB,IAAQ,wBAAwB,KAAA;IACjD,GAAI;cALR;MAOM,KAAS,MACP,kBAAC,GAAD,EAAA,UAAA,CACK,KACG,kBAAC,OAAD;MAAK,IAAI;MAAuB,WAAW;gBACtC;MACC,CAAA,EAET,KAAe,kBAAC,OAAD;MAAK,WAAW;gBAAsB;MAAkB,CAAA,CAC9D,EAAA,CAAA;KAElB,kBAAC,GAAD,EAAY,aAAqB,CAAA;KAChC,KAAU,kBAAC,GAAD,EAAA,UAAc,GAAqB,CAAA;KAC1C;;GACN,CAAA;EACJ,CAAA,EACA,CAAA,GArCO"}
+{"version":3,"file":"MModal-DGmeQlWo.js","names":[],"sources":["../src/components/overlays/MModal/MModal.tsx"],"sourcesContent":["import {useEffect, useState, useCallback, useRef} from 'react'\nimport type {MouseEvent} from 'react'\nimport type {MModalProps} from './MModal.types'\nimport {MCard, MCardBody, MCardFooter, MCardHeader} from '../../cards'\nimport {MPortal} from '../../primitives'\nimport {cn} from '../../../utils/cn'\nimport './MModal.css'\n\nconst EXIT_DURATION = 540\n\n// Render blocking overlay content for dense details and mobile-friendly dialogs.\nexport function MModal({\n    open,\n    onClose,\n    title,\n    description,\n    footer,\n    size = 'md',\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    className,\n    children,\n    ...rest\n}: MModalProps) {\n    const [mounted, setMounted] = useState(false)\n    const [closing, setClosing] = useState(false)\n    const backdropRef = useRef<HTMLDivElement>(null)\n\n    // Open → mount immediately\n    useEffect(() => {\n        if (open) {\n            setMounted(true)\n            setClosing(false)\n        }\n    }, [open])\n\n    // Close → animate out, then unmount\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 = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') onClose()\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [closeOnEscape, onClose, open])\n\n    useEffect(() => {\n        if (!mounted) return\n\n        const previousOverflow = document.body.style.overflow\n        document.body.style.overflow = 'hidden'\n\n        return () => {\n            document.body.style.overflow = previousOverflow\n        }\n    }, [mounted])\n\n    if (!mounted) return null\n\n    const handleBackdropClick = (event: MouseEvent<HTMLDivElement>) => {\n        if (!closeOnBackdrop) return\n        if (event.target === event.currentTarget) onClose()\n    }\n\n    return (\n        <MPortal>\n            <div\n                ref={backdropRef}\n                className={cn('mineral-backdrop', 'modal-backdrop', closing && 'closing')}\n                onMouseDown={handleBackdropClick}\n            >\n                <div className={'modal-shell'}>\n                    <MCard\n                        className={cn('modal', size, className)}\n                        role={'dialog'}\n                        aria-modal={'true'}\n                        aria-labelledby={title ? 'mineral-modal-title' : undefined}\n                        {...rest}\n                    >\n                        {(title || description) && (\n                            <MCardHeader>\n                                {title && (\n                                    <div id={'mineral-modal-title'} className={'modal-title'}>\n                                        {title}\n                                    </div>\n                                )}\n                                {description && <div className={'modal-description'}>{description}</div>}\n                            </MCardHeader>\n                        )}\n                        <MCardBody>{children}</MCardBody>\n                        {footer && <MCardFooter>{footer}</MCardFooter>}\n                    </MCard>\n                </div>\n            </div>\n        </MPortal>\n    )\n}\n"],"mappings":";;;;;;AAQA,IAAM,IAAgB;AAGtB,SAAgB,EAAO,EACnB,SACA,YACA,UACA,gBACA,WACA,UAAO,MACP,qBAAkB,IAClB,mBAAgB,IAChB,cACA,aACA,GAAG,KACS;CACZ,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,IAAc,EAAuB,KAAK;AAmDhD,QAhDA,QAAgB;AACZ,EAAI,MACA,EAAW,GAAK,EAChB,EAAW,GAAM;IAEtB,CAAC,EAAK,CAAC,EAGV,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,MAAyB;AAC5C,GAAI,EAAM,QAAQ,YAAU,GAAS;;AAIzC,SADA,SAAS,iBAAiB,WAAW,EAAc,QACtC,SAAS,oBAAoB,WAAW,EAAc;IACpE;EAAC;EAAe;EAAS;EAAK,CAAC,EAElC,QAAgB;AACZ,MAAI,CAAC,EAAS;EAEd,IAAM,IAAmB,SAAS,KAAK,MAAM;AAG7C,SAFA,SAAS,KAAK,MAAM,WAAW,gBAElB;AACT,YAAS,KAAK,MAAM,WAAW;;IAEpC,CAAC,EAAQ,CAAC,EAER,IAQD,kBAAC,GAAD,EAAA,UACI,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EAAG,oBAAoB,kBAAkB,KAAW,UAAU;EACzE,cAViB,MAAsC;AAC1D,QACD,EAAM,WAAW,EAAM,iBAAe,GAAS;;YAU3C,kBAAC,OAAD;GAAK,WAAW;aACZ,kBAAC,GAAD;IACI,WAAW,EAAG,SAAS,GAAM,EAAU;IACvC,MAAM;IACN,cAAY;IACZ,mBAAiB,IAAQ,wBAAwB,KAAA;IACjD,GAAI;cALR;MAOM,KAAS,MACP,kBAAC,GAAD,EAAA,UAAA,CACK,KACG,kBAAC,OAAD;MAAK,IAAI;MAAuB,WAAW;gBACtC;MACC,CAAA,EAET,KAAe,kBAAC,OAAD;MAAK,WAAW;gBAAsB;MAAkB,CAAA,CAC9D,EAAA,CAAA;KAElB,kBAAC,GAAD,EAAY,aAAqB,CAAA;KAChC,KAAU,kBAAC,GAAD,EAAA,UAAc,GAAqB,CAAA;KAC1C;;GACN,CAAA;EACJ,CAAA,EACA,CAAA,GArCO"}

package/dist/{MPagination-CZEJMJzZ.cjs → MPagination-CS62B9kZ.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./icons-DWMgDKgt.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./MButton-DrkVdRDy.cjs`);require(`./core-AKWkE8Bx.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);function a(e,t){let n=[];for(let r=e;r<=t;r++)n.push(r);return n}function o(e,t,n,r){if(e<=r*2+n*2+3)return a(1,e);let i=Math.max(t-n,r+2),o=Math.min(t+n,e-r-1),s=i>r+2,c=o<e-r-1,l=a(1,r),u=a(e-r+1,e);if(!s&&c)return[...a(1,n*2+r+2),`dots`,...u];if(s&&!c){let t=n*2+r+2;return[...l,`dots`,...a(e-t+1,e)]}return[...l,`dots`,...a(i,o),`dots`,...u]}function s({total:a,page:s,pageSize:c=10,onChange:l,siblings:u=1,boundaries:d=1,variant:f=`numbered`,className:p,...m}){let h=Math.max(1,Math.ceil(a/c)),g=Math.min(Math.max(1,s),h),_=(0,r.useMemo)(()=>o(h,g,u,d),[h,g,u,d]);return f===`simple`?(0,i.jsxs)(`nav`,{"aria-label":`pagination`,className:t.t(`pagination`,p),...m,children:[(0,i.jsx)(n.t,{variant:`outlined`,size:`sm`,iconOnly:!0,disabled:g<=1,onClick:()=>l(g-1),className:`nav`,children:(0,i.jsx)(e.Fi,{})}),(0,i.jsxs)(`span`,{className:`info`,children:[g,` / `,h]}),(0,i.jsx)(n.t,{variant:`outlined`,size:`sm`,iconOnly:!0,disabled:g>=h,onClick:()=>l(g+1),className:`nav`,children:(0,i.jsx)(e.Pi,{})})]}):(0,i.jsxs)(`nav`,{"aria-label":`pagination`,className:t.t(`pagination`,p),...m,children:[(0,i.jsx)(n.t,{variant:`outlined`,size:`sm`,iconOnly:!0,disabled:g<=1,onClick:()=>l(g-1),className:`nav`,children:(0,i.jsx)(e.Fi,{})}),_.map((e,n)=>e===`dots`?(0,i.jsx)(`span`,{className:`dots`,children:`…`},`dots-${n}`):(0,i.jsx)(`button`,{type:`button`,className:t.t(`btn`,e===g&&`active`),onClick:()=>l(e),children:e},e)),(0,i.jsx)(n.t,{variant:`outlined`,size:`sm`,iconOnly:!0,disabled:g>=h,onClick:()=>l(g+1),className:`nav`,children:(0,i.jsx)(e.Pi,{})})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
-//# sourceMappingURL=MPagination-CZEJMJzZ.cjs.map
+const e=require(`./icons-qCoE70hn.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./MButton-8UCydOik.cjs`);require(`./core-DAox0BHy.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);function a(e,t){let n=[];for(let r=e;r<=t;r++)n.push(r);return n}function o(e,t,n,r){if(e<=r*2+n*2+3)return a(1,e);let i=Math.max(t-n,r+2),o=Math.min(t+n,e-r-1),s=i>r+2,c=o<e-r-1,l=a(1,r),u=a(e-r+1,e);if(!s&&c)return[...a(1,n*2+r+2),`dots`,...u];if(s&&!c){let t=n*2+r+2;return[...l,`dots`,...a(e-t+1,e)]}return[...l,`dots`,...a(i,o),`dots`,...u]}function s({total:a,page:s,pageSize:c=10,onChange:l,siblings:u=1,boundaries:d=1,variant:f=`numbered`,className:p,...m}){let h=Math.max(1,Math.ceil(a/c)),g=Math.min(Math.max(1,s),h),_=(0,r.useMemo)(()=>o(h,g,u,d),[h,g,u,d]);return f===`simple`?(0,i.jsxs)(`nav`,{"aria-label":`pagination`,className:t.t(`pagination`,p),...m,children:[(0,i.jsx)(n.t,{variant:`outlined`,size:`sm`,iconOnly:!0,disabled:g<=1,onClick:()=>l(g-1),className:`nav`,children:(0,i.jsx)(e.Fi,{})}),(0,i.jsxs)(`span`,{className:`info`,children:[g,` / `,h]}),(0,i.jsx)(n.t,{variant:`outlined`,size:`sm`,iconOnly:!0,disabled:g>=h,onClick:()=>l(g+1),className:`nav`,children:(0,i.jsx)(e.Pi,{})})]}):(0,i.jsxs)(`nav`,{"aria-label":`pagination`,className:t.t(`pagination`,p),...m,children:[(0,i.jsx)(n.t,{variant:`outlined`,size:`sm`,iconOnly:!0,disabled:g<=1,onClick:()=>l(g-1),className:`nav`,children:(0,i.jsx)(e.Fi,{})}),_.map((e,n)=>e===`dots`?(0,i.jsx)(`span`,{className:`dots`,children:`…`},`dots-${n}`):(0,i.jsx)(`button`,{type:`button`,className:t.t(`btn`,e===g&&`active`),onClick:()=>l(e),children:e},e)),(0,i.jsx)(n.t,{variant:`outlined`,size:`sm`,iconOnly:!0,disabled:g>=h,onClick:()=>l(g+1),className:`nav`,children:(0,i.jsx)(e.Pi,{})})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=MPagination-CS62B9kZ.cjs.map

package/dist/{MPagination-CZEJMJzZ.cjs.map → MPagination-CS62B9kZ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MPagination-CZEJMJzZ.cjs","names":[],"sources":["../src/components/layout/MPagination/MPagination.tsx"],"sourcesContent":["import {useMemo} from 'react'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\nimport type {MPaginationProps} from './MPagination.types'\nimport './MPagination.css'\n\nfunction range(start: number, end: number): number[] {\n    const result: number[] = []\n    for (let i = start; i <= end; i++) result.push(i)\n    return result\n}\n\nfunction buildPages(totalPages: number, page: number, siblings: number, boundaries: number): (number | 'dots')[] {\n    if (totalPages <= boundaries * 2 + siblings * 2 + 3) {\n        return range(1, totalPages)\n    }\n\n    const leftBound = Math.max(page - siblings, boundaries + 2)\n    const rightBound = Math.min(page + siblings, totalPages - boundaries - 1)\n\n    const showLeftDots = leftBound > boundaries + 2\n    const showRightDots = rightBound < totalPages - boundaries - 1\n\n    const leftEdge = range(1, boundaries)\n    const rightEdge = range(totalPages - boundaries + 1, totalPages)\n\n    if (!showLeftDots && showRightDots) {\n        const leftCount = siblings * 2 + boundaries + 2\n        return [...range(1, leftCount), 'dots', ...rightEdge]\n    }\n\n    if (showLeftDots && !showRightDots) {\n        const rightCount = siblings * 2 + boundaries + 2\n        return [...leftEdge, 'dots', ...range(totalPages - rightCount + 1, totalPages)]\n    }\n\n    return [...leftEdge, 'dots', ...range(leftBound, rightBound), 'dots', ...rightEdge]\n}\n\nexport function MPagination({\n    total,\n    page,\n    pageSize = 10,\n    onChange,\n    siblings = 1,\n    boundaries = 1,\n    variant = 'numbered',\n    className,\n    ...rest\n}: MPaginationProps) {\n    const totalPages = Math.max(1, Math.ceil(total / pageSize))\n    const currentPage = Math.min(Math.max(1, page), totalPages)\n\n    const pages = useMemo(\n        () => buildPages(totalPages, currentPage, siblings, boundaries),\n        [totalPages, currentPage, siblings, boundaries]\n    )\n\n    if (variant === 'simple') {\n        return (\n            <nav aria-label=\"pagination\" className={cn('pagination', className)} {...rest}>\n                <MButton\n                    variant=\"outlined\"\n                    size=\"sm\"\n                    iconOnly\n                    disabled={currentPage <= 1}\n                    onClick={() => onChange(currentPage - 1)}\n                    className=\"nav\"\n                >\n                    <MChevronLeftIcon />\n                </MButton>\n                <span className=\"info\">\n                    {currentPage} / {totalPages}\n                </span>\n                <MButton\n                    variant=\"outlined\"\n                    size=\"sm\"\n                    iconOnly\n                    disabled={currentPage >= totalPages}\n                    onClick={() => onChange(currentPage + 1)}\n                    className=\"nav\"\n                >\n                    <MChevronRightIcon />\n                </MButton>\n            </nav>\n        )\n    }\n\n    return (\n        <nav aria-label=\"pagination\" className={cn('pagination', className)} {...rest}>\n            <MButton\n                variant=\"outlined\"\n                size=\"sm\"\n                iconOnly\n                disabled={currentPage <= 1}\n                onClick={() => onChange(currentPage - 1)}\n                className=\"nav\"\n            >\n                <MChevronLeftIcon />\n            </MButton>\n            {pages.map((p, i) =>\n                p === 'dots' ? (\n                    <span key={`dots-${i}`} className=\"dots\">\n                        &#8230;\n                    </span>\n                ) : (\n                    <button\n                        key={p}\n                        type=\"button\"\n                        className={cn('btn', p === currentPage && 'active')}\n                        onClick={() => onChange(p)}\n                    >\n                        {p}\n                    </button>\n                )\n            )}\n            <MButton\n                variant=\"outlined\"\n                size=\"sm\"\n                iconOnly\n                disabled={currentPage >= totalPages}\n                onClick={() => onChange(currentPage + 1)}\n                className=\"nav\"\n            >\n                <MChevronRightIcon />\n            </MButton>\n        </nav>\n    )\n}\n"],"mappings":"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"}
+{"version":3,"file":"MPagination-CS62B9kZ.cjs","names":[],"sources":["../src/components/layout/MPagination/MPagination.tsx"],"sourcesContent":["import {useMemo} from 'react'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\nimport type {MPaginationProps} from './MPagination.types'\nimport './MPagination.css'\n\nfunction range(start: number, end: number): number[] {\n    const result: number[] = []\n    for (let i = start; i <= end; i++) result.push(i)\n    return result\n}\n\nfunction buildPages(totalPages: number, page: number, siblings: number, boundaries: number): (number | 'dots')[] {\n    if (totalPages <= boundaries * 2 + siblings * 2 + 3) {\n        return range(1, totalPages)\n    }\n\n    const leftBound = Math.max(page - siblings, boundaries + 2)\n    const rightBound = Math.min(page + siblings, totalPages - boundaries - 1)\n\n    const showLeftDots = leftBound > boundaries + 2\n    const showRightDots = rightBound < totalPages - boundaries - 1\n\n    const leftEdge = range(1, boundaries)\n    const rightEdge = range(totalPages - boundaries + 1, totalPages)\n\n    if (!showLeftDots && showRightDots) {\n        const leftCount = siblings * 2 + boundaries + 2\n        return [...range(1, leftCount), 'dots', ...rightEdge]\n    }\n\n    if (showLeftDots && !showRightDots) {\n        const rightCount = siblings * 2 + boundaries + 2\n        return [...leftEdge, 'dots', ...range(totalPages - rightCount + 1, totalPages)]\n    }\n\n    return [...leftEdge, 'dots', ...range(leftBound, rightBound), 'dots', ...rightEdge]\n}\n\nexport function MPagination({\n    total,\n    page,\n    pageSize = 10,\n    onChange,\n    siblings = 1,\n    boundaries = 1,\n    variant = 'numbered',\n    className,\n    ...rest\n}: MPaginationProps) {\n    const totalPages = Math.max(1, Math.ceil(total / pageSize))\n    const currentPage = Math.min(Math.max(1, page), totalPages)\n\n    const pages = useMemo(\n        () => buildPages(totalPages, currentPage, siblings, boundaries),\n        [totalPages, currentPage, siblings, boundaries]\n    )\n\n    if (variant === 'simple') {\n        return (\n            <nav aria-label=\"pagination\" className={cn('pagination', className)} {...rest}>\n                <MButton\n                    variant=\"outlined\"\n                    size=\"sm\"\n                    iconOnly\n                    disabled={currentPage <= 1}\n                    onClick={() => onChange(currentPage - 1)}\n                    className=\"nav\"\n                >\n                    <MChevronLeftIcon />\n                </MButton>\n                <span className=\"info\">\n                    {currentPage} / {totalPages}\n                </span>\n                <MButton\n                    variant=\"outlined\"\n                    size=\"sm\"\n                    iconOnly\n                    disabled={currentPage >= totalPages}\n                    onClick={() => onChange(currentPage + 1)}\n                    className=\"nav\"\n                >\n                    <MChevronRightIcon />\n                </MButton>\n            </nav>\n        )\n    }\n\n    return (\n        <nav aria-label=\"pagination\" className={cn('pagination', className)} {...rest}>\n            <MButton\n                variant=\"outlined\"\n                size=\"sm\"\n                iconOnly\n                disabled={currentPage <= 1}\n                onClick={() => onChange(currentPage - 1)}\n                className=\"nav\"\n            >\n                <MChevronLeftIcon />\n            </MButton>\n            {pages.map((p, i) =>\n                p === 'dots' ? (\n                    <span key={`dots-${i}`} className=\"dots\">\n                        &#8230;\n                    </span>\n                ) : (\n                    <button\n                        key={p}\n                        type=\"button\"\n                        className={cn('btn', p === currentPage && 'active')}\n                        onClick={() => onChange(p)}\n                    >\n                        {p}\n                    </button>\n                )\n            )}\n            <MButton\n                variant=\"outlined\"\n                size=\"sm\"\n                iconOnly\n                disabled={currentPage >= totalPages}\n                onClick={() => onChange(currentPage + 1)}\n                className=\"nav\"\n            >\n                <MChevronRightIcon />\n            </MButton>\n        </nav>\n    )\n}\n"],"mappings":"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"}

package/dist/{MPagination-CTnaW5AW.js → MPagination-Dr110are.js}

@@ -1,6 +1,6 @@
 import { Fi as e, Pi as t } from "./icons-CfpYxnfg.js";
 import { t as n } from "./cn-YER3QsV1.js";
-import { t as r } from "./MButton-y9qXhhGt.js";
+import { t as r } from "./MButton-DZLLrtQb.js";
 import { useMemo as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/layout/MPagination/MPagination.tsx
@@ -110,4 +110,4 @@ function l({ total: s, page: l, pageSize: u = 10, onChange: d, siblings: f = 1,
 //#endregion
 export { l as t };
 
-//# sourceMappingURL=MPagination-CTnaW5AW.js.map
+//# sourceMappingURL=MPagination-Dr110are.js.map

package/dist/{MPagination-CTnaW5AW.js.map → MPagination-Dr110are.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MPagination-CTnaW5AW.js","names":[],"sources":["../src/components/layout/MPagination/MPagination.tsx"],"sourcesContent":["import {useMemo} from 'react'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\nimport type {MPaginationProps} from './MPagination.types'\nimport './MPagination.css'\n\nfunction range(start: number, end: number): number[] {\n    const result: number[] = []\n    for (let i = start; i <= end; i++) result.push(i)\n    return result\n}\n\nfunction buildPages(totalPages: number, page: number, siblings: number, boundaries: number): (number | 'dots')[] {\n    if (totalPages <= boundaries * 2 + siblings * 2 + 3) {\n        return range(1, totalPages)\n    }\n\n    const leftBound = Math.max(page - siblings, boundaries + 2)\n    const rightBound = Math.min(page + siblings, totalPages - boundaries - 1)\n\n    const showLeftDots = leftBound > boundaries + 2\n    const showRightDots = rightBound < totalPages - boundaries - 1\n\n    const leftEdge = range(1, boundaries)\n    const rightEdge = range(totalPages - boundaries + 1, totalPages)\n\n    if (!showLeftDots && showRightDots) {\n        const leftCount = siblings * 2 + boundaries + 2\n        return [...range(1, leftCount), 'dots', ...rightEdge]\n    }\n\n    if (showLeftDots && !showRightDots) {\n        const rightCount = siblings * 2 + boundaries + 2\n        return [...leftEdge, 'dots', ...range(totalPages - rightCount + 1, totalPages)]\n    }\n\n    return [...leftEdge, 'dots', ...range(leftBound, rightBound), 'dots', ...rightEdge]\n}\n\nexport function MPagination({\n    total,\n    page,\n    pageSize = 10,\n    onChange,\n    siblings = 1,\n    boundaries = 1,\n    variant = 'numbered',\n    className,\n    ...rest\n}: MPaginationProps) {\n    const totalPages = Math.max(1, Math.ceil(total / pageSize))\n    const currentPage = Math.min(Math.max(1, page), totalPages)\n\n    const pages = useMemo(\n        () => buildPages(totalPages, currentPage, siblings, boundaries),\n        [totalPages, currentPage, siblings, boundaries]\n    )\n\n    if (variant === 'simple') {\n        return (\n            <nav aria-label=\"pagination\" className={cn('pagination', className)} {...rest}>\n                <MButton\n                    variant=\"outlined\"\n                    size=\"sm\"\n                    iconOnly\n                    disabled={currentPage <= 1}\n                    onClick={() => onChange(currentPage - 1)}\n                    className=\"nav\"\n                >\n                    <MChevronLeftIcon />\n                </MButton>\n                <span className=\"info\">\n                    {currentPage} / {totalPages}\n                </span>\n                <MButton\n                    variant=\"outlined\"\n                    size=\"sm\"\n                    iconOnly\n                    disabled={currentPage >= totalPages}\n                    onClick={() => onChange(currentPage + 1)}\n                    className=\"nav\"\n                >\n                    <MChevronRightIcon />\n                </MButton>\n            </nav>\n        )\n    }\n\n    return (\n        <nav aria-label=\"pagination\" className={cn('pagination', className)} {...rest}>\n            <MButton\n                variant=\"outlined\"\n                size=\"sm\"\n                iconOnly\n                disabled={currentPage <= 1}\n                onClick={() => onChange(currentPage - 1)}\n                className=\"nav\"\n            >\n                <MChevronLeftIcon />\n            </MButton>\n            {pages.map((p, i) =>\n                p === 'dots' ? (\n                    <span key={`dots-${i}`} className=\"dots\">\n                        &#8230;\n                    </span>\n                ) : (\n                    <button\n                        key={p}\n                        type=\"button\"\n                        className={cn('btn', p === currentPage && 'active')}\n                        onClick={() => onChange(p)}\n                    >\n                        {p}\n                    </button>\n                )\n            )}\n            <MButton\n                variant=\"outlined\"\n                size=\"sm\"\n                iconOnly\n                disabled={currentPage >= totalPages}\n                onClick={() => onChange(currentPage + 1)}\n                className=\"nav\"\n            >\n                <MChevronRightIcon />\n            </MButton>\n        </nav>\n    )\n}\n"],"mappings":";;;;;;AAOA,SAAS,EAAM,GAAe,GAAuB;CACjD,IAAM,IAAmB,EAAE;AAC3B,MAAK,IAAI,IAAI,GAAO,KAAK,GAAK,IAAK,GAAO,KAAK,EAAE;AACjD,QAAO;;AAGX,SAAS,EAAW,GAAoB,GAAc,GAAkB,GAAyC;AAC7G,KAAI,KAAc,IAAa,IAAI,IAAW,IAAI,EAC9C,QAAO,EAAM,GAAG,EAAW;CAG/B,IAAM,IAAY,KAAK,IAAI,IAAO,GAAU,IAAa,EAAE,EACrD,IAAa,KAAK,IAAI,IAAO,GAAU,IAAa,IAAa,EAAE,EAEnE,IAAe,IAAY,IAAa,GACxC,IAAgB,IAAa,IAAa,IAAa,GAEvD,IAAW,EAAM,GAAG,EAAW,EAC/B,IAAY,EAAM,IAAa,IAAa,GAAG,EAAW;AAEhE,KAAI,CAAC,KAAgB,EAEjB,QAAO;EAAC,GAAG,EAAM,GADC,IAAW,IAAI,IAAa,EAChB;EAAE;EAAQ,GAAG;EAAU;AAGzD,KAAI,KAAgB,CAAC,GAAe;EAChC,IAAM,IAAa,IAAW,IAAI,IAAa;AAC/C,SAAO;GAAC,GAAG;GAAU;GAAQ,GAAG,EAAM,IAAa,IAAa,GAAG,EAAW;GAAC;;AAGnF,QAAO;EAAC,GAAG;EAAU;EAAQ,GAAG,EAAM,GAAW,EAAW;EAAE;EAAQ,GAAG;EAAU;;AAGvF,SAAgB,EAAY,EACxB,UACA,SACA,cAAW,IACX,aACA,cAAW,GACX,gBAAa,GACb,aAAU,YACV,cACA,GAAG,KACc;CACjB,IAAM,IAAa,KAAK,IAAI,GAAG,KAAK,KAAK,IAAQ,EAAS,CAAC,EACrD,IAAc,KAAK,IAAI,KAAK,IAAI,GAAG,EAAK,EAAE,EAAW,EAErD,IAAQ,QACJ,EAAW,GAAY,GAAa,GAAU,EAAW,EAC/D;EAAC;EAAY;EAAa;EAAU;EAAW,CAClD;AAgCD,QA9BI,MAAY,WAER,kBAAC,OAAD;EAAK,cAAW;EAAa,WAAW,EAAG,cAAc,EAAU;EAAE,GAAI;YAAzE;GACI,kBAAC,GAAD;IACI,SAAQ;IACR,MAAK;IACL,UAAA;IACA,UAAU,KAAe;IACzB,eAAe,EAAS,IAAc,EAAE;IACxC,WAAU;cAEV,kBAAC,GAAD,EAAoB,CAAA;IACd,CAAA;GACV,kBAAC,QAAD;IAAM,WAAU;cAAhB;KACK;KAAY;KAAI;KACd;;GACP,kBAAC,GAAD;IACI,SAAQ;IACR,MAAK;IACL,UAAA;IACA,UAAU,KAAe;IACzB,eAAe,EAAS,IAAc,EAAE;IACxC,WAAU;cAEV,kBAAC,GAAD,EAAqB,CAAA;IACf,CAAA;GACR;MAKV,kBAAC,OAAD;EAAK,cAAW;EAAa,WAAW,EAAG,cAAc,EAAU;EAAE,GAAI;YAAzE;GACI,kBAAC,GAAD;IACI,SAAQ;IACR,MAAK;IACL,UAAA;IACA,UAAU,KAAe;IACzB,eAAe,EAAS,IAAc,EAAE;IACxC,WAAU;cAEV,kBAAC,GAAD,EAAoB,CAAA;IACd,CAAA;GACT,EAAM,KAAK,GAAG,MACX,MAAM,SACF,kBAAC,QAAD;IAAwB,WAAU;cAAO;IAElC,EAFI,QAAQ,IAEZ,GAEP,kBAAC,UAAD;IAEI,MAAK;IACL,WAAW,EAAG,OAAO,MAAM,KAAe,SAAS;IACnD,eAAe,EAAS,EAAE;cAEzB;IACI,EANA,EAMA,CAEhB;GACD,kBAAC,GAAD;IACI,SAAQ;IACR,MAAK;IACL,UAAA;IACA,UAAU,KAAe;IACzB,eAAe,EAAS,IAAc,EAAE;IACxC,WAAU;cAEV,kBAAC,GAAD,EAAqB,CAAA;IACf,CAAA;GACR"}
+{"version":3,"file":"MPagination-Dr110are.js","names":[],"sources":["../src/components/layout/MPagination/MPagination.tsx"],"sourcesContent":["import {useMemo} from 'react'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\nimport type {MPaginationProps} from './MPagination.types'\nimport './MPagination.css'\n\nfunction range(start: number, end: number): number[] {\n    const result: number[] = []\n    for (let i = start; i <= end; i++) result.push(i)\n    return result\n}\n\nfunction buildPages(totalPages: number, page: number, siblings: number, boundaries: number): (number | 'dots')[] {\n    if (totalPages <= boundaries * 2 + siblings * 2 + 3) {\n        return range(1, totalPages)\n    }\n\n    const leftBound = Math.max(page - siblings, boundaries + 2)\n    const rightBound = Math.min(page + siblings, totalPages - boundaries - 1)\n\n    const showLeftDots = leftBound > boundaries + 2\n    const showRightDots = rightBound < totalPages - boundaries - 1\n\n    const leftEdge = range(1, boundaries)\n    const rightEdge = range(totalPages - boundaries + 1, totalPages)\n\n    if (!showLeftDots && showRightDots) {\n        const leftCount = siblings * 2 + boundaries + 2\n        return [...range(1, leftCount), 'dots', ...rightEdge]\n    }\n\n    if (showLeftDots && !showRightDots) {\n        const rightCount = siblings * 2 + boundaries + 2\n        return [...leftEdge, 'dots', ...range(totalPages - rightCount + 1, totalPages)]\n    }\n\n    return [...leftEdge, 'dots', ...range(leftBound, rightBound), 'dots', ...rightEdge]\n}\n\nexport function MPagination({\n    total,\n    page,\n    pageSize = 10,\n    onChange,\n    siblings = 1,\n    boundaries = 1,\n    variant = 'numbered',\n    className,\n    ...rest\n}: MPaginationProps) {\n    const totalPages = Math.max(1, Math.ceil(total / pageSize))\n    const currentPage = Math.min(Math.max(1, page), totalPages)\n\n    const pages = useMemo(\n        () => buildPages(totalPages, currentPage, siblings, boundaries),\n        [totalPages, currentPage, siblings, boundaries]\n    )\n\n    if (variant === 'simple') {\n        return (\n            <nav aria-label=\"pagination\" className={cn('pagination', className)} {...rest}>\n                <MButton\n                    variant=\"outlined\"\n                    size=\"sm\"\n                    iconOnly\n                    disabled={currentPage <= 1}\n                    onClick={() => onChange(currentPage - 1)}\n                    className=\"nav\"\n                >\n                    <MChevronLeftIcon />\n                </MButton>\n                <span className=\"info\">\n                    {currentPage} / {totalPages}\n                </span>\n                <MButton\n                    variant=\"outlined\"\n                    size=\"sm\"\n                    iconOnly\n                    disabled={currentPage >= totalPages}\n                    onClick={() => onChange(currentPage + 1)}\n                    className=\"nav\"\n                >\n                    <MChevronRightIcon />\n                </MButton>\n            </nav>\n        )\n    }\n\n    return (\n        <nav aria-label=\"pagination\" className={cn('pagination', className)} {...rest}>\n            <MButton\n                variant=\"outlined\"\n                size=\"sm\"\n                iconOnly\n                disabled={currentPage <= 1}\n                onClick={() => onChange(currentPage - 1)}\n                className=\"nav\"\n            >\n                <MChevronLeftIcon />\n            </MButton>\n            {pages.map((p, i) =>\n                p === 'dots' ? (\n                    <span key={`dots-${i}`} className=\"dots\">\n                        &#8230;\n                    </span>\n                ) : (\n                    <button\n                        key={p}\n                        type=\"button\"\n                        className={cn('btn', p === currentPage && 'active')}\n                        onClick={() => onChange(p)}\n                    >\n                        {p}\n                    </button>\n                )\n            )}\n            <MButton\n                variant=\"outlined\"\n                size=\"sm\"\n                iconOnly\n                disabled={currentPage >= totalPages}\n                onClick={() => onChange(currentPage + 1)}\n                className=\"nav\"\n            >\n                <MChevronRightIcon />\n            </MButton>\n        </nav>\n    )\n}\n"],"mappings":";;;;;;AAOA,SAAS,EAAM,GAAe,GAAuB;CACjD,IAAM,IAAmB,EAAE;AAC3B,MAAK,IAAI,IAAI,GAAO,KAAK,GAAK,IAAK,GAAO,KAAK,EAAE;AACjD,QAAO;;AAGX,SAAS,EAAW,GAAoB,GAAc,GAAkB,GAAyC;AAC7G,KAAI,KAAc,IAAa,IAAI,IAAW,IAAI,EAC9C,QAAO,EAAM,GAAG,EAAW;CAG/B,IAAM,IAAY,KAAK,IAAI,IAAO,GAAU,IAAa,EAAE,EACrD,IAAa,KAAK,IAAI,IAAO,GAAU,IAAa,IAAa,EAAE,EAEnE,IAAe,IAAY,IAAa,GACxC,IAAgB,IAAa,IAAa,IAAa,GAEvD,IAAW,EAAM,GAAG,EAAW,EAC/B,IAAY,EAAM,IAAa,IAAa,GAAG,EAAW;AAEhE,KAAI,CAAC,KAAgB,EAEjB,QAAO;EAAC,GAAG,EAAM,GADC,IAAW,IAAI,IAAa,EAChB;EAAE;EAAQ,GAAG;EAAU;AAGzD,KAAI,KAAgB,CAAC,GAAe;EAChC,IAAM,IAAa,IAAW,IAAI,IAAa;AAC/C,SAAO;GAAC,GAAG;GAAU;GAAQ,GAAG,EAAM,IAAa,IAAa,GAAG,EAAW;GAAC;;AAGnF,QAAO;EAAC,GAAG;EAAU;EAAQ,GAAG,EAAM,GAAW,EAAW;EAAE;EAAQ,GAAG;EAAU;;AAGvF,SAAgB,EAAY,EACxB,UACA,SACA,cAAW,IACX,aACA,cAAW,GACX,gBAAa,GACb,aAAU,YACV,cACA,GAAG,KACc;CACjB,IAAM,IAAa,KAAK,IAAI,GAAG,KAAK,KAAK,IAAQ,EAAS,CAAC,EACrD,IAAc,KAAK,IAAI,KAAK,IAAI,GAAG,EAAK,EAAE,EAAW,EAErD,IAAQ,QACJ,EAAW,GAAY,GAAa,GAAU,EAAW,EAC/D;EAAC;EAAY;EAAa;EAAU;EAAW,CAClD;AAgCD,QA9BI,MAAY,WAER,kBAAC,OAAD;EAAK,cAAW;EAAa,WAAW,EAAG,cAAc,EAAU;EAAE,GAAI;YAAzE;GACI,kBAAC,GAAD;IACI,SAAQ;IACR,MAAK;IACL,UAAA;IACA,UAAU,KAAe;IACzB,eAAe,EAAS,IAAc,EAAE;IACxC,WAAU;cAEV,kBAAC,GAAD,EAAoB,CAAA;IACd,CAAA;GACV,kBAAC,QAAD;IAAM,WAAU;cAAhB;KACK;KAAY;KAAI;KACd;;GACP,kBAAC,GAAD;IACI,SAAQ;IACR,MAAK;IACL,UAAA;IACA,UAAU,KAAe;IACzB,eAAe,EAAS,IAAc,EAAE;IACxC,WAAU;cAEV,kBAAC,GAAD,EAAqB,CAAA;IACf,CAAA;GACR;MAKV,kBAAC,OAAD;EAAK,cAAW;EAAa,WAAW,EAAG,cAAc,EAAU;EAAE,GAAI;YAAzE;GACI,kBAAC,GAAD;IACI,SAAQ;IACR,MAAK;IACL,UAAA;IACA,UAAU,KAAe;IACzB,eAAe,EAAS,IAAc,EAAE;IACxC,WAAU;cAEV,kBAAC,GAAD,EAAoB,CAAA;IACd,CAAA;GACT,EAAM,KAAK,GAAG,MACX,MAAM,SACF,kBAAC,QAAD;IAAwB,WAAU;cAAO;IAElC,EAFI,QAAQ,IAEZ,GAEP,kBAAC,UAAD;IAEI,MAAK;IACL,WAAW,EAAG,OAAO,MAAM,KAAe,SAAS;IACnD,eAAe,EAAS,EAAE;cAEzB;IACI,EANA,EAMA,CAEhB;GACD,kBAAC,GAAD;IACI,SAAQ;IACR,MAAK;IACL,UAAA;IACA,UAAU,KAAe;IACzB,eAAe,EAAS,IAAc,EAAE;IACxC,WAAU;cAEV,kBAAC,GAAD,EAAqB,CAAA;IACf,CAAA;GACR"}

package/dist/{MPopover-B4IUb9f0.cjs → MPopover-CxxaY9kr.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./cn-CU5TNITO.cjs`),t=require(`./MPortal-Bi24xTGW.cjs`);require(`./core-AKWkE8Bx.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);function i({open:i,anchorRef:a,onClose:o,placement:s=`bottom-start`,matchWidth:c=!1,offset:l=4,zIndex:u,children:d,className:f,style:p}){let m=(0,n.useRef)(null),[h,g]=(0,n.useState)(null),[_,v]=(0,n.useState)(!1),[y,b]=(0,n.useState)(null),x=(0,n.useCallback)(()=>{if(u!==void 0){b(u);return}let e=a.current;if(!e||typeof window>`u`){b(null);return}let t=e.closest(`.drawer-backdrop, .modal-backdrop, .sheet-backdrop, .sidebar.mobile-open`);if(!t){b(null);return}let n=window.getComputedStyle(t).zIndex,r=Number.parseInt(n,10);b(Number.isFinite(r)?r+1:null)},[a,u]),S=(0,n.useCallback)(()=>{if(!a.current||!m.current)return;let e=a.current.getBoundingClientRect(),t=m.current.getBoundingClientRect(),n={width:window.innerWidth,height:window.innerHeight},r=s.startsWith(`top`),i=s.startsWith(`right`),o=s.startsWith(`left`),u=i||o,d=s.endsWith(`end`),f,p;if(u){let r=n.width-e.right-l,a=e.left-l,o=i?r<t.width&&a>r:a<t.width&&r>a;v(o),p=(i?!o:o)?e.right+l+window.scrollX:e.left-t.width-l+window.scrollX,f=d?e.bottom-t.height+window.scrollY:e.top+window.scrollY}else{let i=n.height-e.bottom-l,a=e.top-l,o=r?a<t.height&&i>a:i<t.height&&a>i;v(o),f=(r?!o:o)?e.top-t.height-l+window.scrollY:e.bottom+l+window.scrollY,p=d?e.right-t.width+window.scrollX:e.left+window.scrollX}p=Math.max(8,Math.min(p,n.width-t.width-8)),f=Math.max(8+window.scrollY,f),g({top:f,left:p,width:c?e.width:void 0})},[a,s,l,c]);return(0,n.useEffect)(()=>{if(!i){g(null),b(null);return}return x(),requestAnimationFrame(S),window.addEventListener(`scroll`,S,{passive:!0}),window.addEventListener(`resize`,S,{passive:!0}),()=>{window.removeEventListener(`scroll`,S),window.removeEventListener(`resize`,S)}},[i,x,S]),(0,n.useEffect)(()=>{if(!i)return;let e=e=>{e.key===`Escape`&&o()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[i,o]),(0,n.useEffect)(()=>{if(!i)return;let e=e=>{m.current&&!m.current.contains(e.target)&&a.current&&!a.current.contains(e.target)&&o()};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[i,o,a]),i?(0,r.jsx)(t.t,{children:(0,r.jsx)(`div`,{ref:m,className:e.t(`popover`,_?`flipped`:`normal`,f),style:{position:`absolute`,top:h?.top??0,left:h?.left??0,width:h?.width,zIndex:y??void 0,visibility:h?`visible`:`hidden`,...p},role:`listbox`,children:d})}):null}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=MPopover-B4IUb9f0.cjs.map
+const e=require(`./cn-CU5TNITO.cjs`),t=require(`./MPortal-BIxPtFYd.cjs`);require(`./core-DAox0BHy.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);function i({open:i,anchorRef:a,onClose:o,placement:s=`bottom-start`,matchWidth:c=!1,offset:l=4,zIndex:u,children:d,className:f,style:p}){let m=(0,n.useRef)(null),[h,g]=(0,n.useState)(null),[_,v]=(0,n.useState)(!1),[y,b]=(0,n.useState)(null),x=(0,n.useCallback)(()=>{if(u!==void 0){b(u);return}let e=a.current;if(!e||typeof window>`u`){b(null);return}let t=e.closest(`.drawer-backdrop, .modal-backdrop, .sheet-backdrop, .sidebar.mobile-open`);if(!t){b(null);return}let n=window.getComputedStyle(t).zIndex,r=Number.parseInt(n,10);b(Number.isFinite(r)?r+1:null)},[a,u]),S=(0,n.useCallback)(()=>{if(!a.current||!m.current)return;let e=a.current.getBoundingClientRect(),t=m.current.getBoundingClientRect(),n={width:window.innerWidth,height:window.innerHeight},r=s.startsWith(`top`),i=s.startsWith(`right`),o=s.startsWith(`left`),u=i||o,d=s.endsWith(`end`),f,p;if(u){let r=n.width-e.right-l,a=e.left-l,o=i?r<t.width&&a>r:a<t.width&&r>a;v(o),p=(i?!o:o)?e.right+l+window.scrollX:e.left-t.width-l+window.scrollX,f=d?e.bottom-t.height+window.scrollY:e.top+window.scrollY}else{let i=n.height-e.bottom-l,a=e.top-l,o=r?a<t.height&&i>a:i<t.height&&a>i;v(o),f=(r?!o:o)?e.top-t.height-l+window.scrollY:e.bottom+l+window.scrollY,p=d?e.right-t.width+window.scrollX:e.left+window.scrollX}p=Math.max(8,Math.min(p,n.width-t.width-8)),f=Math.max(8+window.scrollY,f),g({top:f,left:p,width:c?e.width:void 0})},[a,s,l,c]);return(0,n.useEffect)(()=>{if(!i){g(null),b(null);return}return x(),requestAnimationFrame(S),window.addEventListener(`scroll`,S,{passive:!0}),window.addEventListener(`resize`,S,{passive:!0}),()=>{window.removeEventListener(`scroll`,S),window.removeEventListener(`resize`,S)}},[i,x,S]),(0,n.useEffect)(()=>{if(!i)return;let e=e=>{e.key===`Escape`&&o()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[i,o]),(0,n.useEffect)(()=>{if(!i)return;let e=e=>{m.current&&!m.current.contains(e.target)&&a.current&&!a.current.contains(e.target)&&o()};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[i,o,a]),i?(0,r.jsx)(t.t,{children:(0,r.jsx)(`div`,{ref:m,className:e.t(`popover`,_?`flipped`:`normal`,f),style:{position:`absolute`,top:h?.top??0,left:h?.left??0,width:h?.width,zIndex:y??void 0,visibility:h?`visible`:`hidden`,...p},role:`listbox`,children:d})}):null}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=MPopover-CxxaY9kr.cjs.map

package/dist/{MPopover-B4IUb9f0.cjs.map → MPopover-CxxaY9kr.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MPopover-B4IUb9f0.cjs","names":[],"sources":["../src/components/primitives/MPopover/MPopover.tsx"],"sourcesContent":["import {useState, useEffect, useRef, useCallback} from 'react'\nimport {MPortal} from '../MPortal'\nimport {cn} from '../../../utils/cn'\nimport type {MPopoverProps} from './MPopover.types'\nimport './MPopover.css'\n\n// Position floating content relative to an anchor with viewport-aware flipping.\nexport function MPopover({\n    open,\n    anchorRef,\n    onClose,\n    placement = 'bottom-start',\n    matchWidth = false,\n    offset = 4,\n    zIndex,\n    children,\n    className,\n    style,\n}: MPopoverProps) {\n    const popoverRef = useRef<HTMLDivElement>(null)\n    const [position, setPosition] = useState<{top: number; left: number; width?: number} | null>(null)\n    const [flipped, setFlipped] = useState(false)\n    const [layerZ, setLayerZ] = useState<number | string | null>(null)\n\n    // Lift popovers above drawers, modals and mobile sidebars when the anchor sits inside them.\n    const updateLayer = useCallback(() => {\n        if (zIndex !== undefined) {\n            setLayerZ(zIndex)\n            return\n        }\n\n        const anchor = anchorRef.current\n        if (!anchor || typeof window === 'undefined') {\n            setLayerZ(null)\n            return\n        }\n\n        const layerHost = anchor.closest('.drawer-backdrop, .modal-backdrop, .sheet-backdrop, .sidebar.mobile-open')\n        if (!layerHost) {\n            setLayerZ(null)\n            return\n        }\n\n        const computedZ = window.getComputedStyle(layerHost).zIndex\n        const parsedZ = Number.parseInt(computedZ, 10)\n        setLayerZ(Number.isFinite(parsedZ) ? parsedZ + 1 : null)\n    }, [anchorRef, zIndex])\n\n    // Recalculate popover position whenever layout or viewport constraints change.\n    const updatePosition = useCallback(() => {\n        if (!anchorRef.current || !popoverRef.current) return\n\n        const anchor = anchorRef.current.getBoundingClientRect()\n        const popover = popoverRef.current.getBoundingClientRect()\n        const viewport = {\n            width: window.innerWidth,\n            height: window.innerHeight,\n        }\n\n        const isTop = placement.startsWith('top')\n        const isRight = placement.startsWith('right')\n        const isLeft = placement.startsWith('left')\n        const isHorizontal = isRight || isLeft\n        const isEnd = placement.endsWith('end')\n\n        let top: number\n        let left: number\n\n        if (isHorizontal) {\n            // Horizontal placement: position to the right or left of the anchor\n            const spaceRight = viewport.width - anchor.right - offset\n            const spaceLeft = anchor.left - offset\n            const shouldFlip = isRight\n                ? spaceRight < popover.width && spaceLeft > spaceRight\n                : spaceLeft < popover.width && spaceRight > spaceLeft\n\n            setFlipped(shouldFlip)\n\n            const showOnRight = isRight ? !shouldFlip : shouldFlip\n\n            if (showOnRight) {\n                left = anchor.right + offset + window.scrollX\n            } else {\n                left = anchor.left - popover.width - offset + window.scrollX\n            }\n\n            if (isEnd) {\n                top = anchor.bottom - popover.height + window.scrollY\n            } else {\n                top = anchor.top + window.scrollY\n            }\n        } else {\n            // Vertical placement: position above or below the anchor\n            const spaceBelow = viewport.height - anchor.bottom - offset\n            const spaceAbove = anchor.top - offset\n            const shouldFlip = isTop\n                ? spaceAbove < popover.height && spaceBelow > spaceAbove\n                : spaceBelow < popover.height && spaceAbove > spaceBelow\n\n            setFlipped(shouldFlip)\n\n            const showOnTop = isTop ? !shouldFlip : shouldFlip\n\n            if (showOnTop) {\n                top = anchor.top - popover.height - offset + window.scrollY\n            } else {\n                top = anchor.bottom + offset + window.scrollY\n            }\n\n            if (isEnd) {\n                left = anchor.right - popover.width + window.scrollX\n            } else {\n                left = anchor.left + window.scrollX\n            }\n        }\n\n        // Clamp to viewport\n        left = Math.max(8, Math.min(left, viewport.width - popover.width - 8))\n        top = Math.max(8 + window.scrollY, top)\n\n        setPosition({\n            top,\n            left,\n            width: matchWidth ? anchor.width : undefined,\n        })\n    }, [anchorRef, placement, offset, matchWidth])\n\n    useEffect(() => {\n        if (!open) {\n            setPosition(null)\n            setLayerZ(null)\n            return\n        }\n\n        updateLayer()\n        // Wait one frame so the rendered popover can be measured accurately.\n        requestAnimationFrame(updatePosition)\n\n        window.addEventListener('scroll', updatePosition, {passive: true})\n        window.addEventListener('resize', updatePosition, {passive: true})\n        return () => {\n            window.removeEventListener('scroll', updatePosition)\n            window.removeEventListener('resize', updatePosition)\n        }\n    }, [open, updateLayer, updatePosition])\n\n    // Close the popover with the standard Escape key interaction.\n    useEffect(() => {\n        if (!open) return\n        const handleKey = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onClose()\n        }\n        document.addEventListener('keydown', handleKey)\n        return () => document.removeEventListener('keydown', handleKey)\n    }, [open, onClose])\n\n    // Close when the user interacts outside both the popover and its anchor.\n    useEffect(() => {\n        if (!open) return\n        const handleClick = (e: MouseEvent) => {\n            if (\n                popoverRef.current &&\n                !popoverRef.current.contains(e.target as Node) &&\n                anchorRef.current &&\n                !anchorRef.current.contains(e.target as Node)\n            ) {\n                onClose()\n            }\n        }\n        document.addEventListener('mousedown', handleClick)\n        return () => document.removeEventListener('mousedown', handleClick)\n    }, [open, onClose, anchorRef])\n\n    if (!open) return null\n\n    return (\n        <MPortal>\n            <div\n                ref={popoverRef}\n                className={cn('popover', flipped ? 'flipped' : 'normal', className)}\n                style={{\n                    position: 'absolute',\n                    top: position?.top ?? 0,\n                    left: position?.left ?? 0,\n                    width: position?.width,\n                    zIndex: layerZ ?? undefined,\n                    visibility: position ? 'visible' : 'hidden',\n                    ...style,\n                }}\n                role=\"listbox\"\n            >\n                {children}\n            </div>\n        </MPortal>\n    )\n}\n"],"mappings":"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"}
+{"version":3,"file":"MPopover-CxxaY9kr.cjs","names":[],"sources":["../src/components/primitives/MPopover/MPopover.tsx"],"sourcesContent":["import {useState, useEffect, useRef, useCallback} from 'react'\nimport {MPortal} from '../MPortal'\nimport {cn} from '../../../utils/cn'\nimport type {MPopoverProps} from './MPopover.types'\nimport './MPopover.css'\n\n// Position floating content relative to an anchor with viewport-aware flipping.\nexport function MPopover({\n    open,\n    anchorRef,\n    onClose,\n    placement = 'bottom-start',\n    matchWidth = false,\n    offset = 4,\n    zIndex,\n    children,\n    className,\n    style,\n}: MPopoverProps) {\n    const popoverRef = useRef<HTMLDivElement>(null)\n    const [position, setPosition] = useState<{top: number; left: number; width?: number} | null>(null)\n    const [flipped, setFlipped] = useState(false)\n    const [layerZ, setLayerZ] = useState<number | string | null>(null)\n\n    // Lift popovers above drawers, modals and mobile sidebars when the anchor sits inside them.\n    const updateLayer = useCallback(() => {\n        if (zIndex !== undefined) {\n            setLayerZ(zIndex)\n            return\n        }\n\n        const anchor = anchorRef.current\n        if (!anchor || typeof window === 'undefined') {\n            setLayerZ(null)\n            return\n        }\n\n        const layerHost = anchor.closest('.drawer-backdrop, .modal-backdrop, .sheet-backdrop, .sidebar.mobile-open')\n        if (!layerHost) {\n            setLayerZ(null)\n            return\n        }\n\n        const computedZ = window.getComputedStyle(layerHost).zIndex\n        const parsedZ = Number.parseInt(computedZ, 10)\n        setLayerZ(Number.isFinite(parsedZ) ? parsedZ + 1 : null)\n    }, [anchorRef, zIndex])\n\n    // Recalculate popover position whenever layout or viewport constraints change.\n    const updatePosition = useCallback(() => {\n        if (!anchorRef.current || !popoverRef.current) return\n\n        const anchor = anchorRef.current.getBoundingClientRect()\n        const popover = popoverRef.current.getBoundingClientRect()\n        const viewport = {\n            width: window.innerWidth,\n            height: window.innerHeight,\n        }\n\n        const isTop = placement.startsWith('top')\n        const isRight = placement.startsWith('right')\n        const isLeft = placement.startsWith('left')\n        const isHorizontal = isRight || isLeft\n        const isEnd = placement.endsWith('end')\n\n        let top: number\n        let left: number\n\n        if (isHorizontal) {\n            // Horizontal placement: position to the right or left of the anchor\n            const spaceRight = viewport.width - anchor.right - offset\n            const spaceLeft = anchor.left - offset\n            const shouldFlip = isRight\n                ? spaceRight < popover.width && spaceLeft > spaceRight\n                : spaceLeft < popover.width && spaceRight > spaceLeft\n\n            setFlipped(shouldFlip)\n\n            const showOnRight = isRight ? !shouldFlip : shouldFlip\n\n            if (showOnRight) {\n                left = anchor.right + offset + window.scrollX\n            } else {\n                left = anchor.left - popover.width - offset + window.scrollX\n            }\n\n            if (isEnd) {\n                top = anchor.bottom - popover.height + window.scrollY\n            } else {\n                top = anchor.top + window.scrollY\n            }\n        } else {\n            // Vertical placement: position above or below the anchor\n            const spaceBelow = viewport.height - anchor.bottom - offset\n            const spaceAbove = anchor.top - offset\n            const shouldFlip = isTop\n                ? spaceAbove < popover.height && spaceBelow > spaceAbove\n                : spaceBelow < popover.height && spaceAbove > spaceBelow\n\n            setFlipped(shouldFlip)\n\n            const showOnTop = isTop ? !shouldFlip : shouldFlip\n\n            if (showOnTop) {\n                top = anchor.top - popover.height - offset + window.scrollY\n            } else {\n                top = anchor.bottom + offset + window.scrollY\n            }\n\n            if (isEnd) {\n                left = anchor.right - popover.width + window.scrollX\n            } else {\n                left = anchor.left + window.scrollX\n            }\n        }\n\n        // Clamp to viewport\n        left = Math.max(8, Math.min(left, viewport.width - popover.width - 8))\n        top = Math.max(8 + window.scrollY, top)\n\n        setPosition({\n            top,\n            left,\n            width: matchWidth ? anchor.width : undefined,\n        })\n    }, [anchorRef, placement, offset, matchWidth])\n\n    useEffect(() => {\n        if (!open) {\n            setPosition(null)\n            setLayerZ(null)\n            return\n        }\n\n        updateLayer()\n        // Wait one frame so the rendered popover can be measured accurately.\n        requestAnimationFrame(updatePosition)\n\n        window.addEventListener('scroll', updatePosition, {passive: true})\n        window.addEventListener('resize', updatePosition, {passive: true})\n        return () => {\n            window.removeEventListener('scroll', updatePosition)\n            window.removeEventListener('resize', updatePosition)\n        }\n    }, [open, updateLayer, updatePosition])\n\n    // Close the popover with the standard Escape key interaction.\n    useEffect(() => {\n        if (!open) return\n        const handleKey = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onClose()\n        }\n        document.addEventListener('keydown', handleKey)\n        return () => document.removeEventListener('keydown', handleKey)\n    }, [open, onClose])\n\n    // Close when the user interacts outside both the popover and its anchor.\n    useEffect(() => {\n        if (!open) return\n        const handleClick = (e: MouseEvent) => {\n            if (\n                popoverRef.current &&\n                !popoverRef.current.contains(e.target as Node) &&\n                anchorRef.current &&\n                !anchorRef.current.contains(e.target as Node)\n            ) {\n                onClose()\n            }\n        }\n        document.addEventListener('mousedown', handleClick)\n        return () => document.removeEventListener('mousedown', handleClick)\n    }, [open, onClose, anchorRef])\n\n    if (!open) return null\n\n    return (\n        <MPortal>\n            <div\n                ref={popoverRef}\n                className={cn('popover', flipped ? 'flipped' : 'normal', className)}\n                style={{\n                    position: 'absolute',\n                    top: position?.top ?? 0,\n                    left: position?.left ?? 0,\n                    width: position?.width,\n                    zIndex: layerZ ?? undefined,\n                    visibility: position ? 'visible' : 'hidden',\n                    ...style,\n                }}\n                role=\"listbox\"\n            >\n                {children}\n            </div>\n        </MPortal>\n    )\n}\n"],"mappings":"8JAOA,SAAgB,EAAS,CACrB,OACA,YACA,UACA,YAAY,eACZ,aAAa,GACb,SAAS,EACT,SACA,WACA,YACA,SACc,CACd,IAAM,GAAA,EAAA,EAAA,QAAoC,KAAK,CACzC,CAAC,EAAU,IAAA,EAAA,EAAA,UAA4E,KAAK,CAC5F,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAM,CACvC,CAAC,EAAQ,IAAA,EAAA,EAAA,UAA8C,KAAK,CAG5D,GAAA,EAAA,EAAA,iBAAgC,CAClC,GAAI,IAAW,IAAA,GAAW,CACtB,EAAU,EAAO,CACjB,OAGJ,IAAM,EAAS,EAAU,QACzB,GAAI,CAAC,GAAU,OAAO,OAAW,IAAa,CAC1C,EAAU,KAAK,CACf,OAGJ,IAAM,EAAY,EAAO,QAAQ,2EAA2E,CAC5G,GAAI,CAAC,EAAW,CACZ,EAAU,KAAK,CACf,OAGJ,IAAM,EAAY,OAAO,iBAAiB,EAAU,CAAC,OAC/C,EAAU,OAAO,SAAS,EAAW,GAAG,CAC9C,EAAU,OAAO,SAAS,EAAQ,CAAG,EAAU,EAAI,KAAK,EACzD,CAAC,EAAW,EAAO,CAAC,CAGjB,GAAA,EAAA,EAAA,iBAAmC,CACrC,GAAI,CAAC,EAAU,SAAW,CAAC,EAAW,QAAS,OAE/C,IAAM,EAAS,EAAU,QAAQ,uBAAuB,CAClD,EAAU,EAAW,QAAQ,uBAAuB,CACpD,EAAW,CACb,MAAO,OAAO,WACd,OAAQ,OAAO,YAClB,CAEK,EAAQ,EAAU,WAAW,MAAM,CACnC,EAAU,EAAU,WAAW,QAAQ,CACvC,EAAS,EAAU,WAAW,OAAO,CACrC,EAAe,GAAW,EAC1B,EAAQ,EAAU,SAAS,MAAM,CAEnC,EACA,EAEJ,GAAI,EAAc,CAEd,IAAM,EAAa,EAAS,MAAQ,EAAO,MAAQ,EAC7C,EAAY,EAAO,KAAO,EAC1B,EAAa,EACb,EAAa,EAAQ,OAAS,EAAY,EAC1C,EAAY,EAAQ,OAAS,EAAa,EAEhD,EAAW,EAAW,CAItB,AAGI,GALgB,EAAU,CAAC,EAAa,GAGjC,EAAO,MAAQ,EAAS,OAAO,QAE/B,EAAO,KAAO,EAAQ,MAAQ,EAAS,OAAO,QAGzD,AAGI,EAHA,EACM,EAAO,OAAS,EAAQ,OAAS,OAAO,QAExC,EAAO,IAAM,OAAO,YAE3B,CAEH,IAAM,EAAa,EAAS,OAAS,EAAO,OAAS,EAC/C,EAAa,EAAO,IAAM,EAC1B,EAAa,EACb,EAAa,EAAQ,QAAU,EAAa,EAC5C,EAAa,EAAQ,QAAU,EAAa,EAElD,EAAW,EAAW,CAItB,AAGI,GALc,EAAQ,CAAC,EAAa,GAG9B,EAAO,IAAM,EAAQ,OAAS,EAAS,OAAO,QAE9C,EAAO,OAAS,EAAS,OAAO,QAG1C,AAGI,EAHA,EACO,EAAO,MAAQ,EAAQ,MAAQ,OAAO,QAEtC,EAAO,KAAO,OAAO,QAKpC,EAAO,KAAK,IAAI,EAAG,KAAK,IAAI,EAAM,EAAS,MAAQ,EAAQ,MAAQ,EAAE,CAAC,CACtE,EAAM,KAAK,IAAI,EAAI,OAAO,QAAS,EAAI,CAEvC,EAAY,CACR,MACA,OACA,MAAO,EAAa,EAAO,MAAQ,IAAA,GACtC,CAAC,EACH,CAAC,EAAW,EAAW,EAAQ,EAAW,CAAC,CAkD9C,OAhDA,EAAA,EAAA,eAAgB,CACZ,GAAI,CAAC,EAAM,CACP,EAAY,KAAK,CACjB,EAAU,KAAK,CACf,OASJ,OANA,GAAa,CAEb,sBAAsB,EAAe,CAErC,OAAO,iBAAiB,SAAU,EAAgB,CAAC,QAAS,GAAK,CAAC,CAClE,OAAO,iBAAiB,SAAU,EAAgB,CAAC,QAAS,GAAK,CAAC,KACrD,CACT,OAAO,oBAAoB,SAAU,EAAe,CACpD,OAAO,oBAAoB,SAAU,EAAe,GAEzD,CAAC,EAAM,EAAa,EAAe,CAAC,EAGvC,EAAA,EAAA,eAAgB,CACZ,GAAI,CAAC,EAAM,OACX,IAAM,EAAa,GAAqB,CAChC,EAAE,MAAQ,UAAU,GAAS,EAGrC,OADA,SAAS,iBAAiB,UAAW,EAAU,KAClC,SAAS,oBAAoB,UAAW,EAAU,EAChE,CAAC,EAAM,EAAQ,CAAC,EAGnB,EAAA,EAAA,eAAgB,CACZ,GAAI,CAAC,EAAM,OACX,IAAM,EAAe,GAAkB,CAE/B,EAAW,SACX,CAAC,EAAW,QAAQ,SAAS,EAAE,OAAe,EAC9C,EAAU,SACV,CAAC,EAAU,QAAQ,SAAS,EAAE,OAAe,EAE7C,GAAS,EAIjB,OADA,SAAS,iBAAiB,YAAa,EAAY,KACtC,SAAS,oBAAoB,YAAa,EAAY,EACpE,CAAC,EAAM,EAAS,EAAU,CAAC,CAEzB,GAGD,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,UACI,EAAA,EAAA,KAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,EAAG,UAAW,EAAU,UAAY,SAAU,EAAU,CACnE,MAAO,CACH,SAAU,WACV,IAAK,GAAU,KAAO,EACtB,KAAM,GAAU,MAAQ,EACxB,MAAO,GAAU,MACjB,OAAQ,GAAU,IAAA,GAClB,WAAY,EAAW,UAAY,SACnC,GAAG,EACN,CACD,KAAK,UAEJ,WACC,CAAA,CACA,CAAA,CApBI"}

package/dist/{MPortal-Bi24xTGW.cjs → MPortal-BIxPtFYd.cjs}

@@ -1,2 +1,2 @@
-require(`./core-AKWkE8Bx.cjs`);let e=require(`react-dom`);function t({children:t,container:n}){let r=n??(typeof document<`u`?document.body:null);return r?(0,e.createPortal)(t,r):null}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});
-//# sourceMappingURL=MPortal-Bi24xTGW.cjs.map
+require(`./core-DAox0BHy.cjs`);let e=require(`react-dom`);function t({children:t,container:n}){let r=n??(typeof document<`u`?document.body:null);return r?(0,e.createPortal)(t,r):null}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});
+//# sourceMappingURL=MPortal-BIxPtFYd.cjs.map

package/dist/{MPortal-Bi24xTGW.cjs.map → MPortal-BIxPtFYd.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MPortal-Bi24xTGW.cjs","names":[],"sources":["../src/components/primitives/MPortal/MPortal.tsx"],"sourcesContent":["import {createPortal} from 'react-dom'\nimport type {MPortalProps} from './MPortal.types'\n\n// Mount children into a detached DOM target while defaulting to document.body.\nexport function MPortal({children, container}: MPortalProps) {\n    const target = container ?? (typeof document !== 'undefined' ? document.body : null)\n    if (!target) return null\n    return createPortal(children, target)\n}\n"],"mappings":"0DAIA,SAAgB,EAAQ,CAAC,WAAU,aAA0B,CACzD,IAAM,EAAS,IAAc,OAAO,SAAa,IAAc,SAAS,KAAO,MAE/E,OADK,GACL,EAAA,EAAA,cAAoB,EAAU,EAAO,CADjB"}
+{"version":3,"file":"MPortal-BIxPtFYd.cjs","names":[],"sources":["../src/components/primitives/MPortal/MPortal.tsx"],"sourcesContent":["import {createPortal} from 'react-dom'\nimport type {MPortalProps} from './MPortal.types'\n\n// Mount children into a detached DOM target while defaulting to document.body.\nexport function MPortal({children, container}: MPortalProps) {\n    const target = container ?? (typeof document !== 'undefined' ? document.body : null)\n    if (!target) return null\n    return createPortal(children, target)\n}\n"],"mappings":"0DAIA,SAAgB,EAAQ,CAAC,WAAU,aAA0B,CACzD,IAAM,EAAS,IAAc,OAAO,SAAa,IAAc,SAAS,KAAO,MAE/E,OADK,GACL,EAAA,EAAA,cAAoB,EAAU,EAAO,CADjB"}