@banzamel/mineralui 2.4.2 → 2.5.1

package/dist/MDetailList-Ce7KzUKC.cjs

@@ -1,2 +0,0 @@
-const e=require(`./icons-D_NB67he.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./MSurface-QYEygc_0.cjs`),r=require(`./MText-Dni707tS.cjs`),i=require(`./MLink-U24G6KJj.cjs`),a=require(`./MStack-B3Ldqsc-.cjs`);require(`./core-D66c1_Wo.cjs`);let o=require(`react`),s=require(`react/jsx-runtime`);function c({value:n=0,max:r=5,color:i=`warning`,size:a=`md`,readOnly:c=!1,onChange:l,className:u,...d}){let[f,p]=(0,o.useState)(null),m=f??n,h=e=>{c||l?.(e)};return(0,s.jsx)(`div`,{className:t.t(`rating`,`color-${i}`,a,c&&`read-only`,u),role:`radiogroup`,"aria-label":`MRating`,onMouseLeave:()=>p(null),...d,children:Array.from({length:r},(t,n)=>{let r=n+1,i=m>=r;return(0,s.jsx)(`button`,{type:`button`,className:`rating-star`,onClick:()=>h(r),onMouseEnter:()=>!c&&p(r),"aria-label":`${r} star${r>1?`s`:``}`,tabIndex:c?-1:0,disabled:c,children:(0,s.jsx)(`span`,{className:`star-icon`,"aria-hidden":`true`,children:i?(0,s.jsx)(e.vi,{}):(0,s.jsx)(e.yi,{})})},n)})})}var l={xs:`xs`,sm:`xs`,md:`sm`,lg:`md`,xl:`md`};function u({items:e,size:o=`md`,bordered:c=!0,emptyState:u=null,className:d,...f}){if(!e.length)return u?(0,s.jsx)(`div`,{className:t.t(`detail-list`,d),children:u}):null;let p=l[o];return(0,s.jsx)(`div`,{className:t.t(`detail-list`,`size-${o}`,c&&`bordered`,d),...f,children:e.map(e=>{let t=e.key??e.label?.toString(),o=e.component||e.to||e.href?(0,s.jsx)(i.t,{component:e.component,to:e.to,href:e.href,target:e.target,rel:e.rel,children:e.value}):e.value;return(0,s.jsx)(`div`,{className:`detail-list-item`,children:(0,s.jsxs)(n.n,{justify:`between`,align:`start`,children:[(0,s.jsxs)(a.t,{children:[(0,s.jsx)(r.t,{size:p,tone:`muted`,children:e.label}),o&&(0,s.jsx)(`div`,{className:`detail-list-value`,children:o}),e.helperText&&(0,s.jsx)(r.t,{size:p,tone:`muted`,children:e.helperText})]}),e.status&&(0,s.jsx)(`div`,{className:`detail-list-status`,children:e.status})]})},t)})})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});
-//# sourceMappingURL=MDetailList-Ce7KzUKC.cjs.map

package/dist/MDetailList-Ce7KzUKC.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MDetailList-Ce7KzUKC.cjs","names":[],"sources":["../src/components/display/MRating/MRating.tsx","../src/components/display/MDetailList/MDetailList.tsx"],"sourcesContent":["import {useState} from 'react'\nimport type {MRatingProps} from './MRating.types'\nimport {MStarFillIcon, MStarIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MRating.css'\n\n// Render an interactive star-based rating control.\nexport function MRating({\n    value = 0,\n    max = 5,\n    color = 'warning',\n    size = 'md',\n    readOnly = false,\n    onChange,\n    className,\n    ...rest\n}: MRatingProps) {\n    const [hovered, setHovered] = useState<number | null>(null)\n    const displayValue = hovered ?? value\n\n    const handleClick = (index: number) => {\n        if (readOnly) return\n        onChange?.(index)\n    }\n\n    return (\n        <div\n            className={cn('rating', `color-${color}`, size, readOnly && 'read-only', className)}\n            role=\"radiogroup\"\n            aria-label=\"MRating\"\n            onMouseLeave={() => setHovered(null)}\n            {...rest}\n        >\n            {Array.from({length: max}, (_, i) => {\n                const starIndex = i + 1\n                const filled = displayValue >= starIndex\n                return (\n                    <button\n                        key={i}\n                        type=\"button\"\n                        className=\"rating-star\"\n                        onClick={() => handleClick(starIndex)}\n                        onMouseEnter={() => !readOnly && setHovered(starIndex)}\n                        aria-label={`${starIndex} star${starIndex > 1 ? 's' : ''}`}\n                        tabIndex={readOnly ? -1 : 0}\n                        disabled={readOnly}\n                    >\n                        <span className=\"star-icon\" aria-hidden=\"true\">\n                            {filled ? <MStarFillIcon /> : <MStarIcon />}\n                        </span>\n                    </button>\n                )\n            })}\n        </div>\n    )\n}\n","import type {MSize} from '../../../theme'\nimport type {MDetailListProps} from './MDetailList.types'\nimport {cn} from '../../../utils/cn'\nimport {MInline, MStack} from '../../layout'\nimport {MLink, MText} from '../../typography'\nimport type {MTextSize} from '../../typography'\nimport './MDetailList.css'\n\n// Maps the list's outer size to the secondary-text size used for labels and helper text.\n// Labels sit one notch below the value so they read as metadata, not headline copy.\nconst LABEL_SIZE_MAP: Record<MSize, MTextSize> = {\n    xs: 'xs',\n    sm: 'xs',\n    md: 'sm',\n    lg: 'md',\n    xl: 'md',\n}\n\nexport function MDetailList({\n    items,\n    size = 'md',\n    bordered = true,\n    emptyState = null,\n    className,\n    ...rest\n}: MDetailListProps) {\n    if (!items.length) {\n        return emptyState ? <div className={cn('detail-list', className)}>{emptyState}</div> : null\n    }\n\n    const labelSize = LABEL_SIZE_MAP[size]\n\n    return (\n        <div className={cn('detail-list', `size-${size}`, bordered && 'bordered', className)} {...rest}>\n            {items.map((item) => {\n                const key = item.key ?? item.label?.toString()\n                const value =\n                    item.component || item.to || item.href ? (\n                        <MLink\n                            component={item.component}\n                            to={item.to}\n                            href={item.href}\n                            target={item.target}\n                            rel={item.rel}\n                        >\n                            {item.value}\n                        </MLink>\n                    ) : (\n                        item.value\n                    )\n\n                return (\n                    <div key={key} className=\"detail-list-item\">\n                        <MInline justify={'between'} align={'start'}>\n                            <MStack>\n                                <MText size={labelSize} tone={'muted'}>\n                                    {item.label}\n                                </MText>\n                                {value && <div className=\"detail-list-value\">{value}</div>}\n                                {item.helperText && (\n                                    <MText size={labelSize} tone={'muted'}>\n                                        {item.helperText}\n                                    </MText>\n                                )}\n                            </MStack>\n                            {item.status && <div className=\"detail-list-status\">{item.status}</div>}\n                        </MInline>\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n"],"mappings":"wSAOA,SAAgB,EAAQ,CACpB,QAAQ,EACR,MAAM,EACN,QAAQ,UACR,OAAO,KACP,WAAW,GACX,WACA,YACA,GAAG,GACU,CACb,GAAM,CAAC,EAAS,IAAA,EAAA,EAAA,UAAsC,KAAK,CACrD,EAAe,GAAW,EAE1B,EAAe,GAAkB,CAC/B,GACJ,IAAW,EAAM,EAGrB,OACI,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,EAAG,SAAU,SAAS,IAAS,EAAM,GAAY,YAAa,EAAU,CACnF,KAAK,aACL,aAAW,UACX,iBAAoB,EAAW,KAAK,CACpC,GAAI,WAEH,MAAM,KAAK,CAAC,OAAQ,EAAI,EAAG,EAAG,IAAM,CACjC,IAAM,EAAY,EAAI,EAChB,EAAS,GAAgB,EAC/B,OACI,EAAA,EAAA,KAAC,SAAD,CAEI,KAAK,SACL,UAAU,cACV,YAAe,EAAY,EAAU,CACrC,iBAAoB,CAAC,GAAY,EAAW,EAAU,CACtD,aAAY,GAAG,EAAU,OAAO,EAAY,EAAI,IAAM,KACtD,SAAU,EAAW,GAAK,EAC1B,SAAU,YAEV,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,YAAY,cAAY,gBACnC,GAAS,EAAA,EAAA,KAAC,EAAA,GAAD,EAAiB,CAAA,EAAG,EAAA,EAAA,KAAC,EAAA,GAAD,EAAa,CAAA,CACxC,CAAA,CACF,CAZA,EAYA,EAEf,CACA,CAAA,CC3Cd,IAAM,EAA2C,CAC7C,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACP,CAED,SAAgB,EAAY,CACxB,QACA,OAAO,KACP,WAAW,GACX,aAAa,KACb,YACA,GAAG,GACc,CACjB,GAAI,CAAC,EAAM,OACP,OAAO,GAAa,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,cAAe,EAAU,UAAG,EAAiB,CAAA,CAAG,KAG3F,IAAM,EAAY,EAAe,GAEjC,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,cAAe,QAAQ,IAAQ,GAAY,WAAY,EAAU,CAAE,GAAI,WACrF,EAAM,IAAK,GAAS,CACjB,IAAM,EAAM,EAAK,KAAO,EAAK,OAAO,UAAU,CACxC,EACF,EAAK,WAAa,EAAK,IAAM,EAAK,MAC9B,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,UAAW,EAAK,UAChB,GAAI,EAAK,GACT,KAAM,EAAK,KACX,OAAQ,EAAK,OACb,IAAK,EAAK,aAET,EAAK,MACF,CAAA,CAER,EAAK,MAGb,OACI,EAAA,EAAA,KAAC,MAAD,CAAe,UAAU,6BACrB,EAAA,EAAA,MAAC,EAAA,EAAD,CAAS,QAAS,UAAW,MAAO,iBAApC,EACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAA,SAAA,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CAAO,KAAM,EAAW,KAAM,iBACzB,EAAK,MACF,CAAA,CACP,IAAS,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,6BAAqB,EAAY,CAAA,CACzD,EAAK,aACF,EAAA,EAAA,KAAC,EAAA,EAAD,CAAO,KAAM,EAAW,KAAM,iBACzB,EAAK,WACF,CAAA,CAEP,CAAA,CAAA,CACR,EAAK,SAAU,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,8BAAsB,EAAK,OAAa,CAAA,CACjE,GACR,CAfI,EAeJ,EAEZ,CACA,CAAA"}

package/dist/MDetailList-fDhVyhm7.js

@@ -1,98 +0,0 @@
-import { vi as e, yi as t } from "./icons-CBMl-kOM.js";
-import { t as n } from "./cn-YER3QsV1.js";
-import { n as r } from "./MSurface-B-sjyczH.js";
-import { t as i } from "./MText-CL-LPcXi.js";
-import { t as a } from "./MLink-Bd8fLH1N.js";
-import { t as o } from "./MStack-CSCw6to2.js";
-import { useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region src/components/display/MRating/MRating.tsx
-function u({ value: r = 0, max: i = 5, color: a = "warning", size: o = "md", readOnly: l = !1, onChange: u, className: d, ...f }) {
-	let [p, m] = s(null), h = p ?? r, g = (e) => {
-		l || u?.(e);
-	};
-	return /* @__PURE__ */ c("div", {
-		className: n("rating", `color-${a}`, o, l && "read-only", d),
-		role: "radiogroup",
-		"aria-label": "MRating",
-		onMouseLeave: () => m(null),
-		...f,
-		children: Array.from({ length: i }, (n, r) => {
-			let i = r + 1, a = h >= i;
-			return /* @__PURE__ */ c("button", {
-				type: "button",
-				className: "rating-star",
-				onClick: () => g(i),
-				onMouseEnter: () => !l && m(i),
-				"aria-label": `${i} star${i > 1 ? "s" : ""}`,
-				tabIndex: l ? -1 : 0,
-				disabled: l,
-				children: /* @__PURE__ */ c("span", {
-					className: "star-icon",
-					"aria-hidden": "true",
-					children: c(a ? e : t, {})
-				})
-			}, r);
-		})
-	});
-}
-//#endregion
-//#region src/components/display/MDetailList/MDetailList.tsx
-var d = {
-	xs: "xs",
-	sm: "xs",
-	md: "sm",
-	lg: "md",
-	xl: "md"
-};
-function f({ items: e, size: t = "md", bordered: s = !0, emptyState: u = null, className: f, ...p }) {
-	if (!e.length) return u ? /* @__PURE__ */ c("div", {
-		className: n("detail-list", f),
-		children: u
-	}) : null;
-	let m = d[t];
-	return /* @__PURE__ */ c("div", {
-		className: n("detail-list", `size-${t}`, s && "bordered", f),
-		...p,
-		children: e.map((e) => {
-			let t = e.key ?? e.label?.toString(), n = e.component || e.to || e.href ? /* @__PURE__ */ c(a, {
-				component: e.component,
-				to: e.to,
-				href: e.href,
-				target: e.target,
-				rel: e.rel,
-				children: e.value
-			}) : e.value;
-			return /* @__PURE__ */ c("div", {
-				className: "detail-list-item",
-				children: /* @__PURE__ */ l(r, {
-					justify: "between",
-					align: "start",
-					children: [/* @__PURE__ */ l(o, { children: [
-						/* @__PURE__ */ c(i, {
-							size: m,
-							tone: "muted",
-							children: e.label
-						}),
-						n && /* @__PURE__ */ c("div", {
-							className: "detail-list-value",
-							children: n
-						}),
-						e.helperText && /* @__PURE__ */ c(i, {
-							size: m,
-							tone: "muted",
-							children: e.helperText
-						})
-					] }), e.status && /* @__PURE__ */ c("div", {
-						className: "detail-list-status",
-						children: e.status
-					})]
-				})
-			}, t);
-		})
-	});
-}
-//#endregion
-export { u as n, f as t };
-
-//# sourceMappingURL=MDetailList-fDhVyhm7.js.map

package/dist/MDetailList-fDhVyhm7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MDetailList-fDhVyhm7.js","names":[],"sources":["../src/components/display/MRating/MRating.tsx","../src/components/display/MDetailList/MDetailList.tsx"],"sourcesContent":["import {useState} from 'react'\nimport type {MRatingProps} from './MRating.types'\nimport {MStarFillIcon, MStarIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MRating.css'\n\n// Render an interactive star-based rating control.\nexport function MRating({\n    value = 0,\n    max = 5,\n    color = 'warning',\n    size = 'md',\n    readOnly = false,\n    onChange,\n    className,\n    ...rest\n}: MRatingProps) {\n    const [hovered, setHovered] = useState<number | null>(null)\n    const displayValue = hovered ?? value\n\n    const handleClick = (index: number) => {\n        if (readOnly) return\n        onChange?.(index)\n    }\n\n    return (\n        <div\n            className={cn('rating', `color-${color}`, size, readOnly && 'read-only', className)}\n            role=\"radiogroup\"\n            aria-label=\"MRating\"\n            onMouseLeave={() => setHovered(null)}\n            {...rest}\n        >\n            {Array.from({length: max}, (_, i) => {\n                const starIndex = i + 1\n                const filled = displayValue >= starIndex\n                return (\n                    <button\n                        key={i}\n                        type=\"button\"\n                        className=\"rating-star\"\n                        onClick={() => handleClick(starIndex)}\n                        onMouseEnter={() => !readOnly && setHovered(starIndex)}\n                        aria-label={`${starIndex} star${starIndex > 1 ? 's' : ''}`}\n                        tabIndex={readOnly ? -1 : 0}\n                        disabled={readOnly}\n                    >\n                        <span className=\"star-icon\" aria-hidden=\"true\">\n                            {filled ? <MStarFillIcon /> : <MStarIcon />}\n                        </span>\n                    </button>\n                )\n            })}\n        </div>\n    )\n}\n","import type {MSize} from '../../../theme'\nimport type {MDetailListProps} from './MDetailList.types'\nimport {cn} from '../../../utils/cn'\nimport {MInline, MStack} from '../../layout'\nimport {MLink, MText} from '../../typography'\nimport type {MTextSize} from '../../typography'\nimport './MDetailList.css'\n\n// Maps the list's outer size to the secondary-text size used for labels and helper text.\n// Labels sit one notch below the value so they read as metadata, not headline copy.\nconst LABEL_SIZE_MAP: Record<MSize, MTextSize> = {\n    xs: 'xs',\n    sm: 'xs',\n    md: 'sm',\n    lg: 'md',\n    xl: 'md',\n}\n\nexport function MDetailList({\n    items,\n    size = 'md',\n    bordered = true,\n    emptyState = null,\n    className,\n    ...rest\n}: MDetailListProps) {\n    if (!items.length) {\n        return emptyState ? <div className={cn('detail-list', className)}>{emptyState}</div> : null\n    }\n\n    const labelSize = LABEL_SIZE_MAP[size]\n\n    return (\n        <div className={cn('detail-list', `size-${size}`, bordered && 'bordered', className)} {...rest}>\n            {items.map((item) => {\n                const key = item.key ?? item.label?.toString()\n                const value =\n                    item.component || item.to || item.href ? (\n                        <MLink\n                            component={item.component}\n                            to={item.to}\n                            href={item.href}\n                            target={item.target}\n                            rel={item.rel}\n                        >\n                            {item.value}\n                        </MLink>\n                    ) : (\n                        item.value\n                    )\n\n                return (\n                    <div key={key} className=\"detail-list-item\">\n                        <MInline justify={'between'} align={'start'}>\n                            <MStack>\n                                <MText size={labelSize} tone={'muted'}>\n                                    {item.label}\n                                </MText>\n                                {value && <div className=\"detail-list-value\">{value}</div>}\n                                {item.helperText && (\n                                    <MText size={labelSize} tone={'muted'}>\n                                        {item.helperText}\n                                    </MText>\n                                )}\n                            </MStack>\n                            {item.status && <div className=\"detail-list-status\">{item.status}</div>}\n                        </MInline>\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n"],"mappings":";;;;;;;;;AAOA,SAAgB,EAAQ,EACpB,WAAQ,GACR,SAAM,GACN,WAAQ,WACR,UAAO,MACP,cAAW,IACX,aACA,cACA,GAAG,KACU;CACb,IAAM,CAAC,GAAS,KAAc,EAAwB,KAAK,EACrD,IAAe,KAAW,GAE1B,KAAe,MAAkB;AAC/B,OACJ,IAAW,EAAM;;AAGrB,QACI,kBAAC,OAAD;EACI,WAAW,EAAG,UAAU,SAAS,KAAS,GAAM,KAAY,aAAa,EAAU;EACnF,MAAK;EACL,cAAW;EACX,oBAAoB,EAAW,KAAK;EACpC,GAAI;YAEH,MAAM,KAAK,EAAC,QAAQ,GAAI,GAAG,GAAG,MAAM;GACjC,IAAM,IAAY,IAAI,GAChB,IAAS,KAAgB;AAC/B,UACI,kBAAC,UAAD;IAEI,MAAK;IACL,WAAU;IACV,eAAe,EAAY,EAAU;IACrC,oBAAoB,CAAC,KAAY,EAAW,EAAU;IACtD,cAAY,GAAG,EAAU,OAAO,IAAY,IAAI,MAAM;IACtD,UAAU,IAAW,KAAK;IAC1B,UAAU;cAEV,kBAAC,QAAD;KAAM,WAAU;KAAY,eAAY;eAC1B,EAAT,IAAU,IAAoB,GAArB,EAAiB,CAAgB;KACxC,CAAA;IACF,EAZA,EAYA;IAEf;EACA,CAAA;;;;AC3Cd,IAAM,IAA2C;CAC7C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACP;AAED,SAAgB,EAAY,EACxB,UACA,UAAO,MACP,cAAW,IACX,gBAAa,MACb,cACA,GAAG,KACc;AACjB,KAAI,CAAC,EAAM,OACP,QAAO,IAAa,kBAAC,OAAD;EAAK,WAAW,EAAG,eAAe,EAAU;YAAG;EAAiB,CAAA,GAAG;CAG3F,IAAM,IAAY,EAAe;AAEjC,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,eAAe,QAAQ,KAAQ,KAAY,YAAY,EAAU;EAAE,GAAI;YACrF,EAAM,KAAK,MAAS;GACjB,IAAM,IAAM,EAAK,OAAO,EAAK,OAAO,UAAU,EACxC,IACF,EAAK,aAAa,EAAK,MAAM,EAAK,OAC9B,kBAAC,GAAD;IACI,WAAW,EAAK;IAChB,IAAI,EAAK;IACT,MAAM,EAAK;IACX,QAAQ,EAAK;IACb,KAAK,EAAK;cAET,EAAK;IACF,CAAA,GAER,EAAK;AAGb,UACI,kBAAC,OAAD;IAAe,WAAU;cACrB,kBAAC,GAAD;KAAS,SAAS;KAAW,OAAO;eAApC,CACI,kBAAC,GAAD,EAAA,UAAA;MACI,kBAAC,GAAD;OAAO,MAAM;OAAW,MAAM;iBACzB,EAAK;OACF,CAAA;MACP,KAAS,kBAAC,OAAD;OAAK,WAAU;iBAAqB;OAAY,CAAA;MACzD,EAAK,cACF,kBAAC,GAAD;OAAO,MAAM;OAAW,MAAM;iBACzB,EAAK;OACF,CAAA;MAEP,EAAA,CAAA,EACR,EAAK,UAAU,kBAAC,OAAD;MAAK,WAAU;gBAAsB,EAAK;MAAa,CAAA,CACjE;;IACR,EAfI,EAeJ;IAEZ;EACA,CAAA"}

package/dist/MDropdownMenu-B_QWQhxy.cjs

@@ -1,2 +0,0 @@
-const e=require(`./icons-D_NB67he.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./useKeyboardNav-Bm-dxVq-.cjs`),r=require(`./MPopover-C-e1CoV0.cjs`);require(`./core-D66c1_Wo.cjs`);let i=require(`react`),a=require(`react/jsx-runtime`);function o(e){return e.props}function s(e){return!!e.type.__dropdownItem}function c(e){return!!e.type.__dropdownGroup}function l(e){let t=[];return i.Children.forEach(e,e=>{(0,i.isValidElement)(e)&&(s(e)?t.push(e):c(e)&&i.Children.forEach(o(e).children,e=>{(0,i.isValidElement)(e)&&s(e)&&t.push(e)}))}),t}function u({trigger:e,placement:u=`bottom-start`,closeOnSelect:d=!0,openOn:f=`click`,onOpenChange:p,isolateClick:m=!1,className:h,style:g,popoverClassName:_,popoverStyle:v,children:y}){let[b,x]=(0,i.useState)(!1),S=(0,i.useRef)(null),C=(0,i.useRef)(null),w=l(y),T=w.filter(e=>!o(e).disabled).length,E=(0,i.useCallback)(e=>{x(t=>{let n=typeof e==`function`?e(t):e;return p?.(n),n})},[p]),{activeIndex:D,setActiveIndex:O,onKeyDown:k}=n.t({itemCount:T,onSelect:(0,i.useCallback)(e=>{let t=0;for(let n of w){let r=o(n);if(!r.disabled){if(t===e){r.onClick?.();break}t++}}d&&E(!1)},[w,d,E]),onClose:()=>x(!1),isOpen:b}),A=e=>{m&&(e.stopPropagation(),e.preventDefault()),E(e=>!e)},j=e=>{(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `)&&(e.preventDefault(),m&&e.stopPropagation(),E(!0)),b&&k(e)},M=0,N=e=>{if(!(0,i.isValidElement)(e))return e;if(s(e)){let t=o(e).disabled,n=t?-1:M++;return(0,i.cloneElement)(e,{_active:n===D,_onHover:t?void 0:()=>O(n),_onClick:()=>{t||d&&E(!1)}})}return c(e)?(0,i.cloneElement)(e,{children:i.Children.map(o(e).children,N)}):e},P=f===`hover`?{onMouseEnter:()=>{C.current&&clearTimeout(C.current),E(!0)},onMouseLeave:()=>{C.current=setTimeout(()=>E(!1),150)}}:{},F=m?e=>{e.stopPropagation(),e.preventDefault()}:void 0;return(0,a.jsxs)(`div`,{className:t.t(`dropdown menu anchor`,h),style:g,onClick:F,...P,children:[(0,a.jsx)(`div`,{ref:S,onClick:f===`click`?A:void 0,onKeyDown:j,role:`button`,tabIndex:0,className:`dropdown menu trigger`,children:e}),(0,a.jsx)(r.t,{open:b,anchorRef:S,onClose:()=>E(!1),placement:u,className:t.t(`dropdown menu popover`,_),style:v,children:(0,a.jsx)(`div`,{className:`dropdown menu list`,role:`menu`,...P,children:i.Children.map(y,N)})})]})}function d({icon:n,label:r,description:i,role:o=`menuitem`,checked:s,href:c,to:l,onClick:u,color:d,disabled:f=!1,active:p=!1,component:m,className:h,_active:g,_onHover:_,_onClick:v}){let y=g??p,b=o===`menuitemradio`||o===`menuitemcheckbox`,x=n??(o===`menuitemcheckbox`?(0,a.jsx)(`span`,{className:`dropdown menu check`,"aria-hidden":`true`,children:s?(0,a.jsx)(e.Yi,{size:14}):null}):null),S=(0,a.jsxs)(a.Fragment,{children:[x&&(0,a.jsx)(`span`,{className:`dropdown menu icon`,children:x}),i?(0,a.jsxs)(`span`,{className:`dropdown menu label with-description`,children:[(0,a.jsx)(`span`,{className:`dropdown menu label-text`,children:r}),(0,a.jsx)(`span`,{className:`dropdown menu description`,children:i})]}):(0,a.jsx)(`span`,{className:`dropdown menu label`,children:r})]}),C=t.t(`dropdown menu item`,y&&`active`,f&&`disabled`,b&&s&&`checked`,d,h),w=e=>{if(f){e.preventDefault();return}u?.(),v?.()},T=m??(c||l?`a`:`button`),E=m?{...c?{href:c}:{},...l?{to:l}:{}}:c?{href:c}:l?{href:l}:{};return(0,a.jsx)(T,{className:C,role:o,"aria-checked":b?!!s:void 0,tabIndex:-1,onClick:w,onMouseEnter:_,"aria-disabled":f||void 0,...E,children:S})}d.__dropdownItem=!0;function f({label:e,children:t}){return(0,a.jsxs)(`div`,{className:`dropdown menu group`,role:`group`,children:[(0,a.jsx)(`div`,{className:`dropdown menu group-label`,children:e}),t]})}f.__dropdownGroup=!0;function p({className:e}){return(0,a.jsx)(`div`,{className:t.t(`dropdown menu divider`,e),role:`separator`})}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});
-//# sourceMappingURL=MDropdownMenu-B_QWQhxy.cjs.map

package/dist/MDropdownMenu-B_QWQhxy.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MDropdownMenu-B_QWQhxy.cjs","names":[],"sources":["../src/components/overlays/MDropdownMenu/MDropdownMenu.tsx"],"sourcesContent":["import {useState, useRef, useCallback, Children, isValidElement, cloneElement} from 'react'\nimport type * as React from 'react'\nimport {MPopover} from '../../primitives'\nimport {useKeyboardNav} from '../../../utils/useKeyboardNav'\nimport {cn} from '../../../utils/cn'\nimport {MCheckIcon} from '../../../icons'\nimport type {\n    MDropdownMenuProps,\n    MDropdownItemProps,\n    MDropdownGroupProps,\n    MDropdownDividerProps,\n} from './MDropdownMenu.types'\nimport './MDropdownMenu.css'\n\ntype AnyProps = Record<string, any>\n\nfunction getProps(el: React.ReactElement): AnyProps {\n    return el.props as AnyProps\n}\n\nfunction isItem(child: React.ReactElement): boolean {\n    return !!(child.type as any).__dropdownItem\n}\n\nfunction isGroup(child: React.ReactElement): boolean {\n    return !!(child.type as any).__dropdownGroup\n}\n\n// Collect all MDropdownItem elements from children (including inside groups).\nfunction collectItems(children: React.ReactNode): React.ReactElement[] {\n    const items: React.ReactElement[] = []\n    Children.forEach(children, (child) => {\n        if (!isValidElement(child)) return\n        if (isItem(child)) {\n            items.push(child)\n        } else if (isGroup(child)) {\n            Children.forEach(getProps(child).children, (gc: React.ReactNode) => {\n                if (isValidElement(gc) && isItem(gc)) {\n                    items.push(gc)\n                }\n            })\n        }\n    })\n    return items\n}\n\nexport function MDropdownMenu({\n    trigger,\n    placement = 'bottom-start',\n    closeOnSelect = true,\n    openOn = 'click',\n    onOpenChange,\n    isolateClick = false,\n    className,\n    style,\n    popoverClassName,\n    popoverStyle,\n    children,\n}: MDropdownMenuProps) {\n    const [open, setOpen] = useState(false)\n    const anchorRef = useRef<HTMLDivElement>(null)\n    const hoverTimeout = useRef<ReturnType<typeof setTimeout>>(null)\n\n    const items = collectItems(children)\n    const enabledCount = items.filter((i) => !getProps(i).disabled).length\n\n    const setMenuOpen = useCallback(\n        (next: boolean | ((prev: boolean) => boolean)) => {\n            setOpen((prev) => {\n                const resolved = typeof next === 'function' ? next(prev) : next\n                onOpenChange?.(resolved)\n                return resolved\n            })\n        },\n        [onOpenChange]\n    )\n\n    const handleSelect = useCallback(\n        (index: number) => {\n            let enabledIdx = 0\n            for (const item of items) {\n                const p = getProps(item)\n                if (p.disabled) continue\n                if (enabledIdx === index) {\n                    p.onClick?.()\n                    break\n                }\n                enabledIdx++\n            }\n            if (closeOnSelect) setMenuOpen(false)\n        },\n        [items, closeOnSelect, setMenuOpen]\n    )\n\n    const {activeIndex, setActiveIndex, onKeyDown} = useKeyboardNav({\n        itemCount: enabledCount,\n        onSelect: handleSelect,\n        onClose: () => setOpen(false),\n        isOpen: open,\n    })\n\n    const handleTriggerClick = (e: React.MouseEvent) => {\n        if (isolateClick) {\n            e.stopPropagation()\n            e.preventDefault()\n        }\n        setMenuOpen((o) => !o)\n    }\n\n    const handleTriggerKeyDown = (e: React.KeyboardEvent) => {\n        if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault()\n            if (isolateClick) e.stopPropagation()\n            setMenuOpen(true)\n        }\n        if (open) onKeyDown(e as any)\n    }\n\n    // Map active index back to flat child rendering with enabled-only tracking.\n    let enabledIdx = 0\n    const renderChild = (child: React.ReactNode): React.ReactNode => {\n        if (!isValidElement(child)) return child\n\n        if (isItem(child)) {\n            const p = getProps(child)\n            const isDisabled = p.disabled\n            const idx = isDisabled ? -1 : enabledIdx++\n            return cloneElement(child, {\n                _active: idx === activeIndex,\n                _onHover: isDisabled ? undefined : () => setActiveIndex(idx),\n                _onClick: () => {\n                    if (isDisabled) return\n                    if (closeOnSelect) setMenuOpen(false)\n                },\n            } as AnyProps)\n        }\n\n        if (isGroup(child)) {\n            return cloneElement(child, {\n                children: Children.map(getProps(child).children, renderChild),\n            } as AnyProps)\n        }\n\n        return child\n    }\n\n    const hoverHandlers =\n        openOn === 'hover'\n            ? {\n                  onMouseEnter: () => {\n                      if (hoverTimeout.current) clearTimeout(hoverTimeout.current)\n                      setMenuOpen(true)\n                  },\n                  onMouseLeave: () => {\n                      hoverTimeout.current = setTimeout(() => setMenuOpen(false), 150)\n                  },\n              }\n            : {}\n\n    /**\n     * When `isolateClick` is set, every click bubbling out of the menu\n     * (trigger AND items) must be stopped — otherwise selecting an action\n     * also fires the click handler on a clickable parent (Link, MCard with\n     * onClick, MDataTable row link). Trigger click itself is handled by\n     * `handleTriggerClick`; this wrapper catches the bubbled item clicks\n     * before they leave the anchor. `preventDefault` is needed too — when the\n     * dropdown is rendered inside an `<a href>` (MCard component={Link}),\n     * stopping propagation alone does not block native link navigation.\n     *\n     * Caveat: MDropdownItem with `href` will not navigate while inside an\n     * `isolateClick` menu — use programmatic navigation (onClick + navigate)\n     * in those contexts instead.\n     */\n    const isolateAnchorClick = isolateClick\n        ? (e: React.MouseEvent) => {\n              e.stopPropagation()\n              e.preventDefault()\n          }\n        : undefined\n\n    return (\n        <div\n            className={cn('dropdown menu anchor', className)}\n            style={style}\n            onClick={isolateAnchorClick}\n            {...hoverHandlers}\n        >\n            <div\n                ref={anchorRef}\n                onClick={openOn === 'click' ? handleTriggerClick : undefined}\n                onKeyDown={handleTriggerKeyDown}\n                role=\"button\"\n                tabIndex={0}\n                className=\"dropdown menu trigger\"\n            >\n                {trigger}\n            </div>\n            <MPopover\n                open={open}\n                anchorRef={anchorRef}\n                onClose={() => setMenuOpen(false)}\n                placement={placement}\n                className={cn('dropdown menu popover', popoverClassName)}\n                style={popoverStyle}\n            >\n                <div className=\"dropdown menu list\" role=\"menu\" {...hoverHandlers}>\n                    {Children.map(children, renderChild)}\n                </div>\n            </MPopover>\n        </div>\n    )\n}\n\nexport function MDropdownItem({\n    icon,\n    label,\n    description,\n    role = 'menuitem',\n    checked,\n    href,\n    to,\n    onClick,\n    color,\n    disabled = false,\n    active = false,\n    component,\n    className,\n    _active,\n    _onHover,\n    _onClick,\n}: MDropdownItemProps & {_active?: boolean; _onHover?: () => void; _onClick?: () => void}) {\n    const isHighlighted = _active ?? active\n\n    const checkable = role === 'menuitemradio' || role === 'menuitemcheckbox'\n    const leading =\n        icon ??\n        (role === 'menuitemcheckbox' ? (\n            <span className=\"dropdown menu check\" aria-hidden=\"true\">\n                {checked ? <MCheckIcon size={14} /> : null}\n            </span>\n        ) : null)\n\n    const content = (\n        <>\n            {leading && <span className=\"dropdown menu icon\">{leading}</span>}\n            {description ? (\n                <span className=\"dropdown menu label with-description\">\n                    <span className=\"dropdown menu label-text\">{label}</span>\n                    <span className=\"dropdown menu description\">{description}</span>\n                </span>\n            ) : (\n                <span className=\"dropdown menu label\">{label}</span>\n            )}\n        </>\n    )\n\n    const cls = cn(\n        'dropdown menu item',\n        isHighlighted && 'active',\n        disabled && 'disabled',\n        checkable && checked && 'checked',\n        color,\n        className\n    )\n\n    const handleClick = (e: React.MouseEvent) => {\n        if (disabled) {\n            e.preventDefault()\n            return\n        }\n        onClick?.()\n        _onClick?.()\n    }\n\n    const Tag = component ?? (href || to ? 'a' : 'button')\n    const linkProps = component ? {...(href ? {href} : {}), ...(to ? {to} : {})} : href ? {href} : to ? {href: to} : {}\n\n    return (\n        <Tag\n            className={cls}\n            role={role}\n            aria-checked={checkable ? Boolean(checked) : undefined}\n            tabIndex={-1}\n            onClick={handleClick}\n            onMouseEnter={_onHover}\n            aria-disabled={disabled || undefined}\n            {...linkProps}\n        >\n            {content}\n        </Tag>\n    )\n}\n;(MDropdownItem as any).__dropdownItem = true\n\nexport function MDropdownGroup({label, children}: MDropdownGroupProps) {\n    return (\n        <div className=\"dropdown menu group\" role=\"group\">\n            <div className=\"dropdown menu group-label\">{label}</div>\n            {children}\n        </div>\n    )\n}\n;(MDropdownGroup as any).__dropdownGroup = true\n\nexport function MDropdownDivider({className}: MDropdownDividerProps) {\n    return <div className={cn('dropdown menu divider', className)} role=\"separator\" />\n}\n"],"mappings":"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"}

package/dist/MDropdownMenu-C4CuKMRZ.js

@@ -1,172 +0,0 @@
-import { Yi as e } from "./icons-CBMl-kOM.js";
-import { t } from "./cn-YER3QsV1.js";
-import { t as n } from "./useKeyboardNav-iEXOdEMB.js";
-import { t as r } from "./MPopover-Dd-GIBU6.js";
-import { Children as i, cloneElement as a, isValidElement as o, useCallback as s, useRef as c, useState as l } from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region src/components/overlays/MDropdownMenu/MDropdownMenu.tsx
-function p(e) {
-	return e.props;
-}
-function m(e) {
-	return !!e.type.__dropdownItem;
-}
-function h(e) {
-	return !!e.type.__dropdownGroup;
-}
-function g(e) {
-	let t = [];
-	return i.forEach(e, (e) => {
-		o(e) && (m(e) ? t.push(e) : h(e) && i.forEach(p(e).children, (e) => {
-			o(e) && m(e) && t.push(e);
-		}));
-	}), t;
-}
-function _({ trigger: e, placement: u = "bottom-start", closeOnSelect: _ = !0, openOn: v = "click", onOpenChange: y, isolateClick: b = !1, className: x, style: S, popoverClassName: C, popoverStyle: w, children: T }) {
-	let [E, D] = l(!1), O = c(null), k = c(null), A = g(T), j = A.filter((e) => !p(e).disabled).length, M = s((e) => {
-		D((t) => {
-			let n = typeof e == "function" ? e(t) : e;
-			return y?.(n), n;
-		});
-	}, [y]), { activeIndex: N, setActiveIndex: P, onKeyDown: F } = n({
-		itemCount: j,
-		onSelect: s((e) => {
-			let t = 0;
-			for (let n of A) {
-				let r = p(n);
-				if (!r.disabled) {
-					if (t === e) {
-						r.onClick?.();
-						break;
-					}
-					t++;
-				}
-			}
-			_ && M(!1);
-		}, [
-			A,
-			_,
-			M
-		]),
-		onClose: () => D(!1),
-		isOpen: E
-	}), I = (e) => {
-		b && (e.stopPropagation(), e.preventDefault()), M((e) => !e);
-	}, L = (e) => {
-		(e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") && (e.preventDefault(), b && e.stopPropagation(), M(!0)), E && F(e);
-	}, R = 0, z = (e) => {
-		if (!o(e)) return e;
-		if (m(e)) {
-			let t = p(e).disabled, n = t ? -1 : R++;
-			return a(e, {
-				_active: n === N,
-				_onHover: t ? void 0 : () => P(n),
-				_onClick: () => {
-					t || _ && M(!1);
-				}
-			});
-		}
-		return h(e) ? a(e, { children: i.map(p(e).children, z) }) : e;
-	}, B = v === "hover" ? {
-		onMouseEnter: () => {
-			k.current && clearTimeout(k.current), M(!0);
-		},
-		onMouseLeave: () => {
-			k.current = setTimeout(() => M(!1), 150);
-		}
-	} : {}, V = b ? (e) => {
-		e.stopPropagation(), e.preventDefault();
-	} : void 0;
-	return /* @__PURE__ */ f("div", {
-		className: t("dropdown menu anchor", x),
-		style: S,
-		onClick: V,
-		...B,
-		children: [/* @__PURE__ */ d("div", {
-			ref: O,
-			onClick: v === "click" ? I : void 0,
-			onKeyDown: L,
-			role: "button",
-			tabIndex: 0,
-			className: "dropdown menu trigger",
-			children: e
-		}), /* @__PURE__ */ d(r, {
-			open: E,
-			anchorRef: O,
-			onClose: () => M(!1),
-			placement: u,
-			className: t("dropdown menu popover", C),
-			style: w,
-			children: /* @__PURE__ */ d("div", {
-				className: "dropdown menu list",
-				role: "menu",
-				...B,
-				children: i.map(T, z)
-			})
-		})]
-	});
-}
-function v({ icon: n, label: r, description: i, role: a = "menuitem", checked: o, href: s, to: c, onClick: l, color: p, disabled: m = !1, active: h = !1, component: g, className: _, _active: v, _onHover: y, _onClick: b }) {
-	let x = v ?? h, S = a === "menuitemradio" || a === "menuitemcheckbox", C = n ?? (a === "menuitemcheckbox" ? /* @__PURE__ */ d("span", {
-		className: "dropdown menu check",
-		"aria-hidden": "true",
-		children: o ? /* @__PURE__ */ d(e, { size: 14 }) : null
-	}) : null), w = /* @__PURE__ */ f(u, { children: [C && /* @__PURE__ */ d("span", {
-		className: "dropdown menu icon",
-		children: C
-	}), i ? /* @__PURE__ */ f("span", {
-		className: "dropdown menu label with-description",
-		children: [/* @__PURE__ */ d("span", {
-			className: "dropdown menu label-text",
-			children: r
-		}), /* @__PURE__ */ d("span", {
-			className: "dropdown menu description",
-			children: i
-		})]
-	}) : /* @__PURE__ */ d("span", {
-		className: "dropdown menu label",
-		children: r
-	})] }), T = t("dropdown menu item", x && "active", m && "disabled", S && o && "checked", p, _), E = (e) => {
-		if (m) {
-			e.preventDefault();
-			return;
-		}
-		l?.(), b?.();
-	}, D = g ?? (s || c ? "a" : "button"), O = g ? {
-		...s ? { href: s } : {},
-		...c ? { to: c } : {}
-	} : s ? { href: s } : c ? { href: c } : {};
-	return /* @__PURE__ */ d(D, {
-		className: T,
-		role: a,
-		"aria-checked": S ? !!o : void 0,
-		tabIndex: -1,
-		onClick: E,
-		onMouseEnter: y,
-		"aria-disabled": m || void 0,
-		...O,
-		children: w
-	});
-}
-v.__dropdownItem = !0;
-function y({ label: e, children: t }) {
-	return /* @__PURE__ */ f("div", {
-		className: "dropdown menu group",
-		role: "group",
-		children: [/* @__PURE__ */ d("div", {
-			className: "dropdown menu group-label",
-			children: e
-		}), t]
-	});
-}
-y.__dropdownGroup = !0;
-function b({ className: e }) {
-	return /* @__PURE__ */ d("div", {
-		className: t("dropdown menu divider", e),
-		role: "separator"
-	});
-}
-//#endregion
-export { _ as i, y as n, v as r, b as t };
-
-//# sourceMappingURL=MDropdownMenu-C4CuKMRZ.js.map

package/dist/MDropdownMenu-C4CuKMRZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MDropdownMenu-C4CuKMRZ.js","names":[],"sources":["../src/components/overlays/MDropdownMenu/MDropdownMenu.tsx"],"sourcesContent":["import {useState, useRef, useCallback, Children, isValidElement, cloneElement} from 'react'\nimport type * as React from 'react'\nimport {MPopover} from '../../primitives'\nimport {useKeyboardNav} from '../../../utils/useKeyboardNav'\nimport {cn} from '../../../utils/cn'\nimport {MCheckIcon} from '../../../icons'\nimport type {\n    MDropdownMenuProps,\n    MDropdownItemProps,\n    MDropdownGroupProps,\n    MDropdownDividerProps,\n} from './MDropdownMenu.types'\nimport './MDropdownMenu.css'\n\ntype AnyProps = Record<string, any>\n\nfunction getProps(el: React.ReactElement): AnyProps {\n    return el.props as AnyProps\n}\n\nfunction isItem(child: React.ReactElement): boolean {\n    return !!(child.type as any).__dropdownItem\n}\n\nfunction isGroup(child: React.ReactElement): boolean {\n    return !!(child.type as any).__dropdownGroup\n}\n\n// Collect all MDropdownItem elements from children (including inside groups).\nfunction collectItems(children: React.ReactNode): React.ReactElement[] {\n    const items: React.ReactElement[] = []\n    Children.forEach(children, (child) => {\n        if (!isValidElement(child)) return\n        if (isItem(child)) {\n            items.push(child)\n        } else if (isGroup(child)) {\n            Children.forEach(getProps(child).children, (gc: React.ReactNode) => {\n                if (isValidElement(gc) && isItem(gc)) {\n                    items.push(gc)\n                }\n            })\n        }\n    })\n    return items\n}\n\nexport function MDropdownMenu({\n    trigger,\n    placement = 'bottom-start',\n    closeOnSelect = true,\n    openOn = 'click',\n    onOpenChange,\n    isolateClick = false,\n    className,\n    style,\n    popoverClassName,\n    popoverStyle,\n    children,\n}: MDropdownMenuProps) {\n    const [open, setOpen] = useState(false)\n    const anchorRef = useRef<HTMLDivElement>(null)\n    const hoverTimeout = useRef<ReturnType<typeof setTimeout>>(null)\n\n    const items = collectItems(children)\n    const enabledCount = items.filter((i) => !getProps(i).disabled).length\n\n    const setMenuOpen = useCallback(\n        (next: boolean | ((prev: boolean) => boolean)) => {\n            setOpen((prev) => {\n                const resolved = typeof next === 'function' ? next(prev) : next\n                onOpenChange?.(resolved)\n                return resolved\n            })\n        },\n        [onOpenChange]\n    )\n\n    const handleSelect = useCallback(\n        (index: number) => {\n            let enabledIdx = 0\n            for (const item of items) {\n                const p = getProps(item)\n                if (p.disabled) continue\n                if (enabledIdx === index) {\n                    p.onClick?.()\n                    break\n                }\n                enabledIdx++\n            }\n            if (closeOnSelect) setMenuOpen(false)\n        },\n        [items, closeOnSelect, setMenuOpen]\n    )\n\n    const {activeIndex, setActiveIndex, onKeyDown} = useKeyboardNav({\n        itemCount: enabledCount,\n        onSelect: handleSelect,\n        onClose: () => setOpen(false),\n        isOpen: open,\n    })\n\n    const handleTriggerClick = (e: React.MouseEvent) => {\n        if (isolateClick) {\n            e.stopPropagation()\n            e.preventDefault()\n        }\n        setMenuOpen((o) => !o)\n    }\n\n    const handleTriggerKeyDown = (e: React.KeyboardEvent) => {\n        if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault()\n            if (isolateClick) e.stopPropagation()\n            setMenuOpen(true)\n        }\n        if (open) onKeyDown(e as any)\n    }\n\n    // Map active index back to flat child rendering with enabled-only tracking.\n    let enabledIdx = 0\n    const renderChild = (child: React.ReactNode): React.ReactNode => {\n        if (!isValidElement(child)) return child\n\n        if (isItem(child)) {\n            const p = getProps(child)\n            const isDisabled = p.disabled\n            const idx = isDisabled ? -1 : enabledIdx++\n            return cloneElement(child, {\n                _active: idx === activeIndex,\n                _onHover: isDisabled ? undefined : () => setActiveIndex(idx),\n                _onClick: () => {\n                    if (isDisabled) return\n                    if (closeOnSelect) setMenuOpen(false)\n                },\n            } as AnyProps)\n        }\n\n        if (isGroup(child)) {\n            return cloneElement(child, {\n                children: Children.map(getProps(child).children, renderChild),\n            } as AnyProps)\n        }\n\n        return child\n    }\n\n    const hoverHandlers =\n        openOn === 'hover'\n            ? {\n                  onMouseEnter: () => {\n                      if (hoverTimeout.current) clearTimeout(hoverTimeout.current)\n                      setMenuOpen(true)\n                  },\n                  onMouseLeave: () => {\n                      hoverTimeout.current = setTimeout(() => setMenuOpen(false), 150)\n                  },\n              }\n            : {}\n\n    /**\n     * When `isolateClick` is set, every click bubbling out of the menu\n     * (trigger AND items) must be stopped — otherwise selecting an action\n     * also fires the click handler on a clickable parent (Link, MCard with\n     * onClick, MDataTable row link). Trigger click itself is handled by\n     * `handleTriggerClick`; this wrapper catches the bubbled item clicks\n     * before they leave the anchor. `preventDefault` is needed too — when the\n     * dropdown is rendered inside an `<a href>` (MCard component={Link}),\n     * stopping propagation alone does not block native link navigation.\n     *\n     * Caveat: MDropdownItem with `href` will not navigate while inside an\n     * `isolateClick` menu — use programmatic navigation (onClick + navigate)\n     * in those contexts instead.\n     */\n    const isolateAnchorClick = isolateClick\n        ? (e: React.MouseEvent) => {\n              e.stopPropagation()\n              e.preventDefault()\n          }\n        : undefined\n\n    return (\n        <div\n            className={cn('dropdown menu anchor', className)}\n            style={style}\n            onClick={isolateAnchorClick}\n            {...hoverHandlers}\n        >\n            <div\n                ref={anchorRef}\n                onClick={openOn === 'click' ? handleTriggerClick : undefined}\n                onKeyDown={handleTriggerKeyDown}\n                role=\"button\"\n                tabIndex={0}\n                className=\"dropdown menu trigger\"\n            >\n                {trigger}\n            </div>\n            <MPopover\n                open={open}\n                anchorRef={anchorRef}\n                onClose={() => setMenuOpen(false)}\n                placement={placement}\n                className={cn('dropdown menu popover', popoverClassName)}\n                style={popoverStyle}\n            >\n                <div className=\"dropdown menu list\" role=\"menu\" {...hoverHandlers}>\n                    {Children.map(children, renderChild)}\n                </div>\n            </MPopover>\n        </div>\n    )\n}\n\nexport function MDropdownItem({\n    icon,\n    label,\n    description,\n    role = 'menuitem',\n    checked,\n    href,\n    to,\n    onClick,\n    color,\n    disabled = false,\n    active = false,\n    component,\n    className,\n    _active,\n    _onHover,\n    _onClick,\n}: MDropdownItemProps & {_active?: boolean; _onHover?: () => void; _onClick?: () => void}) {\n    const isHighlighted = _active ?? active\n\n    const checkable = role === 'menuitemradio' || role === 'menuitemcheckbox'\n    const leading =\n        icon ??\n        (role === 'menuitemcheckbox' ? (\n            <span className=\"dropdown menu check\" aria-hidden=\"true\">\n                {checked ? <MCheckIcon size={14} /> : null}\n            </span>\n        ) : null)\n\n    const content = (\n        <>\n            {leading && <span className=\"dropdown menu icon\">{leading}</span>}\n            {description ? (\n                <span className=\"dropdown menu label with-description\">\n                    <span className=\"dropdown menu label-text\">{label}</span>\n                    <span className=\"dropdown menu description\">{description}</span>\n                </span>\n            ) : (\n                <span className=\"dropdown menu label\">{label}</span>\n            )}\n        </>\n    )\n\n    const cls = cn(\n        'dropdown menu item',\n        isHighlighted && 'active',\n        disabled && 'disabled',\n        checkable && checked && 'checked',\n        color,\n        className\n    )\n\n    const handleClick = (e: React.MouseEvent) => {\n        if (disabled) {\n            e.preventDefault()\n            return\n        }\n        onClick?.()\n        _onClick?.()\n    }\n\n    const Tag = component ?? (href || to ? 'a' : 'button')\n    const linkProps = component ? {...(href ? {href} : {}), ...(to ? {to} : {})} : href ? {href} : to ? {href: to} : {}\n\n    return (\n        <Tag\n            className={cls}\n            role={role}\n            aria-checked={checkable ? Boolean(checked) : undefined}\n            tabIndex={-1}\n            onClick={handleClick}\n            onMouseEnter={_onHover}\n            aria-disabled={disabled || undefined}\n            {...linkProps}\n        >\n            {content}\n        </Tag>\n    )\n}\n;(MDropdownItem as any).__dropdownItem = true\n\nexport function MDropdownGroup({label, children}: MDropdownGroupProps) {\n    return (\n        <div className=\"dropdown menu group\" role=\"group\">\n            <div className=\"dropdown menu group-label\">{label}</div>\n            {children}\n        </div>\n    )\n}\n;(MDropdownGroup as any).__dropdownGroup = true\n\nexport function MDropdownDivider({className}: MDropdownDividerProps) {\n    return <div className={cn('dropdown menu divider', className)} role=\"separator\" />\n}\n"],"mappings":"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"}

package/dist/MGrid-CYL3cbUI.js

@@ -1,265 +0,0 @@
-import { r as e } from "./theme-DAOU1aPs.js";
-import { t } from "./cn-YER3QsV1.js";
-import { t as n } from "./useInteractionEffect-DtpbVd77.js";
-import { n as r, t as i } from "./layoutProps-CE5-ghKw.js";
-import { Children as a, cloneElement as o, isValidElement as s, useId as c, useMemo as l, useState as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region src/components/layout/MTabs/MTabs.tsx
-function p({ item: e, isActive: r, tabId: i, panelId: a, clickEffect: o, rippleColor: s, onSelect: c }) {
-	let { effectClassName: l, effectLayer: u, handlePointerDown: p, triggerEffect: m } = n({
-		effect: o,
-		disabled: e.disabled,
-		centered: !0,
-		color: s
-	});
-	return /* @__PURE__ */ f("button", {
-		type: "button",
-		id: i,
-		role: "tab",
-		"aria-selected": r,
-		"aria-controls": a,
-		tabIndex: r ? 0 : -1,
-		disabled: e.disabled,
-		className: t("tabs-trigger", r && "active", e.disabled && "disabled", l),
-		onPointerDown: p,
-		onKeyDown: (e) => {
-			(e.key === " " || e.key === "Enter") && m(e.currentTarget);
-		},
-		onClick: () => c(e.value),
-		children: [
-			u,
-			e.icon && /* @__PURE__ */ d("span", {
-				className: "tabs-icon",
-				children: e.icon
-			}),
-			/* @__PURE__ */ d("span", {
-				className: "tabs-label",
-				children: e.label
-			})
-		]
-	});
-}
-function m({ items: e, value: n, defaultValue: r, onValueChange: i, variant: a = "underline", orientation: o = "horizontal", size: s = "md", fullWidth: m = !1, showPanels: h = !0, panelClassName: g, clickEffect: _ = "ripple", rippleColor: v, className: y, ...b }) {
-	let [x, S] = u(l(() => r ?? e.find((e) => !e.disabled)?.value ?? "", [r, e])), C = n ?? x, w = e.find((e) => e.value === C) ?? e[0], T = c();
-	function E(e) {
-		n === void 0 && S(e), i?.(e);
-	}
-	function D(t) {
-		let n = e.filter((e) => !e.disabled), r = n.findIndex((e) => e.value === w?.value);
-		if (r === -1) return;
-		let i = o === "vertical" ? ["ArrowDown"] : ["ArrowRight", "ArrowDown"], a = o === "vertical" ? ["ArrowUp"] : ["ArrowLeft", "ArrowUp"];
-		if (i.includes(t.key)) {
-			t.preventDefault();
-			let e = n[(r + 1) % n.length];
-			E(e.value);
-		}
-		if (a.includes(t.key)) {
-			t.preventDefault();
-			let e = n[(r - 1 + n.length) % n.length];
-			E(e.value);
-		}
-	}
-	return /* @__PURE__ */ f("div", {
-		className: t("tabs", a, o, s, m && "full-width", y),
-		...b,
-		children: [/* @__PURE__ */ d("div", {
-			className: "tabs-list",
-			role: "tablist",
-			"aria-orientation": o,
-			onKeyDown: D,
-			children: e.map((e) => /* @__PURE__ */ d(p, {
-				item: e,
-				isActive: e.value === w?.value,
-				tabId: `${T}-${e.value}-tab`,
-				panelId: `${T}-${e.value}-panel`,
-				clickEffect: _,
-				rippleColor: v,
-				onSelect: E
-			}, e.value))
-		}), h && w?.content !== void 0 && /* @__PURE__ */ d("div", {
-			id: `${T}-${w.value}-panel`,
-			role: "tabpanel",
-			"aria-labelledby": `${T}-${w.value}-tab`,
-			className: t("tabs-panel", g),
-			children: w.content
-		}, w.value)]
-	});
-}
-//#endregion
-//#region src/components/layout/MGrid/MGrid.tsx
-var h = [
-	"base",
-	"xxl",
-	"xl",
-	"lg",
-	"md",
-	"sm"
-], g = {
-	sm: ["sm"],
-	md: ["md", "sm"],
-	lg: [
-		"lg",
-		"md",
-		"sm"
-	],
-	xl: [
-		"xl",
-		"lg",
-		"md",
-		"sm"
-	],
-	"2xl": [
-		"xxl",
-		"xl",
-		"lg",
-		"md",
-		"sm"
-	]
-};
-function _(e) {
-	return s(e) ? e.type === C ? !0 : e.type === S && e.props.type === "col" : !1;
-}
-function v(e) {
-	let t = e.sm, n = e.md ?? t, r = e.lg ?? n, i = e.xl ?? r, a = e.xxl ?? i;
-	return {
-		base: a,
-		xxl: a,
-		xl: i,
-		lg: r,
-		md: n,
-		sm: t
-	};
-}
-function y(e, t) {
-	return e === !0 ? !0 : e === void 0 || e === !1 || t === "base" ? !1 : g[e]?.includes(t) ?? !1;
-}
-function b(e, t) {
-	if (t <= 0) return [];
-	if (e <= 0) return Array.from({ length: t }, () => 12);
-	let n = Math.floor(e / t), r = e % t;
-	return Array.from({ length: t }, (e, t) => {
-		let i = n + +(t < r);
-		return i >= 1 ? i : 12;
-	});
-}
-function x(e) {
-	let t = e.map((e) => v(e)), n = t.map((e) => ({ ...e }));
-	for (let r of h) {
-		let i = [], a = 0;
-		t.forEach((t, o) => {
-			if (y(e[o].hidden, r)) {
-				n[o][r] = void 0;
-				return;
-			}
-			let s = t[r];
-			if (s) {
-				a += s;
-				return;
-			}
-			i.push(o);
-		});
-		let o = b(Math.max(12 - a, 0), i.length);
-		i.forEach((e, t) => {
-			n[e][r] = o[t];
-		});
-	}
-	return n;
-}
-function S({ type: n = "row", sm: s, md: c, lg: l, xl: u, xxl: f, resolvedBase: p, hidden: m, hiddenAbove: h, align: g, spacing: y, padding: b, fsize: S, mt: C, mb: w, ml: T, mr: E, mx: D, my: O, pt: k, pb: A, pl: j, pr: M, px: N, py: P, fullWidth: F, className: I, style: L, children: R, ...z }) {
-	let B = r({ fsize: S }), V = v({
-		sm: s,
-		md: c,
-		lg: l,
-		xl: u,
-		xxl: f
-	}), H = p ?? V.base;
-	if (n === "col") return /* @__PURE__ */ d("div", {
-		className: t("grid", "col", H ? `span-${H}` : "span-auto", f && `xxl-${f}`, u && `xl-${u}`, l && `lg-${l}`, c && `md-${c}`, s && `sm-${s}`, g && `self-${g}`, ...i({
-			spacing: y,
-			padding: b,
-			fsize: S,
-			mt: C,
-			mb: w,
-			ml: T,
-			mr: E,
-			mx: D,
-			my: O,
-			pt: k,
-			pb: A,
-			pl: j,
-			pr: M,
-			px: N,
-			py: P,
-			fullWidth: F
-		}), I),
-		style: {
-			...B,
-			...L
-		},
-		...e(m, h),
-		...z,
-		children: R
-	});
-	let U = a.toArray(R), W = U.flatMap((e, t) => _(e) ? [{
-		child: e,
-		index: t
-	}] : []), G = Math.min(Math.max(W.length || U.length, 1), 12), K = W.some(({ child: e }) => {
-		let t = e.props;
-		return !!(t.hidden || t.xxl || t.xl || t.lg || t.md || t.sm);
-	}), q = K ? x(W.map(({ child: e }) => e.props)) : null, J = K && q ? U.map((e, t) => {
-		let n = W.findIndex((e) => e.index === t);
-		if (n === -1 || !_(e)) return e;
-		let r = q[n];
-		return o(e, {
-			resolvedBase: r.base,
-			xxl: r.xxl,
-			xl: r.xl,
-			lg: r.lg,
-			md: r.md,
-			sm: r.sm
-		});
-	}) : U;
-	return /* @__PURE__ */ d("div", {
-		className: t("grid", "row", K ? "tracked" : `auto-cols-${G}`, g && `align-${g}`, ...i({
-			spacing: y,
-			padding: b,
-			fsize: S,
-			mt: C,
-			mb: w,
-			ml: T,
-			mr: E,
-			mx: D,
-			my: O,
-			pt: k,
-			pb: A,
-			pl: j,
-			pr: M,
-			px: N,
-			py: P,
-			fullWidth: F ?? !0
-		}), I),
-		style: {
-			...B,
-			...L
-		},
-		...e(m),
-		...z,
-		children: J
-	});
-}
-function C({ sm: e, md: t, lg: n, xl: r, xxl: i, align: a, ...o }) {
-	return /* @__PURE__ */ d(S, {
-		type: "col",
-		sm: e,
-		md: t,
-		lg: n,
-		xl: r,
-		xxl: i,
-		align: a,
-		...o
-	});
-}
-//#endregion
-export { C as n, m as r, S as t };
-
-//# sourceMappingURL=MGrid-CYL3cbUI.js.map