@banzamel/mineralui 2.4.2 → 2.4.3

package/dist/{MSubText-C-N15d4Z.js → MSubText-B0tXiuAp.js}

@@ -1,6 +1,6 @@
 import { r as e } from "./theme-DAOU1aPs.js";
 import { t } from "./cn-YER3QsV1.js";
-import { n } from "./MText-CL-LPcXi.js";
+import { n } from "./MText-DhbAjtUE.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/typography/MSubText/MSubText.tsx
 function i({ as: i = "span", size: a = "sm", tone: o = "muted", hidden: s, color: c, className: l, children: u, ...d }) {
@@ -14,4 +14,4 @@ function i({ as: i = "span", size: a = "sm", tone: o = "muted", hidden: s, color
 //#endregion
 export { i as t };
 
-//# sourceMappingURL=MSubText-C-N15d4Z.js.map
+//# sourceMappingURL=MSubText-B0tXiuAp.js.map

package/dist/{MSubText-C-N15d4Z.js.map → MSubText-B0tXiuAp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MSubText-C-N15d4Z.js","names":[],"sources":["../src/components/typography/MSubText/MSubText.tsx"],"sourcesContent":["import type {MSubTextProps} from './MSubText.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MSubText.css'\n\n// Render small, muted secondary text for captions, hints and metadata.\nexport function MSubText({\n    as = 'span',\n    size = 'sm',\n    tone = 'muted',\n    hidden,\n    color,\n    className,\n    children,\n    ...rest\n}: MSubTextProps) {\n    const Component = as\n    return (\n        <Component\n            className={cn('subtext', !color && tone, size, ...getAppearanceClassNames({color}), className)}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n"],"mappings":";;;;;AAOA,SAAgB,EAAS,EACrB,QAAK,QACL,UAAO,MACP,UAAO,SACP,WACA,UACA,cACA,aACA,GAAG,KACW;AAEd,QACI,kBAFc,GAEd;EACI,WAAW,EAAG,WAAW,CAAC,KAAS,GAAM,GAAM,GAAG,EAAwB,EAAC,UAAM,CAAC,EAAE,EAAU;EAC9F,GAAI,EAAe,EAAO;EAC1B,GAAI;EAEH;EACO,CAAA"}
+{"version":3,"file":"MSubText-B0tXiuAp.js","names":[],"sources":["../src/components/typography/MSubText/MSubText.tsx"],"sourcesContent":["import type {MSubTextProps} from './MSubText.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MSubText.css'\n\n// Render small, muted secondary text for captions, hints and metadata.\nexport function MSubText({\n    as = 'span',\n    size = 'sm',\n    tone = 'muted',\n    hidden,\n    color,\n    className,\n    children,\n    ...rest\n}: MSubTextProps) {\n    const Component = as\n    return (\n        <Component\n            className={cn('subtext', !color && tone, size, ...getAppearanceClassNames({color}), className)}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n"],"mappings":";;;;;AAOA,SAAgB,EAAS,EACrB,QAAK,QACL,UAAO,MACP,UAAO,SACP,WACA,UACA,cACA,aACA,GAAG,KACW;AAEd,QACI,kBAFc,GAEd;EACI,WAAW,EAAG,WAAW,CAAC,KAAS,GAAM,GAAM,GAAG,EAAwB,EAAC,UAAM,CAAC,EAAE,EAAU;EAC9F,GAAI,EAAe,EAAO;EAC1B,GAAI;EAEH;EACO,CAAA"}

package/dist/{MSubText-47PsgE8T.cjs → MSubText-C6v6Exa2.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./theme-DgaM4CjM.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./MText-Dni707tS.cjs`);require(`./core-D66c1_Wo.cjs`);let r=require(`react/jsx-runtime`);function i({as:i=`span`,size:a=`sm`,tone:o=`muted`,hidden:s,color:c,className:l,children:u,...d}){return(0,r.jsx)(i,{className:t.t(`subtext`,!c&&o,a,...n.n({color:c}),l),...e.r(s),...d,children:u})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=MSubText-47PsgE8T.cjs.map
+const e=require(`./theme-CJuqObWL.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./MText-BDI4mdw8.cjs`);require(`./core-w629c4ND.cjs`);let r=require(`react/jsx-runtime`);function i({as:i=`span`,size:a=`sm`,tone:o=`muted`,hidden:s,color:c,className:l,children:u,...d}){return(0,r.jsx)(i,{className:t.t(`subtext`,!c&&o,a,...n.n({color:c}),l),...e.r(s),...d,children:u})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=MSubText-C6v6Exa2.cjs.map

package/dist/{MSubText-47PsgE8T.cjs.map → MSubText-C6v6Exa2.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MSubText-47PsgE8T.cjs","names":[],"sources":["../src/components/typography/MSubText/MSubText.tsx"],"sourcesContent":["import type {MSubTextProps} from './MSubText.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MSubText.css'\n\n// Render small, muted secondary text for captions, hints and metadata.\nexport function MSubText({\n    as = 'span',\n    size = 'sm',\n    tone = 'muted',\n    hidden,\n    color,\n    className,\n    children,\n    ...rest\n}: MSubTextProps) {\n    const Component = as\n    return (\n        <Component\n            className={cn('subtext', !color && tone, size, ...getAppearanceClassNames({color}), className)}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n"],"mappings":"2KAOA,SAAgB,EAAS,CACrB,KAAK,OACL,OAAO,KACP,OAAO,QACP,SACA,QACA,YACA,WACA,GAAG,GACW,CAEd,OACI,EAAA,EAAA,KAFc,EAEd,CACI,UAAW,EAAA,EAAG,UAAW,CAAC,GAAS,EAAM,EAAM,GAAG,EAAA,EAAwB,CAAC,QAAM,CAAC,CAAE,EAAU,CAC9F,GAAI,EAAA,EAAe,EAAO,CAC1B,GAAI,EAEH,WACO,CAAA"}
+{"version":3,"file":"MSubText-C6v6Exa2.cjs","names":[],"sources":["../src/components/typography/MSubText/MSubText.tsx"],"sourcesContent":["import type {MSubTextProps} from './MSubText.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MSubText.css'\n\n// Render small, muted secondary text for captions, hints and metadata.\nexport function MSubText({\n    as = 'span',\n    size = 'sm',\n    tone = 'muted',\n    hidden,\n    color,\n    className,\n    children,\n    ...rest\n}: MSubTextProps) {\n    const Component = as\n    return (\n        <Component\n            className={cn('subtext', !color && tone, size, ...getAppearanceClassNames({color}), className)}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n"],"mappings":"2KAOA,SAAgB,EAAS,CACrB,KAAK,OACL,OAAO,KACP,OAAO,QACP,SACA,QACA,YACA,WACA,GAAG,GACW,CAEd,OACI,EAAA,EAAA,KAFc,EAEd,CACI,UAAW,EAAA,EAAG,UAAW,CAAC,GAAS,EAAM,EAAM,GAAG,EAAA,EAAwB,CAAC,QAAM,CAAC,CAAE,EAAU,CAC9F,GAAI,EAAA,EAAe,EAAO,CAC1B,GAAI,EAEH,WACO,CAAA"}

package/dist/{MSurface-QYEygc_0.cjs → MSurface-BjE-mL1L.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./theme-DgaM4CjM.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./layoutProps-B8y2XwHy.cjs`);require(`./core-D66c1_Wo.cjs`);let r=require(`react/jsx-runtime`);function i({align:i=`center`,justify:a=`start`,wrap:o=`wrap`,hidden:s,padding:c,fsize:l,mt:u,mb:d,ml:f,mr:p,mx:m,my:h,pt:g,pb:_,pl:v,pr:y,px:b,py:x,fullWidth:S,className:C,style:w,children:T,...E}){let D=n.n({fsize:l});return(0,r.jsx)(`div`,{className:t.t(`inline`,i,`justify-${a}`,o,...n.t({padding:c,fsize:l,mt:u,mb:d,ml:f,mr:p,mx:m,my:h,pt:g,pb:_,pl:v,pr:y,px:b,py:x,fullWidth:S}),C),style:{...D,...w},...e.r(s),...E,children:T})}function a({component:i,to:a,href:o,target:s,rel:c,tone:l=`default`,outlined:u=!0,padded:d=!0,hidden:f,spacing:p,padding:m,fsize:h,mt:g,mb:_,ml:v,mr:y,mx:b,my:x,pt:S,pb:C,pl:w,pr:T,px:E,py:D,fullWidth:O,className:k,style:A,children:j,...M}){let N=n.n({fsize:h}),P=i??`div`;return(0,r.jsx)(P,{href:P===`a`||i?o:void 0,to:i?a:void 0,target:P===`a`||i?s:void 0,rel:P===`a`||i?c:void 0,className:t.t(`surface`,l,u&&`outlined`,d&&`padded`,...n.t({spacing:p,padding:m,fsize:h,mt:g,mb:_,ml:v,mr:y,mx:b,my:x,pt:S,pb:C,pl:w,pr:T,px:E,py:D,fullWidth:O}),k),style:{...N,...A},...e.r(f),...M,children:j})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=MSurface-QYEygc_0.cjs.map
+const e=require(`./theme-CJuqObWL.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./layoutProps-Ck4VtGm9.cjs`);require(`./core-w629c4ND.cjs`);let r=require(`react/jsx-runtime`);function i({align:i=`center`,justify:a=`start`,wrap:o=`wrap`,hidden:s,padding:c,fsize:l,mt:u,mb:d,ml:f,mr:p,mx:m,my:h,pt:g,pb:_,pl:v,pr:y,px:b,py:x,fullWidth:S,className:C,style:w,children:T,...E}){let D=n.n({fsize:l});return(0,r.jsx)(`div`,{className:t.t(`inline`,i,`justify-${a}`,o,...n.t({padding:c,fsize:l,mt:u,mb:d,ml:f,mr:p,mx:m,my:h,pt:g,pb:_,pl:v,pr:y,px:b,py:x,fullWidth:S}),C),style:{...D,...w},...e.r(s),...E,children:T})}function a({component:i,to:a,href:o,target:s,rel:c,tone:l=`default`,outlined:u=!0,padded:d=!0,hidden:f,spacing:p,padding:m,fsize:h,mt:g,mb:_,ml:v,mr:y,mx:b,my:x,pt:S,pb:C,pl:w,pr:T,px:E,py:D,fullWidth:O,className:k,style:A,children:j,...M}){let N=n.n({fsize:h}),P=i??`div`;return(0,r.jsx)(P,{href:P===`a`||i?o:void 0,to:i?a:void 0,target:P===`a`||i?s:void 0,rel:P===`a`||i?c:void 0,className:t.t(`surface`,l,u&&`outlined`,d&&`padded`,...n.t({spacing:p,padding:m,fsize:h,mt:g,mb:_,ml:v,mr:y,mx:b,my:x,pt:S,pb:C,pl:w,pr:T,px:E,py:D,fullWidth:O}),k),style:{...N,...A},...e.r(f),...M,children:j})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=MSurface-BjE-mL1L.cjs.map

package/dist/{MSurface-QYEygc_0.cjs.map → MSurface-BjE-mL1L.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MSurface-QYEygc_0.cjs","names":[],"sources":["../src/components/layout/MInline/MInline.tsx","../src/components/layout/MSurface/MSurface.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.\n// `spacing` is not accepted — the flex gap built into `.inline` already spaces children;\n// outer margin should go through `mx/my` or `padding` to avoid overflowing the parent when paired with `fullWidth`.\nexport function MInline({\n    align = 'center',\n    justify = 'start',\n    wrap = 'wrap',\n    hidden,\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                    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","import type {MSurfaceProps} from './MSurface.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MSurface.css'\n\n// Render a reusable surface primitive for cards, panels and preview blocks.\nexport function MSurface({\n    component,\n    to,\n    href,\n    target,\n    rel,\n    tone = 'default',\n    outlined = true,\n    padded = true,\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}: MSurfaceProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const Component = component ?? 'div'\n\n    return (\n        <Component\n            href={Component === 'a' || component ? href : undefined}\n            to={component ? to : undefined}\n            target={Component === 'a' || component ? target : undefined}\n            rel={Component === 'a' || component ? rel : undefined}\n            className={cn(\n                'surface',\n                tone,\n                outlined && 'outlined',\n                padded && 'padded',\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        </Component>\n    )\n}\n"],"mappings":"iLASA,SAAgB,EAAQ,CACpB,QAAQ,SACR,UAAU,QACV,OAAO,OACP,SACA,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,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,CC5Dd,SAAgB,EAAS,CACrB,YACA,KACA,OACA,SACA,MACA,OAAO,UACP,WAAW,GACX,SAAS,GACT,SACA,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,WACA,GAAG,GACW,CACd,IAAM,EAAe,EAAA,EAAuB,CAAC,QAAM,CAAC,CAC9C,EAAY,GAAa,MAE/B,OACI,EAAA,EAAA,KAAC,EAAD,CACI,KAAM,IAAc,KAAO,EAAY,EAAO,IAAA,GAC9C,GAAI,EAAY,EAAK,IAAA,GACrB,OAAQ,IAAc,KAAO,EAAY,EAAS,IAAA,GAClD,IAAK,IAAc,KAAO,EAAY,EAAM,IAAA,GAC5C,UAAW,EAAA,EACP,UACA,EACA,GAAY,WACZ,GAAU,SACV,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,WACO,CAAA"}
+{"version":3,"file":"MSurface-BjE-mL1L.cjs","names":[],"sources":["../src/components/layout/MInline/MInline.tsx","../src/components/layout/MSurface/MSurface.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.\n// `spacing` is not accepted — the flex gap built into `.inline` already spaces children;\n// outer margin should go through `mx/my` or `padding` to avoid overflowing the parent when paired with `fullWidth`.\nexport function MInline({\n    align = 'center',\n    justify = 'start',\n    wrap = 'wrap',\n    hidden,\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                    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","import type {MSurfaceProps} from './MSurface.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MSurface.css'\n\n// Render a reusable surface primitive for cards, panels and preview blocks.\nexport function MSurface({\n    component,\n    to,\n    href,\n    target,\n    rel,\n    tone = 'default',\n    outlined = true,\n    padded = true,\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}: MSurfaceProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const Component = component ?? 'div'\n\n    return (\n        <Component\n            href={Component === 'a' || component ? href : undefined}\n            to={component ? to : undefined}\n            target={Component === 'a' || component ? target : undefined}\n            rel={Component === 'a' || component ? rel : undefined}\n            className={cn(\n                'surface',\n                tone,\n                outlined && 'outlined',\n                padded && 'padded',\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        </Component>\n    )\n}\n"],"mappings":"iLASA,SAAgB,EAAQ,CACpB,QAAQ,SACR,UAAU,QACV,OAAO,OACP,SACA,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,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,CC5Dd,SAAgB,EAAS,CACrB,YACA,KACA,OACA,SACA,MACA,OAAO,UACP,WAAW,GACX,SAAS,GACT,SACA,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,WACA,GAAG,GACW,CACd,IAAM,EAAe,EAAA,EAAuB,CAAC,QAAM,CAAC,CAC9C,EAAY,GAAa,MAE/B,OACI,EAAA,EAAA,KAAC,EAAD,CACI,KAAM,IAAc,KAAO,EAAY,EAAO,IAAA,GAC9C,GAAI,EAAY,EAAK,IAAA,GACrB,OAAQ,IAAc,KAAO,EAAY,EAAS,IAAA,GAClD,IAAK,IAAc,KAAO,EAAY,EAAM,IAAA,GAC5C,UAAW,EAAA,EACP,UACA,EACA,GAAY,WACZ,GAAU,SACV,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,WACO,CAAA"}

package/dist/{MSurface-B-sjyczH.js → MSurface-CpDJCdb5.js}

@@ -1,6 +1,6 @@
 import { r as e } from "./theme-DAOU1aPs.js";
 import { t } from "./cn-YER3QsV1.js";
-import { n, t as r } from "./layoutProps-CE5-ghKw.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, 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 }) {
@@ -71,4 +71,4 @@ function o({ component: a, to: o, href: s, target: c, rel: l, tone: u = "default
 //#endregion
 export { a as n, o as t };
 
-//# sourceMappingURL=MSurface-B-sjyczH.js.map
+//# sourceMappingURL=MSurface-CpDJCdb5.js.map

package/dist/{MSurface-B-sjyczH.js.map → MSurface-CpDJCdb5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MSurface-B-sjyczH.js","names":[],"sources":["../src/components/layout/MInline/MInline.tsx","../src/components/layout/MSurface/MSurface.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.\n// `spacing` is not accepted — the flex gap built into `.inline` already spaces children;\n// outer margin should go through `mx/my` or `padding` to avoid overflowing the parent when paired with `fullWidth`.\nexport function MInline({\n    align = 'center',\n    justify = 'start',\n    wrap = 'wrap',\n    hidden,\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                    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","import type {MSurfaceProps} from './MSurface.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MSurface.css'\n\n// Render a reusable surface primitive for cards, panels and preview blocks.\nexport function MSurface({\n    component,\n    to,\n    href,\n    target,\n    rel,\n    tone = 'default',\n    outlined = true,\n    padded = true,\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}: MSurfaceProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const Component = component ?? 'div'\n\n    return (\n        <Component\n            href={Component === 'a' || component ? href : undefined}\n            to={component ? to : undefined}\n            target={Component === 'a' || component ? target : undefined}\n            rel={Component === 'a' || component ? rel : undefined}\n            className={cn(\n                'surface',\n                tone,\n                outlined && 'outlined',\n                padded && 'padded',\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        </Component>\n    )\n}\n"],"mappings":";;;;;AASA,SAAgB,EAAQ,EACpB,WAAQ,UACR,aAAU,SACV,UAAO,QACP,WACA,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;GACH,CAAC,EACF,EACH;EACD,OAAO;GAAC,GAAG;GAAc,GAAG;GAAM;EAClC,GAAI,EAAe,EAAO;EAC1B,GAAI;EAEH;EACC,CAAA;;;;AC5Dd,SAAgB,EAAS,EACrB,cACA,OACA,SACA,WACA,QACA,UAAO,WACP,cAAW,IACX,YAAS,IACT,WACA,YACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,UACA,aACA,GAAG,KACW;CACd,IAAM,IAAe,EAAuB,EAAC,UAAM,CAAC,EAC9C,IAAY,KAAa;AAE/B,QACI,kBAAC,GAAD;EACI,MAAM,MAAc,OAAO,IAAY,IAAO,KAAA;EAC9C,IAAI,IAAY,IAAK,KAAA;EACrB,QAAQ,MAAc,OAAO,IAAY,IAAS,KAAA;EAClD,KAAK,MAAc,OAAO,IAAY,IAAM,KAAA;EAC5C,WAAW,EACP,WACA,GACA,KAAY,YACZ,KAAU,UACV,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;EACO,CAAA"}
+{"version":3,"file":"MSurface-CpDJCdb5.js","names":[],"sources":["../src/components/layout/MInline/MInline.tsx","../src/components/layout/MSurface/MSurface.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.\n// `spacing` is not accepted — the flex gap built into `.inline` already spaces children;\n// outer margin should go through `mx/my` or `padding` to avoid overflowing the parent when paired with `fullWidth`.\nexport function MInline({\n    align = 'center',\n    justify = 'start',\n    wrap = 'wrap',\n    hidden,\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                    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","import type {MSurfaceProps} from './MSurface.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MSurface.css'\n\n// Render a reusable surface primitive for cards, panels and preview blocks.\nexport function MSurface({\n    component,\n    to,\n    href,\n    target,\n    rel,\n    tone = 'default',\n    outlined = true,\n    padded = true,\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}: MSurfaceProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const Component = component ?? 'div'\n\n    return (\n        <Component\n            href={Component === 'a' || component ? href : undefined}\n            to={component ? to : undefined}\n            target={Component === 'a' || component ? target : undefined}\n            rel={Component === 'a' || component ? rel : undefined}\n            className={cn(\n                'surface',\n                tone,\n                outlined && 'outlined',\n                padded && 'padded',\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        </Component>\n    )\n}\n"],"mappings":";;;;;AASA,SAAgB,EAAQ,EACpB,WAAQ,UACR,aAAU,SACV,UAAO,QACP,WACA,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;GACH,CAAC,EACF,EACH;EACD,OAAO;GAAC,GAAG;GAAc,GAAG;GAAM;EAClC,GAAI,EAAe,EAAO;EAC1B,GAAI;EAEH;EACC,CAAA;;;;AC5Dd,SAAgB,EAAS,EACrB,cACA,OACA,SACA,WACA,QACA,UAAO,WACP,cAAW,IACX,YAAS,IACT,WACA,YACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,UACA,aACA,GAAG,KACW;CACd,IAAM,IAAe,EAAuB,EAAC,UAAM,CAAC,EAC9C,IAAY,KAAa;AAE/B,QACI,kBAAC,GAAD;EACI,MAAM,MAAc,OAAO,IAAY,IAAO,KAAA;EAC9C,IAAI,IAAY,IAAK,KAAA;EACrB,QAAQ,MAAc,OAAO,IAAY,IAAS,KAAA;EAClD,KAAK,MAAc,OAAO,IAAY,IAAM,KAAA;EAC5C,WAAW,EACP,WACA,GACA,KAAY,YACZ,KAAU,UACV,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;EACO,CAAA"}

package/dist/MTag-BgOxiahL.cjs

@@ -0,0 +1,2 @@
+const e=require(`./theme-CJuqObWL.cjs`),t=require(`./icons-D3n9-919.cjs`),n=require(`./cn-CU5TNITO.cjs`),r=require(`./MButton-CnAr77Za.cjs`),i=require(`./frameworkTexts-BSXUtXOp.cjs`);require(`./core-w629c4ND.cjs`);let a=require(`react/jsx-runtime`);function o({label:o,color:s=`primary`,variant:c=`solid`,size:l=`md`,hidden:u,rounded:d=!1,closable:f=!1,onClose:p,icon:m,className:h,...g}){let _=i.n();return(0,a.jsxs)(`span`,{className:n.t(`m-tag`,`color-${s}`,c,l,d&&`rounded`,h),...e.r(u),...g,children:[m&&(0,a.jsx)(`span`,{className:`m-tag icon`,children:m}),(0,a.jsx)(`span`,{className:`m-tag label`,children:o}),f&&(0,a.jsx)(r.t,{variant:`link`,color:`neutral`,iconOnly:!0,size:`xs`,className:`m-tag close`,onClick:e=>{e.stopPropagation(),p?.()},"aria-label":_.remove,children:(0,a.jsx)(t.Xi,{})})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=MTag-BgOxiahL.cjs.map

package/dist/MTag-BgOxiahL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MTag-BgOxiahL.cjs","names":[],"sources":["../src/components/feedback/MTag/MTag.tsx"],"sourcesContent":["import type {MTagProps} from './MTag.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MCloseIcon} from '../../../icons'\nimport './MTag.css'\nimport {useMCommonTexts} from '../../../i18n/frameworkTexts'\n\nexport function MTag({\n    label,\n    color = 'primary',\n    variant = 'solid',\n    size = 'md',\n    hidden,\n    rounded = false,\n    closable = false,\n    onClose,\n    icon,\n    className,\n    ...rest\n}: MTagProps) {\n    const texts = useMCommonTexts()\n    return (\n        <span\n            className={cn('m-tag', `color-${color}`, variant, size, rounded && 'rounded', className)}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {icon && <span className=\"m-tag icon\">{icon}</span>}\n            <span className=\"m-tag label\">{label}</span>\n            {closable && (\n                <MButton\n                    variant=\"link\"\n                    color=\"neutral\"\n                    iconOnly\n                    size=\"xs\"\n                    className=\"m-tag close\"\n                    onClick={(e) => {\n                        e.stopPropagation()\n                        onClose?.()\n                    }}\n                    aria-label={texts.remove}\n                >\n                    <MCloseIcon />\n                </MButton>\n            )}\n        </span>\n    )\n}\n"],"mappings":"0PAQA,SAAgB,EAAK,CACjB,QACA,QAAQ,UACR,UAAU,QACV,OAAO,KACP,SACA,UAAU,GACV,WAAW,GACX,UACA,OACA,YACA,GAAG,GACO,CACV,IAAM,EAAQ,EAAA,GAAiB,CAC/B,OACI,EAAA,EAAA,MAAC,OAAD,CACI,UAAW,EAAA,EAAG,QAAS,SAAS,IAAS,EAAS,EAAM,GAAW,UAAW,EAAU,CACxF,GAAI,EAAA,EAAe,EAAO,CAC1B,GAAI,WAHR,CAKK,IAAQ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sBAAc,EAAY,CAAA,EACnD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uBAAe,EAAa,CAAA,CAC3C,IACG,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,QAAQ,OACR,MAAM,UACN,SAAA,GACA,KAAK,KACL,UAAU,cACV,QAAU,GAAM,CACZ,EAAE,iBAAiB,CACnB,KAAW,EAEf,aAAY,EAAM,iBAElB,EAAA,EAAA,KAAC,EAAA,GAAD,EAAc,CAAA,CACR,CAAA,CAEX"}

package/dist/MTag-cw3cIGHX.js

@@ -0,0 +1,41 @@
+import { r as e } from "./theme-DAOU1aPs.js";
+import { Xi as t } from "./icons-CBMl-kOM.js";
+import { t as n } from "./cn-YER3QsV1.js";
+import { t as r } from "./MButton-CEwo8lUB.js";
+import { n as i } from "./frameworkTexts-DP5RUl19.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/feedback/MTag/MTag.tsx
+function s({ label: s, color: c = "primary", variant: l = "solid", size: u = "md", hidden: d, rounded: f = !1, closable: p = !1, onClose: m, icon: h, className: g, ..._ }) {
+	let v = i();
+	return /* @__PURE__ */ o("span", {
+		className: n("m-tag", `color-${c}`, l, u, f && "rounded", g),
+		...e(d),
+		..._,
+		children: [
+			h && /* @__PURE__ */ a("span", {
+				className: "m-tag icon",
+				children: h
+			}),
+			/* @__PURE__ */ a("span", {
+				className: "m-tag label",
+				children: s
+			}),
+			p && /* @__PURE__ */ a(r, {
+				variant: "link",
+				color: "neutral",
+				iconOnly: !0,
+				size: "xs",
+				className: "m-tag close",
+				onClick: (e) => {
+					e.stopPropagation(), m?.();
+				},
+				"aria-label": v.remove,
+				children: /* @__PURE__ */ a(t, {})
+			})
+		]
+	});
+}
+//#endregion
+export { s as t };
+
+//# sourceMappingURL=MTag-cw3cIGHX.js.map

package/dist/MTag-cw3cIGHX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MTag-cw3cIGHX.js","names":[],"sources":["../src/components/feedback/MTag/MTag.tsx"],"sourcesContent":["import type {MTagProps} from './MTag.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MCloseIcon} from '../../../icons'\nimport './MTag.css'\nimport {useMCommonTexts} from '../../../i18n/frameworkTexts'\n\nexport function MTag({\n    label,\n    color = 'primary',\n    variant = 'solid',\n    size = 'md',\n    hidden,\n    rounded = false,\n    closable = false,\n    onClose,\n    icon,\n    className,\n    ...rest\n}: MTagProps) {\n    const texts = useMCommonTexts()\n    return (\n        <span\n            className={cn('m-tag', `color-${color}`, variant, size, rounded && 'rounded', className)}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {icon && <span className=\"m-tag icon\">{icon}</span>}\n            <span className=\"m-tag label\">{label}</span>\n            {closable && (\n                <MButton\n                    variant=\"link\"\n                    color=\"neutral\"\n                    iconOnly\n                    size=\"xs\"\n                    className=\"m-tag close\"\n                    onClick={(e) => {\n                        e.stopPropagation()\n                        onClose?.()\n                    }}\n                    aria-label={texts.remove}\n                >\n                    <MCloseIcon />\n                </MButton>\n            )}\n        </span>\n    )\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,EAAK,EACjB,UACA,WAAQ,WACR,aAAU,SACV,UAAO,MACP,WACA,aAAU,IACV,cAAW,IACX,YACA,SACA,cACA,GAAG,KACO;CACV,IAAM,IAAQ,GAAiB;AAC/B,QACI,kBAAC,QAAD;EACI,WAAW,EAAG,SAAS,SAAS,KAAS,GAAS,GAAM,KAAW,WAAW,EAAU;EACxF,GAAI,EAAe,EAAO;EAC1B,GAAI;YAHR;GAKK,KAAQ,kBAAC,QAAD;IAAM,WAAU;cAAc;IAAY,CAAA;GACnD,kBAAC,QAAD;IAAM,WAAU;cAAe;IAAa,CAAA;GAC3C,KACG,kBAAC,GAAD;IACI,SAAQ;IACR,OAAM;IACN,UAAA;IACA,MAAK;IACL,WAAU;IACV,UAAU,MAAM;AAEZ,KADA,EAAE,iBAAiB,EACnB,KAAW;;IAEf,cAAY,EAAM;cAElB,kBAAC,GAAD,EAAc,CAAA;IACR,CAAA;GAEX"}

package/dist/{MText-Dni707tS.cjs → MText-BDI4mdw8.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./theme-DgaM4CjM.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./layoutProps-B8y2XwHy.cjs`);require(`./core-D66c1_Wo.cjs`);let r=require(`react/jsx-runtime`);function i({color:e}){return[e&&`fcolor-${e}`]}function a({as:a=`p`,tone:o=`default`,size:s,align:c=`left`,hidden:l,color:u,weight:d=`normal`,truncate:f,spacing:p,padding:m,fsize:h,mt:g,mb:_,ml:v,mr:y,mx:b,my:x,pt:S,pb:C,pl:w,pr:T,px:E,py:D,fullWidth:O,className:k,style:A,children:j,...M}){let N=a,P=n.n({fsize:h}),F=typeof f==`number`?f:void 0;return(0,r.jsx)(N,{className:t.t(`text`,!u&&o,s,c,d,f===!0&&`truncate`,F!=null&&`line-clamp`,...i({color:u}),...n.t({spacing:p,padding:m,fsize:h,mt:g,mb:_,ml:v,mr:y,mx:b,my:x,pt:S,pb:C,pl:w,pr:T,px:E,py:D,fullWidth:O}),k),style:{...P,...F?{"--line-clamp":F}:void 0,...A},...e.r(l),...M,children:j})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=MText-Dni707tS.cjs.map
+const e=require(`./theme-CJuqObWL.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./layoutProps-Ck4VtGm9.cjs`);require(`./core-w629c4ND.cjs`);let r=require(`react/jsx-runtime`);function i({color:e}){return[e&&`fcolor-${e}`]}function a({as:a=`p`,tone:o=`default`,size:s,align:c=`left`,hidden:l,color:u,weight:d=`normal`,truncate:f,spacing:p,padding:m,fsize:h,mt:g,mb:_,ml:v,mr:y,mx:b,my:x,pt:S,pb:C,pl:w,pr:T,px:E,py:D,fullWidth:O,className:k,style:A,children:j,...M}){let N=a,P=n.n({fsize:h}),F=typeof f==`number`?f:void 0;return(0,r.jsx)(N,{className:t.t(`text`,!u&&o,s,c,d,f===!0&&`truncate`,F!=null&&`line-clamp`,...i({color:u}),...n.t({spacing:p,padding:m,fsize:h,mt:g,mb:_,ml:v,mr:y,mx:b,my:x,pt:S,pb:C,pl:w,pr:T,px:E,py:D,fullWidth:O}),k),style:{...P,...F?{"--line-clamp":F}:void 0,...A},...e.r(l),...M,children:j})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=MText-BDI4mdw8.cjs.map

package/dist/{MText-Dni707tS.cjs.map → MText-BDI4mdw8.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MText-Dni707tS.cjs","names":[],"sources":["../src/utils/appearanceProps.ts","../src/components/typography/MText/MText.tsx"],"sourcesContent":["import type {MColor} from '../theme'\n\nexport interface AppearanceProps {\n    color?: MColor\n}\n\n// Translate semantic appearance props into shared utility classes.\nexport function getAppearanceClassNames({color}: AppearanceProps): Array<string | false | undefined> {\n    return [color && `fcolor-${color}`]\n}\n","import type {MTextProps} from './MText.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MText.css'\n\n// Render body copy with shared tone, size and weight controls.\nexport function MText({\n    as = 'p',\n    tone = 'default',\n    size,\n    align = 'left',\n    hidden,\n    color,\n    weight = 'normal',\n    truncate,\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}: MTextProps) {\n    const Component = as\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const lines = typeof truncate === 'number' ? truncate : undefined\n\n    return (\n        <Component\n            className={cn(\n                'text',\n                !color && tone,\n                size,\n                align,\n                weight,\n                truncate === true && 'truncate',\n                lines != null && 'line-clamp',\n                ...getAppearanceClassNames({color}),\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={{\n                ...utilityStyle,\n                ...(lines ? ({'--line-clamp': lines} as React.CSSProperties) : undefined),\n                ...style,\n            }}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n"],"mappings":"iLAOA,SAAgB,EAAwB,CAAC,SAA4D,CACjG,MAAO,CAAC,GAAS,UAAU,IAAQ,CCAvC,SAAgB,EAAM,CAClB,KAAK,IACL,OAAO,UACP,OACA,QAAQ,OACR,SACA,QACA,SAAS,SACT,WACA,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,WACA,GAAG,GACQ,CACX,IAAM,EAAY,EACZ,EAAe,EAAA,EAAuB,CAAC,QAAM,CAAC,CAC9C,EAAQ,OAAO,GAAa,SAAW,EAAW,IAAA,GAExD,OACI,EAAA,EAAA,KAAC,EAAD,CACI,UAAW,EAAA,EACP,OACA,CAAC,GAAS,EACV,EACA,EACA,EACA,IAAa,IAAQ,WACrB,GAAS,MAAQ,aACjB,GAAG,EAAwB,CAAC,QAAM,CAAC,CACnC,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,CACH,GAAG,EACH,GAAI,EAAS,CAAC,eAAgB,EAAM,CAA2B,IAAA,GAC/D,GAAG,EACN,CACD,GAAI,EAAA,EAAe,EAAO,CAC1B,GAAI,EAEH,WACO,CAAA"}
+{"version":3,"file":"MText-BDI4mdw8.cjs","names":[],"sources":["../src/utils/appearanceProps.ts","../src/components/typography/MText/MText.tsx"],"sourcesContent":["import type {MColor} from '../theme'\n\nexport interface AppearanceProps {\n    color?: MColor\n}\n\n// Translate semantic appearance props into shared utility classes.\nexport function getAppearanceClassNames({color}: AppearanceProps): Array<string | false | undefined> {\n    return [color && `fcolor-${color}`]\n}\n","import type {MTextProps} from './MText.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MText.css'\n\n// Render body copy with shared tone, size and weight controls.\nexport function MText({\n    as = 'p',\n    tone = 'default',\n    size,\n    align = 'left',\n    hidden,\n    color,\n    weight = 'normal',\n    truncate,\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}: MTextProps) {\n    const Component = as\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const lines = typeof truncate === 'number' ? truncate : undefined\n\n    return (\n        <Component\n            className={cn(\n                'text',\n                !color && tone,\n                size,\n                align,\n                weight,\n                truncate === true && 'truncate',\n                lines != null && 'line-clamp',\n                ...getAppearanceClassNames({color}),\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={{\n                ...utilityStyle,\n                ...(lines ? ({'--line-clamp': lines} as React.CSSProperties) : undefined),\n                ...style,\n            }}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n"],"mappings":"iLAOA,SAAgB,EAAwB,CAAC,SAA4D,CACjG,MAAO,CAAC,GAAS,UAAU,IAAQ,CCAvC,SAAgB,EAAM,CAClB,KAAK,IACL,OAAO,UACP,OACA,QAAQ,OACR,SACA,QACA,SAAS,SACT,WACA,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,WACA,GAAG,GACQ,CACX,IAAM,EAAY,EACZ,EAAe,EAAA,EAAuB,CAAC,QAAM,CAAC,CAC9C,EAAQ,OAAO,GAAa,SAAW,EAAW,IAAA,GAExD,OACI,EAAA,EAAA,KAAC,EAAD,CACI,UAAW,EAAA,EACP,OACA,CAAC,GAAS,EACV,EACA,EACA,EACA,IAAa,IAAQ,WACrB,GAAS,MAAQ,aACjB,GAAG,EAAwB,CAAC,QAAM,CAAC,CACnC,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,CACH,GAAG,EACH,GAAI,EAAS,CAAC,eAAgB,EAAM,CAA2B,IAAA,GAC/D,GAAG,EACN,CACD,GAAI,EAAA,EAAe,EAAO,CAC1B,GAAI,EAEH,WACO,CAAA"}

package/dist/{MText-CL-LPcXi.js → MText-DhbAjtUE.js}

@@ -1,6 +1,6 @@
 import { r as e } from "./theme-DAOU1aPs.js";
 import { t } from "./cn-YER3QsV1.js";
-import { n, t as r } from "./layoutProps-CE5-ghKw.js";
+import { n, t as r } from "./layoutProps-Cl6d1KmH.js";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/utils/appearanceProps.ts
 function a({ color: e }) {
@@ -42,4 +42,4 @@ function o({ as: o = "p", tone: s = "default", size: c, align: l = "left", hidde
 //#endregion
 export { a as n, o as t };
 
-//# sourceMappingURL=MText-CL-LPcXi.js.map
+//# sourceMappingURL=MText-DhbAjtUE.js.map

package/dist/{MText-CL-LPcXi.js.map → MText-DhbAjtUE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MText-CL-LPcXi.js","names":[],"sources":["../src/utils/appearanceProps.ts","../src/components/typography/MText/MText.tsx"],"sourcesContent":["import type {MColor} from '../theme'\n\nexport interface AppearanceProps {\n    color?: MColor\n}\n\n// Translate semantic appearance props into shared utility classes.\nexport function getAppearanceClassNames({color}: AppearanceProps): Array<string | false | undefined> {\n    return [color && `fcolor-${color}`]\n}\n","import type {MTextProps} from './MText.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MText.css'\n\n// Render body copy with shared tone, size and weight controls.\nexport function MText({\n    as = 'p',\n    tone = 'default',\n    size,\n    align = 'left',\n    hidden,\n    color,\n    weight = 'normal',\n    truncate,\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}: MTextProps) {\n    const Component = as\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const lines = typeof truncate === 'number' ? truncate : undefined\n\n    return (\n        <Component\n            className={cn(\n                'text',\n                !color && tone,\n                size,\n                align,\n                weight,\n                truncate === true && 'truncate',\n                lines != null && 'line-clamp',\n                ...getAppearanceClassNames({color}),\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={{\n                ...utilityStyle,\n                ...(lines ? ({'--line-clamp': lines} as React.CSSProperties) : undefined),\n                ...style,\n            }}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n"],"mappings":";;;;;AAOA,SAAgB,EAAwB,EAAC,YAA4D;AACjG,QAAO,CAAC,KAAS,UAAU,IAAQ;;;;ACAvC,SAAgB,EAAM,EAClB,QAAK,KACL,UAAO,WACP,SACA,WAAQ,QACR,WACA,UACA,YAAS,UACT,aACA,YACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,UACA,aACA,GAAG,KACQ;CACX,IAAM,IAAY,GACZ,IAAe,EAAuB,EAAC,UAAM,CAAC,EAC9C,IAAQ,OAAO,KAAa,WAAW,IAAW,KAAA;AAExD,QACI,kBAAC,GAAD;EACI,WAAW,EACP,QACA,CAAC,KAAS,GACV,GACA,GACA,GACA,MAAa,MAAQ,YACrB,KAAS,QAAQ,cACjB,GAAG,EAAwB,EAAC,UAAM,CAAC,EACnC,GAAG,EAA2B;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACH,CAAC,EACF,EACH;EACD,OAAO;GACH,GAAG;GACH,GAAI,IAAS,EAAC,gBAAgB,GAAM,GAA2B,KAAA;GAC/D,GAAG;GACN;EACD,GAAI,EAAe,EAAO;EAC1B,GAAI;EAEH;EACO,CAAA"}
+{"version":3,"file":"MText-DhbAjtUE.js","names":[],"sources":["../src/utils/appearanceProps.ts","../src/components/typography/MText/MText.tsx"],"sourcesContent":["import type {MColor} from '../theme'\n\nexport interface AppearanceProps {\n    color?: MColor\n}\n\n// Translate semantic appearance props into shared utility classes.\nexport function getAppearanceClassNames({color}: AppearanceProps): Array<string | false | undefined> {\n    return [color && `fcolor-${color}`]\n}\n","import type {MTextProps} from './MText.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MText.css'\n\n// Render body copy with shared tone, size and weight controls.\nexport function MText({\n    as = 'p',\n    tone = 'default',\n    size,\n    align = 'left',\n    hidden,\n    color,\n    weight = 'normal',\n    truncate,\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}: MTextProps) {\n    const Component = as\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n    const lines = typeof truncate === 'number' ? truncate : undefined\n\n    return (\n        <Component\n            className={cn(\n                'text',\n                !color && tone,\n                size,\n                align,\n                weight,\n                truncate === true && 'truncate',\n                lines != null && 'line-clamp',\n                ...getAppearanceClassNames({color}),\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={{\n                ...utilityStyle,\n                ...(lines ? ({'--line-clamp': lines} as React.CSSProperties) : undefined),\n                ...style,\n            }}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n"],"mappings":";;;;;AAOA,SAAgB,EAAwB,EAAC,YAA4D;AACjG,QAAO,CAAC,KAAS,UAAU,IAAQ;;;;ACAvC,SAAgB,EAAM,EAClB,QAAK,KACL,UAAO,WACP,SACA,WAAQ,QACR,WACA,UACA,YAAS,UACT,aACA,YACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,UACA,aACA,GAAG,KACQ;CACX,IAAM,IAAY,GACZ,IAAe,EAAuB,EAAC,UAAM,CAAC,EAC9C,IAAQ,OAAO,KAAa,WAAW,IAAW,KAAA;AAExD,QACI,kBAAC,GAAD;EACI,WAAW,EACP,QACA,CAAC,KAAS,GACV,GACA,GACA,GACA,MAAa,MAAQ,YACrB,KAAS,QAAQ,cACjB,GAAG,EAAwB,EAAC,UAAM,CAAC,EACnC,GAAG,EAA2B;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACH,CAAC,EACF,EACH;EACD,OAAO;GACH,GAAG;GACH,GAAI,IAAS,EAAC,gBAAgB,GAAM,GAA2B,KAAA;GAC/D,GAAG;GACN;EACD,GAAI,EAAe,EAAO;EAC1B,GAAI;EAEH;EACO,CAAA"}

package/dist/MTooltip-BAgHlv5I.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-CU5TNITO.cjs`),t=require(`./MPortal-CuBXhhl_.cjs`);require(`./core-w629c4ND.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);var i=8,a={top:`bottom`,bottom:`top`,left:`right`,right:`left`};function o(e,t,n){switch(n){case`bottom`:return{top:e.bottom+6,left:e.left+e.width/2-t.width/2};case`left`:return{top:e.top+e.height/2-t.height/2,left:e.left-t.width-6};case`right`:return{top:e.top+e.height/2-t.height/2,left:e.right+6};default:return{top:e.top-t.height-6,left:e.left+e.width/2-t.width/2}}}function s(e,t,n){return n===`top`?e.top>=i:n===`bottom`?e.top+t.height<=window.innerHeight-i:n===`left`?e.left>=i:e.left+t.width<=window.innerWidth-i}function c(e,t,n){return Math.min(Math.max(e,t),Math.max(t,n))}function l(e,t,n){let r=n,l=o(e,t,n);if(!s(l,t,n)){let i=o(e,t,a[n]);s(i,t,a[n])&&(r=a[n],l=i)}return{placement:r,top:c(l.top,i,window.innerHeight-t.height-i),left:c(l.left,i,window.innerWidth-t.width-i)}}function u({content:i,placement:a=`top`,delay:o=0,className:s,children:c,...u}){let[d,f]=(0,n.useState)(!1),[p,m]=(0,n.useState)(null),h=(0,n.useId)(),g=(0,n.useRef)(null),_=(0,n.useRef)(null),v=(0,n.useRef)(null),y=(0,n.useCallback)(()=>{o>0?v.current=setTimeout(()=>f(!0),o):f(!0)},[o]),b=(0,n.useCallback)(()=>{v.current&&=(clearTimeout(v.current),null),f(!1),m(null)},[]);(0,n.useLayoutEffect)(()=>{!d||!g.current||!_.current||m(l(g.current.getBoundingClientRect(),_.current.getBoundingClientRect(),a))},[d,a]),(0,n.useEffect)(()=>{if(!d)return;let e=e=>{e.key===`Escape`&&b()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[d,b]),(0,n.useEffect)(()=>()=>{v.current&&clearTimeout(v.current)},[]);let x=d&&(0,n.isValidElement)(c)&&c.type!==n.Fragment?(0,n.cloneElement)(c,{"aria-describedby":[c.props[`aria-describedby`],h].filter(Boolean).join(` `)}):c;return(0,r.jsxs)(`div`,{ref:g,className:e.t(`tooltip wrapper`,s),onMouseEnter:y,onMouseLeave:b,onFocus:y,onBlur:b,...u,children:[x,d&&(0,r.jsx)(t.t,{children:(0,r.jsx)(`div`,{ref:_,id:h,className:e.t(`tooltip bubble`,p?.placement??a),role:`tooltip`,style:p?{top:p.top,left:p.left}:{visibility:`hidden`},children:i})})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});
+//# sourceMappingURL=MTooltip-BAgHlv5I.cjs.map

package/dist/MTooltip-BAgHlv5I.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MTooltip-BAgHlv5I.cjs","names":[],"sources":["../src/components/overlays/MTooltip/MTooltip.tsx"],"sourcesContent":["import {\n    Fragment,\n    cloneElement,\n    isValidElement,\n    useCallback,\n    useEffect,\n    useId,\n    useLayoutEffect,\n    useRef,\n    useState,\n} from 'react'\nimport type {ReactElement} from 'react'\nimport type {MTooltipPlacement, MTooltipProps} from './MTooltip.types'\nimport {cn} from '../../../utils/cn'\nimport {MPortal} from '../../primitives'\nimport './MTooltip.css'\n\nconst VIEWPORT_MARGIN = 8\n\nconst OPPOSITE: Record<MTooltipPlacement, MTooltipPlacement> = {\n    top: 'bottom',\n    bottom: 'top',\n    left: 'right',\n    right: 'left',\n}\n\nfunction computePosition(trigger: DOMRect, bubble: DOMRect, placement: string): {top: number; left: number} {\n    const gap = 6\n    switch (placement) {\n        case 'bottom':\n            return {top: trigger.bottom + gap, left: trigger.left + trigger.width / 2 - bubble.width / 2}\n        case 'left':\n            return {top: trigger.top + trigger.height / 2 - bubble.height / 2, left: trigger.left - bubble.width - gap}\n        case 'right':\n            return {top: trigger.top + trigger.height / 2 - bubble.height / 2, left: trigger.right + gap}\n        default:\n            return {top: trigger.top - bubble.height - gap, left: trigger.left + trigger.width / 2 - bubble.width / 2}\n    }\n}\n\nfunction fitsViewport(pos: {top: number; left: number}, bubble: DOMRect, placement: MTooltipPlacement): boolean {\n    if (placement === 'top') return pos.top >= VIEWPORT_MARGIN\n    if (placement === 'bottom') return pos.top + bubble.height <= window.innerHeight - VIEWPORT_MARGIN\n    if (placement === 'left') return pos.left >= VIEWPORT_MARGIN\n    return pos.left + bubble.width <= window.innerWidth - VIEWPORT_MARGIN\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n    return Math.min(Math.max(value, min), Math.max(min, max))\n}\n\n// Flip to the opposite side when the preferred one overflows, then keep the bubble on screen.\nfunction resolvePosition(trigger: DOMRect, bubble: DOMRect, placement: MTooltipPlacement) {\n    let resolved = placement\n    let pos = computePosition(trigger, bubble, placement)\n\n    if (!fitsViewport(pos, bubble, placement)) {\n        const flipped = computePosition(trigger, bubble, OPPOSITE[placement])\n        if (fitsViewport(flipped, bubble, OPPOSITE[placement])) {\n            resolved = OPPOSITE[placement]\n            pos = flipped\n        }\n    }\n\n    return {\n        placement: resolved,\n        top: clamp(pos.top, VIEWPORT_MARGIN, window.innerHeight - bubble.height - VIEWPORT_MARGIN),\n        left: clamp(pos.left, VIEWPORT_MARGIN, window.innerWidth - bubble.width - VIEWPORT_MARGIN),\n    }\n}\n\nexport function MTooltip({content, placement = 'top', delay = 0, className, children, ...rest}: MTooltipProps) {\n    const [visible, setVisible] = useState(false)\n    const [pos, setPos] = useState<{top: number; left: number; placement: MTooltipPlacement} | null>(null)\n    const tooltipId = useId()\n    const wrapperRef = useRef<HTMLDivElement>(null)\n    const bubbleRef = useRef<HTMLDivElement>(null)\n    const timeoutRef = useRef<ReturnType<typeof setTimeout>>(null)\n\n    const show = useCallback(() => {\n        if (delay > 0) {\n            timeoutRef.current = setTimeout(() => setVisible(true), delay)\n        } else {\n            setVisible(true)\n        }\n    }, [delay])\n\n    const hide = useCallback(() => {\n        if (timeoutRef.current) {\n            clearTimeout(timeoutRef.current)\n            timeoutRef.current = null\n        }\n        setVisible(false)\n        setPos(null)\n    }, [])\n\n    useLayoutEffect(() => {\n        if (!visible || !wrapperRef.current || !bubbleRef.current) return\n        const triggerRect = wrapperRef.current.getBoundingClientRect()\n        const bubbleRect = bubbleRef.current.getBoundingClientRect()\n        setPos(resolvePosition(triggerRect, bubbleRect, placement))\n    }, [visible, placement])\n\n    // Let keyboard and screen-magnifier users dismiss the bubble without moving focus.\n    useEffect(() => {\n        if (!visible) return\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') hide()\n        }\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [visible, hide])\n\n    useEffect(\n        () => () => {\n            if (timeoutRef.current) clearTimeout(timeoutRef.current)\n        },\n        []\n    )\n\n    // Describe the trigger itself, so the tooltip is announced when it receives focus.\n    const describedChild =\n        visible && isValidElement(children) && children.type !== Fragment\n            ? cloneElement(children as ReactElement<{'aria-describedby'?: string}>, {\n                  'aria-describedby': [\n                      (children as ReactElement<{'aria-describedby'?: string}>).props['aria-describedby'],\n                      tooltipId,\n                  ]\n                      .filter(Boolean)\n                      .join(' '),\n              })\n            : children\n\n    return (\n        <div\n            ref={wrapperRef}\n            className={cn('tooltip wrapper', className)}\n            onMouseEnter={show}\n            onMouseLeave={hide}\n            onFocus={show}\n            onBlur={hide}\n            {...rest}\n        >\n            {describedChild}\n            {visible && (\n                <MPortal>\n                    <div\n                        ref={bubbleRef}\n                        id={tooltipId}\n                        className={cn('tooltip bubble', pos?.placement ?? placement)}\n                        role=\"tooltip\"\n                        style={pos ? {top: pos.top, left: pos.left} : {visibility: 'hidden'}}\n                    >\n                        {content}\n                    </div>\n                </MPortal>\n            )}\n        </div>\n    )\n}\n"],"mappings":"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"}

package/dist/MTooltip-CJxvlkOX.js

@@ -0,0 +1,92 @@
+import { t as e } from "./cn-YER3QsV1.js";
+import { t } from "./MPortal-Ba2Sxset.js";
+import { Fragment as n, cloneElement as r, isValidElement as i, useCallback as a, useEffect as o, useId as s, useLayoutEffect as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/overlays/MTooltip/MTooltip.tsx
+var p = 8, m = {
+	top: "bottom",
+	bottom: "top",
+	left: "right",
+	right: "left"
+};
+function h(e, t, n) {
+	switch (n) {
+		case "bottom": return {
+			top: e.bottom + 6,
+			left: e.left + e.width / 2 - t.width / 2
+		};
+		case "left": return {
+			top: e.top + e.height / 2 - t.height / 2,
+			left: e.left - t.width - 6
+		};
+		case "right": return {
+			top: e.top + e.height / 2 - t.height / 2,
+			left: e.right + 6
+		};
+		default: return {
+			top: e.top - t.height - 6,
+			left: e.left + e.width / 2 - t.width / 2
+		};
+	}
+}
+function g(e, t, n) {
+	return n === "top" ? e.top >= p : n === "bottom" ? e.top + t.height <= window.innerHeight - p : n === "left" ? e.left >= p : e.left + t.width <= window.innerWidth - p;
+}
+function _(e, t, n) {
+	return Math.min(Math.max(e, t), Math.max(t, n));
+}
+function v(e, t, n) {
+	let r = n, i = h(e, t, n);
+	if (!g(i, t, n)) {
+		let a = h(e, t, m[n]);
+		g(a, t, m[n]) && (r = m[n], i = a);
+	}
+	return {
+		placement: r,
+		top: _(i.top, p, window.innerHeight - t.height - p),
+		left: _(i.left, p, window.innerWidth - t.width - p)
+	};
+}
+function y({ content: p, placement: m = "top", delay: h = 0, className: g, children: _, ...y }) {
+	let [b, x] = u(!1), [S, C] = u(null), w = s(), T = l(null), E = l(null), D = l(null), O = a(() => {
+		h > 0 ? D.current = setTimeout(() => x(!0), h) : x(!0);
+	}, [h]), k = a(() => {
+		D.current &&= (clearTimeout(D.current), null), x(!1), C(null);
+	}, []);
+	c(() => {
+		!b || !T.current || !E.current || C(v(T.current.getBoundingClientRect(), E.current.getBoundingClientRect(), m));
+	}, [b, m]), o(() => {
+		if (!b) return;
+		let e = (e) => {
+			e.key === "Escape" && k();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [b, k]), o(() => () => {
+		D.current && clearTimeout(D.current);
+	}, []);
+	let A = b && i(_) && _.type !== n ? r(_, { "aria-describedby": [_.props["aria-describedby"], w].filter(Boolean).join(" ") }) : _;
+	return /* @__PURE__ */ f("div", {
+		ref: T,
+		className: e("tooltip wrapper", g),
+		onMouseEnter: O,
+		onMouseLeave: k,
+		onFocus: O,
+		onBlur: k,
+		...y,
+		children: [A, b && /* @__PURE__ */ d(t, { children: /* @__PURE__ */ d("div", {
+			ref: E,
+			id: w,
+			className: e("tooltip bubble", S?.placement ?? m),
+			role: "tooltip",
+			style: S ? {
+				top: S.top,
+				left: S.left
+			} : { visibility: "hidden" },
+			children: p
+		}) })]
+	});
+}
+//#endregion
+export { y as t };
+
+//# sourceMappingURL=MTooltip-CJxvlkOX.js.map

package/dist/MTooltip-CJxvlkOX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MTooltip-CJxvlkOX.js","names":[],"sources":["../src/components/overlays/MTooltip/MTooltip.tsx"],"sourcesContent":["import {\n    Fragment,\n    cloneElement,\n    isValidElement,\n    useCallback,\n    useEffect,\n    useId,\n    useLayoutEffect,\n    useRef,\n    useState,\n} from 'react'\nimport type {ReactElement} from 'react'\nimport type {MTooltipPlacement, MTooltipProps} from './MTooltip.types'\nimport {cn} from '../../../utils/cn'\nimport {MPortal} from '../../primitives'\nimport './MTooltip.css'\n\nconst VIEWPORT_MARGIN = 8\n\nconst OPPOSITE: Record<MTooltipPlacement, MTooltipPlacement> = {\n    top: 'bottom',\n    bottom: 'top',\n    left: 'right',\n    right: 'left',\n}\n\nfunction computePosition(trigger: DOMRect, bubble: DOMRect, placement: string): {top: number; left: number} {\n    const gap = 6\n    switch (placement) {\n        case 'bottom':\n            return {top: trigger.bottom + gap, left: trigger.left + trigger.width / 2 - bubble.width / 2}\n        case 'left':\n            return {top: trigger.top + trigger.height / 2 - bubble.height / 2, left: trigger.left - bubble.width - gap}\n        case 'right':\n            return {top: trigger.top + trigger.height / 2 - bubble.height / 2, left: trigger.right + gap}\n        default:\n            return {top: trigger.top - bubble.height - gap, left: trigger.left + trigger.width / 2 - bubble.width / 2}\n    }\n}\n\nfunction fitsViewport(pos: {top: number; left: number}, bubble: DOMRect, placement: MTooltipPlacement): boolean {\n    if (placement === 'top') return pos.top >= VIEWPORT_MARGIN\n    if (placement === 'bottom') return pos.top + bubble.height <= window.innerHeight - VIEWPORT_MARGIN\n    if (placement === 'left') return pos.left >= VIEWPORT_MARGIN\n    return pos.left + bubble.width <= window.innerWidth - VIEWPORT_MARGIN\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n    return Math.min(Math.max(value, min), Math.max(min, max))\n}\n\n// Flip to the opposite side when the preferred one overflows, then keep the bubble on screen.\nfunction resolvePosition(trigger: DOMRect, bubble: DOMRect, placement: MTooltipPlacement) {\n    let resolved = placement\n    let pos = computePosition(trigger, bubble, placement)\n\n    if (!fitsViewport(pos, bubble, placement)) {\n        const flipped = computePosition(trigger, bubble, OPPOSITE[placement])\n        if (fitsViewport(flipped, bubble, OPPOSITE[placement])) {\n            resolved = OPPOSITE[placement]\n            pos = flipped\n        }\n    }\n\n    return {\n        placement: resolved,\n        top: clamp(pos.top, VIEWPORT_MARGIN, window.innerHeight - bubble.height - VIEWPORT_MARGIN),\n        left: clamp(pos.left, VIEWPORT_MARGIN, window.innerWidth - bubble.width - VIEWPORT_MARGIN),\n    }\n}\n\nexport function MTooltip({content, placement = 'top', delay = 0, className, children, ...rest}: MTooltipProps) {\n    const [visible, setVisible] = useState(false)\n    const [pos, setPos] = useState<{top: number; left: number; placement: MTooltipPlacement} | null>(null)\n    const tooltipId = useId()\n    const wrapperRef = useRef<HTMLDivElement>(null)\n    const bubbleRef = useRef<HTMLDivElement>(null)\n    const timeoutRef = useRef<ReturnType<typeof setTimeout>>(null)\n\n    const show = useCallback(() => {\n        if (delay > 0) {\n            timeoutRef.current = setTimeout(() => setVisible(true), delay)\n        } else {\n            setVisible(true)\n        }\n    }, [delay])\n\n    const hide = useCallback(() => {\n        if (timeoutRef.current) {\n            clearTimeout(timeoutRef.current)\n            timeoutRef.current = null\n        }\n        setVisible(false)\n        setPos(null)\n    }, [])\n\n    useLayoutEffect(() => {\n        if (!visible || !wrapperRef.current || !bubbleRef.current) return\n        const triggerRect = wrapperRef.current.getBoundingClientRect()\n        const bubbleRect = bubbleRef.current.getBoundingClientRect()\n        setPos(resolvePosition(triggerRect, bubbleRect, placement))\n    }, [visible, placement])\n\n    // Let keyboard and screen-magnifier users dismiss the bubble without moving focus.\n    useEffect(() => {\n        if (!visible) return\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') hide()\n        }\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [visible, hide])\n\n    useEffect(\n        () => () => {\n            if (timeoutRef.current) clearTimeout(timeoutRef.current)\n        },\n        []\n    )\n\n    // Describe the trigger itself, so the tooltip is announced when it receives focus.\n    const describedChild =\n        visible && isValidElement(children) && children.type !== Fragment\n            ? cloneElement(children as ReactElement<{'aria-describedby'?: string}>, {\n                  'aria-describedby': [\n                      (children as ReactElement<{'aria-describedby'?: string}>).props['aria-describedby'],\n                      tooltipId,\n                  ]\n                      .filter(Boolean)\n                      .join(' '),\n              })\n            : children\n\n    return (\n        <div\n            ref={wrapperRef}\n            className={cn('tooltip wrapper', className)}\n            onMouseEnter={show}\n            onMouseLeave={hide}\n            onFocus={show}\n            onBlur={hide}\n            {...rest}\n        >\n            {describedChild}\n            {visible && (\n                <MPortal>\n                    <div\n                        ref={bubbleRef}\n                        id={tooltipId}\n                        className={cn('tooltip bubble', pos?.placement ?? placement)}\n                        role=\"tooltip\"\n                        style={pos ? {top: pos.top, left: pos.left} : {visibility: 'hidden'}}\n                    >\n                        {content}\n                    </div>\n                </MPortal>\n            )}\n        </div>\n    )\n}\n"],"mappings":"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"}

package/dist/{MTreeView-B1J7uqd1.js → MTreeView-DsBnYQMT.js}

@@ -1,7 +1,7 @@
 import { $r as e, Br as t, Fr as n, Gr as r, Hr as i, Ir as a, Jr as o, Lr as s, Qr as c, Rr as l, Ur as u, Vr as d, Wr as f, Xr as p, Yr as m, Zr as h, _i as g, ai as _, ci as v, di as y, ei as b, fi as x, ii as S, mi as C, ni as w, oi as T, pi as E, qi as D, qr as O, ri as k, si as A, ti as j } from "./icons-CBMl-kOM.js";
 import { t as M } from "./cn-YER3QsV1.js";
 import { t as N } from "./MPortal-Ba2Sxset.js";
-import { t as P } from "./MCheckbox-B7SpcD4H.js";
+import { t as P } from "./MCheckbox-BxFBADcE.js";
 import { useEffect as ee, useRef as F, useState as I } from "react";
 import { jsx as L, jsxs as R } from "react/jsx-runtime";
 //#region src/components/data/MTreeView/MTreeView.tsx
@@ -312,4 +312,4 @@ function G({ items: e, color: t = "primary", expandable: n = !0, selectable: r =
 //#endregion
 export { G as t };
 
-//# sourceMappingURL=MTreeView-B1J7uqd1.js.map
+//# sourceMappingURL=MTreeView-DsBnYQMT.js.map

package/dist/{MTreeView-B1J7uqd1.js.map → MTreeView-DsBnYQMT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MTreeView-B1J7uqd1.js","names":[],"sources":["../src/components/data/MTreeView/MTreeView.tsx"],"sourcesContent":["import {useEffect, useRef, useState} from 'react'\nimport type {CSSProperties, DragEvent, MouseEvent, ReactNode} from 'react'\nimport type {\n    MTreeViewProps,\n    MTreeItemProps,\n    MTreeNode,\n    MTreeViewContextMenuItem,\n    MTreeViewMoveEvent,\n} from './MTreeView.types'\nimport {cn} from '../../../utils/cn'\nimport {MCheckbox} from '../../controls'\nimport {MPortal} from '../../primitives'\nimport {\n    MChevronRightIcon,\n    MFileCodeIcon,\n    MFileCsvIcon,\n    MFileCssIcon,\n    MFileExeIcon,\n    MFileGifIcon,\n    MFileHtmlIcon,\n    MFileIcon,\n    MFileImageIcon,\n    MFileJpgIcon,\n    MFileJsIcon,\n    MFileJsonIcon,\n    MFileMdIcon,\n    MFileMp3Icon,\n    MFileMp4Icon,\n    MFileOdtIcon,\n    MFilePdfIcon,\n    MFilePhpIcon,\n    MFilePngIcon,\n    MFilePptIcon,\n    MFileRarIcon,\n    MFileSvgIcon,\n    MFileTextIcon,\n    MFileTsIcon,\n    MFileTsxIcon,\n    MFileTxtIcon,\n    MFileWebpIcon,\n    MFileXlsIcon,\n    MFileXmlIcon,\n    MFileZipIcon,\n    MFolderIcon,\n    MFolderOpenIcon,\n} from '../../../icons'\nimport './MTreeView.css'\nconst fileTypeMap: Record<string, ReactNode> = {\n    pdf: <MFilePdfIcon />,\n    ts: <MFileTsIcon />,\n    tsx: <MFileTsxIcon />,\n    js: <MFileJsIcon />,\n    jsx: <MFileCodeIcon />,\n    css: <MFileCssIcon />,\n    scss: <MFileCssIcon />,\n    html: <MFileHtmlIcon />,\n    json: <MFileJsonIcon />,\n    md: <MFileMdIcon />,\n    txt: <MFileTxtIcon />,\n    csv: <MFileCsvIcon />,\n    zip: <MFileZipIcon />,\n    rar: <MFileRarIcon />,\n    svg: <MFileSvgIcon />,\n    png: <MFilePngIcon />,\n    jpg: <MFileJpgIcon />,\n    jpeg: <MFileImageIcon />,\n    gif: <MFileGifIcon />,\n    webp: <MFileWebpIcon />,\n    php: <MFilePhpIcon />,\n    xml: <MFileXmlIcon />,\n    xls: <MFileXlsIcon />,\n    ppt: <MFilePptIcon />,\n    odt: <MFileOdtIcon />,\n    exe: <MFileExeIcon />,\n    mp3: <MFileMp3Icon />,\n    mp4: <MFileMp4Icon />,\n}\n\n// Read the file extension once so icon logic stays predictable.\nfunction getFileExtension(label: string): string | null {\n    const dot = label.lastIndexOf('.')\n    if (dot < 1) return null\n    return label.slice(dot + 1).toLowerCase()\n}\n\n// Treat explicit folders and nodes with children as directory-like.\nfunction isFolderNode(node: MTreeNode) {\n    return node.kind === 'folder' || Boolean(node.children?.length)\n}\n\n// Resolve the proper file icon by extension.\nfunction getFileIcon(label: string): ReactNode {\n    const ext = getFileExtension(label)\n    if (!ext) return <MFileIcon />\n\n    return fileTypeMap[ext] ?? <MFileTextIcon />\n}\n\n// Prefer custom icons first, then fall back to folder or file visuals.\nfunction getDefaultIcon(node: MTreeNode, isExpanded: boolean, fileIcons: boolean) {\n    if (node.icon) return node.icon\n    if (!fileIcons) return null\n\n    if (isFolderNode(node)) return isExpanded ? <MFolderOpenIcon /> : <MFolderIcon />\n\n    return getFileIcon(node.label)\n}\n\n// Cache nodes and descendants so drag-drop validation stays fast.\nfunction buildTreeLookup(items: MTreeNode[]) {\n    const nodeMap = new Map<string, MTreeNode>()\n    const descendants = new Map<string, Set<string>>()\n    const parentMap = new Map<string, string>()\n\n    function walk(node: MTreeNode) {\n        nodeMap.set(node.id, node)\n\n        const childIds = new Set<string>()\n\n        for (const child of node.children ?? []) {\n            parentMap.set(child.id, node.id)\n            childIds.add(child.id)\n\n            const nestedIds = walk(child)\n            nestedIds.forEach((id) => childIds.add(id))\n        }\n\n        descendants.set(node.id, childIds)\n        return childIds\n    }\n\n    items.forEach(walk)\n\n    return {nodeMap, descendants, parentMap}\n}\n\n// Compute indeterminate ids: a node where some but not all leaf descendants are checked.\nfunction computeIndeterminate(items: MTreeNode[], checked: Set<string>): Set<string> {\n    const indeterminate = new Set<string>()\n\n    function walk(node: MTreeNode): {checked: number; total: number} {\n        if (!node.children?.length) {\n            return checked.has(node.id) ? {checked: 1, total: 1} : {checked: 0, total: 1}\n        }\n\n        let c = 0\n        let t = 0\n\n        for (const child of node.children) {\n            const r = walk(child)\n            c += r.checked\n            t += r.total\n        }\n\n        if (c > 0 && c < t) indeterminate.add(node.id)\n        return {checked: c, total: t}\n    }\n\n    items.forEach(walk)\n    return indeterminate\n}\n\n// Keep the context menu inside the viewport.\nfunction clampMenuPosition(x: number, y: number) {\n    if (typeof window === 'undefined') {\n        return {x, y}\n    }\n\n    return {\n        x: Math.max(8, Math.min(x, window.innerWidth - 220)),\n        y: Math.max(8, Math.min(y, window.innerHeight - 16)),\n    }\n}\n\n// Render one visible row and recurse into children when expanded.\nfunction TreeItem({\n    node,\n    color,\n    level,\n    expandable,\n    selectable,\n    expandedIds,\n    selectedId,\n    draggedId,\n    dropTargetId,\n    onToggle,\n    onSelect,\n    checkable,\n    checkedIds,\n    indeterminateIds,\n    onCheck,\n    indent,\n    showLines,\n    fileIcons,\n    draggable,\n    canDropOnNode,\n    onContextMenu,\n    onDragStart,\n    onDragOver,\n    onDrop,\n    onDragEnd,\n}: MTreeItemProps) {\n    const hasChildren = isFolderNode(node)\n    const isExpanded = expandedIds.has(node.id)\n    const isSelected = selectedId === node.id\n    const isDragging = draggedId === node.id\n    const isDropTarget = dropTargetId === node.id\n    const canDrop = canDropOnNode?.(node)\n    const icon = getDefaultIcon(node, isExpanded, !!fileIcons)\n    const isChecked = checkedIds?.has(node.id) ?? false\n    const isIndeterminate = indeterminateIds?.has(node.id) ?? false\n\n    return (\n        <li role=\"treeitem\" aria-expanded={hasChildren ? isExpanded : undefined}>\n            <div\n                className={cn(\n                    'item',\n                    isSelected && 'selected',\n                    node.disabled && 'disabled',\n                    selectable && !node.disabled && 'selectable',\n                    draggable && !node.disabled && 'draggable',\n                    isDragging && 'dragging',\n                    canDrop && 'can-drop',\n                    isDropTarget && 'drop-target'\n                )}\n                data-color={color}\n                style={{paddingLeft: level * indent}}\n                draggable={draggable && !node.disabled}\n                onClick={() => {\n                    if (node.disabled) return\n                    if (hasChildren && expandable) onToggle(node.id)\n                    if (selectable) onSelect?.(node.id, node)\n                }}\n                onContextMenu={(event) => onContextMenu?.(event, node)}\n                onDragStart={(event) => onDragStart?.(event, node)}\n                onDragOver={(event) => onDragOver?.(event, node)}\n                onDrop={(event) => onDrop?.(event, node)}\n                onDragEnd={onDragEnd}\n            >\n                <span className=\"toggle\">\n                    {hasChildren && expandable ? (\n                        <span className={cn('arrow', isExpanded && 'expanded')}>\n                            <MChevronRightIcon />\n                        </span>\n                    ) : (\n                        <span className=\"spacer\" />\n                    )}\n                </span>\n                {checkable && (\n                    <span className=\"check\" onClick={(event) => event.stopPropagation()}>\n                        <MCheckbox\n                            size=\"sm\"\n                            clickEffect=\"none\"\n                            disabled={node.disabled}\n                            checked={isChecked}\n                            indeterminate={isIndeterminate}\n                            onChange={() => onCheck?.(node.id)}\n                        />\n                    </span>\n                )}\n                {icon && <span className=\"icon\">{icon}</span>}\n                <span className=\"label\">{node.label}</span>\n            </div>\n            {hasChildren && isExpanded && (\n                <ul\n                    className=\"list\"\n                    role=\"group\"\n                    style={showLines ? ({'--line-left': `${level * indent + 17}px`} as CSSProperties) : undefined}\n                >\n                    {(node.children ?? []).map((child) => (\n                        <TreeItem\n                            key={child.id}\n                            node={child}\n                            color={color}\n                            level={level + 1}\n                            expandable={expandable}\n                            selectable={selectable}\n                            expandedIds={expandedIds}\n                            selectedId={selectedId}\n                            draggedId={draggedId}\n                            dropTargetId={dropTargetId}\n                            onToggle={onToggle}\n                            onSelect={onSelect}\n                            checkable={checkable}\n                            checkedIds={checkedIds}\n                            indeterminateIds={indeterminateIds}\n                            onCheck={onCheck}\n                            indent={indent}\n                            showLines={showLines}\n                            fileIcons={fileIcons}\n                            draggable={draggable}\n                            canDropOnNode={canDropOnNode}\n                            onContextMenu={onContextMenu}\n                            onDragStart={onDragStart}\n                            onDragOver={onDragOver}\n                            onDrop={onDrop}\n                            onDragEnd={onDragEnd}\n                        />\n                    ))}\n                </ul>\n            )}\n        </li>\n    )\n}\n\n// Render a file tree with selection, context actions and folder moves.\nexport function MTreeView({\n    items,\n    color = 'primary',\n    expandable = true,\n    selectable = false,\n    defaultExpanded = [],\n    expanded: controlledExpanded,\n    onExpandChange,\n    selected: controlledSelected,\n    onSelect,\n    checkable = false,\n    defaultChecked = [],\n    checked: controlledChecked,\n    onCheckedChange,\n    indent = 20,\n    showLines = true,\n    fileIcons = true,\n    draggable = false,\n    canDrop,\n    onMove,\n    contextMenuItems,\n    onContextMenuAction,\n    className,\n    ...rest\n}: MTreeViewProps) {\n    const [internalExpanded, setInternalExpanded] = useState<string[]>(defaultExpanded)\n    const [internalSelected, setInternalSelected] = useState<string | null>(null)\n    const [internalChecked, setInternalChecked] = useState<string[]>(defaultChecked)\n    const [draggedId, setDraggedId] = useState<string | null>(null)\n    const [dropTargetId, setDropTargetId] = useState<string | null>(null)\n    const [menu, setMenu] = useState<{\n        node: MTreeNode\n        items: MTreeViewContextMenuItem[]\n        x: number\n        y: number\n    } | null>(null)\n    const menuRef = useRef<HTMLDivElement>(null)\n\n    const expandedArr = controlledExpanded ?? internalExpanded\n    const expandedIds = new Set(expandedArr)\n    const selectedId = controlledSelected !== undefined ? controlledSelected : internalSelected\n    const checkedArr = controlledChecked ?? internalChecked\n    const checkedIds = new Set(checkedArr)\n    const indeterminateIds = checkable ? computeIndeterminate(items, checkedIds) : new Set<string>()\n    const {nodeMap, descendants, parentMap} = buildTreeLookup(items)\n    const draggedNode = draggedId ? (nodeMap.get(draggedId) ?? null) : null\n\n    useEffect(() => {\n        if (!menu) return\n\n        function closeMenu(event?: Event) {\n            if (event && menuRef.current && menuRef.current.contains(event.target as Node)) {\n                return\n            }\n\n            setMenu(null)\n        }\n\n        function handleKey(event: KeyboardEvent) {\n            if (event.key === 'Escape') {\n                setMenu(null)\n            }\n        }\n\n        document.addEventListener('mousedown', closeMenu)\n        document.addEventListener('scroll', closeMenu, true)\n        window.addEventListener('resize', closeMenu)\n        document.addEventListener('keydown', handleKey)\n\n        return () => {\n            document.removeEventListener('mousedown', closeMenu)\n            document.removeEventListener('scroll', closeMenu, true)\n            window.removeEventListener('resize', closeMenu)\n            document.removeEventListener('keydown', handleKey)\n        }\n    }, [menu])\n\n    function handleToggle(id: string) {\n        const next = expandedIds.has(id) ? expandedArr.filter((e) => e !== id) : [...expandedArr, id]\n        if (onExpandChange) onExpandChange(next)\n        else setInternalExpanded(next)\n    }\n\n    function handleSelect(id: string, node: MTreeNode) {\n        if (onSelect) onSelect(id, node)\n        else setInternalSelected(id)\n    }\n\n    function handleCheck(id: string) {\n        const node = nodeMap.get(id)\n        if (!node || node.disabled) return\n\n        const next = new Set(checkedIds)\n        const isCurrentlyChecked = next.has(id)\n        const subtree = [id, ...Array.from(descendants.get(id) ?? [])]\n\n        if (isCurrentlyChecked) {\n            for (const sid of subtree) next.delete(sid)\n        } else {\n            for (const sid of subtree) {\n                const sNode = nodeMap.get(sid)\n                if (sNode && !sNode.disabled) next.add(sid)\n            }\n        }\n\n        let parentId = parentMap.get(id)\n\n        while (parentId) {\n            const parent = nodeMap.get(parentId)\n            if (!parent) break\n\n            const allChildrenChecked = (parent.children ?? []).every((child) => child.disabled || next.has(child.id))\n            const hasEnabledChild = (parent.children ?? []).some((child) => !child.disabled)\n\n            if (allChildrenChecked && hasEnabledChild) next.add(parentId)\n            else next.delete(parentId)\n\n            parentId = parentMap.get(parentId)\n        }\n\n        const nextArr = Array.from(next)\n\n        if (controlledChecked === undefined) setInternalChecked(nextArr)\n        onCheckedChange?.(nextArr)\n    }\n\n    function closeDrag() {\n        setDraggedId(null)\n        setDropTargetId(null)\n    }\n\n    function isValidDropTarget(targetNode: MTreeNode) {\n        if (!draggedNode || !draggable || !onMove) return false\n        if (targetNode.disabled || !isFolderNode(targetNode)) return false\n        if (targetNode.id === draggedNode.id) return false\n        if (descendants.get(draggedNode.id)?.has(targetNode.id)) return false\n\n        return canDrop ? canDrop(draggedNode, targetNode) : true\n    }\n\n    function handleContextMenu(event: MouseEvent<HTMLDivElement>, node: MTreeNode) {\n        if (!contextMenuItems || node.disabled) return\n\n        const items = contextMenuItems(node).filter(Boolean)\n        if (!items.length) return\n\n        event.preventDefault()\n        handleSelect(node.id, node)\n\n        const pos = clampMenuPosition(event.clientX, event.clientY)\n        setMenu({\n            node,\n            items,\n            x: pos.x,\n            y: pos.y,\n        })\n    }\n\n    function handleDragStart(event: DragEvent<HTMLDivElement>, node: MTreeNode) {\n        if (!draggable || node.disabled) return\n\n        event.dataTransfer.effectAllowed = 'move'\n        event.dataTransfer.setData('text/plain', node.id)\n        setMenu(null)\n        setDraggedId(node.id)\n    }\n\n    function handleDragOver(event: DragEvent<HTMLDivElement>, targetNode: MTreeNode) {\n        if (!isValidDropTarget(targetNode)) return\n\n        event.preventDefault()\n        event.dataTransfer.dropEffect = 'move'\n        setDropTargetId(targetNode.id)\n    }\n\n    function handleDrop(event: DragEvent<HTMLDivElement>, targetNode: MTreeNode) {\n        event.preventDefault()\n\n        if (!draggedNode || !isValidDropTarget(targetNode)) {\n            closeDrag()\n            return\n        }\n\n        onMove?.({\n            draggedId: draggedNode.id,\n            draggedNode,\n            targetId: targetNode.id,\n            targetNode,\n        } satisfies MTreeViewMoveEvent)\n\n        if (expandable && !expandedIds.has(targetNode.id)) {\n            handleToggle(targetNode.id)\n        }\n\n        closeDrag()\n    }\n\n    return (\n        <div className={cn('tree', `color-${color}`, showLines && 'lines', className)} {...rest}>\n            <ul className=\"list\" role=\"tree\">\n                {items.map((item) => (\n                    <TreeItem\n                        key={item.id}\n                        node={item}\n                        color={color}\n                        level={0}\n                        expandable={expandable}\n                        selectable={selectable}\n                        expandedIds={expandedIds}\n                        selectedId={selectedId}\n                        draggedId={draggedId}\n                        dropTargetId={dropTargetId}\n                        onToggle={handleToggle}\n                        onSelect={handleSelect}\n                        checkable={checkable}\n                        checkedIds={checkedIds}\n                        indeterminateIds={indeterminateIds}\n                        onCheck={handleCheck}\n                        indent={indent}\n                        showLines={showLines}\n                        fileIcons={fileIcons}\n                        draggable={draggable}\n                        canDropOnNode={isValidDropTarget}\n                        onContextMenu={handleContextMenu}\n                        onDragStart={handleDragStart}\n                        onDragOver={handleDragOver}\n                        onDrop={handleDrop}\n                        onDragEnd={closeDrag}\n                    />\n                ))}\n            </ul>\n            {menu && (\n                <MPortal>\n                    <div ref={menuRef} className=\"tree menu\" style={{top: menu.y, left: menu.x}} role=\"menu\">\n                        {menu.items.map((item) => (\n                            <button\n                                key={item.id}\n                                type=\"button\"\n                                className={cn('action', item.color, item.disabled && 'disabled')}\n                                role=\"menuitem\"\n                                disabled={item.disabled}\n                                onClick={() => {\n                                    if (item.disabled) return\n                                    onContextMenuAction?.(item.id, menu.node)\n                                    setMenu(null)\n                                }}\n                            >\n                                {item.icon && <span className=\"icon\">{item.icon}</span>}\n                                <span>{item.label}</span>\n                            </button>\n                        ))}\n                    </div>\n                </MPortal>\n            )}\n        </div>\n    )\n}\n"],"mappings":"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"}
+{"version":3,"file":"MTreeView-DsBnYQMT.js","names":[],"sources":["../src/components/data/MTreeView/MTreeView.tsx"],"sourcesContent":["import {useEffect, useRef, useState} from 'react'\nimport type {CSSProperties, DragEvent, MouseEvent, ReactNode} from 'react'\nimport type {\n    MTreeViewProps,\n    MTreeItemProps,\n    MTreeNode,\n    MTreeViewContextMenuItem,\n    MTreeViewMoveEvent,\n} from './MTreeView.types'\nimport {cn} from '../../../utils/cn'\nimport {MCheckbox} from '../../controls'\nimport {MPortal} from '../../primitives'\nimport {\n    MChevronRightIcon,\n    MFileCodeIcon,\n    MFileCsvIcon,\n    MFileCssIcon,\n    MFileExeIcon,\n    MFileGifIcon,\n    MFileHtmlIcon,\n    MFileIcon,\n    MFileImageIcon,\n    MFileJpgIcon,\n    MFileJsIcon,\n    MFileJsonIcon,\n    MFileMdIcon,\n    MFileMp3Icon,\n    MFileMp4Icon,\n    MFileOdtIcon,\n    MFilePdfIcon,\n    MFilePhpIcon,\n    MFilePngIcon,\n    MFilePptIcon,\n    MFileRarIcon,\n    MFileSvgIcon,\n    MFileTextIcon,\n    MFileTsIcon,\n    MFileTsxIcon,\n    MFileTxtIcon,\n    MFileWebpIcon,\n    MFileXlsIcon,\n    MFileXmlIcon,\n    MFileZipIcon,\n    MFolderIcon,\n    MFolderOpenIcon,\n} from '../../../icons'\nimport './MTreeView.css'\nconst fileTypeMap: Record<string, ReactNode> = {\n    pdf: <MFilePdfIcon />,\n    ts: <MFileTsIcon />,\n    tsx: <MFileTsxIcon />,\n    js: <MFileJsIcon />,\n    jsx: <MFileCodeIcon />,\n    css: <MFileCssIcon />,\n    scss: <MFileCssIcon />,\n    html: <MFileHtmlIcon />,\n    json: <MFileJsonIcon />,\n    md: <MFileMdIcon />,\n    txt: <MFileTxtIcon />,\n    csv: <MFileCsvIcon />,\n    zip: <MFileZipIcon />,\n    rar: <MFileRarIcon />,\n    svg: <MFileSvgIcon />,\n    png: <MFilePngIcon />,\n    jpg: <MFileJpgIcon />,\n    jpeg: <MFileImageIcon />,\n    gif: <MFileGifIcon />,\n    webp: <MFileWebpIcon />,\n    php: <MFilePhpIcon />,\n    xml: <MFileXmlIcon />,\n    xls: <MFileXlsIcon />,\n    ppt: <MFilePptIcon />,\n    odt: <MFileOdtIcon />,\n    exe: <MFileExeIcon />,\n    mp3: <MFileMp3Icon />,\n    mp4: <MFileMp4Icon />,\n}\n\n// Read the file extension once so icon logic stays predictable.\nfunction getFileExtension(label: string): string | null {\n    const dot = label.lastIndexOf('.')\n    if (dot < 1) return null\n    return label.slice(dot + 1).toLowerCase()\n}\n\n// Treat explicit folders and nodes with children as directory-like.\nfunction isFolderNode(node: MTreeNode) {\n    return node.kind === 'folder' || Boolean(node.children?.length)\n}\n\n// Resolve the proper file icon by extension.\nfunction getFileIcon(label: string): ReactNode {\n    const ext = getFileExtension(label)\n    if (!ext) return <MFileIcon />\n\n    return fileTypeMap[ext] ?? <MFileTextIcon />\n}\n\n// Prefer custom icons first, then fall back to folder or file visuals.\nfunction getDefaultIcon(node: MTreeNode, isExpanded: boolean, fileIcons: boolean) {\n    if (node.icon) return node.icon\n    if (!fileIcons) return null\n\n    if (isFolderNode(node)) return isExpanded ? <MFolderOpenIcon /> : <MFolderIcon />\n\n    return getFileIcon(node.label)\n}\n\n// Cache nodes and descendants so drag-drop validation stays fast.\nfunction buildTreeLookup(items: MTreeNode[]) {\n    const nodeMap = new Map<string, MTreeNode>()\n    const descendants = new Map<string, Set<string>>()\n    const parentMap = new Map<string, string>()\n\n    function walk(node: MTreeNode) {\n        nodeMap.set(node.id, node)\n\n        const childIds = new Set<string>()\n\n        for (const child of node.children ?? []) {\n            parentMap.set(child.id, node.id)\n            childIds.add(child.id)\n\n            const nestedIds = walk(child)\n            nestedIds.forEach((id) => childIds.add(id))\n        }\n\n        descendants.set(node.id, childIds)\n        return childIds\n    }\n\n    items.forEach(walk)\n\n    return {nodeMap, descendants, parentMap}\n}\n\n// Compute indeterminate ids: a node where some but not all leaf descendants are checked.\nfunction computeIndeterminate(items: MTreeNode[], checked: Set<string>): Set<string> {\n    const indeterminate = new Set<string>()\n\n    function walk(node: MTreeNode): {checked: number; total: number} {\n        if (!node.children?.length) {\n            return checked.has(node.id) ? {checked: 1, total: 1} : {checked: 0, total: 1}\n        }\n\n        let c = 0\n        let t = 0\n\n        for (const child of node.children) {\n            const r = walk(child)\n            c += r.checked\n            t += r.total\n        }\n\n        if (c > 0 && c < t) indeterminate.add(node.id)\n        return {checked: c, total: t}\n    }\n\n    items.forEach(walk)\n    return indeterminate\n}\n\n// Keep the context menu inside the viewport.\nfunction clampMenuPosition(x: number, y: number) {\n    if (typeof window === 'undefined') {\n        return {x, y}\n    }\n\n    return {\n        x: Math.max(8, Math.min(x, window.innerWidth - 220)),\n        y: Math.max(8, Math.min(y, window.innerHeight - 16)),\n    }\n}\n\n// Render one visible row and recurse into children when expanded.\nfunction TreeItem({\n    node,\n    color,\n    level,\n    expandable,\n    selectable,\n    expandedIds,\n    selectedId,\n    draggedId,\n    dropTargetId,\n    onToggle,\n    onSelect,\n    checkable,\n    checkedIds,\n    indeterminateIds,\n    onCheck,\n    indent,\n    showLines,\n    fileIcons,\n    draggable,\n    canDropOnNode,\n    onContextMenu,\n    onDragStart,\n    onDragOver,\n    onDrop,\n    onDragEnd,\n}: MTreeItemProps) {\n    const hasChildren = isFolderNode(node)\n    const isExpanded = expandedIds.has(node.id)\n    const isSelected = selectedId === node.id\n    const isDragging = draggedId === node.id\n    const isDropTarget = dropTargetId === node.id\n    const canDrop = canDropOnNode?.(node)\n    const icon = getDefaultIcon(node, isExpanded, !!fileIcons)\n    const isChecked = checkedIds?.has(node.id) ?? false\n    const isIndeterminate = indeterminateIds?.has(node.id) ?? false\n\n    return (\n        <li role=\"treeitem\" aria-expanded={hasChildren ? isExpanded : undefined}>\n            <div\n                className={cn(\n                    'item',\n                    isSelected && 'selected',\n                    node.disabled && 'disabled',\n                    selectable && !node.disabled && 'selectable',\n                    draggable && !node.disabled && 'draggable',\n                    isDragging && 'dragging',\n                    canDrop && 'can-drop',\n                    isDropTarget && 'drop-target'\n                )}\n                data-color={color}\n                style={{paddingLeft: level * indent}}\n                draggable={draggable && !node.disabled}\n                onClick={() => {\n                    if (node.disabled) return\n                    if (hasChildren && expandable) onToggle(node.id)\n                    if (selectable) onSelect?.(node.id, node)\n                }}\n                onContextMenu={(event) => onContextMenu?.(event, node)}\n                onDragStart={(event) => onDragStart?.(event, node)}\n                onDragOver={(event) => onDragOver?.(event, node)}\n                onDrop={(event) => onDrop?.(event, node)}\n                onDragEnd={onDragEnd}\n            >\n                <span className=\"toggle\">\n                    {hasChildren && expandable ? (\n                        <span className={cn('arrow', isExpanded && 'expanded')}>\n                            <MChevronRightIcon />\n                        </span>\n                    ) : (\n                        <span className=\"spacer\" />\n                    )}\n                </span>\n                {checkable && (\n                    <span className=\"check\" onClick={(event) => event.stopPropagation()}>\n                        <MCheckbox\n                            size=\"sm\"\n                            clickEffect=\"none\"\n                            disabled={node.disabled}\n                            checked={isChecked}\n                            indeterminate={isIndeterminate}\n                            onChange={() => onCheck?.(node.id)}\n                        />\n                    </span>\n                )}\n                {icon && <span className=\"icon\">{icon}</span>}\n                <span className=\"label\">{node.label}</span>\n            </div>\n            {hasChildren && isExpanded && (\n                <ul\n                    className=\"list\"\n                    role=\"group\"\n                    style={showLines ? ({'--line-left': `${level * indent + 17}px`} as CSSProperties) : undefined}\n                >\n                    {(node.children ?? []).map((child) => (\n                        <TreeItem\n                            key={child.id}\n                            node={child}\n                            color={color}\n                            level={level + 1}\n                            expandable={expandable}\n                            selectable={selectable}\n                            expandedIds={expandedIds}\n                            selectedId={selectedId}\n                            draggedId={draggedId}\n                            dropTargetId={dropTargetId}\n                            onToggle={onToggle}\n                            onSelect={onSelect}\n                            checkable={checkable}\n                            checkedIds={checkedIds}\n                            indeterminateIds={indeterminateIds}\n                            onCheck={onCheck}\n                            indent={indent}\n                            showLines={showLines}\n                            fileIcons={fileIcons}\n                            draggable={draggable}\n                            canDropOnNode={canDropOnNode}\n                            onContextMenu={onContextMenu}\n                            onDragStart={onDragStart}\n                            onDragOver={onDragOver}\n                            onDrop={onDrop}\n                            onDragEnd={onDragEnd}\n                        />\n                    ))}\n                </ul>\n            )}\n        </li>\n    )\n}\n\n// Render a file tree with selection, context actions and folder moves.\nexport function MTreeView({\n    items,\n    color = 'primary',\n    expandable = true,\n    selectable = false,\n    defaultExpanded = [],\n    expanded: controlledExpanded,\n    onExpandChange,\n    selected: controlledSelected,\n    onSelect,\n    checkable = false,\n    defaultChecked = [],\n    checked: controlledChecked,\n    onCheckedChange,\n    indent = 20,\n    showLines = true,\n    fileIcons = true,\n    draggable = false,\n    canDrop,\n    onMove,\n    contextMenuItems,\n    onContextMenuAction,\n    className,\n    ...rest\n}: MTreeViewProps) {\n    const [internalExpanded, setInternalExpanded] = useState<string[]>(defaultExpanded)\n    const [internalSelected, setInternalSelected] = useState<string | null>(null)\n    const [internalChecked, setInternalChecked] = useState<string[]>(defaultChecked)\n    const [draggedId, setDraggedId] = useState<string | null>(null)\n    const [dropTargetId, setDropTargetId] = useState<string | null>(null)\n    const [menu, setMenu] = useState<{\n        node: MTreeNode\n        items: MTreeViewContextMenuItem[]\n        x: number\n        y: number\n    } | null>(null)\n    const menuRef = useRef<HTMLDivElement>(null)\n\n    const expandedArr = controlledExpanded ?? internalExpanded\n    const expandedIds = new Set(expandedArr)\n    const selectedId = controlledSelected !== undefined ? controlledSelected : internalSelected\n    const checkedArr = controlledChecked ?? internalChecked\n    const checkedIds = new Set(checkedArr)\n    const indeterminateIds = checkable ? computeIndeterminate(items, checkedIds) : new Set<string>()\n    const {nodeMap, descendants, parentMap} = buildTreeLookup(items)\n    const draggedNode = draggedId ? (nodeMap.get(draggedId) ?? null) : null\n\n    useEffect(() => {\n        if (!menu) return\n\n        function closeMenu(event?: Event) {\n            if (event && menuRef.current && menuRef.current.contains(event.target as Node)) {\n                return\n            }\n\n            setMenu(null)\n        }\n\n        function handleKey(event: KeyboardEvent) {\n            if (event.key === 'Escape') {\n                setMenu(null)\n            }\n        }\n\n        document.addEventListener('mousedown', closeMenu)\n        document.addEventListener('scroll', closeMenu, true)\n        window.addEventListener('resize', closeMenu)\n        document.addEventListener('keydown', handleKey)\n\n        return () => {\n            document.removeEventListener('mousedown', closeMenu)\n            document.removeEventListener('scroll', closeMenu, true)\n            window.removeEventListener('resize', closeMenu)\n            document.removeEventListener('keydown', handleKey)\n        }\n    }, [menu])\n\n    function handleToggle(id: string) {\n        const next = expandedIds.has(id) ? expandedArr.filter((e) => e !== id) : [...expandedArr, id]\n        if (onExpandChange) onExpandChange(next)\n        else setInternalExpanded(next)\n    }\n\n    function handleSelect(id: string, node: MTreeNode) {\n        if (onSelect) onSelect(id, node)\n        else setInternalSelected(id)\n    }\n\n    function handleCheck(id: string) {\n        const node = nodeMap.get(id)\n        if (!node || node.disabled) return\n\n        const next = new Set(checkedIds)\n        const isCurrentlyChecked = next.has(id)\n        const subtree = [id, ...Array.from(descendants.get(id) ?? [])]\n\n        if (isCurrentlyChecked) {\n            for (const sid of subtree) next.delete(sid)\n        } else {\n            for (const sid of subtree) {\n                const sNode = nodeMap.get(sid)\n                if (sNode && !sNode.disabled) next.add(sid)\n            }\n        }\n\n        let parentId = parentMap.get(id)\n\n        while (parentId) {\n            const parent = nodeMap.get(parentId)\n            if (!parent) break\n\n            const allChildrenChecked = (parent.children ?? []).every((child) => child.disabled || next.has(child.id))\n            const hasEnabledChild = (parent.children ?? []).some((child) => !child.disabled)\n\n            if (allChildrenChecked && hasEnabledChild) next.add(parentId)\n            else next.delete(parentId)\n\n            parentId = parentMap.get(parentId)\n        }\n\n        const nextArr = Array.from(next)\n\n        if (controlledChecked === undefined) setInternalChecked(nextArr)\n        onCheckedChange?.(nextArr)\n    }\n\n    function closeDrag() {\n        setDraggedId(null)\n        setDropTargetId(null)\n    }\n\n    function isValidDropTarget(targetNode: MTreeNode) {\n        if (!draggedNode || !draggable || !onMove) return false\n        if (targetNode.disabled || !isFolderNode(targetNode)) return false\n        if (targetNode.id === draggedNode.id) return false\n        if (descendants.get(draggedNode.id)?.has(targetNode.id)) return false\n\n        return canDrop ? canDrop(draggedNode, targetNode) : true\n    }\n\n    function handleContextMenu(event: MouseEvent<HTMLDivElement>, node: MTreeNode) {\n        if (!contextMenuItems || node.disabled) return\n\n        const items = contextMenuItems(node).filter(Boolean)\n        if (!items.length) return\n\n        event.preventDefault()\n        handleSelect(node.id, node)\n\n        const pos = clampMenuPosition(event.clientX, event.clientY)\n        setMenu({\n            node,\n            items,\n            x: pos.x,\n            y: pos.y,\n        })\n    }\n\n    function handleDragStart(event: DragEvent<HTMLDivElement>, node: MTreeNode) {\n        if (!draggable || node.disabled) return\n\n        event.dataTransfer.effectAllowed = 'move'\n        event.dataTransfer.setData('text/plain', node.id)\n        setMenu(null)\n        setDraggedId(node.id)\n    }\n\n    function handleDragOver(event: DragEvent<HTMLDivElement>, targetNode: MTreeNode) {\n        if (!isValidDropTarget(targetNode)) return\n\n        event.preventDefault()\n        event.dataTransfer.dropEffect = 'move'\n        setDropTargetId(targetNode.id)\n    }\n\n    function handleDrop(event: DragEvent<HTMLDivElement>, targetNode: MTreeNode) {\n        event.preventDefault()\n\n        if (!draggedNode || !isValidDropTarget(targetNode)) {\n            closeDrag()\n            return\n        }\n\n        onMove?.({\n            draggedId: draggedNode.id,\n            draggedNode,\n            targetId: targetNode.id,\n            targetNode,\n        } satisfies MTreeViewMoveEvent)\n\n        if (expandable && !expandedIds.has(targetNode.id)) {\n            handleToggle(targetNode.id)\n        }\n\n        closeDrag()\n    }\n\n    return (\n        <div className={cn('tree', `color-${color}`, showLines && 'lines', className)} {...rest}>\n            <ul className=\"list\" role=\"tree\">\n                {items.map((item) => (\n                    <TreeItem\n                        key={item.id}\n                        node={item}\n                        color={color}\n                        level={0}\n                        expandable={expandable}\n                        selectable={selectable}\n                        expandedIds={expandedIds}\n                        selectedId={selectedId}\n                        draggedId={draggedId}\n                        dropTargetId={dropTargetId}\n                        onToggle={handleToggle}\n                        onSelect={handleSelect}\n                        checkable={checkable}\n                        checkedIds={checkedIds}\n                        indeterminateIds={indeterminateIds}\n                        onCheck={handleCheck}\n                        indent={indent}\n                        showLines={showLines}\n                        fileIcons={fileIcons}\n                        draggable={draggable}\n                        canDropOnNode={isValidDropTarget}\n                        onContextMenu={handleContextMenu}\n                        onDragStart={handleDragStart}\n                        onDragOver={handleDragOver}\n                        onDrop={handleDrop}\n                        onDragEnd={closeDrag}\n                    />\n                ))}\n            </ul>\n            {menu && (\n                <MPortal>\n                    <div ref={menuRef} className=\"tree menu\" style={{top: menu.y, left: menu.x}} role=\"menu\">\n                        {menu.items.map((item) => (\n                            <button\n                                key={item.id}\n                                type=\"button\"\n                                className={cn('action', item.color, item.disabled && 'disabled')}\n                                role=\"menuitem\"\n                                disabled={item.disabled}\n                                onClick={() => {\n                                    if (item.disabled) return\n                                    onContextMenuAction?.(item.id, menu.node)\n                                    setMenu(null)\n                                }}\n                            >\n                                {item.icon && <span className=\"icon\">{item.icon}</span>}\n                                <span>{item.label}</span>\n                            </button>\n                        ))}\n                    </div>\n                </MPortal>\n            )}\n        </div>\n    )\n}\n"],"mappings":"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"}

package/dist/{MTreeView-VYp0eErQ.cjs → MTreeView-LiJ5o-zy.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./icons-D_NB67he.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./MPortal-DUSIuINN.cjs`),r=require(`./MCheckbox-CIX7wp41.cjs`);require(`./core-D66c1_Wo.cjs`);let i=require(`react`),a=require(`react/jsx-runtime`);var o={pdf:(0,a.jsx)(e.pi,{}),ts:(0,a.jsx)(e.ni,{}),tsx:(0,a.jsx)(e.ri,{}),js:(0,a.jsx)(e.Wr,{}),jsx:(0,a.jsx)(e.di,{}),css:(0,a.jsx)(e.Lr,{}),scss:(0,a.jsx)(e.Lr,{}),html:(0,a.jsx)(e.Hr,{}),json:(0,a.jsx)(e.Gr,{}),md:(0,a.jsx)(e.qr,{}),txt:(0,a.jsx)(e.ii,{}),csv:(0,a.jsx)(e.Rr,{}),zip:(0,a.jsx)(e.ci,{}),rar:(0,a.jsx)(e.ei,{}),svg:(0,a.jsx)(e.ti,{}),png:(0,a.jsx)(e.Qr,{}),jpg:(0,a.jsx)(e.Ur,{}),jpeg:(0,a.jsx)(e.fi,{}),gif:(0,a.jsx)(e.Vr,{}),webp:(0,a.jsx)(e.ai,{}),php:(0,a.jsx)(e.Zr,{}),xml:(0,a.jsx)(e.si,{}),xls:(0,a.jsx)(e.oi,{}),ppt:(0,a.jsx)(e.$r,{}),odt:(0,a.jsx)(e.Xr,{}),exe:(0,a.jsx)(e.Br,{}),mp3:(0,a.jsx)(e.Jr,{}),mp4:(0,a.jsx)(e.Yr,{})};function s(e){let t=e.lastIndexOf(`.`);return t<1?null:e.slice(t+1).toLowerCase()}function c(e){return e.kind===`folder`||!!e.children?.length}function l(t){let n=s(t);return n?o[n]??(0,a.jsx)(e.mi,{}):(0,a.jsx)(e._i,{})}function ee(t,n,r){return t.icon?t.icon:r?c(t)?n?(0,a.jsx)(e.Fr,{}):(0,a.jsx)(e.Ir,{}):l(t.label):null}function u(e){let t=new Map,n=new Map,r=new Map;function i(e){t.set(e.id,e);let a=new Set;for(let t of e.children??[])r.set(t.id,e.id),a.add(t.id),i(t).forEach(e=>a.add(e));return n.set(e.id,a),a}return e.forEach(i),{nodeMap:t,descendants:n,parentMap:r}}function d(e,t){let n=new Set;function r(e){if(!e.children?.length)return t.has(e.id)?{checked:1,total:1}:{checked:0,total:1};let i=0,a=0;for(let t of e.children){let e=r(t);i+=e.checked,a+=e.total}return i>0&&i<a&&n.add(e.id),{checked:i,total:a}}return e.forEach(r),n}function f(e,t){return typeof window>`u`?{x:e,y:t}:{x:Math.max(8,Math.min(e,window.innerWidth-220)),y:Math.max(8,Math.min(t,window.innerHeight-16))}}function p({node:n,color:i,level:o,expandable:s,selectable:l,expandedIds:u,selectedId:d,draggedId:f,dropTargetId:m,onToggle:h,onSelect:g,checkable:_,checkedIds:v,indeterminateIds:y,onCheck:b,indent:x,showLines:S,fileIcons:C,draggable:w,canDropOnNode:T,onContextMenu:E,onDragStart:D,onDragOver:O,onDrop:k,onDragEnd:A}){let j=c(n),M=u.has(n.id),N=d===n.id,P=f===n.id,te=m===n.id,F=T?.(n),I=ee(n,M,!!C),L=v?.has(n.id)??!1,R=y?.has(n.id)??!1;return(0,a.jsxs)(`li`,{role:`treeitem`,"aria-expanded":j?M:void 0,children:[(0,a.jsxs)(`div`,{className:t.t(`item`,N&&`selected`,n.disabled&&`disabled`,l&&!n.disabled&&`selectable`,w&&!n.disabled&&`draggable`,P&&`dragging`,F&&`can-drop`,te&&`drop-target`),"data-color":i,style:{paddingLeft:o*x},draggable:w&&!n.disabled,onClick:()=>{n.disabled||(j&&s&&h(n.id),l&&g?.(n.id,n))},onContextMenu:e=>E?.(e,n),onDragStart:e=>D?.(e,n),onDragOver:e=>O?.(e,n),onDrop:e=>k?.(e,n),onDragEnd:A,children:[(0,a.jsx)(`span`,{className:`toggle`,children:j&&s?(0,a.jsx)(`span`,{className:t.t(`arrow`,M&&`expanded`),children:(0,a.jsx)(e.qi,{})}):(0,a.jsx)(`span`,{className:`spacer`})}),_&&(0,a.jsx)(`span`,{className:`check`,onClick:e=>e.stopPropagation(),children:(0,a.jsx)(r.t,{size:`sm`,clickEffect:`none`,disabled:n.disabled,checked:L,indeterminate:R,onChange:()=>b?.(n.id)})}),I&&(0,a.jsx)(`span`,{className:`icon`,children:I}),(0,a.jsx)(`span`,{className:`label`,children:n.label})]}),j&&M&&(0,a.jsx)(`ul`,{className:`list`,role:`group`,style:S?{"--line-left":`${o*x+17}px`}:void 0,children:(n.children??[]).map(e=>(0,a.jsx)(p,{node:e,color:i,level:o+1,expandable:s,selectable:l,expandedIds:u,selectedId:d,draggedId:f,dropTargetId:m,onToggle:h,onSelect:g,checkable:_,checkedIds:v,indeterminateIds:y,onCheck:b,indent:x,showLines:S,fileIcons:C,draggable:w,canDropOnNode:T,onContextMenu:E,onDragStart:D,onDragOver:O,onDrop:k,onDragEnd:A},e.id))})]})}function m({items:e,color:r=`primary`,expandable:o=!0,selectable:s=!1,defaultExpanded:l=[],expanded:ee,onExpandChange:m,selected:h,onSelect:g,checkable:_=!1,defaultChecked:v=[],checked:y,onCheckedChange:b,indent:x=20,showLines:S=!0,fileIcons:C=!0,draggable:w=!1,canDrop:T,onMove:E,contextMenuItems:D,onContextMenuAction:O,className:k,...A}){let[j,M]=(0,i.useState)(l),[N,P]=(0,i.useState)(null),[te,F]=(0,i.useState)(v),[I,L]=(0,i.useState)(null),[R,z]=(0,i.useState)(null),[B,V]=(0,i.useState)(null),H=(0,i.useRef)(null),U=ee??j,W=new Set(U),ne=h===void 0?N:h,G=new Set(y??te),re=_?d(e,G):new Set,{nodeMap:K,descendants:q,parentMap:J}=u(e),Y=I?K.get(I)??null:null;(0,i.useEffect)(()=>{if(!B)return;function e(e){e&&H.current&&H.current.contains(e.target)||V(null)}function t(e){e.key===`Escape`&&V(null)}return document.addEventListener(`mousedown`,e),document.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e),document.removeEventListener(`keydown`,t)}},[B]);function X(e){let t=W.has(e)?U.filter(t=>t!==e):[...U,e];m?m(t):M(t)}function Z(e,t){g?g(e,t):P(e)}function ie(e){let t=K.get(e);if(!t||t.disabled)return;let n=new Set(G),r=n.has(e),i=[e,...Array.from(q.get(e)??[])];if(r)for(let e of i)n.delete(e);else for(let e of i){let t=K.get(e);t&&!t.disabled&&n.add(e)}let a=J.get(e);for(;a;){let e=K.get(a);if(!e)break;let t=(e.children??[]).every(e=>e.disabled||n.has(e.id)),r=(e.children??[]).some(e=>!e.disabled);t&&r?n.add(a):n.delete(a),a=J.get(a)}let o=Array.from(n);y===void 0&&F(o),b?.(o)}function Q(){L(null),z(null)}function $(e){return!Y||!w||!E||e.disabled||!c(e)||e.id===Y.id||q.get(Y.id)?.has(e.id)?!1:T?T(Y,e):!0}function ae(e,t){if(!D||t.disabled)return;let n=D(t).filter(Boolean);if(!n.length)return;e.preventDefault(),Z(t.id,t);let r=f(e.clientX,e.clientY);V({node:t,items:n,x:r.x,y:r.y})}function oe(e,t){!w||t.disabled||(e.dataTransfer.effectAllowed=`move`,e.dataTransfer.setData(`text/plain`,t.id),V(null),L(t.id))}function se(e,t){$(t)&&(e.preventDefault(),e.dataTransfer.dropEffect=`move`,z(t.id))}function ce(e,t){if(e.preventDefault(),!Y||!$(t)){Q();return}E?.({draggedId:Y.id,draggedNode:Y,targetId:t.id,targetNode:t}),o&&!W.has(t.id)&&X(t.id),Q()}return(0,a.jsxs)(`div`,{className:t.t(`tree`,`color-${r}`,S&&`lines`,k),...A,children:[(0,a.jsx)(`ul`,{className:`list`,role:`tree`,children:e.map(e=>(0,a.jsx)(p,{node:e,color:r,level:0,expandable:o,selectable:s,expandedIds:W,selectedId:ne,draggedId:I,dropTargetId:R,onToggle:X,onSelect:Z,checkable:_,checkedIds:G,indeterminateIds:re,onCheck:ie,indent:x,showLines:S,fileIcons:C,draggable:w,canDropOnNode:$,onContextMenu:ae,onDragStart:oe,onDragOver:se,onDrop:ce,onDragEnd:Q},e.id))}),B&&(0,a.jsx)(n.t,{children:(0,a.jsx)(`div`,{ref:H,className:`tree menu`,style:{top:B.y,left:B.x},role:`menu`,children:B.items.map(e=>(0,a.jsxs)(`button`,{type:`button`,className:t.t(`action`,e.color,e.disabled&&`disabled`),role:`menuitem`,disabled:e.disabled,onClick:()=>{e.disabled||(O?.(e.id,B.node),V(null))},children:[e.icon&&(0,a.jsx)(`span`,{className:`icon`,children:e.icon}),(0,a.jsx)(`span`,{children:e.label})]},e.id))})})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});
-//# sourceMappingURL=MTreeView-VYp0eErQ.cjs.map
+const e=require(`./icons-D3n9-919.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./MPortal-CuBXhhl_.cjs`),r=require(`./MCheckbox-DozwF2ai.cjs`);require(`./core-w629c4ND.cjs`);let i=require(`react`),a=require(`react/jsx-runtime`);var o={pdf:(0,a.jsx)(e.pi,{}),ts:(0,a.jsx)(e.ni,{}),tsx:(0,a.jsx)(e.ri,{}),js:(0,a.jsx)(e.Wr,{}),jsx:(0,a.jsx)(e.di,{}),css:(0,a.jsx)(e.Lr,{}),scss:(0,a.jsx)(e.Lr,{}),html:(0,a.jsx)(e.Hr,{}),json:(0,a.jsx)(e.Gr,{}),md:(0,a.jsx)(e.qr,{}),txt:(0,a.jsx)(e.ii,{}),csv:(0,a.jsx)(e.Rr,{}),zip:(0,a.jsx)(e.ci,{}),rar:(0,a.jsx)(e.ei,{}),svg:(0,a.jsx)(e.ti,{}),png:(0,a.jsx)(e.Qr,{}),jpg:(0,a.jsx)(e.Ur,{}),jpeg:(0,a.jsx)(e.fi,{}),gif:(0,a.jsx)(e.Vr,{}),webp:(0,a.jsx)(e.ai,{}),php:(0,a.jsx)(e.Zr,{}),xml:(0,a.jsx)(e.si,{}),xls:(0,a.jsx)(e.oi,{}),ppt:(0,a.jsx)(e.$r,{}),odt:(0,a.jsx)(e.Xr,{}),exe:(0,a.jsx)(e.Br,{}),mp3:(0,a.jsx)(e.Jr,{}),mp4:(0,a.jsx)(e.Yr,{})};function s(e){let t=e.lastIndexOf(`.`);return t<1?null:e.slice(t+1).toLowerCase()}function c(e){return e.kind===`folder`||!!e.children?.length}function l(t){let n=s(t);return n?o[n]??(0,a.jsx)(e.mi,{}):(0,a.jsx)(e._i,{})}function ee(t,n,r){return t.icon?t.icon:r?c(t)?n?(0,a.jsx)(e.Fr,{}):(0,a.jsx)(e.Ir,{}):l(t.label):null}function u(e){let t=new Map,n=new Map,r=new Map;function i(e){t.set(e.id,e);let a=new Set;for(let t of e.children??[])r.set(t.id,e.id),a.add(t.id),i(t).forEach(e=>a.add(e));return n.set(e.id,a),a}return e.forEach(i),{nodeMap:t,descendants:n,parentMap:r}}function d(e,t){let n=new Set;function r(e){if(!e.children?.length)return t.has(e.id)?{checked:1,total:1}:{checked:0,total:1};let i=0,a=0;for(let t of e.children){let e=r(t);i+=e.checked,a+=e.total}return i>0&&i<a&&n.add(e.id),{checked:i,total:a}}return e.forEach(r),n}function f(e,t){return typeof window>`u`?{x:e,y:t}:{x:Math.max(8,Math.min(e,window.innerWidth-220)),y:Math.max(8,Math.min(t,window.innerHeight-16))}}function p({node:n,color:i,level:o,expandable:s,selectable:l,expandedIds:u,selectedId:d,draggedId:f,dropTargetId:m,onToggle:h,onSelect:g,checkable:_,checkedIds:v,indeterminateIds:y,onCheck:b,indent:x,showLines:S,fileIcons:C,draggable:w,canDropOnNode:T,onContextMenu:E,onDragStart:D,onDragOver:O,onDrop:k,onDragEnd:A}){let j=c(n),M=u.has(n.id),N=d===n.id,P=f===n.id,te=m===n.id,F=T?.(n),I=ee(n,M,!!C),L=v?.has(n.id)??!1,R=y?.has(n.id)??!1;return(0,a.jsxs)(`li`,{role:`treeitem`,"aria-expanded":j?M:void 0,children:[(0,a.jsxs)(`div`,{className:t.t(`item`,N&&`selected`,n.disabled&&`disabled`,l&&!n.disabled&&`selectable`,w&&!n.disabled&&`draggable`,P&&`dragging`,F&&`can-drop`,te&&`drop-target`),"data-color":i,style:{paddingLeft:o*x},draggable:w&&!n.disabled,onClick:()=>{n.disabled||(j&&s&&h(n.id),l&&g?.(n.id,n))},onContextMenu:e=>E?.(e,n),onDragStart:e=>D?.(e,n),onDragOver:e=>O?.(e,n),onDrop:e=>k?.(e,n),onDragEnd:A,children:[(0,a.jsx)(`span`,{className:`toggle`,children:j&&s?(0,a.jsx)(`span`,{className:t.t(`arrow`,M&&`expanded`),children:(0,a.jsx)(e.qi,{})}):(0,a.jsx)(`span`,{className:`spacer`})}),_&&(0,a.jsx)(`span`,{className:`check`,onClick:e=>e.stopPropagation(),children:(0,a.jsx)(r.t,{size:`sm`,clickEffect:`none`,disabled:n.disabled,checked:L,indeterminate:R,onChange:()=>b?.(n.id)})}),I&&(0,a.jsx)(`span`,{className:`icon`,children:I}),(0,a.jsx)(`span`,{className:`label`,children:n.label})]}),j&&M&&(0,a.jsx)(`ul`,{className:`list`,role:`group`,style:S?{"--line-left":`${o*x+17}px`}:void 0,children:(n.children??[]).map(e=>(0,a.jsx)(p,{node:e,color:i,level:o+1,expandable:s,selectable:l,expandedIds:u,selectedId:d,draggedId:f,dropTargetId:m,onToggle:h,onSelect:g,checkable:_,checkedIds:v,indeterminateIds:y,onCheck:b,indent:x,showLines:S,fileIcons:C,draggable:w,canDropOnNode:T,onContextMenu:E,onDragStart:D,onDragOver:O,onDrop:k,onDragEnd:A},e.id))})]})}function m({items:e,color:r=`primary`,expandable:o=!0,selectable:s=!1,defaultExpanded:l=[],expanded:ee,onExpandChange:m,selected:h,onSelect:g,checkable:_=!1,defaultChecked:v=[],checked:y,onCheckedChange:b,indent:x=20,showLines:S=!0,fileIcons:C=!0,draggable:w=!1,canDrop:T,onMove:E,contextMenuItems:D,onContextMenuAction:O,className:k,...A}){let[j,M]=(0,i.useState)(l),[N,P]=(0,i.useState)(null),[te,F]=(0,i.useState)(v),[I,L]=(0,i.useState)(null),[R,z]=(0,i.useState)(null),[B,V]=(0,i.useState)(null),H=(0,i.useRef)(null),U=ee??j,W=new Set(U),ne=h===void 0?N:h,G=new Set(y??te),re=_?d(e,G):new Set,{nodeMap:K,descendants:q,parentMap:J}=u(e),Y=I?K.get(I)??null:null;(0,i.useEffect)(()=>{if(!B)return;function e(e){e&&H.current&&H.current.contains(e.target)||V(null)}function t(e){e.key===`Escape`&&V(null)}return document.addEventListener(`mousedown`,e),document.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e),document.removeEventListener(`keydown`,t)}},[B]);function X(e){let t=W.has(e)?U.filter(t=>t!==e):[...U,e];m?m(t):M(t)}function Z(e,t){g?g(e,t):P(e)}function ie(e){let t=K.get(e);if(!t||t.disabled)return;let n=new Set(G),r=n.has(e),i=[e,...Array.from(q.get(e)??[])];if(r)for(let e of i)n.delete(e);else for(let e of i){let t=K.get(e);t&&!t.disabled&&n.add(e)}let a=J.get(e);for(;a;){let e=K.get(a);if(!e)break;let t=(e.children??[]).every(e=>e.disabled||n.has(e.id)),r=(e.children??[]).some(e=>!e.disabled);t&&r?n.add(a):n.delete(a),a=J.get(a)}let o=Array.from(n);y===void 0&&F(o),b?.(o)}function Q(){L(null),z(null)}function $(e){return!Y||!w||!E||e.disabled||!c(e)||e.id===Y.id||q.get(Y.id)?.has(e.id)?!1:T?T(Y,e):!0}function ae(e,t){if(!D||t.disabled)return;let n=D(t).filter(Boolean);if(!n.length)return;e.preventDefault(),Z(t.id,t);let r=f(e.clientX,e.clientY);V({node:t,items:n,x:r.x,y:r.y})}function oe(e,t){!w||t.disabled||(e.dataTransfer.effectAllowed=`move`,e.dataTransfer.setData(`text/plain`,t.id),V(null),L(t.id))}function se(e,t){$(t)&&(e.preventDefault(),e.dataTransfer.dropEffect=`move`,z(t.id))}function ce(e,t){if(e.preventDefault(),!Y||!$(t)){Q();return}E?.({draggedId:Y.id,draggedNode:Y,targetId:t.id,targetNode:t}),o&&!W.has(t.id)&&X(t.id),Q()}return(0,a.jsxs)(`div`,{className:t.t(`tree`,`color-${r}`,S&&`lines`,k),...A,children:[(0,a.jsx)(`ul`,{className:`list`,role:`tree`,children:e.map(e=>(0,a.jsx)(p,{node:e,color:r,level:0,expandable:o,selectable:s,expandedIds:W,selectedId:ne,draggedId:I,dropTargetId:R,onToggle:X,onSelect:Z,checkable:_,checkedIds:G,indeterminateIds:re,onCheck:ie,indent:x,showLines:S,fileIcons:C,draggable:w,canDropOnNode:$,onContextMenu:ae,onDragStart:oe,onDragOver:se,onDrop:ce,onDragEnd:Q},e.id))}),B&&(0,a.jsx)(n.t,{children:(0,a.jsx)(`div`,{ref:H,className:`tree menu`,style:{top:B.y,left:B.x},role:`menu`,children:B.items.map(e=>(0,a.jsxs)(`button`,{type:`button`,className:t.t(`action`,e.color,e.disabled&&`disabled`),role:`menuitem`,disabled:e.disabled,onClick:()=>{e.disabled||(O?.(e.id,B.node),V(null))},children:[e.icon&&(0,a.jsx)(`span`,{className:`icon`,children:e.icon}),(0,a.jsx)(`span`,{children:e.label})]},e.id))})})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});
+//# sourceMappingURL=MTreeView-LiJ5o-zy.cjs.map