@banzamel/mineralui 1.5.0 → 1.6.0

package/dist/{MDropdownMenu-CVp1LFgZ.js.map → MDropdownMenu-CMnBt-wO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MDropdownMenu-CVp1LFgZ.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-CMnBt-wO.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-BRL0Vcq_.cjs → MDropdownMenu-CymCQqyP.cjs}

@@ -1,2 +1,2 @@
-require(`./chunk-350yNsax.cjs`);const e=require(`./cn-DYFxgzi2.cjs`),t=require(`./useKeyboardNav-BoibrRUF.cjs`),n=require(`./MPopover-C03jl1zd.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-BRL0Vcq_.cjs.map
+require(`./chunk-350yNsax.cjs`);const e=require(`./cn-DYFxgzi2.cjs`),t=require(`./useKeyboardNav-BoibrRUF.cjs`),n=require(`./MPopover-BW23_1Dl.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-CymCQqyP.cjs.map

package/dist/{MDropdownMenu-BRL0Vcq_.cjs.map → MDropdownMenu-CymCQqyP.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MDropdownMenu-BRL0Vcq_.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-CymCQqyP.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-qOPIM4dL.js → MHeading-BvpWyvjj.js}

@@ -1,6 +1,6 @@
 import { r as e } from "./theme-KYwqDZxJ.js";
 import { t } from "./cn-CUSXNnjF.js";
-import { n } from "./MText-C0VxNQCE.js";
+import { n } from "./MText-B7_HjPym.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 }) {
@@ -18,4 +18,4 @@ function i({ level: i = 2, tone: a = "default", hidden: o, color: s, truncate: c
 //#endregion
 export { i as t };
 
-//# sourceMappingURL=MHeading-qOPIM4dL.js.map
+//# sourceMappingURL=MHeading-BvpWyvjj.js.map

package/dist/{MHeading-qOPIM4dL.js.map → MHeading-BvpWyvjj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MHeading-qOPIM4dL.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"}
+{"version":3,"file":"MHeading-BvpWyvjj.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-4vfYPN_i.cjs → MHeading-DHT1gORD.cjs}

@@ -1,2 +1,2 @@
-require(`./chunk-350yNsax.cjs`);const e=require(`./theme-Bnwe-wvr.cjs`),t=require(`./cn-DYFxgzi2.cjs`),n=require(`./MText-rSgurLeq.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.r(o),...f},d)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=MHeading-4vfYPN_i.cjs.map
+require(`./chunk-350yNsax.cjs`);const e=require(`./theme-Bnwe-wvr.cjs`),t=require(`./cn-DYFxgzi2.cjs`),n=require(`./MText-COzub3y4.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.r(o),...f},d)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=MHeading-DHT1gORD.cjs.map

package/dist/{MHeading-4vfYPN_i.cjs.map → MHeading-DHT1gORD.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MHeading-4vfYPN_i.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":"gKASA,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"}
+{"version":3,"file":"MHeading-DHT1gORD.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":"gKASA,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-BQs91GK-.js

@@ -0,0 +1,252 @@
+import { r as e } from "./theme-KYwqDZxJ.js";
+import { Fi as t, Li as n, Pi as r } from "./icons-DlNO04xH.js";
+import { t as i } from "./cn-CUSXNnjF.js";
+import { t as a } from "./useInteractionEffect-ClkU3aH5.js";
+import { t as o } from "./MPortal-Dqlkh3hw.js";
+import { t as s } from "./MButton-BpSZUhpY.js";
+import { t as c } from "./MBadge-C_vK2JdM.js";
+import { t as l } from "./MSkeleton-Bqq_XJn8.js";
+import { useEffect as u, useId as d, useMemo as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/media/MMediaLightbox/MMediaLightbox.tsx
+function v({ open: e, items: a, activeIndex: l, onClose: d, onActiveIndexChange: f }) {
+	let m = a[l], h = p(null), v = l > 0, y = l < a.length - 1;
+	if (u(() => {
+		if (!e) return;
+		let t = (e) => {
+			if (e.key === "Escape") {
+				d();
+				return;
+			}
+			e.key === "ArrowLeft" && v && f(l - 1), e.key === "ArrowRight" && y && f(l + 1);
+		};
+		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+	}, [
+		l,
+		y,
+		v,
+		f,
+		d,
+		e
+	]), u(() => {
+		if (!e) return;
+		let t = document.body.style.overflow;
+		return document.body.style.overflow = "hidden", () => {
+			document.body.style.overflow = t;
+		};
+	}, [e]), !e || !m) return null;
+	let b = (e) => {
+		let t = e.target;
+		t && h.current && !h.current.contains(t) && d();
+	}, x = m.alt || m.caption || "Image preview";
+	return /* @__PURE__ */ g(o, { children: /* @__PURE__ */ g("div", {
+		className: i("mineral-backdrop", "media-lightbox-backdrop"),
+		onMouseDown: b,
+		children: /* @__PURE__ */ g("div", {
+			className: "media-lightbox-shell",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": x,
+			children: /* @__PURE__ */ g("div", {
+				className: "media-lightbox-stage",
+				children: /* @__PURE__ */ _("div", {
+					ref: h,
+					className: "media-lightbox-frame",
+					children: [
+						/* @__PURE__ */ _("div", {
+							className: "media-lightbox-topbar",
+							children: [/* @__PURE__ */ g(c, {
+								color: "dark",
+								size: "sm",
+								rounded: !0,
+								className: "media-lightbox-counter",
+								children: a.length > 1 ? `${l + 1} / ${a.length}` : "Preview"
+							}), /* @__PURE__ */ g(s, {
+								type: "button",
+								variant: "ghost",
+								color: "primary",
+								size: "lg",
+								shape: "circle",
+								iconOnly: !0,
+								className: "media-lightbox-action",
+								"aria-label": "Close preview",
+								onClick: d,
+								children: /* @__PURE__ */ g(n, {})
+							})]
+						}),
+						/* @__PURE__ */ g(s, {
+							type: "button",
+							variant: "ghost",
+							color: "primary",
+							size: "lg",
+							shape: "circle",
+							iconOnly: !0,
+							className: "media-lightbox-nav media-lightbox-nav-prev",
+							"aria-label": "Previous image",
+							disabled: a.length <= 1 || !v,
+							onClick: () => v && f(l - 1),
+							children: /* @__PURE__ */ g(t, {})
+						}),
+						/* @__PURE__ */ g("img", {
+							className: "media-lightbox-image",
+							src: m.src,
+							alt: m.alt || ""
+						}),
+						/* @__PURE__ */ g(s, {
+							type: "button",
+							variant: "ghost",
+							color: "primary",
+							size: "lg",
+							shape: "circle",
+							iconOnly: !0,
+							className: "media-lightbox-nav media-lightbox-nav-next",
+							"aria-label": "Next image",
+							disabled: a.length <= 1 || !y,
+							onClick: () => y && f(l + 1),
+							children: /* @__PURE__ */ g(r, {})
+						}),
+						m.caption || m.alt ? /* @__PURE__ */ g(c, {
+							color: "dark",
+							size: "sm",
+							rounded: !0,
+							className: "media-lightbox-caption",
+							children: m.caption || m.alt
+						}) : null
+					]
+				})
+			})
+		})
+	}) });
+}
+//#endregion
+//#region src/components/media/mediaPreviewRegistry.ts
+var y = /* @__PURE__ */ new Map();
+function b(e, t, n) {
+	let r = y.get(e);
+	return r || (r = /* @__PURE__ */ new Map(), y.set(e, r)), r.set(t, {
+		id: t,
+		...n
+	}), () => {
+		let n = y.get(e);
+		n && (n.delete(t), n.size === 0 && y.delete(e));
+	};
+}
+function x(e) {
+	return Array.from(y.get(e)?.values() ?? []);
+}
+//#endregion
+//#region src/components/media/mediaInteraction.ts
+function S(e) {
+	return e === "ripple" || e === "zoom-ripple";
+}
+function C(e) {
+	return e === "zoom" || e === "zoom-ripple";
+}
+function w(e) {
+	return e === "dim";
+}
+function T(e) {
+	return e === "zoom" || e === "zoom-dim";
+}
+function E(e) {
+	return e === "dim" || e === "zoom-dim";
+}
+//#endregion
+//#region src/components/media/MImage/MImage.tsx
+var D = {
+	"1:1": "1 / 1",
+	"4:3": "4 / 3",
+	"16:9": "16 / 9",
+	"21:9": "21 / 9"
+};
+function O({ src: t, fit: n = "cover", ratio: r = "auto", hidden: o, rounded: s = !1, bordered: c = !1, shadow: p = !1, preview: y = !1, previewGroup: S, hoverEffect: C = "none", clickEffect: w = "none", fallback: O, skeleton: k = !1, className: A, style: j, alt: M, onError: ee, ...N }) {
+	let [P, F] = m(!1), [I, L] = m(!1), [R, z] = m([]), [B, V] = m(0), H = d(), { effectClassName: U, effectLayer: W, handlePointerDown: G } = a({ effect: k ? "none" : w }), K = (e) => {
+		O && !P && (F(!0), e.currentTarget.src = O), ee?.(e);
+	}, q = r !== "auto" && !!D[r], J = q ? {
+		aspectRatio: D[r],
+		...j
+	} : j, Y = P && O ? O : t, X = f(() => ({
+		src: Y || "",
+		alt: M ?? "",
+		caption: typeof N.title == "string" ? N.title : void 0
+	}), [
+		M,
+		Y,
+		N.title
+	]);
+	if (u(() => {
+		if (!(!y || !S || !Y)) return b(S, H, X);
+	}, [
+		y,
+		S,
+		H,
+		X,
+		Y
+	]), k) return /* @__PURE__ */ g(l, {
+		variant: "rectangle",
+		animate: "pulse",
+		className: i("image-skeleton", s && "rounded", c && "bordered", A),
+		style: J,
+		"aria-label": "Loading",
+		...e(o)
+	});
+	let te = () => {
+		if (!(!y || !Y)) {
+			if (S) {
+				let e = x(S), t = e.findIndex((e) => e.id === H);
+				if (e.length > 0 && t >= 0) {
+					z(e.map(({ id: e, ...t }) => t)), V(t), L(!0);
+					return;
+				}
+			}
+			z([X]), V(0), L(!0);
+		}
+	}, Z = i("image", n, !W && s && "rounded", !W && c && "bordered", !W && p && "shadow"), ne = q || !!W || y || C !== "none", Q = i("image-wrap", q && "has-ratio", s && "rounded", c && "bordered", p && "shadow", y && "preview", T(C) && "effect-zoom", E(C) && "effect-dim", U, A), $ = /* @__PURE__ */ g("img", {
+		className: Z,
+		onError: K,
+		src: Y,
+		...N,
+		alt: M ?? ""
+	});
+	return ne ? /* @__PURE__ */ _(h, { children: [y ? /* @__PURE__ */ _("button", {
+		type: "button",
+		className: i(Q, "image-button"),
+		"aria-label": `Preview ${M || "image"}`,
+		onClick: te,
+		onPointerDown: W ? G : void 0,
+		disabled: !Y,
+		...e(o),
+		style: J,
+		children: [W, $]
+	}) : /* @__PURE__ */ _("span", {
+		className: Q,
+		onPointerDown: W ? G : void 0,
+		...e(o),
+		style: J,
+		children: [W, $]
+	}), /* @__PURE__ */ g(v, {
+		open: I,
+		items: R,
+		activeIndex: B,
+		onActiveIndexChange: V,
+		onClose: () => L(!1)
+	})] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("img", {
+		className: i(Z, A),
+		style: J,
+		onError: K,
+		src: Y,
+		...e(o),
+		...N,
+		alt: M ?? ""
+	}), /* @__PURE__ */ g(v, {
+		open: I,
+		items: R,
+		activeIndex: B,
+		onActiveIndexChange: V,
+		onClose: () => L(!1)
+	})] });
+}
+//#endregion
+export { S as a, T as i, w as n, C as o, E as r, v as s, O as t };
+
+//# sourceMappingURL=MImage-BQs91GK-.js.map

package/dist/MImage-BQs91GK-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MImage-BQs91GK-.js","names":[],"sources":["../src/components/media/MMediaLightbox/MMediaLightbox.tsx","../src/components/media/mediaPreviewRegistry.ts","../src/components/media/mediaInteraction.ts","../src/components/media/MImage/MImage.tsx"],"sourcesContent":["import {useEffect, useRef} from 'react'\nimport type {MouseEvent} from 'react'\nimport {MButton} from '../../controls'\nimport {MBadge} from '../../feedback'\nimport {MPortal} from '../../primitives'\nimport {MCloseIcon, MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MMediaLightbox.css'\n\nexport interface MMediaLightboxItem {\n    src: string\n    alt?: string\n    caption?: string\n}\n\ninterface MMediaLightboxProps {\n    open: boolean\n    items: MMediaLightboxItem[]\n    activeIndex: number\n    onClose: () => void\n    onActiveIndexChange: (index: number) => void\n}\n\nexport function MMediaLightbox({\n    open,\n    items,\n    activeIndex,\n    onClose,\n    onActiveIndexChange,\n}: MMediaLightboxProps) {\n    const currentItem = items[activeIndex]\n    const frameRef = useRef<HTMLDivElement | null>(null)\n    const canGoPrev = activeIndex > 0\n    const canGoNext = activeIndex < items.length - 1\n\n    useEffect(() => {\n        if (!open) {\n            return\n        }\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                onClose()\n                return\n            }\n\n            if (event.key === 'ArrowLeft' && canGoPrev) {\n                onActiveIndexChange(activeIndex - 1)\n            }\n\n            if (event.key === 'ArrowRight' && canGoNext) {\n                onActiveIndexChange(activeIndex + 1)\n            }\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [activeIndex, canGoNext, canGoPrev, onActiveIndexChange, onClose, open])\n\n    useEffect(() => {\n        if (!open) {\n            return\n        }\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    }, [open])\n\n    if (!open || !currentItem) {\n        return null\n    }\n\n    const handleBackdropMouseDown = (event: MouseEvent<HTMLDivElement>) => {\n        const target = event.target as Node | null\n\n        if (target && frameRef.current && !frameRef.current.contains(target)) {\n            onClose()\n        }\n    }\n\n    const previewLabel = currentItem.alt || currentItem.caption || 'Image preview'\n\n    return (\n        <MPortal>\n            <div\n                className={cn('mineral-backdrop', 'media-lightbox-backdrop')}\n                onMouseDown={handleBackdropMouseDown}\n            >\n                <div className=\"media-lightbox-shell\" role=\"dialog\" aria-modal=\"true\" aria-label={previewLabel}>\n                    <div className=\"media-lightbox-stage\">\n                        <div ref={frameRef} className=\"media-lightbox-frame\">\n                            <div className=\"media-lightbox-topbar\">\n                                <MBadge color=\"dark\" size=\"sm\" rounded className=\"media-lightbox-counter\">\n                                    {items.length > 1 ? `${activeIndex + 1} / ${items.length}` : 'Preview'}\n                                </MBadge>\n                                <MButton\n                                    type=\"button\"\n                                    variant=\"ghost\"\n                                    color=\"primary\"\n                                    size=\"lg\"\n                                    shape=\"circle\"\n                                    iconOnly\n                                    className=\"media-lightbox-action\"\n                                    aria-label=\"Close preview\"\n                                    onClick={onClose}\n                                >\n                                    <MCloseIcon />\n                                </MButton>\n                            </div>\n\n                            <MButton\n                                type=\"button\"\n                                variant=\"ghost\"\n                                color=\"primary\"\n                                size=\"lg\"\n                                shape=\"circle\"\n                                iconOnly\n                                className=\"media-lightbox-nav media-lightbox-nav-prev\"\n                                aria-label=\"Previous image\"\n                                disabled={items.length <= 1 || !canGoPrev}\n                                onClick={() => canGoPrev && onActiveIndexChange(activeIndex - 1)}\n                            >\n                                <MChevronLeftIcon />\n                            </MButton>\n\n                            <img className=\"media-lightbox-image\" src={currentItem.src} alt={currentItem.alt || ''} />\n\n                            <MButton\n                                type=\"button\"\n                                variant=\"ghost\"\n                                color=\"primary\"\n                                size=\"lg\"\n                                shape=\"circle\"\n                                iconOnly\n                                className=\"media-lightbox-nav media-lightbox-nav-next\"\n                                aria-label=\"Next image\"\n                                disabled={items.length <= 1 || !canGoNext}\n                                onClick={() => canGoNext && onActiveIndexChange(activeIndex + 1)}\n                            >\n                                <MChevronRightIcon />\n                            </MButton>\n\n                            {currentItem.caption || currentItem.alt ? (\n                                <MBadge color=\"dark\" size=\"sm\" rounded className=\"media-lightbox-caption\">\n                                    {currentItem.caption || currentItem.alt}\n                                </MBadge>\n                            ) : null}\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </MPortal>\n    )\n}\n","import type {MMediaLightboxItem} from './MMediaLightbox/MMediaLightbox'\n\ninterface MMediaPreviewRegistryItem extends MMediaLightboxItem {\n    id: string\n}\n\nconst previewGroups = new Map<string, Map<string, MMediaPreviewRegistryItem>>()\n\nexport function registerMediaPreviewItem(group: string, id: string, item: MMediaLightboxItem) {\n    let groupItems = previewGroups.get(group)\n\n    if (!groupItems) {\n        groupItems = new Map()\n        previewGroups.set(group, groupItems)\n    }\n\n    groupItems.set(id, {id, ...item})\n\n    return () => {\n        const currentGroupItems = previewGroups.get(group)\n        if (!currentGroupItems) {\n            return\n        }\n\n        currentGroupItems.delete(id)\n\n        if (currentGroupItems.size === 0) {\n            previewGroups.delete(group)\n        }\n    }\n}\n\nexport function getMediaPreviewGroupItems(group: string) {\n    return Array.from(previewGroups.get(group)?.values() ?? [])\n}\n","import type {MClickEffect} from '../../utils/useInteractionEffect'\n\nexport type MMediaInteractionEffect = MClickEffect | 'zoom' | 'dim' | 'zoom-ripple'\nexport type MMediaHoverEffect = 'none' | 'zoom' | 'dim' | 'zoom-dim'\n\nexport function usesRipple(effect: MMediaInteractionEffect): boolean {\n    return effect === 'ripple' || effect === 'zoom-ripple'\n}\n\nexport function usesZoom(effect: MMediaInteractionEffect): boolean {\n    return effect === 'zoom' || effect === 'zoom-ripple'\n}\n\nexport function usesDim(effect: MMediaInteractionEffect): boolean {\n    return effect === 'dim'\n}\n\nexport function usesHoverZoom(effect: MMediaHoverEffect): boolean {\n    return effect === 'zoom' || effect === 'zoom-dim'\n}\n\nexport function usesHoverDim(effect: MMediaHoverEffect): boolean {\n    return effect === 'dim' || effect === 'zoom-dim'\n}\n","import {useEffect, useId, useMemo, 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 {MMediaLightbox} from '../MMediaLightbox/MMediaLightbox'\nimport {getMediaPreviewGroupItems, registerMediaPreviewItem} from '../mediaPreviewRegistry'\nimport {usesHoverDim, usesHoverZoom} from '../mediaInteraction'\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    src,\n    fit = 'cover',\n    ratio = 'auto',\n    hidden,\n    rounded = false,\n    bordered = false,\n    shadow = false,\n    preview = false,\n    previewGroup,\n    hoverEffect = 'none',\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 [previewOpen, setPreviewOpen] = useState(false)\n    const [previewItems, setPreviewItems] = useState<Array<{src: string; alt?: string; caption?: string}>>([])\n    const [previewIndex, setPreviewIndex] = useState(0)\n    const previewId = useId()\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLElement>({\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    const resolvedSrc = errored && fallback ? fallback : src\n    const previewItem = useMemo(\n        () => ({\n            src: resolvedSrc || '',\n            alt: alt ?? '',\n            caption: typeof rest.title === 'string' ? rest.title : undefined,\n        }),\n        [alt, resolvedSrc, rest.title]\n    )\n\n    useEffect(() => {\n        if (!preview || !previewGroup || !resolvedSrc) {\n            return\n        }\n\n        return registerMediaPreviewItem(previewGroup, previewId, previewItem)\n    }, [preview, previewGroup, previewId, previewItem, resolvedSrc])\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 openPreview = () => {\n        if (!preview || !resolvedSrc) {\n            return\n        }\n\n        if (previewGroup) {\n            const groupItems = getMediaPreviewGroupItems(previewGroup)\n            const currentIndex = groupItems.findIndex((item) => item.id === previewId)\n\n            if (groupItems.length > 0 && currentIndex >= 0) {\n                setPreviewItems(groupItems.map(({id, ...item}) => item))\n                setPreviewIndex(currentIndex)\n                setPreviewOpen(true)\n                return\n            }\n        }\n\n        setPreviewItems([previewItem])\n        setPreviewIndex(0)\n        setPreviewOpen(true)\n    }\n\n    const imgClassName = cn(\n        'image',\n        fit,\n        !effectLayer && rounded && 'rounded',\n        !effectLayer && bordered && 'bordered',\n        !effectLayer && shadow && 'shadow'\n    )\n    const usesWrapper = hasFixedRatio || Boolean(effectLayer) || preview || hoverEffect !== 'none'\n    const wrapperClassName = cn(\n        'image-wrap',\n        hasFixedRatio && 'has-ratio',\n        rounded && 'rounded',\n        bordered && 'bordered',\n        shadow && 'shadow',\n        preview && 'preview',\n        usesHoverZoom(hoverEffect) && 'effect-zoom',\n        usesHoverDim(hoverEffect) && 'effect-dim',\n        effectClassName,\n        className\n    )\n    const imageNode = <img className={imgClassName} onError={handleError} src={resolvedSrc} {...rest} alt={alt ?? ''} />\n\n    if (usesWrapper) {\n        return (\n            <>\n                {preview ? (\n                    <button\n                        type=\"button\"\n                        className={cn(wrapperClassName, 'image-button')}\n                        aria-label={`Preview ${alt || 'image'}`}\n                        onClick={openPreview}\n                        onPointerDown={effectLayer ? handlePointerDown : undefined}\n                        disabled={!resolvedSrc}\n                        {...getHiddenProps(hidden)}\n                        style={ratioStyle}\n                    >\n                        {effectLayer}\n                        {imageNode}\n                    </button>\n                ) : (\n                    <span\n                        className={wrapperClassName}\n                        onPointerDown={effectLayer ? handlePointerDown : undefined}\n                        {...getHiddenProps(hidden)}\n                        style={ratioStyle}\n                    >\n                        {effectLayer}\n                        {imageNode}\n                    </span>\n                )}\n\n                <MMediaLightbox\n                    open={previewOpen}\n                    items={previewItems}\n                    activeIndex={previewIndex}\n                    onActiveIndexChange={setPreviewIndex}\n                    onClose={() => setPreviewOpen(false)}\n                />\n            </>\n        )\n    }\n\n    return (\n        <>\n            <img\n                className={cn(imgClassName, className)}\n                style={ratioStyle}\n                onError={handleError}\n                src={resolvedSrc}\n                {...getHiddenProps(hidden)}\n                {...rest}\n                alt={alt ?? ''}\n            />\n\n            <MMediaLightbox\n                open={previewOpen}\n                items={previewItems}\n                activeIndex={previewIndex}\n                onActiveIndexChange={setPreviewIndex}\n                onClose={() => setPreviewOpen(false)}\n            />\n        </>\n    )\n}\n"],"mappings":"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"}

package/dist/MImage-CxeuH-cT.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-350yNsax.cjs`);const e=require(`./theme-Bnwe-wvr.cjs`),t=require(`./icons-BJCV7W0L.cjs`),n=require(`./cn-DYFxgzi2.cjs`),r=require(`./useInteractionEffect-CYHGHV1e.cjs`),i=require(`./MPortal-DE3pL2Xl.cjs`),a=require(`./MButton-LUNWBBOV.cjs`),o=require(`./MBadge-DcIPfPH1.cjs`),s=require(`./MSkeleton-B0Mxe3L7.cjs`);let c=require(`react`),l=require(`react/jsx-runtime`);function u({open:e,items:r,activeIndex:s,onClose:u,onActiveIndexChange:d}){let f=r[s],p=(0,c.useRef)(null),m=s>0,h=s<r.length-1;if((0,c.useEffect)(()=>{if(!e)return;let t=e=>{if(e.key===`Escape`){u();return}e.key===`ArrowLeft`&&m&&d(s-1),e.key===`ArrowRight`&&h&&d(s+1)};return document.addEventListener(`keydown`,t),()=>document.removeEventListener(`keydown`,t)},[s,h,m,d,u,e]),(0,c.useEffect)(()=>{if(!e)return;let t=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=t}},[e]),!e||!f)return null;let g=e=>{let t=e.target;t&&p.current&&!p.current.contains(t)&&u()},_=f.alt||f.caption||`Image preview`;return(0,l.jsx)(i.t,{children:(0,l.jsx)(`div`,{className:n.t(`mineral-backdrop`,`media-lightbox-backdrop`),onMouseDown:g,children:(0,l.jsx)(`div`,{className:`media-lightbox-shell`,role:`dialog`,"aria-modal":`true`,"aria-label":_,children:(0,l.jsx)(`div`,{className:`media-lightbox-stage`,children:(0,l.jsxs)(`div`,{ref:p,className:`media-lightbox-frame`,children:[(0,l.jsxs)(`div`,{className:`media-lightbox-topbar`,children:[(0,l.jsx)(o.t,{color:`dark`,size:`sm`,rounded:!0,className:`media-lightbox-counter`,children:r.length>1?`${s+1} / ${r.length}`:`Preview`}),(0,l.jsx)(a.t,{type:`button`,variant:`ghost`,color:`primary`,size:`lg`,shape:`circle`,iconOnly:!0,className:`media-lightbox-action`,"aria-label":`Close preview`,onClick:u,children:(0,l.jsx)(t.Li,{})})]}),(0,l.jsx)(a.t,{type:`button`,variant:`ghost`,color:`primary`,size:`lg`,shape:`circle`,iconOnly:!0,className:`media-lightbox-nav media-lightbox-nav-prev`,"aria-label":`Previous image`,disabled:r.length<=1||!m,onClick:()=>m&&d(s-1),children:(0,l.jsx)(t.Fi,{})}),(0,l.jsx)(`img`,{className:`media-lightbox-image`,src:f.src,alt:f.alt||``}),(0,l.jsx)(a.t,{type:`button`,variant:`ghost`,color:`primary`,size:`lg`,shape:`circle`,iconOnly:!0,className:`media-lightbox-nav media-lightbox-nav-next`,"aria-label":`Next image`,disabled:r.length<=1||!h,onClick:()=>h&&d(s+1),children:(0,l.jsx)(t.Pi,{})}),f.caption||f.alt?(0,l.jsx)(o.t,{color:`dark`,size:`sm`,rounded:!0,className:`media-lightbox-caption`,children:f.caption||f.alt}):null]})})})})})}var d=new Map;function f(e,t,n){let r=d.get(e);return r||(r=new Map,d.set(e,r)),r.set(t,{id:t,...n}),()=>{let n=d.get(e);n&&(n.delete(t),n.size===0&&d.delete(e))}}function p(e){return Array.from(d.get(e)?.values()??[])}function m(e){return e===`ripple`||e===`zoom-ripple`}function h(e){return e===`zoom`||e===`zoom-ripple`}function g(e){return e===`dim`}function _(e){return e===`zoom`||e===`zoom-dim`}function v(e){return e===`dim`||e===`zoom-dim`}var y={"1:1":`1 / 1`,"4:3":`4 / 3`,"16:9":`16 / 9`,"21:9":`21 / 9`};function b({src:t,fit:i=`cover`,ratio:a=`auto`,hidden:o,rounded:d=!1,bordered:m=!1,shadow:h=!1,preview:g=!1,previewGroup:b,hoverEffect:x=`none`,clickEffect:S=`none`,fallback:C,skeleton:w=!1,className:T,style:E,alt:D,onError:O,...k}){let[A,j]=(0,c.useState)(!1),[M,N]=(0,c.useState)(!1),[P,F]=(0,c.useState)([]),[I,L]=(0,c.useState)(0),R=(0,c.useId)(),{effectClassName:z,effectLayer:B,handlePointerDown:V}=r.t({effect:w?`none`:S}),H=e=>{C&&!A&&(j(!0),e.currentTarget.src=C),O?.(e)},U=a!==`auto`&&!!y[a],W=U?{aspectRatio:y[a],...E}:E,G=A&&C?C:t,K=(0,c.useMemo)(()=>({src:G||``,alt:D??``,caption:typeof k.title==`string`?k.title:void 0}),[D,G,k.title]);if((0,c.useEffect)(()=>{if(!(!g||!b||!G))return f(b,R,K)},[g,b,R,K,G]),w)return(0,l.jsx)(s.t,{variant:`rectangle`,animate:`pulse`,className:n.t(`image-skeleton`,d&&`rounded`,m&&`bordered`,T),style:W,"aria-label":`Loading`,...e.r(o)});let q=()=>{if(!(!g||!G)){if(b){let e=p(b),t=e.findIndex(e=>e.id===R);if(e.length>0&&t>=0){F(e.map(({id:e,...t})=>t)),L(t),N(!0);return}}F([K]),L(0),N(!0)}},J=n.t(`image`,i,!B&&d&&`rounded`,!B&&m&&`bordered`,!B&&h&&`shadow`),Y=U||!!B||g||x!==`none`,X=n.t(`image-wrap`,U&&`has-ratio`,d&&`rounded`,m&&`bordered`,h&&`shadow`,g&&`preview`,_(x)&&`effect-zoom`,v(x)&&`effect-dim`,z,T),Z=(0,l.jsx)(`img`,{className:J,onError:H,src:G,...k,alt:D??``});return Y?(0,l.jsxs)(l.Fragment,{children:[g?(0,l.jsxs)(`button`,{type:`button`,className:n.t(X,`image-button`),"aria-label":`Preview ${D||`image`}`,onClick:q,onPointerDown:B?V:void 0,disabled:!G,...e.r(o),style:W,children:[B,Z]}):(0,l.jsxs)(`span`,{className:X,onPointerDown:B?V:void 0,...e.r(o),style:W,children:[B,Z]}),(0,l.jsx)(u,{open:M,items:P,activeIndex:I,onActiveIndexChange:L,onClose:()=>N(!1)})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`img`,{className:n.t(J,T),style:W,onError:H,src:G,...e.r(o),...k,alt:D??``}),(0,l.jsx)(u,{open:M,items:P,activeIndex:I,onActiveIndexChange:L,onClose:()=>N(!1)})]})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});
+//# sourceMappingURL=MImage-CxeuH-cT.cjs.map

package/dist/MImage-CxeuH-cT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MImage-CxeuH-cT.cjs","names":[],"sources":["../src/components/media/MMediaLightbox/MMediaLightbox.tsx","../src/components/media/mediaPreviewRegistry.ts","../src/components/media/mediaInteraction.ts","../src/components/media/MImage/MImage.tsx"],"sourcesContent":["import {useEffect, useRef} from 'react'\nimport type {MouseEvent} from 'react'\nimport {MButton} from '../../controls'\nimport {MBadge} from '../../feedback'\nimport {MPortal} from '../../primitives'\nimport {MCloseIcon, MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MMediaLightbox.css'\n\nexport interface MMediaLightboxItem {\n    src: string\n    alt?: string\n    caption?: string\n}\n\ninterface MMediaLightboxProps {\n    open: boolean\n    items: MMediaLightboxItem[]\n    activeIndex: number\n    onClose: () => void\n    onActiveIndexChange: (index: number) => void\n}\n\nexport function MMediaLightbox({\n    open,\n    items,\n    activeIndex,\n    onClose,\n    onActiveIndexChange,\n}: MMediaLightboxProps) {\n    const currentItem = items[activeIndex]\n    const frameRef = useRef<HTMLDivElement | null>(null)\n    const canGoPrev = activeIndex > 0\n    const canGoNext = activeIndex < items.length - 1\n\n    useEffect(() => {\n        if (!open) {\n            return\n        }\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                onClose()\n                return\n            }\n\n            if (event.key === 'ArrowLeft' && canGoPrev) {\n                onActiveIndexChange(activeIndex - 1)\n            }\n\n            if (event.key === 'ArrowRight' && canGoNext) {\n                onActiveIndexChange(activeIndex + 1)\n            }\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [activeIndex, canGoNext, canGoPrev, onActiveIndexChange, onClose, open])\n\n    useEffect(() => {\n        if (!open) {\n            return\n        }\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    }, [open])\n\n    if (!open || !currentItem) {\n        return null\n    }\n\n    const handleBackdropMouseDown = (event: MouseEvent<HTMLDivElement>) => {\n        const target = event.target as Node | null\n\n        if (target && frameRef.current && !frameRef.current.contains(target)) {\n            onClose()\n        }\n    }\n\n    const previewLabel = currentItem.alt || currentItem.caption || 'Image preview'\n\n    return (\n        <MPortal>\n            <div\n                className={cn('mineral-backdrop', 'media-lightbox-backdrop')}\n                onMouseDown={handleBackdropMouseDown}\n            >\n                <div className=\"media-lightbox-shell\" role=\"dialog\" aria-modal=\"true\" aria-label={previewLabel}>\n                    <div className=\"media-lightbox-stage\">\n                        <div ref={frameRef} className=\"media-lightbox-frame\">\n                            <div className=\"media-lightbox-topbar\">\n                                <MBadge color=\"dark\" size=\"sm\" rounded className=\"media-lightbox-counter\">\n                                    {items.length > 1 ? `${activeIndex + 1} / ${items.length}` : 'Preview'}\n                                </MBadge>\n                                <MButton\n                                    type=\"button\"\n                                    variant=\"ghost\"\n                                    color=\"primary\"\n                                    size=\"lg\"\n                                    shape=\"circle\"\n                                    iconOnly\n                                    className=\"media-lightbox-action\"\n                                    aria-label=\"Close preview\"\n                                    onClick={onClose}\n                                >\n                                    <MCloseIcon />\n                                </MButton>\n                            </div>\n\n                            <MButton\n                                type=\"button\"\n                                variant=\"ghost\"\n                                color=\"primary\"\n                                size=\"lg\"\n                                shape=\"circle\"\n                                iconOnly\n                                className=\"media-lightbox-nav media-lightbox-nav-prev\"\n                                aria-label=\"Previous image\"\n                                disabled={items.length <= 1 || !canGoPrev}\n                                onClick={() => canGoPrev && onActiveIndexChange(activeIndex - 1)}\n                            >\n                                <MChevronLeftIcon />\n                            </MButton>\n\n                            <img className=\"media-lightbox-image\" src={currentItem.src} alt={currentItem.alt || ''} />\n\n                            <MButton\n                                type=\"button\"\n                                variant=\"ghost\"\n                                color=\"primary\"\n                                size=\"lg\"\n                                shape=\"circle\"\n                                iconOnly\n                                className=\"media-lightbox-nav media-lightbox-nav-next\"\n                                aria-label=\"Next image\"\n                                disabled={items.length <= 1 || !canGoNext}\n                                onClick={() => canGoNext && onActiveIndexChange(activeIndex + 1)}\n                            >\n                                <MChevronRightIcon />\n                            </MButton>\n\n                            {currentItem.caption || currentItem.alt ? (\n                                <MBadge color=\"dark\" size=\"sm\" rounded className=\"media-lightbox-caption\">\n                                    {currentItem.caption || currentItem.alt}\n                                </MBadge>\n                            ) : null}\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </MPortal>\n    )\n}\n","import type {MMediaLightboxItem} from './MMediaLightbox/MMediaLightbox'\n\ninterface MMediaPreviewRegistryItem extends MMediaLightboxItem {\n    id: string\n}\n\nconst previewGroups = new Map<string, Map<string, MMediaPreviewRegistryItem>>()\n\nexport function registerMediaPreviewItem(group: string, id: string, item: MMediaLightboxItem) {\n    let groupItems = previewGroups.get(group)\n\n    if (!groupItems) {\n        groupItems = new Map()\n        previewGroups.set(group, groupItems)\n    }\n\n    groupItems.set(id, {id, ...item})\n\n    return () => {\n        const currentGroupItems = previewGroups.get(group)\n        if (!currentGroupItems) {\n            return\n        }\n\n        currentGroupItems.delete(id)\n\n        if (currentGroupItems.size === 0) {\n            previewGroups.delete(group)\n        }\n    }\n}\n\nexport function getMediaPreviewGroupItems(group: string) {\n    return Array.from(previewGroups.get(group)?.values() ?? [])\n}\n","import type {MClickEffect} from '../../utils/useInteractionEffect'\n\nexport type MMediaInteractionEffect = MClickEffect | 'zoom' | 'dim' | 'zoom-ripple'\nexport type MMediaHoverEffect = 'none' | 'zoom' | 'dim' | 'zoom-dim'\n\nexport function usesRipple(effect: MMediaInteractionEffect): boolean {\n    return effect === 'ripple' || effect === 'zoom-ripple'\n}\n\nexport function usesZoom(effect: MMediaInteractionEffect): boolean {\n    return effect === 'zoom' || effect === 'zoom-ripple'\n}\n\nexport function usesDim(effect: MMediaInteractionEffect): boolean {\n    return effect === 'dim'\n}\n\nexport function usesHoverZoom(effect: MMediaHoverEffect): boolean {\n    return effect === 'zoom' || effect === 'zoom-dim'\n}\n\nexport function usesHoverDim(effect: MMediaHoverEffect): boolean {\n    return effect === 'dim' || effect === 'zoom-dim'\n}\n","import {useEffect, useId, useMemo, 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 {MMediaLightbox} from '../MMediaLightbox/MMediaLightbox'\nimport {getMediaPreviewGroupItems, registerMediaPreviewItem} from '../mediaPreviewRegistry'\nimport {usesHoverDim, usesHoverZoom} from '../mediaInteraction'\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    src,\n    fit = 'cover',\n    ratio = 'auto',\n    hidden,\n    rounded = false,\n    bordered = false,\n    shadow = false,\n    preview = false,\n    previewGroup,\n    hoverEffect = 'none',\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 [previewOpen, setPreviewOpen] = useState(false)\n    const [previewItems, setPreviewItems] = useState<Array<{src: string; alt?: string; caption?: string}>>([])\n    const [previewIndex, setPreviewIndex] = useState(0)\n    const previewId = useId()\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLElement>({\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    const resolvedSrc = errored && fallback ? fallback : src\n    const previewItem = useMemo(\n        () => ({\n            src: resolvedSrc || '',\n            alt: alt ?? '',\n            caption: typeof rest.title === 'string' ? rest.title : undefined,\n        }),\n        [alt, resolvedSrc, rest.title]\n    )\n\n    useEffect(() => {\n        if (!preview || !previewGroup || !resolvedSrc) {\n            return\n        }\n\n        return registerMediaPreviewItem(previewGroup, previewId, previewItem)\n    }, [preview, previewGroup, previewId, previewItem, resolvedSrc])\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 openPreview = () => {\n        if (!preview || !resolvedSrc) {\n            return\n        }\n\n        if (previewGroup) {\n            const groupItems = getMediaPreviewGroupItems(previewGroup)\n            const currentIndex = groupItems.findIndex((item) => item.id === previewId)\n\n            if (groupItems.length > 0 && currentIndex >= 0) {\n                setPreviewItems(groupItems.map(({id, ...item}) => item))\n                setPreviewIndex(currentIndex)\n                setPreviewOpen(true)\n                return\n            }\n        }\n\n        setPreviewItems([previewItem])\n        setPreviewIndex(0)\n        setPreviewOpen(true)\n    }\n\n    const imgClassName = cn(\n        'image',\n        fit,\n        !effectLayer && rounded && 'rounded',\n        !effectLayer && bordered && 'bordered',\n        !effectLayer && shadow && 'shadow'\n    )\n    const usesWrapper = hasFixedRatio || Boolean(effectLayer) || preview || hoverEffect !== 'none'\n    const wrapperClassName = cn(\n        'image-wrap',\n        hasFixedRatio && 'has-ratio',\n        rounded && 'rounded',\n        bordered && 'bordered',\n        shadow && 'shadow',\n        preview && 'preview',\n        usesHoverZoom(hoverEffect) && 'effect-zoom',\n        usesHoverDim(hoverEffect) && 'effect-dim',\n        effectClassName,\n        className\n    )\n    const imageNode = <img className={imgClassName} onError={handleError} src={resolvedSrc} {...rest} alt={alt ?? ''} />\n\n    if (usesWrapper) {\n        return (\n            <>\n                {preview ? (\n                    <button\n                        type=\"button\"\n                        className={cn(wrapperClassName, 'image-button')}\n                        aria-label={`Preview ${alt || 'image'}`}\n                        onClick={openPreview}\n                        onPointerDown={effectLayer ? handlePointerDown : undefined}\n                        disabled={!resolvedSrc}\n                        {...getHiddenProps(hidden)}\n                        style={ratioStyle}\n                    >\n                        {effectLayer}\n                        {imageNode}\n                    </button>\n                ) : (\n                    <span\n                        className={wrapperClassName}\n                        onPointerDown={effectLayer ? handlePointerDown : undefined}\n                        {...getHiddenProps(hidden)}\n                        style={ratioStyle}\n                    >\n                        {effectLayer}\n                        {imageNode}\n                    </span>\n                )}\n\n                <MMediaLightbox\n                    open={previewOpen}\n                    items={previewItems}\n                    activeIndex={previewIndex}\n                    onActiveIndexChange={setPreviewIndex}\n                    onClose={() => setPreviewOpen(false)}\n                />\n            </>\n        )\n    }\n\n    return (\n        <>\n            <img\n                className={cn(imgClassName, className)}\n                style={ratioStyle}\n                onError={handleError}\n                src={resolvedSrc}\n                {...getHiddenProps(hidden)}\n                {...rest}\n                alt={alt ?? ''}\n            />\n\n            <MMediaLightbox\n                open={previewOpen}\n                items={previewItems}\n                activeIndex={previewIndex}\n                onActiveIndexChange={setPreviewIndex}\n                onClose={() => setPreviewOpen(false)}\n            />\n        </>\n    )\n}\n"],"mappings":"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"}

package/dist/MInline-D9p9Sazp.cjs

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

package/dist/MInline-D9p9Sazp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MInline-D9p9Sazp.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 './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    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\n    return (\n        <div\n            className={cn(\n                'inline',\n                align,\n                `justify-${justify}`,\n                wrap,\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":"kLAOA,SAAgB,EAAQ,CACpB,QAAQ,SACR,UAAU,QACV,OAAO,OACP,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,CAEpD,OACI,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,EACP,SACA,EACA,WAAW,IACX,EACA,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/MInline-DA_ehefx.js

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

package/dist/MInline-DA_ehefx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MInline-DA_ehefx.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 './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    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\n    return (\n        <div\n            className={cn(\n                'inline',\n                align,\n                `justify-${justify}`,\n                wrap,\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":";;;;;AAOA,SAAgB,EAAQ,EACpB,WAAQ,UACR,aAAU,SACV,UAAO,QACP,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;AAEpD,QACI,kBAAC,OAAD;EACI,WAAW,EACP,UACA,GACA,WAAW,KACX,GACA,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"}