@banzamel/mineralui 1.8.1 → 1.9.0

package/README.md

@@ -3,7 +3,7 @@
 Modern React UI framework with a sharp admin aesthetic, theming system, and production-ready components.
 
 - npm: `@banzamel/mineralui`
-- version: `1.8.1`
+- version: `1.9.0`
 - peer dependencies: `react >= 19`, `react-dom >= 19`
 - repository: `https://github.com/Banzamel/mineralui`
 - homepage: `https://mineralui.io`

package/dist/{MAvatar-BcayQCnp.js → MAvatar-D_dVAPaR.js}

@@ -1,7 +1,7 @@
-import { r as e } from "./theme-D_f-cmSA.js";
+import { r as e } from "./theme-DAOU1aPs.js";
 import { t } from "./cn-YER3QsV1.js";
 import { t as n } from "./useInteractionEffect-DtpbVd77.js";
-import { n as r } from "./MButton-DZLLrtQb.js";
+import { n as r } from "./MButton-C1pnL4_j.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/media/MAvatar/MAvatar.tsx
 function o(e, t) {
@@ -54,4 +54,4 @@ function s({ src: s, alt: c, name: l, initials: u, size: d = "md", shape: f = "c
 //#endregion
 export { s as t };
 
-//# sourceMappingURL=MAvatar-BcayQCnp.js.map
+//# sourceMappingURL=MAvatar-D_dVAPaR.js.map

package/dist/{MAvatar-BcayQCnp.js.map → MAvatar-D_dVAPaR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MAvatar-BcayQCnp.js","names":[],"sources":["../src/components/media/MAvatar/MAvatar.tsx"],"sourcesContent":["import type {CSSProperties} from 'react'\nimport type {MAvatarProps} from './MAvatar.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {renderOverlayBadge} from '../../../utils/overlayBadge'\nimport './MAvatar.css'\n\nfunction getFallbackInitials(name?: string, initials?: string) {\n    if (initials) return initials.slice(0, 2).toUpperCase()\n    if (!name) return '?'\n    const parts = name.trim().split(/\\s+/).filter(Boolean)\n    if (parts.length === 0) return '?'\n    if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase()\n    return `${parts[0][0]}${parts[1][0]}`.toUpperCase()\n}\n\n// Render user or entity identity as an image with initials fallback.\nexport function MAvatar({\n    src,\n    alt,\n    name,\n    initials,\n    size = 'md',\n    shape = 'circle',\n    hidden,\n    color,\n    badge,\n    badgeColor,\n    badgePulsing = false,\n    backgroundColor,\n    clickEffect,\n    rippleColor,\n    skeleton = false,\n    className,\n    style,\n    onPointerDown,\n    ...rest\n}: MAvatarProps) {\n    const fallbackInitials = getFallbackInitials(name, initials)\n    const isInteractive = typeof rest.onClick === 'function' || rest.role === 'button' || rest.tabIndex !== undefined\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLSpanElement>({\n        effect: clickEffect ?? (isInteractive ? 'ripple' : 'none'),\n        disabled: !isInteractive || skeleton,\n        color: rippleColor,\n    })\n    const inlineStyle: CSSProperties =\n        typeof size === 'number'\n            ? {\n                  width: `${size}px`,\n                  height: `${size}px`,\n                  ...style,\n                  ...(backgroundColor && !skeleton ? {backgroundColor} : {}),\n              }\n            : {\n                  ...style,\n                  ...(backgroundColor && !skeleton ? {backgroundColor} : {}),\n              }\n\n    return (\n        <span\n            className={cn(\n                'avatar',\n                typeof size === 'string' && size,\n                shape,\n                skeleton && 'skeleton animate',\n                isInteractive && !skeleton && 'interactive',\n                effectClassName,\n                !skeleton && color && `color-${color}`,\n                className\n            )}\n            style={inlineStyle}\n            aria-label={skeleton ? 'Loading' : (alt ?? name ?? 'MAvatar')}\n            onPointerDown={(event) => {\n                handlePointerDown(event)\n                onPointerDown?.(event)\n            }}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {effectLayer}\n            {renderOverlayBadge({badge, badgeColor, badgePulsing})}\n            {skeleton ? null : src ? (\n                <img src={src} alt={alt ?? name ?? ''} className={'image'} />\n            ) : (\n                <span className={'fallback'}>{fallbackInitials}</span>\n            )}\n        </span>\n    )\n}\n"],"mappings":";;;;;;AAQA,SAAS,EAAoB,GAAe,GAAmB;AAC3D,KAAI,EAAU,QAAO,EAAS,MAAM,GAAG,EAAE,CAAC,aAAa;AACvD,KAAI,CAAC,EAAM,QAAO;CAClB,IAAM,IAAQ,EAAK,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,QAAQ;AAGtD,QAFI,EAAM,WAAW,IAAU,MAC3B,EAAM,WAAW,IAAU,EAAM,GAAG,MAAM,GAAG,EAAE,CAAC,aAAa,GAC1D,GAAG,EAAM,GAAG,KAAK,EAAM,GAAG,KAAK,aAAa;;AAIvD,SAAgB,EAAQ,EACpB,QACA,QACA,SACA,aACA,UAAO,MACP,WAAQ,UACR,WACA,UACA,UACA,eACA,kBAAe,IACf,oBACA,gBACA,gBACA,cAAW,IACX,cACA,UACA,kBACA,GAAG,KACU;CACb,IAAM,IAAmB,EAAoB,GAAM,EAAS,EACtD,IAAgB,OAAO,EAAK,WAAY,cAAc,EAAK,SAAS,YAAY,EAAK,aAAa,KAAA,GAClG,EAAC,oBAAiB,gBAAa,yBAAqB,EAAsC;EAC5F,QAAQ,MAAgB,IAAgB,WAAW;EACnD,UAAU,CAAC,KAAiB;EAC5B,OAAO;EACV,CAAC,EACI,IACF,OAAO,KAAS,WACV;EACI,OAAO,GAAG,EAAK;EACf,QAAQ,GAAG,EAAK;EAChB,GAAG;EACH,GAAI,KAAmB,CAAC,IAAW,EAAC,oBAAgB,GAAG,EAAE;EAC5D,GACD;EACI,GAAG;EACH,GAAI,KAAmB,CAAC,IAAW,EAAC,oBAAgB,GAAG,EAAE;EAC5D;AAEX,QACI,kBAAC,QAAD;EACI,WAAW,EACP,UACA,OAAO,KAAS,YAAY,GAC5B,GACA,KAAY,oBACZ,KAAiB,CAAC,KAAY,eAC9B,GACA,CAAC,KAAY,KAAS,SAAS,KAC/B,EACH;EACD,OAAO;EACP,cAAY,IAAW,YAAa,KAAO,KAAQ;EACnD,gBAAgB,MAAU;AAEtB,GADA,EAAkB,EAAM,EACxB,IAAgB,EAAM;;EAE1B,GAAI,EAAe,EAAO;EAC1B,GAAI;YAlBR;GAoBK;GACA,EAAmB;IAAC;IAAO;IAAY;IAAa,CAAC;GACrD,IAAW,OAAO,IACf,kBAAC,OAAD;IAAU;IAAK,KAAK,KAAO,KAAQ;IAAI,WAAW;IAAW,CAAA,GAE7D,kBAAC,QAAD;IAAM,WAAW;cAAa;IAAwB,CAAA;GAEvD"}
+{"version":3,"file":"MAvatar-D_dVAPaR.js","names":[],"sources":["../src/components/media/MAvatar/MAvatar.tsx"],"sourcesContent":["import type {CSSProperties} from 'react'\nimport type {MAvatarProps} from './MAvatar.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {renderOverlayBadge} from '../../../utils/overlayBadge'\nimport './MAvatar.css'\n\nfunction getFallbackInitials(name?: string, initials?: string) {\n    if (initials) return initials.slice(0, 2).toUpperCase()\n    if (!name) return '?'\n    const parts = name.trim().split(/\\s+/).filter(Boolean)\n    if (parts.length === 0) return '?'\n    if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase()\n    return `${parts[0][0]}${parts[1][0]}`.toUpperCase()\n}\n\n// Render user or entity identity as an image with initials fallback.\nexport function MAvatar({\n    src,\n    alt,\n    name,\n    initials,\n    size = 'md',\n    shape = 'circle',\n    hidden,\n    color,\n    badge,\n    badgeColor,\n    badgePulsing = false,\n    backgroundColor,\n    clickEffect,\n    rippleColor,\n    skeleton = false,\n    className,\n    style,\n    onPointerDown,\n    ...rest\n}: MAvatarProps) {\n    const fallbackInitials = getFallbackInitials(name, initials)\n    const isInteractive = typeof rest.onClick === 'function' || rest.role === 'button' || rest.tabIndex !== undefined\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLSpanElement>({\n        effect: clickEffect ?? (isInteractive ? 'ripple' : 'none'),\n        disabled: !isInteractive || skeleton,\n        color: rippleColor,\n    })\n    const inlineStyle: CSSProperties =\n        typeof size === 'number'\n            ? {\n                  width: `${size}px`,\n                  height: `${size}px`,\n                  ...style,\n                  ...(backgroundColor && !skeleton ? {backgroundColor} : {}),\n              }\n            : {\n                  ...style,\n                  ...(backgroundColor && !skeleton ? {backgroundColor} : {}),\n              }\n\n    return (\n        <span\n            className={cn(\n                'avatar',\n                typeof size === 'string' && size,\n                shape,\n                skeleton && 'skeleton animate',\n                isInteractive && !skeleton && 'interactive',\n                effectClassName,\n                !skeleton && color && `color-${color}`,\n                className\n            )}\n            style={inlineStyle}\n            aria-label={skeleton ? 'Loading' : (alt ?? name ?? 'MAvatar')}\n            onPointerDown={(event) => {\n                handlePointerDown(event)\n                onPointerDown?.(event)\n            }}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {effectLayer}\n            {renderOverlayBadge({badge, badgeColor, badgePulsing})}\n            {skeleton ? null : src ? (\n                <img src={src} alt={alt ?? name ?? ''} className={'image'} />\n            ) : (\n                <span className={'fallback'}>{fallbackInitials}</span>\n            )}\n        </span>\n    )\n}\n"],"mappings":";;;;;;AAQA,SAAS,EAAoB,GAAe,GAAmB;AAC3D,KAAI,EAAU,QAAO,EAAS,MAAM,GAAG,EAAE,CAAC,aAAa;AACvD,KAAI,CAAC,EAAM,QAAO;CAClB,IAAM,IAAQ,EAAK,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,QAAQ;AAGtD,QAFI,EAAM,WAAW,IAAU,MAC3B,EAAM,WAAW,IAAU,EAAM,GAAG,MAAM,GAAG,EAAE,CAAC,aAAa,GAC1D,GAAG,EAAM,GAAG,KAAK,EAAM,GAAG,KAAK,aAAa;;AAIvD,SAAgB,EAAQ,EACpB,QACA,QACA,SACA,aACA,UAAO,MACP,WAAQ,UACR,WACA,UACA,UACA,eACA,kBAAe,IACf,oBACA,gBACA,gBACA,cAAW,IACX,cACA,UACA,kBACA,GAAG,KACU;CACb,IAAM,IAAmB,EAAoB,GAAM,EAAS,EACtD,IAAgB,OAAO,EAAK,WAAY,cAAc,EAAK,SAAS,YAAY,EAAK,aAAa,KAAA,GAClG,EAAC,oBAAiB,gBAAa,yBAAqB,EAAsC;EAC5F,QAAQ,MAAgB,IAAgB,WAAW;EACnD,UAAU,CAAC,KAAiB;EAC5B,OAAO;EACV,CAAC,EACI,IACF,OAAO,KAAS,WACV;EACI,OAAO,GAAG,EAAK;EACf,QAAQ,GAAG,EAAK;EAChB,GAAG;EACH,GAAI,KAAmB,CAAC,IAAW,EAAC,oBAAgB,GAAG,EAAE;EAC5D,GACD;EACI,GAAG;EACH,GAAI,KAAmB,CAAC,IAAW,EAAC,oBAAgB,GAAG,EAAE;EAC5D;AAEX,QACI,kBAAC,QAAD;EACI,WAAW,EACP,UACA,OAAO,KAAS,YAAY,GAC5B,GACA,KAAY,oBACZ,KAAiB,CAAC,KAAY,eAC9B,GACA,CAAC,KAAY,KAAS,SAAS,KAC/B,EACH;EACD,OAAO;EACP,cAAY,IAAW,YAAa,KAAO,KAAQ;EACnD,gBAAgB,MAAU;AAEtB,GADA,EAAkB,EAAM,EACxB,IAAgB,EAAM;;EAE1B,GAAI,EAAe,EAAO;EAC1B,GAAI;YAlBR;GAoBK;GACA,EAAmB;IAAC;IAAO;IAAY;IAAa,CAAC;GACrD,IAAW,OAAO,IACf,kBAAC,OAAD;IAAU;IAAK,KAAK,KAAO,KAAQ;IAAI,WAAW;IAAW,CAAA,GAE7D,kBAAC,QAAD;IAAM,WAAW;cAAa;IAAwB,CAAA;GAEvD"}

package/dist/{MAvatar-BgevCYi3.cjs → MAvatar-DzZPRbot.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./theme-BaroO-OB.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./useInteractionEffect-Bo8285cg.cjs`),r=require(`./MButton-8UCydOik.cjs`);require(`./core-DAox0BHy.cjs`);let i=require(`react/jsx-runtime`);function a(e,t){if(t)return t.slice(0,2).toUpperCase();if(!e)return`?`;let n=e.trim().split(/\s+/).filter(Boolean);return n.length===0?`?`:n.length===1?n[0].slice(0,2).toUpperCase():`${n[0][0]}${n[1][0]}`.toUpperCase()}function o({src:o,alt:s,name:c,initials:l,size:u=`md`,shape:d=`circle`,hidden:f,color:p,badge:m,badgeColor:h,badgePulsing:g=!1,backgroundColor:_,clickEffect:v,rippleColor:y,skeleton:b=!1,className:x,style:S,onPointerDown:C,...w}){let T=a(c,l),E=typeof w.onClick==`function`||w.role===`button`||w.tabIndex!==void 0,{effectClassName:D,effectLayer:O,handlePointerDown:k}=n.t({effect:v??(E?`ripple`:`none`),disabled:!E||b,color:y}),A=typeof u==`number`?{width:`${u}px`,height:`${u}px`,...S,..._&&!b?{backgroundColor:_}:{}}:{...S,..._&&!b?{backgroundColor:_}:{}};return(0,i.jsxs)(`span`,{className:t.t(`avatar`,typeof u==`string`&&u,d,b&&`skeleton animate`,E&&!b&&`interactive`,D,!b&&p&&`color-${p}`,x),style:A,"aria-label":b?`Loading`:s??c??`MAvatar`,onPointerDown:e=>{k(e),C?.(e)},...e.r(f),...w,children:[O,r.n({badge:m,badgeColor:h,badgePulsing:g}),b?null:o?(0,i.jsx)(`img`,{src:o,alt:s??c??``,className:`image`}):(0,i.jsx)(`span`,{className:`fallback`,children:T})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=MAvatar-BgevCYi3.cjs.map
+const e=require(`./theme-DsTDooyX.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./useInteractionEffect-Bo8285cg.cjs`),r=require(`./MButton-DFRHWHzh.cjs`);require(`./core-DAox0BHy.cjs`);let i=require(`react/jsx-runtime`);function a(e,t){if(t)return t.slice(0,2).toUpperCase();if(!e)return`?`;let n=e.trim().split(/\s+/).filter(Boolean);return n.length===0?`?`:n.length===1?n[0].slice(0,2).toUpperCase():`${n[0][0]}${n[1][0]}`.toUpperCase()}function o({src:o,alt:s,name:c,initials:l,size:u=`md`,shape:d=`circle`,hidden:f,color:p,badge:m,badgeColor:h,badgePulsing:g=!1,backgroundColor:_,clickEffect:v,rippleColor:y,skeleton:b=!1,className:x,style:S,onPointerDown:C,...w}){let T=a(c,l),E=typeof w.onClick==`function`||w.role===`button`||w.tabIndex!==void 0,{effectClassName:D,effectLayer:O,handlePointerDown:k}=n.t({effect:v??(E?`ripple`:`none`),disabled:!E||b,color:y}),A=typeof u==`number`?{width:`${u}px`,height:`${u}px`,...S,..._&&!b?{backgroundColor:_}:{}}:{...S,..._&&!b?{backgroundColor:_}:{}};return(0,i.jsxs)(`span`,{className:t.t(`avatar`,typeof u==`string`&&u,d,b&&`skeleton animate`,E&&!b&&`interactive`,D,!b&&p&&`color-${p}`,x),style:A,"aria-label":b?`Loading`:s??c??`MAvatar`,onPointerDown:e=>{k(e),C?.(e)},...e.r(f),...w,children:[O,r.n({badge:m,badgeColor:h,badgePulsing:g}),b?null:o?(0,i.jsx)(`img`,{src:o,alt:s??c??``,className:`image`}):(0,i.jsx)(`span`,{className:`fallback`,children:T})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=MAvatar-DzZPRbot.cjs.map

package/dist/{MAvatar-BgevCYi3.cjs.map → MAvatar-DzZPRbot.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MAvatar-BgevCYi3.cjs","names":[],"sources":["../src/components/media/MAvatar/MAvatar.tsx"],"sourcesContent":["import type {CSSProperties} from 'react'\nimport type {MAvatarProps} from './MAvatar.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {renderOverlayBadge} from '../../../utils/overlayBadge'\nimport './MAvatar.css'\n\nfunction getFallbackInitials(name?: string, initials?: string) {\n    if (initials) return initials.slice(0, 2).toUpperCase()\n    if (!name) return '?'\n    const parts = name.trim().split(/\\s+/).filter(Boolean)\n    if (parts.length === 0) return '?'\n    if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase()\n    return `${parts[0][0]}${parts[1][0]}`.toUpperCase()\n}\n\n// Render user or entity identity as an image with initials fallback.\nexport function MAvatar({\n    src,\n    alt,\n    name,\n    initials,\n    size = 'md',\n    shape = 'circle',\n    hidden,\n    color,\n    badge,\n    badgeColor,\n    badgePulsing = false,\n    backgroundColor,\n    clickEffect,\n    rippleColor,\n    skeleton = false,\n    className,\n    style,\n    onPointerDown,\n    ...rest\n}: MAvatarProps) {\n    const fallbackInitials = getFallbackInitials(name, initials)\n    const isInteractive = typeof rest.onClick === 'function' || rest.role === 'button' || rest.tabIndex !== undefined\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLSpanElement>({\n        effect: clickEffect ?? (isInteractive ? 'ripple' : 'none'),\n        disabled: !isInteractive || skeleton,\n        color: rippleColor,\n    })\n    const inlineStyle: CSSProperties =\n        typeof size === 'number'\n            ? {\n                  width: `${size}px`,\n                  height: `${size}px`,\n                  ...style,\n                  ...(backgroundColor && !skeleton ? {backgroundColor} : {}),\n              }\n            : {\n                  ...style,\n                  ...(backgroundColor && !skeleton ? {backgroundColor} : {}),\n              }\n\n    return (\n        <span\n            className={cn(\n                'avatar',\n                typeof size === 'string' && size,\n                shape,\n                skeleton && 'skeleton animate',\n                isInteractive && !skeleton && 'interactive',\n                effectClassName,\n                !skeleton && color && `color-${color}`,\n                className\n            )}\n            style={inlineStyle}\n            aria-label={skeleton ? 'Loading' : (alt ?? name ?? 'MAvatar')}\n            onPointerDown={(event) => {\n                handlePointerDown(event)\n                onPointerDown?.(event)\n            }}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {effectLayer}\n            {renderOverlayBadge({badge, badgeColor, badgePulsing})}\n            {skeleton ? null : src ? (\n                <img src={src} alt={alt ?? name ?? ''} className={'image'} />\n            ) : (\n                <span className={'fallback'}>{fallbackInitials}</span>\n            )}\n        </span>\n    )\n}\n"],"mappings":"8NAQA,SAAS,EAAoB,EAAe,EAAmB,CAC3D,GAAI,EAAU,OAAO,EAAS,MAAM,EAAG,EAAE,CAAC,aAAa,CACvD,GAAI,CAAC,EAAM,MAAO,IAClB,IAAM,EAAQ,EAAK,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,QAAQ,CAGtD,OAFI,EAAM,SAAW,EAAU,IAC3B,EAAM,SAAW,EAAU,EAAM,GAAG,MAAM,EAAG,EAAE,CAAC,aAAa,CAC1D,GAAG,EAAM,GAAG,KAAK,EAAM,GAAG,KAAK,aAAa,CAIvD,SAAgB,EAAQ,CACpB,MACA,MACA,OACA,WACA,OAAO,KACP,QAAQ,SACR,SACA,QACA,QACA,aACA,eAAe,GACf,kBACA,cACA,cACA,WAAW,GACX,YACA,QACA,gBACA,GAAG,GACU,CACb,IAAM,EAAmB,EAAoB,EAAM,EAAS,CACtD,EAAgB,OAAO,EAAK,SAAY,YAAc,EAAK,OAAS,UAAY,EAAK,WAAa,IAAA,GAClG,CAAC,kBAAiB,cAAa,qBAAqB,EAAA,EAAsC,CAC5F,OAAQ,IAAgB,EAAgB,SAAW,QACnD,SAAU,CAAC,GAAiB,EAC5B,MAAO,EACV,CAAC,CACI,EACF,OAAO,GAAS,SACV,CACI,MAAO,GAAG,EAAK,IACf,OAAQ,GAAG,EAAK,IAChB,GAAG,EACH,GAAI,GAAmB,CAAC,EAAW,CAAC,kBAAgB,CAAG,EAAE,CAC5D,CACD,CACI,GAAG,EACH,GAAI,GAAmB,CAAC,EAAW,CAAC,kBAAgB,CAAG,EAAE,CAC5D,CAEX,OACI,EAAA,EAAA,MAAC,OAAD,CACI,UAAW,EAAA,EACP,SACA,OAAO,GAAS,UAAY,EAC5B,EACA,GAAY,mBACZ,GAAiB,CAAC,GAAY,cAC9B,EACA,CAAC,GAAY,GAAS,SAAS,IAC/B,EACH,CACD,MAAO,EACP,aAAY,EAAW,UAAa,GAAO,GAAQ,UACnD,cAAgB,GAAU,CACtB,EAAkB,EAAM,CACxB,IAAgB,EAAM,EAE1B,GAAI,EAAA,EAAe,EAAO,CAC1B,GAAI,WAlBR,CAoBK,EACA,EAAA,EAAmB,CAAC,QAAO,aAAY,eAAa,CAAC,CACrD,EAAW,KAAO,GACf,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,IAAK,GAAO,GAAQ,GAAI,UAAW,QAAW,CAAA,EAE7D,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,oBAAa,EAAwB,CAAA,CAEvD"}
+{"version":3,"file":"MAvatar-DzZPRbot.cjs","names":[],"sources":["../src/components/media/MAvatar/MAvatar.tsx"],"sourcesContent":["import type {CSSProperties} from 'react'\nimport type {MAvatarProps} from './MAvatar.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {renderOverlayBadge} from '../../../utils/overlayBadge'\nimport './MAvatar.css'\n\nfunction getFallbackInitials(name?: string, initials?: string) {\n    if (initials) return initials.slice(0, 2).toUpperCase()\n    if (!name) return '?'\n    const parts = name.trim().split(/\\s+/).filter(Boolean)\n    if (parts.length === 0) return '?'\n    if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase()\n    return `${parts[0][0]}${parts[1][0]}`.toUpperCase()\n}\n\n// Render user or entity identity as an image with initials fallback.\nexport function MAvatar({\n    src,\n    alt,\n    name,\n    initials,\n    size = 'md',\n    shape = 'circle',\n    hidden,\n    color,\n    badge,\n    badgeColor,\n    badgePulsing = false,\n    backgroundColor,\n    clickEffect,\n    rippleColor,\n    skeleton = false,\n    className,\n    style,\n    onPointerDown,\n    ...rest\n}: MAvatarProps) {\n    const fallbackInitials = getFallbackInitials(name, initials)\n    const isInteractive = typeof rest.onClick === 'function' || rest.role === 'button' || rest.tabIndex !== undefined\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLSpanElement>({\n        effect: clickEffect ?? (isInteractive ? 'ripple' : 'none'),\n        disabled: !isInteractive || skeleton,\n        color: rippleColor,\n    })\n    const inlineStyle: CSSProperties =\n        typeof size === 'number'\n            ? {\n                  width: `${size}px`,\n                  height: `${size}px`,\n                  ...style,\n                  ...(backgroundColor && !skeleton ? {backgroundColor} : {}),\n              }\n            : {\n                  ...style,\n                  ...(backgroundColor && !skeleton ? {backgroundColor} : {}),\n              }\n\n    return (\n        <span\n            className={cn(\n                'avatar',\n                typeof size === 'string' && size,\n                shape,\n                skeleton && 'skeleton animate',\n                isInteractive && !skeleton && 'interactive',\n                effectClassName,\n                !skeleton && color && `color-${color}`,\n                className\n            )}\n            style={inlineStyle}\n            aria-label={skeleton ? 'Loading' : (alt ?? name ?? 'MAvatar')}\n            onPointerDown={(event) => {\n                handlePointerDown(event)\n                onPointerDown?.(event)\n            }}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {effectLayer}\n            {renderOverlayBadge({badge, badgeColor, badgePulsing})}\n            {skeleton ? null : src ? (\n                <img src={src} alt={alt ?? name ?? ''} className={'image'} />\n            ) : (\n                <span className={'fallback'}>{fallbackInitials}</span>\n            )}\n        </span>\n    )\n}\n"],"mappings":"8NAQA,SAAS,EAAoB,EAAe,EAAmB,CAC3D,GAAI,EAAU,OAAO,EAAS,MAAM,EAAG,EAAE,CAAC,aAAa,CACvD,GAAI,CAAC,EAAM,MAAO,IAClB,IAAM,EAAQ,EAAK,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,QAAQ,CAGtD,OAFI,EAAM,SAAW,EAAU,IAC3B,EAAM,SAAW,EAAU,EAAM,GAAG,MAAM,EAAG,EAAE,CAAC,aAAa,CAC1D,GAAG,EAAM,GAAG,KAAK,EAAM,GAAG,KAAK,aAAa,CAIvD,SAAgB,EAAQ,CACpB,MACA,MACA,OACA,WACA,OAAO,KACP,QAAQ,SACR,SACA,QACA,QACA,aACA,eAAe,GACf,kBACA,cACA,cACA,WAAW,GACX,YACA,QACA,gBACA,GAAG,GACU,CACb,IAAM,EAAmB,EAAoB,EAAM,EAAS,CACtD,EAAgB,OAAO,EAAK,SAAY,YAAc,EAAK,OAAS,UAAY,EAAK,WAAa,IAAA,GAClG,CAAC,kBAAiB,cAAa,qBAAqB,EAAA,EAAsC,CAC5F,OAAQ,IAAgB,EAAgB,SAAW,QACnD,SAAU,CAAC,GAAiB,EAC5B,MAAO,EACV,CAAC,CACI,EACF,OAAO,GAAS,SACV,CACI,MAAO,GAAG,EAAK,IACf,OAAQ,GAAG,EAAK,IAChB,GAAG,EACH,GAAI,GAAmB,CAAC,EAAW,CAAC,kBAAgB,CAAG,EAAE,CAC5D,CACD,CACI,GAAG,EACH,GAAI,GAAmB,CAAC,EAAW,CAAC,kBAAgB,CAAG,EAAE,CAC5D,CAEX,OACI,EAAA,EAAA,MAAC,OAAD,CACI,UAAW,EAAA,EACP,SACA,OAAO,GAAS,UAAY,EAC5B,EACA,GAAY,mBACZ,GAAiB,CAAC,GAAY,cAC9B,EACA,CAAC,GAAY,GAAS,SAAS,IAC/B,EACH,CACD,MAAO,EACP,aAAY,EAAW,UAAa,GAAO,GAAQ,UACnD,cAAgB,GAAU,CACtB,EAAkB,EAAM,CACxB,IAAgB,EAAM,EAE1B,GAAI,EAAA,EAAe,EAAO,CAC1B,GAAI,WAlBR,CAoBK,EACA,EAAA,EAAmB,CAAC,QAAO,aAAY,eAAa,CAAC,CACrD,EAAW,KAAO,GACf,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,IAAK,GAAO,GAAQ,GAAI,UAAW,QAAW,CAAA,EAE7D,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,oBAAa,EAAwB,CAAA,CAEvD"}

package/dist/MAvatarStack-CrhkO_SO.js

@@ -0,0 +1,330 @@
+import { r as e } from "./theme-DAOU1aPs.js";
+import { Fi as t, Li as n, Pi as r } from "./icons-CfpYxnfg.js";
+import { t as i } from "./cn-YER3QsV1.js";
+import { t as a } from "./useInteractionEffect-DtpbVd77.js";
+import { t as o } from "./MPortal-Ba2Sxset.js";
+import { t as s } from "./MButton-C1pnL4_j.js";
+import { s as c, t as l } from "./MSkeleton-CVofhuDp.js";
+import { t as u } from "./MTooltip-jSf4VBtB.js";
+import { t as d } from "./MAvatar-D_dVAPaR.js";
+import { useEffect as f, useId as p, useMemo as m, useRef as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/components/media/MMediaLightbox/MMediaLightbox.tsx
+function b({ open: e, items: a, activeIndex: l, onClose: u, onActiveIndexChange: d }) {
+	let p = a[l], m = h(null), g = l > 0, _ = l < a.length - 1;
+	if (f(() => {
+		if (!e) return;
+		let t = (e) => {
+			if (e.key === "Escape") {
+				u();
+				return;
+			}
+			e.key === "ArrowLeft" && g && d(l - 1), e.key === "ArrowRight" && _ && d(l + 1);
+		};
+		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+	}, [
+		l,
+		_,
+		g,
+		d,
+		u,
+		e
+	]), f(() => {
+		if (!e) return;
+		let t = document.body.style.overflow;
+		return document.body.style.overflow = "hidden", () => {
+			document.body.style.overflow = t;
+		};
+	}, [e]), !e || !p) return null;
+	let b = (e) => {
+		let t = e.target;
+		t && m.current && !m.current.contains(t) && u();
+	}, x = p.alt || p.caption || "Image preview";
+	return /* @__PURE__ */ v(o, { children: /* @__PURE__ */ v("div", {
+		className: i("mineral-backdrop", "media-lightbox-backdrop"),
+		onMouseDown: b,
+		children: /* @__PURE__ */ v("div", {
+			className: "media-lightbox-shell",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": x,
+			children: /* @__PURE__ */ v("div", {
+				className: "media-lightbox-stage",
+				children: /* @__PURE__ */ y("div", {
+					ref: m,
+					className: "media-lightbox-frame",
+					children: [
+						/* @__PURE__ */ y("div", {
+							className: "media-lightbox-topbar",
+							children: [/* @__PURE__ */ v(c, {
+								color: "dark",
+								size: "md",
+								rounded: !0,
+								className: "media-lightbox-counter",
+								children: a.length > 1 ? `${l + 1} / ${a.length}` : "Preview"
+							}), /* @__PURE__ */ v(s, {
+								type: "button",
+								variant: "ghost",
+								color: "error",
+								size: "lg",
+								shape: "circle",
+								iconOnly: !0,
+								className: "media-lightbox-action",
+								"aria-label": "Close preview",
+								onClick: u,
+								children: /* @__PURE__ */ v(n, {})
+							})]
+						}),
+						/* @__PURE__ */ v(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 || !g,
+							onClick: () => g && d(l - 1),
+							children: /* @__PURE__ */ v(t, {})
+						}),
+						/* @__PURE__ */ v("img", {
+							className: "media-lightbox-image",
+							src: p.src,
+							alt: p.alt || ""
+						}),
+						/* @__PURE__ */ v(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 || !_,
+							onClick: () => _ && d(l + 1),
+							children: /* @__PURE__ */ v(r, {})
+						}),
+						p.caption || p.alt ? /* @__PURE__ */ v(c, {
+							color: "dark",
+							size: "sm",
+							rounded: !0,
+							className: "media-lightbox-caption",
+							children: p.caption || p.alt
+						}) : null
+					]
+				})
+			})
+		})
+	}) });
+}
+//#endregion
+//#region src/components/media/mediaPreviewRegistry.ts
+var x = /* @__PURE__ */ new Map();
+function S(e, t, n) {
+	let r = x.get(e);
+	return r || (r = /* @__PURE__ */ new Map(), x.set(e, r)), r.set(t, {
+		id: t,
+		...n
+	}), () => {
+		let n = x.get(e);
+		n && (n.delete(t), n.size === 0 && x.delete(e));
+	};
+}
+function C(e) {
+	return Array.from(x.get(e)?.values() ?? []);
+}
+//#endregion
+//#region src/components/media/mediaInteraction.ts
+function w(e) {
+	return e === "ripple" || e === "zoom-ripple";
+}
+function T(e) {
+	return e === "zoom" || e === "zoom-ripple";
+}
+function E(e) {
+	return e === "dim";
+}
+function D(e) {
+	return e === "zoom" || e === "zoom-dim";
+}
+function O(e) {
+	return e === "dim" || e === "zoom-dim";
+}
+//#endregion
+//#region src/components/media/MImage/MImage.tsx
+var k = {
+	"1:1": "1 / 1",
+	"4:3": "4 / 3",
+	"16:9": "16 / 9",
+	"21:9": "21 / 9"
+};
+function ee(e) {
+	if (e != null) return typeof e == "number" ? `${e}px` : e;
+}
+function A({ src: t, fit: n = "cover", ratio: r = "auto", width: o, height: s, hidden: c, rounded: u = !1, bordered: d = !1, shadow: h = !1, preview: x = !1, previewGroup: w, hoverEffect: T = "none", clickEffect: E = "none", fallback: A, skeleton: j = !1, className: M, style: te, alt: N, onError: ne, ...P }) {
+	let [F, re] = g(!1), [ie, I] = g(!1), [L, R] = g([]), [z, B] = g(0), V = p(), { effectClassName: ae, effectLayer: H, handlePointerDown: U } = a({ effect: j ? "none" : E }), W = (e) => {
+		A && !F && (re(!0), e.currentTarget.src = A), ne?.(e);
+	}, G = ee(o), K = ee(s), q = G != null || K != null, J = r !== "auto" && !!k[r], Y = {};
+	G != null && (Y.width = G), K != null && (Y.height = K);
+	let X = {
+		...te,
+		...J ? { aspectRatio: k[r] } : null,
+		...Y
+	}, Z = F && A ? A : t, Q = m(() => ({
+		src: Z || "",
+		alt: N ?? "",
+		caption: typeof P.title == "string" ? P.title : void 0
+	}), [
+		N,
+		Z,
+		P.title
+	]);
+	if (f(() => {
+		if (!(!x || !w || !Z)) return S(w, V, Q);
+	}, [
+		x,
+		w,
+		V,
+		Q,
+		Z
+	]), j) return /* @__PURE__ */ v(l, {
+		variant: "rectangle",
+		animate: "pulse",
+		className: i("image-skeleton", u && "rounded", d && "bordered", M),
+		style: X,
+		"aria-label": "Loading",
+		...e(c)
+	});
+	let oe = () => {
+		if (!(!x || !Z)) {
+			if (w) {
+				let e = C(w), t = e.findIndex((e) => e.id === V);
+				if (e.length > 0 && t >= 0) {
+					R(e.map(({ id: e, ...t }) => t)), B(t), I(!0);
+					return;
+				}
+			}
+			R([Q]), B(0), I(!0);
+		}
+	}, se = i("image", n, !H && u && "rounded", !H && d && "bordered", !H && h && "shadow"), ce = J || q || !!H || x || T !== "none", le = i("image-wrap", J && "has-ratio", q && "has-size", u && "rounded", d && "bordered", h && "shadow", x && "preview", D(T) && "effect-zoom", O(T) && "effect-dim", ae, M), $ = /* @__PURE__ */ v("img", {
+		className: se,
+		onError: W,
+		src: Z,
+		...P,
+		alt: N ?? ""
+	});
+	return ce ? /* @__PURE__ */ y(_, { children: [x ? /* @__PURE__ */ y("button", {
+		type: "button",
+		className: i(le, "image-button"),
+		"aria-label": `Preview ${N || "image"}`,
+		onClick: oe,
+		onPointerDown: H ? U : void 0,
+		disabled: !Z,
+		...e(c),
+		style: X,
+		children: [H, $]
+	}) : /* @__PURE__ */ y("span", {
+		className: le,
+		onPointerDown: H ? U : void 0,
+		...e(c),
+		style: X,
+		children: [H, $]
+	}), /* @__PURE__ */ v(b, {
+		open: ie,
+		items: L,
+		activeIndex: z,
+		onActiveIndexChange: B,
+		onClose: () => I(!1)
+	})] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("img", {
+		className: i(se, M),
+		style: X,
+		onError: W,
+		src: Z,
+		...e(c),
+		...P,
+		alt: N ?? ""
+	}), /* @__PURE__ */ v(b, {
+		open: ie,
+		items: L,
+		activeIndex: z,
+		onActiveIndexChange: B,
+		onClose: () => I(!1)
+	})] });
+}
+//#endregion
+//#region src/components/media/MAvatarStack/MAvatarStack.tsx
+function j(e) {
+	return e.tooltip ? e.tooltip : !e.name && !e.description ? null : /* @__PURE__ */ y("div", {
+		className: "avatar-stack-tooltip",
+		children: [e.name ? /* @__PURE__ */ v("strong", { children: e.name }) : null, e.description ? /* @__PURE__ */ v("span", { children: e.description }) : null]
+	});
+}
+function M({ items: t, max: n = 5, size: r = "sm", color: a = "primary", hidden: o, overlap: s = 10, interactive: c = !0, showTooltip: l, tooltipPlacement: f = "top", tooltipDelay: p = 150, onItemClick: m, className: h, style: g, ..._ }) {
+	if (!t || t.length === 0) return null;
+	let b = t.slice(0, n), x = t.length - n, S = typeof r == "number" ? r : {
+		xs: 20,
+		sm: 28,
+		md: 40,
+		lg: 56,
+		xl: 72
+	}[r] ?? 28, C = l ?? c, w = (e, t) => {
+		let n = C ? j(e) : null, o = c && (!!e.onClick || !!e.href || !!m), s = e.id ?? `${e.name ?? "avatar"}-${t}`, l = (n) => {
+			o && (e.onClick ? (n.preventDefault(), e.onClick(e, t)) : m && !e.href ? (n.preventDefault(), m(e, t)) : m && m(e, t));
+		}, h = /* @__PURE__ */ v(d, {
+			src: e.avatar,
+			name: e.name,
+			size: r,
+			color: e.color ?? a,
+			backgroundColor: e.backgroundColor
+		}), g;
+		return g = e.href ? /* @__PURE__ */ v("a", {
+			className: i("avatar-stack-item", c && "interactive"),
+			style: { zIndex: t + 1 },
+			href: e.href,
+			onClick: l,
+			children: h
+		}, s) : o ? /* @__PURE__ */ v("button", {
+			type: "button",
+			className: i("avatar-stack-item", "interactive"),
+			style: { zIndex: t + 1 },
+			"aria-label": e.name,
+			onClick: l,
+			children: h
+		}, s) : /* @__PURE__ */ v("span", {
+			className: i("avatar-stack-item", c && "interactive"),
+			style: { zIndex: t + 1 },
+			children: h
+		}, s), n ? /* @__PURE__ */ v(u, {
+			placement: f,
+			delay: p,
+			content: n,
+			className: "avatar-stack-tooltip-wrapper",
+			children: g
+		}, s) : g;
+	};
+	return /* @__PURE__ */ y("div", {
+		className: i("avatar-stack", c && "interactive", h),
+		style: {
+			"--avatar-stack-overlap": `-${s}px`,
+			...g
+		},
+		...e(o),
+		..._,
+		children: [b.map(w), x > 0 && /* @__PURE__ */ y("span", {
+			className: "avatar-stack-overflow",
+			style: {
+				width: S,
+				height: S,
+				fontSize: S * .38,
+				zIndex: b.length + 1
+			},
+			children: ["+", x]
+		})]
+	});
+}
+//#endregion
+export { D as a, b as c, O as i, A as n, w as o, E as r, T as s, M as t };
+
+//# sourceMappingURL=MAvatarStack-CrhkO_SO.js.map

package/dist/MAvatarStack-CrhkO_SO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MAvatarStack-CrhkO_SO.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","../src/components/media/MAvatarStack/MAvatarStack.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({open, items, activeIndex, onClose, onActiveIndexChange}: 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 className={cn('mineral-backdrop', 'media-lightbox-backdrop')} onMouseDown={handleBackdropMouseDown}>\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=\"md\" 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=\"error\"\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 {CSSProperties} from 'react'\nimport type {MImageProps, MImageSize} 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\nfunction toCssSize(value: MImageSize | undefined): string | undefined {\n    if (value == null) return undefined\n    return typeof value === 'number' ? `${value}px` : value\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    width,\n    height,\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 widthValue = toCssSize(width)\n    const heightValue = toCssSize(height)\n    const hasExplicitSize = widthValue != null || heightValue != null\n    const hasFixedRatio = ratio !== 'auto' && !!RATIO_MAP[ratio]\n    const sizeStyle: CSSProperties = {}\n    if (widthValue != null) sizeStyle.width = widthValue\n    if (heightValue != null) sizeStyle.height = heightValue\n    const ratioStyle: CSSProperties = {\n        ...style,\n        ...(hasFixedRatio ? {aspectRatio: RATIO_MAP[ratio]} : null),\n        ...sizeStyle,\n    }\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 || hasExplicitSize || Boolean(effectLayer) || preview || hoverEffect !== 'none'\n    const wrapperClassName = cn(\n        'image-wrap',\n        hasFixedRatio && 'has-ratio',\n        hasExplicitSize && 'has-size',\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","import type {CSSProperties, MouseEvent as ReactMouseEvent, ReactNode} from 'react'\nimport type {MAvatarStackItem, MAvatarStackProps} from './MAvatarStack.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {MAvatar} from '../MAvatar'\nimport {MTooltip} from '../../overlays'\nimport './MAvatarStack.css'\n\nfunction buildTooltipContent(item: MAvatarStackItem): ReactNode {\n    if (item.tooltip) {\n        return item.tooltip\n    }\n    if (!item.name && !item.description) {\n        return null\n    }\n    return (\n        <div className={'avatar-stack-tooltip'}>\n            {item.name ? <strong>{item.name}</strong> : null}\n            {item.description ? <span>{item.description}</span> : null}\n        </div>\n    )\n}\n\nexport function MAvatarStack({\n    items,\n    max = 5,\n    size = 'sm',\n    color = 'primary',\n    hidden,\n    overlap = 10,\n    interactive = true,\n    showTooltip,\n    tooltipPlacement = 'top',\n    tooltipDelay = 150,\n    onItemClick,\n    className,\n    style,\n    ...rest\n}: MAvatarStackProps) {\n    if (!items || items.length === 0) return null\n\n    const visible = items.slice(0, max)\n    const overflowCount = items.length - max\n    const avatarPx = typeof size === 'number' ? size : ({xs: 20, sm: 28, md: 40, lg: 56, xl: 72}[size] ?? 28)\n    const tooltipsEnabled = showTooltip ?? interactive\n\n    const renderAvatar = (item: MAvatarStackItem, index: number) => {\n        const tooltipContent = tooltipsEnabled ? buildTooltipContent(item) : null\n        const isClickable = interactive && (Boolean(item.onClick) || Boolean(item.href) || Boolean(onItemClick))\n        const itemKey = item.id ?? `${item.name ?? 'avatar'}-${index}`\n\n        const handleClick = (clickEvent: ReactMouseEvent<HTMLElement>) => {\n            if (!isClickable) {\n                return\n            }\n            if (item.onClick) {\n                clickEvent.preventDefault()\n                item.onClick(item, index)\n            } else if (onItemClick && !item.href) {\n                clickEvent.preventDefault()\n                onItemClick(item, index)\n            } else if (onItemClick) {\n                onItemClick(item, index)\n            }\n        }\n\n        const inner = (\n            <MAvatar\n                src={item.avatar}\n                name={item.name}\n                size={size}\n                color={item.color ?? color}\n                backgroundColor={item.backgroundColor}\n            />\n        )\n\n        let element: ReactNode\n        if (item.href) {\n            element = (\n                <a\n                    key={itemKey}\n                    className={cn('avatar-stack-item', interactive && 'interactive')}\n                    style={{zIndex: index + 1}}\n                    href={item.href}\n                    onClick={handleClick}\n                >\n                    {inner}\n                </a>\n            )\n        } else if (isClickable) {\n            element = (\n                <button\n                    key={itemKey}\n                    type={'button'}\n                    className={cn('avatar-stack-item', 'interactive')}\n                    style={{zIndex: index + 1}}\n                    aria-label={item.name}\n                    onClick={handleClick}\n                >\n                    {inner}\n                </button>\n            )\n        } else {\n            element = (\n                <span\n                    key={itemKey}\n                    className={cn('avatar-stack-item', interactive && 'interactive')}\n                    style={{zIndex: index + 1}}\n                >\n                    {inner}\n                </span>\n            )\n        }\n\n        if (!tooltipContent) {\n            return element\n        }\n\n        return (\n            <MTooltip\n                key={itemKey}\n                placement={tooltipPlacement}\n                delay={tooltipDelay}\n                content={tooltipContent}\n                className={'avatar-stack-tooltip-wrapper'}\n            >\n                {element}\n            </MTooltip>\n        )\n    }\n\n    return (\n        <div\n            className={cn('avatar-stack', interactive && 'interactive', className)}\n            style={{'--avatar-stack-overlap': `-${overlap}px`, ...style} as CSSProperties}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {visible.map(renderAvatar)}\n            {overflowCount > 0 && (\n                <span\n                    className=\"avatar-stack-overflow\"\n                    style={{\n                        width: avatarPx,\n                        height: avatarPx,\n                        fontSize: avatarPx * 0.38,\n                        zIndex: visible.length + 1,\n                    }}\n                >\n                    +{overflowCount}\n                </span>\n            )}\n        </div>\n    )\n}\n"],"mappings":"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"}

package/dist/MAvatarStack-DN79aJo1.cjs

@@ -0,0 +1,2 @@
+const e=require(`./theme-DsTDooyX.cjs`),t=require(`./icons-qCoE70hn.cjs`),n=require(`./cn-CU5TNITO.cjs`),r=require(`./useInteractionEffect-Bo8285cg.cjs`),i=require(`./MPortal-BIxPtFYd.cjs`),a=require(`./MButton-DFRHWHzh.cjs`),o=require(`./MSkeleton-CuYA8eN3.cjs`),s=require(`./MTooltip-Dq2vYf3G.cjs`),c=require(`./MAvatar-DzZPRbot.cjs`);require(`./core-DAox0BHy.cjs`);let l=require(`react`),u=require(`react/jsx-runtime`);function d({open:e,items:r,activeIndex:s,onClose:c,onActiveIndexChange:d}){let f=r[s],p=(0,l.useRef)(null),m=s>0,h=s<r.length-1;if((0,l.useEffect)(()=>{if(!e)return;let t=e=>{if(e.key===`Escape`){c();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,c,e]),(0,l.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)&&c()},_=f.alt||f.caption||`Image preview`;return(0,u.jsx)(i.t,{children:(0,u.jsx)(`div`,{className:n.t(`mineral-backdrop`,`media-lightbox-backdrop`),onMouseDown:g,children:(0,u.jsx)(`div`,{className:`media-lightbox-shell`,role:`dialog`,"aria-modal":`true`,"aria-label":_,children:(0,u.jsx)(`div`,{className:`media-lightbox-stage`,children:(0,u.jsxs)(`div`,{ref:p,className:`media-lightbox-frame`,children:[(0,u.jsxs)(`div`,{className:`media-lightbox-topbar`,children:[(0,u.jsx)(o.s,{color:`dark`,size:`md`,rounded:!0,className:`media-lightbox-counter`,children:r.length>1?`${s+1} / ${r.length}`:`Preview`}),(0,u.jsx)(a.t,{type:`button`,variant:`ghost`,color:`error`,size:`lg`,shape:`circle`,iconOnly:!0,className:`media-lightbox-action`,"aria-label":`Close preview`,onClick:c,children:(0,u.jsx)(t.Li,{})})]}),(0,u.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,u.jsx)(t.Fi,{})}),(0,u.jsx)(`img`,{className:`media-lightbox-image`,src:f.src,alt:f.alt||``}),(0,u.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,u.jsx)(t.Pi,{})}),f.caption||f.alt?(0,u.jsx)(o.s,{color:`dark`,size:`sm`,rounded:!0,className:`media-lightbox-caption`,children:f.caption||f.alt}):null]})})})})})}var f=new Map;function p(e,t,n){let r=f.get(e);return r||(r=new Map,f.set(e,r)),r.set(t,{id:t,...n}),()=>{let n=f.get(e);n&&(n.delete(t),n.size===0&&f.delete(e))}}function m(e){return Array.from(f.get(e)?.values()??[])}function h(e){return e===`ripple`||e===`zoom-ripple`}function g(e){return e===`zoom`||e===`zoom-ripple`}function _(e){return e===`dim`}function v(e){return e===`zoom`||e===`zoom-dim`}function y(e){return e===`dim`||e===`zoom-dim`}var b={"1:1":`1 / 1`,"4:3":`4 / 3`,"16:9":`16 / 9`,"21:9":`21 / 9`};function x(e){if(e!=null)return typeof e==`number`?`${e}px`:e}function S({src:t,fit:i=`cover`,ratio:a=`auto`,width:s,height:c,hidden:f,rounded:h=!1,bordered:g=!1,shadow:_=!1,preview:S=!1,previewGroup:C,hoverEffect:w=`none`,clickEffect:ee=`none`,fallback:T,skeleton:E=!1,className:D,style:te,alt:O,onError:ne,...k}){let[A,j]=(0,l.useState)(!1),[M,N]=(0,l.useState)(!1),[P,F]=(0,l.useState)([]),[I,L]=(0,l.useState)(0),R=(0,l.useId)(),{effectClassName:z,effectLayer:B,handlePointerDown:V}=r.t({effect:E?`none`:ee}),H=e=>{T&&!A&&(j(!0),e.currentTarget.src=T),ne?.(e)},U=x(s),W=x(c),G=U!=null||W!=null,K=a!==`auto`&&!!b[a],q={};U!=null&&(q.width=U),W!=null&&(q.height=W);let J={...te,...K?{aspectRatio:b[a]}:null,...q},Y=A&&T?T:t,X=(0,l.useMemo)(()=>({src:Y||``,alt:O??``,caption:typeof k.title==`string`?k.title:void 0}),[O,Y,k.title]);if((0,l.useEffect)(()=>{if(!(!S||!C||!Y))return p(C,R,X)},[S,C,R,X,Y]),E)return(0,u.jsx)(o.t,{variant:`rectangle`,animate:`pulse`,className:n.t(`image-skeleton`,h&&`rounded`,g&&`bordered`,D),style:J,"aria-label":`Loading`,...e.r(f)});let re=()=>{if(!(!S||!Y)){if(C){let e=m(C),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([X]),L(0),N(!0)}},Z=n.t(`image`,i,!B&&h&&`rounded`,!B&&g&&`bordered`,!B&&_&&`shadow`),ie=K||G||!!B||S||w!==`none`,Q=n.t(`image-wrap`,K&&`has-ratio`,G&&`has-size`,h&&`rounded`,g&&`bordered`,_&&`shadow`,S&&`preview`,v(w)&&`effect-zoom`,y(w)&&`effect-dim`,z,D),$=(0,u.jsx)(`img`,{className:Z,onError:H,src:Y,...k,alt:O??``});return ie?(0,u.jsxs)(u.Fragment,{children:[S?(0,u.jsxs)(`button`,{type:`button`,className:n.t(Q,`image-button`),"aria-label":`Preview ${O||`image`}`,onClick:re,onPointerDown:B?V:void 0,disabled:!Y,...e.r(f),style:J,children:[B,$]}):(0,u.jsxs)(`span`,{className:Q,onPointerDown:B?V:void 0,...e.r(f),style:J,children:[B,$]}),(0,u.jsx)(d,{open:M,items:P,activeIndex:I,onActiveIndexChange:L,onClose:()=>N(!1)})]}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`img`,{className:n.t(Z,D),style:J,onError:H,src:Y,...e.r(f),...k,alt:O??``}),(0,u.jsx)(d,{open:M,items:P,activeIndex:I,onActiveIndexChange:L,onClose:()=>N(!1)})]})}function C(e){return e.tooltip?e.tooltip:!e.name&&!e.description?null:(0,u.jsxs)(`div`,{className:`avatar-stack-tooltip`,children:[e.name?(0,u.jsx)(`strong`,{children:e.name}):null,e.description?(0,u.jsx)(`span`,{children:e.description}):null]})}function w({items:t,max:r=5,size:i=`sm`,color:a=`primary`,hidden:o,overlap:l=10,interactive:d=!0,showTooltip:f,tooltipPlacement:p=`top`,tooltipDelay:m=150,onItemClick:h,className:g,style:_,...v}){if(!t||t.length===0)return null;let y=t.slice(0,r),b=t.length-r,x=typeof i==`number`?i:{xs:20,sm:28,md:40,lg:56,xl:72}[i]??28,S=f??d,w=(e,t)=>{let r=S?C(e):null,o=d&&(!!e.onClick||!!e.href||!!h),l=e.id??`${e.name??`avatar`}-${t}`,f=n=>{o&&(e.onClick?(n.preventDefault(),e.onClick(e,t)):h&&!e.href?(n.preventDefault(),h(e,t)):h&&h(e,t))},g=(0,u.jsx)(c.t,{src:e.avatar,name:e.name,size:i,color:e.color??a,backgroundColor:e.backgroundColor}),_;return _=e.href?(0,u.jsx)(`a`,{className:n.t(`avatar-stack-item`,d&&`interactive`),style:{zIndex:t+1},href:e.href,onClick:f,children:g},l):o?(0,u.jsx)(`button`,{type:`button`,className:n.t(`avatar-stack-item`,`interactive`),style:{zIndex:t+1},"aria-label":e.name,onClick:f,children:g},l):(0,u.jsx)(`span`,{className:n.t(`avatar-stack-item`,d&&`interactive`),style:{zIndex:t+1},children:g},l),r?(0,u.jsx)(s.t,{placement:p,delay:m,content:r,className:`avatar-stack-tooltip-wrapper`,children:_},l):_};return(0,u.jsxs)(`div`,{className:n.t(`avatar-stack`,d&&`interactive`,g),style:{"--avatar-stack-overlap":`-${l}px`,..._},...e.r(o),...v,children:[y.map(w),b>0&&(0,u.jsxs)(`span`,{className:`avatar-stack-overflow`,style:{width:x,height:x,fontSize:x*.38,zIndex:y.length+1},children:[`+`,b]})]})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return w}});
+//# sourceMappingURL=MAvatarStack-DN79aJo1.cjs.map

package/dist/MAvatarStack-DN79aJo1.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MAvatarStack-DN79aJo1.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","../src/components/media/MAvatarStack/MAvatarStack.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({open, items, activeIndex, onClose, onActiveIndexChange}: 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 className={cn('mineral-backdrop', 'media-lightbox-backdrop')} onMouseDown={handleBackdropMouseDown}>\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=\"md\" 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=\"error\"\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 {CSSProperties} from 'react'\nimport type {MImageProps, MImageSize} 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\nfunction toCssSize(value: MImageSize | undefined): string | undefined {\n    if (value == null) return undefined\n    return typeof value === 'number' ? `${value}px` : value\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    width,\n    height,\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 widthValue = toCssSize(width)\n    const heightValue = toCssSize(height)\n    const hasExplicitSize = widthValue != null || heightValue != null\n    const hasFixedRatio = ratio !== 'auto' && !!RATIO_MAP[ratio]\n    const sizeStyle: CSSProperties = {}\n    if (widthValue != null) sizeStyle.width = widthValue\n    if (heightValue != null) sizeStyle.height = heightValue\n    const ratioStyle: CSSProperties = {\n        ...style,\n        ...(hasFixedRatio ? {aspectRatio: RATIO_MAP[ratio]} : null),\n        ...sizeStyle,\n    }\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 || hasExplicitSize || Boolean(effectLayer) || preview || hoverEffect !== 'none'\n    const wrapperClassName = cn(\n        'image-wrap',\n        hasFixedRatio && 'has-ratio',\n        hasExplicitSize && 'has-size',\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","import type {CSSProperties, MouseEvent as ReactMouseEvent, ReactNode} from 'react'\nimport type {MAvatarStackItem, MAvatarStackProps} from './MAvatarStack.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {MAvatar} from '../MAvatar'\nimport {MTooltip} from '../../overlays'\nimport './MAvatarStack.css'\n\nfunction buildTooltipContent(item: MAvatarStackItem): ReactNode {\n    if (item.tooltip) {\n        return item.tooltip\n    }\n    if (!item.name && !item.description) {\n        return null\n    }\n    return (\n        <div className={'avatar-stack-tooltip'}>\n            {item.name ? <strong>{item.name}</strong> : null}\n            {item.description ? <span>{item.description}</span> : null}\n        </div>\n    )\n}\n\nexport function MAvatarStack({\n    items,\n    max = 5,\n    size = 'sm',\n    color = 'primary',\n    hidden,\n    overlap = 10,\n    interactive = true,\n    showTooltip,\n    tooltipPlacement = 'top',\n    tooltipDelay = 150,\n    onItemClick,\n    className,\n    style,\n    ...rest\n}: MAvatarStackProps) {\n    if (!items || items.length === 0) return null\n\n    const visible = items.slice(0, max)\n    const overflowCount = items.length - max\n    const avatarPx = typeof size === 'number' ? size : ({xs: 20, sm: 28, md: 40, lg: 56, xl: 72}[size] ?? 28)\n    const tooltipsEnabled = showTooltip ?? interactive\n\n    const renderAvatar = (item: MAvatarStackItem, index: number) => {\n        const tooltipContent = tooltipsEnabled ? buildTooltipContent(item) : null\n        const isClickable = interactive && (Boolean(item.onClick) || Boolean(item.href) || Boolean(onItemClick))\n        const itemKey = item.id ?? `${item.name ?? 'avatar'}-${index}`\n\n        const handleClick = (clickEvent: ReactMouseEvent<HTMLElement>) => {\n            if (!isClickable) {\n                return\n            }\n            if (item.onClick) {\n                clickEvent.preventDefault()\n                item.onClick(item, index)\n            } else if (onItemClick && !item.href) {\n                clickEvent.preventDefault()\n                onItemClick(item, index)\n            } else if (onItemClick) {\n                onItemClick(item, index)\n            }\n        }\n\n        const inner = (\n            <MAvatar\n                src={item.avatar}\n                name={item.name}\n                size={size}\n                color={item.color ?? color}\n                backgroundColor={item.backgroundColor}\n            />\n        )\n\n        let element: ReactNode\n        if (item.href) {\n            element = (\n                <a\n                    key={itemKey}\n                    className={cn('avatar-stack-item', interactive && 'interactive')}\n                    style={{zIndex: index + 1}}\n                    href={item.href}\n                    onClick={handleClick}\n                >\n                    {inner}\n                </a>\n            )\n        } else if (isClickable) {\n            element = (\n                <button\n                    key={itemKey}\n                    type={'button'}\n                    className={cn('avatar-stack-item', 'interactive')}\n                    style={{zIndex: index + 1}}\n                    aria-label={item.name}\n                    onClick={handleClick}\n                >\n                    {inner}\n                </button>\n            )\n        } else {\n            element = (\n                <span\n                    key={itemKey}\n                    className={cn('avatar-stack-item', interactive && 'interactive')}\n                    style={{zIndex: index + 1}}\n                >\n                    {inner}\n                </span>\n            )\n        }\n\n        if (!tooltipContent) {\n            return element\n        }\n\n        return (\n            <MTooltip\n                key={itemKey}\n                placement={tooltipPlacement}\n                delay={tooltipDelay}\n                content={tooltipContent}\n                className={'avatar-stack-tooltip-wrapper'}\n            >\n                {element}\n            </MTooltip>\n        )\n    }\n\n    return (\n        <div\n            className={cn('avatar-stack', interactive && 'interactive', className)}\n            style={{'--avatar-stack-overlap': `-${overlap}px`, ...style} as CSSProperties}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {visible.map(renderAvatar)}\n            {overflowCount > 0 && (\n                <span\n                    className=\"avatar-stack-overflow\"\n                    style={{\n                        width: avatarPx,\n                        height: avatarPx,\n                        fontSize: avatarPx * 0.38,\n                        zIndex: visible.length + 1,\n                    }}\n                >\n                    +{overflowCount}\n                </span>\n            )}\n        </div>\n    )\n}\n"],"mappings":"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"}

package/dist/{MButton-DZLLrtQb.js → MButton-C1pnL4_j.js}

@@ -1,4 +1,4 @@
-import { r as e } from "./theme-D_f-cmSA.js";
+import { r as e } from "./theme-DAOU1aPs.js";
 import { t } from "./cn-YER3QsV1.js";
 import { t as n } from "./useInteractionEffect-DtpbVd77.js";
 import { createContext as r, forwardRef as i, useContext as a } from "react";
@@ -112,4 +112,4 @@ var m = i(function({ component: r, to: i, href: a, target: c, rel: d, variant: f
 //#endregion
 export { c as i, p as n, u as r, m as t };
 
-//# sourceMappingURL=MButton-DZLLrtQb.js.map
+//# sourceMappingURL=MButton-C1pnL4_j.js.map