@banzamel/mineralui 2.4.2 → 2.5.1

package/dist/MLoader-CViA3zBo.js

@@ -0,0 +1,44 @@
+import { C as e } from "./frameworkTexts-o43FqY1A.js";
+import { t } from "./cn-CUSXNnjF.js";
+import { t as n } from "./MText-BUWQPoBM.js";
+import { r } from "./MButton-KELyyBw1.js";
+import { t as i } from "./MStack-BwAFeGGg.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/feedback/MLoader/MLoader.tsx
+var s = {
+	xs: "xs",
+	sm: "sm",
+	md: "md",
+	lg: "lg",
+	xl: "xl"
+};
+function c({ color: c = "primary", size: l = "lg", label: u, center: d = !0, minHeight: f = "40vh", className: p, style: m, ...h }) {
+	let g = e(), _ = u ?? g.label, v = {
+		minHeight: typeof f == "number" ? `${f}px` : f,
+		...m
+	};
+	return /* @__PURE__ */ a("div", {
+		className: t("loader", d && "center", p),
+		style: v,
+		role: "status",
+		...h,
+		children: /* @__PURE__ */ o(i, {
+			align: "center",
+			children: [/* @__PURE__ */ a(r, {
+				size: l,
+				color: c,
+				label: _,
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ a(n, {
+				tone: "muted",
+				align: "center",
+				size: typeof l == "number" ? void 0 : s[l],
+				children: _
+			})]
+		})
+	});
+}
+//#endregion
+export { c as t };
+
+//# sourceMappingURL=MLoader-CViA3zBo.js.map

package/dist/MLoader-CViA3zBo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MLoader-CViA3zBo.js","names":[],"sources":["../src/components/feedback/MLoader/MLoader.tsx"],"sourcesContent":["import type {CSSProperties} from 'react'\nimport type {MSize} from '../../../theme'\nimport {MSpinner} from '../MSpinner'\nimport {MStack} from '../../layout'\nimport {MText} from '../../typography'\nimport {cn} from '../../../utils/cn'\nimport type {MLoaderProps} from './MLoader.types'\nimport './MLoader.css'\nimport {useMSpinnerTexts} from '../../../i18n/frameworkTexts'\n\nconst TEXT_SIZE: Record<MSize, MSize> = {xs: 'xs', sm: 'sm', md: 'md', lg: 'lg', xl: 'xl'}\n\n// Keep loading feedback minimal so apps can reuse it without card or alert chrome.\nexport function MLoader({\n    color = 'primary',\n    size = 'lg',\n    label: labelProp,\n    center = true,\n    minHeight = '40vh',\n    className,\n    style,\n    ...rest\n}: MLoaderProps) {\n    const texts = useMSpinnerTexts()\n    const label = labelProp ?? texts.label\n    const inlineStyle: CSSProperties = {\n        minHeight: typeof minHeight === 'number' ? `${minHeight}px` : minHeight,\n        ...style,\n    }\n\n    return (\n        // The host is the single status region; the spinner is decorative so the label is read once.\n        <div className={cn('loader', center && 'center', className)} style={inlineStyle} role=\"status\" {...rest}>\n            <MStack align={'center'}>\n                <MSpinner size={size} color={color} label={label} aria-hidden=\"true\" />\n                <MText tone={'muted'} align={'center'} size={typeof size === 'number' ? undefined : TEXT_SIZE[size]}>\n                    {label}\n                </MText>\n            </MStack>\n        </div>\n    )\n}\n"],"mappings":";;;;;;;AAUA,IAAM,IAAkC;CAAC,IAAI;CAAM,IAAI;CAAM,IAAI;CAAM,IAAI;CAAM,IAAI;CAAK;AAG1F,SAAgB,EAAQ,EACpB,WAAQ,WACR,UAAO,MACP,OAAO,GACP,YAAS,IACT,eAAY,QACZ,cACA,UACA,GAAG,KACU;CACb,IAAM,IAAQ,GAAkB,EAC1B,IAAQ,KAAa,EAAM,OAC3B,IAA6B;EAC/B,WAAW,OAAO,KAAc,WAAW,GAAG,EAAU,MAAM;EAC9D,GAAG;EACN;AAED,QAEI,kBAAC,OAAD;EAAK,WAAW,EAAG,UAAU,KAAU,UAAU,EAAU;EAAE,OAAO;EAAa,MAAK;EAAS,GAAI;YAC/F,kBAAC,GAAD;GAAQ,OAAO;aAAf,CACI,kBAAC,GAAD;IAAgB;IAAa;IAAc;IAAO,eAAY;IAAS,CAAA,EACvE,kBAAC,GAAD;IAAO,MAAM;IAAS,OAAO;IAAU,MAAM,OAAO,KAAS,WAAW,KAAA,IAAY,EAAU;cACzF;IACG,CAAA,CACH;;EACP,CAAA"}

package/dist/MLoader-DUOoOoNE.cjs

@@ -0,0 +1,2 @@
+const e=require(`./frameworkTexts-CaqdiKHW.cjs`),t=require(`./cn-DYFxgzi2.cjs`),n=require(`./MText-nsvLFsSv.cjs`),r=require(`./MButton-BxEky3xQ.cjs`),i=require(`./MStack-CGII4A-q.cjs`);require(`./core-w629c4ND.cjs`);let a=require(`react/jsx-runtime`);var o={xs:`xs`,sm:`sm`,md:`md`,lg:`lg`,xl:`xl`};function s({color:s=`primary`,size:c=`lg`,label:l,center:u=!0,minHeight:d=`40vh`,className:f,style:p,...m}){let h=e.C(),g=l??h.label,_={minHeight:typeof d==`number`?`${d}px`:d,...p};return(0,a.jsx)(`div`,{className:t.t(`loader`,u&&`center`,f),style:_,role:`status`,...m,children:(0,a.jsxs)(i.t,{align:`center`,children:[(0,a.jsx)(r.r,{size:c,color:s,label:g,"aria-hidden":`true`}),(0,a.jsx)(n.t,{tone:`muted`,align:`center`,size:typeof c==`number`?void 0:o[c],children:g})]})})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=MLoader-DUOoOoNE.cjs.map

package/dist/MLoader-DUOoOoNE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MLoader-DUOoOoNE.cjs","names":[],"sources":["../src/components/feedback/MLoader/MLoader.tsx"],"sourcesContent":["import type {CSSProperties} from 'react'\nimport type {MSize} from '../../../theme'\nimport {MSpinner} from '../MSpinner'\nimport {MStack} from '../../layout'\nimport {MText} from '../../typography'\nimport {cn} from '../../../utils/cn'\nimport type {MLoaderProps} from './MLoader.types'\nimport './MLoader.css'\nimport {useMSpinnerTexts} from '../../../i18n/frameworkTexts'\n\nconst TEXT_SIZE: Record<MSize, MSize> = {xs: 'xs', sm: 'sm', md: 'md', lg: 'lg', xl: 'xl'}\n\n// Keep loading feedback minimal so apps can reuse it without card or alert chrome.\nexport function MLoader({\n    color = 'primary',\n    size = 'lg',\n    label: labelProp,\n    center = true,\n    minHeight = '40vh',\n    className,\n    style,\n    ...rest\n}: MLoaderProps) {\n    const texts = useMSpinnerTexts()\n    const label = labelProp ?? texts.label\n    const inlineStyle: CSSProperties = {\n        minHeight: typeof minHeight === 'number' ? `${minHeight}px` : minHeight,\n        ...style,\n    }\n\n    return (\n        // The host is the single status region; the spinner is decorative so the label is read once.\n        <div className={cn('loader', center && 'center', className)} style={inlineStyle} role=\"status\" {...rest}>\n            <MStack align={'center'}>\n                <MSpinner size={size} color={color} label={label} aria-hidden=\"true\" />\n                <MText tone={'muted'} align={'center'} size={typeof size === 'number' ? undefined : TEXT_SIZE[size]}>\n                    {label}\n                </MText>\n            </MStack>\n        </div>\n    )\n}\n"],"mappings":"2PAUA,IAAM,EAAkC,CAAC,GAAI,KAAM,GAAI,KAAM,GAAI,KAAM,GAAI,KAAM,GAAI,KAAK,CAG1F,SAAgB,EAAQ,CACpB,QAAQ,UACR,OAAO,KACP,MAAO,EACP,SAAS,GACT,YAAY,OACZ,YACA,QACA,GAAG,GACU,CACb,IAAM,EAAQ,EAAA,GAAkB,CAC1B,EAAQ,GAAa,EAAM,MAC3B,EAA6B,CAC/B,UAAW,OAAO,GAAc,SAAW,GAAG,EAAU,IAAM,EAC9D,GAAG,EACN,CAED,OAEI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,SAAU,GAAU,SAAU,EAAU,CAAE,MAAO,EAAa,KAAK,SAAS,GAAI,YAC/F,EAAA,EAAA,MAAC,EAAA,EAAD,CAAQ,MAAO,kBAAf,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CAAgB,OAAa,QAAc,QAAO,cAAY,OAAS,CAAA,EACvE,EAAA,EAAA,KAAC,EAAA,EAAD,CAAO,KAAM,QAAS,MAAO,SAAU,KAAM,OAAO,GAAS,SAAW,IAAA,GAAY,EAAU,YACzF,EACG,CAAA,CACH,GACP,CAAA"}

package/dist/MPagination-BTGenxWW.js

@@ -0,0 +1,122 @@
+import { m as e, t } from "./frameworkTexts-o43FqY1A.js";
+import { Ji as n, qi as r } from "./icons-IqEBmGh3.js";
+import { t as i } from "./cn-CUSXNnjF.js";
+import { t as a } from "./MButton-KELyyBw1.js";
+import { useMemo as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/layout/MPagination/MPagination.tsx
+function l(e, t) {
+	let n = [];
+	for (let r = e; r <= t; r++) n.push(r);
+	return n;
+}
+function u(e, t, n, r) {
+	if (e <= r * 2 + n * 2 + 3) return l(1, e);
+	let i = Math.max(t - n, r + 2), a = Math.min(t + n, e - r - 1), o = i > r + 2, s = a < e - r - 1, c = l(1, r), u = l(e - r + 1, e);
+	if (!o && s) return [
+		...l(1, n * 2 + r + 2),
+		"dots",
+		...u
+	];
+	if (o && !s) {
+		let t = n * 2 + r + 2;
+		return [
+			...c,
+			"dots",
+			...l(e - t + 1, e)
+		];
+	}
+	return [
+		...c,
+		"dots",
+		...l(i, a),
+		"dots",
+		...u
+	];
+}
+function d({ total: l, page: d, pageSize: f = 10, onChange: p, siblings: m = 1, boundaries: h = 1, variant: g = "numbered", className: _, ...v }) {
+	let y = e(), b = Math.max(1, Math.ceil(l / f)), x = Math.min(Math.max(1, d), b), S = o(() => u(b, x, m, h), [
+		b,
+		x,
+		m,
+		h
+	]);
+	return g === "simple" ? /* @__PURE__ */ c("nav", {
+		"aria-label": y.paginationLabel,
+		className: i("pagination", _),
+		...v,
+		children: [
+			/* @__PURE__ */ s(a, {
+				variant: "outlined",
+				size: "sm",
+				iconOnly: !0,
+				"aria-label": y.previousPage,
+				disabled: x <= 1,
+				onClick: () => p(x - 1),
+				className: "nav",
+				children: /* @__PURE__ */ s(n, {})
+			}),
+			/* @__PURE__ */ c("span", {
+				className: "info",
+				"aria-live": "polite",
+				children: [
+					x,
+					" / ",
+					b
+				]
+			}),
+			/* @__PURE__ */ s(a, {
+				variant: "outlined",
+				size: "sm",
+				iconOnly: !0,
+				"aria-label": y.nextPage,
+				disabled: x >= b,
+				onClick: () => p(x + 1),
+				className: "nav",
+				children: /* @__PURE__ */ s(r, {})
+			})
+		]
+	}) : /* @__PURE__ */ c("nav", {
+		"aria-label": y.paginationLabel,
+		className: i("pagination", _),
+		...v,
+		children: [
+			/* @__PURE__ */ s(a, {
+				variant: "outlined",
+				size: "sm",
+				iconOnly: !0,
+				"aria-label": y.previousPage,
+				disabled: x <= 1,
+				onClick: () => p(x - 1),
+				className: "nav",
+				children: /* @__PURE__ */ s(n, {})
+			}),
+			S.map((e, n) => e === "dots" ? /* @__PURE__ */ s("span", {
+				className: "dots",
+				"aria-hidden": "true",
+				children: "…"
+			}, `dots-${n}`) : /* @__PURE__ */ s("button", {
+				type: "button",
+				className: i("btn", e === x && "active"),
+				"aria-label": t(y.pageNumber, { page: e }),
+				"aria-current": e === x ? "page" : void 0,
+				onClick: () => p(e),
+				children: e
+			}, e)),
+			/* @__PURE__ */ s(a, {
+				variant: "outlined",
+				size: "sm",
+				iconOnly: !0,
+				"aria-label": y.nextPage,
+				disabled: x >= b,
+				onClick: () => p(x + 1),
+				className: "nav",
+				children: /* @__PURE__ */ s(r, {})
+			})
+		]
+	});
+}
+//#endregion
+export { d as t };
+
+//# sourceMappingURL=MPagination-BTGenxWW.js.map

package/dist/MPagination-BTGenxWW.js.map

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

package/dist/MPagination-DitmdtCc.cjs

@@ -0,0 +1,2 @@
+const e=require(`./frameworkTexts-CaqdiKHW.cjs`),t=require(`./icons-Bp8bB9TP.cjs`),n=require(`./cn-DYFxgzi2.cjs`),r=require(`./MButton-BxEky3xQ.cjs`);require(`./core-w629c4ND.cjs`);let i=require(`react`),a=require(`react/jsx-runtime`);function o(e,t){let n=[];for(let r=e;r<=t;r++)n.push(r);return n}function s(e,t,n,r){if(e<=r*2+n*2+3)return o(1,e);let i=Math.max(t-n,r+2),a=Math.min(t+n,e-r-1),s=i>r+2,c=a<e-r-1,l=o(1,r),u=o(e-r+1,e);if(!s&&c)return[...o(1,n*2+r+2),`dots`,...u];if(s&&!c){let t=n*2+r+2;return[...l,`dots`,...o(e-t+1,e)]}return[...l,`dots`,...o(i,a),`dots`,...u]}function c({total:o,page:c,pageSize:l=10,onChange:u,siblings:d=1,boundaries:f=1,variant:p=`numbered`,className:m,...h}){let g=e.m(),_=Math.max(1,Math.ceil(o/l)),v=Math.min(Math.max(1,c),_),y=(0,i.useMemo)(()=>s(_,v,d,f),[_,v,d,f]);return p===`simple`?(0,a.jsxs)(`nav`,{"aria-label":g.paginationLabel,className:n.t(`pagination`,m),...h,children:[(0,a.jsx)(r.t,{variant:`outlined`,size:`sm`,iconOnly:!0,"aria-label":g.previousPage,disabled:v<=1,onClick:()=>u(v-1),className:`nav`,children:(0,a.jsx)(t.Ji,{})}),(0,a.jsxs)(`span`,{className:`info`,"aria-live":`polite`,children:[v,` / `,_]}),(0,a.jsx)(r.t,{variant:`outlined`,size:`sm`,iconOnly:!0,"aria-label":g.nextPage,disabled:v>=_,onClick:()=>u(v+1),className:`nav`,children:(0,a.jsx)(t.qi,{})})]}):(0,a.jsxs)(`nav`,{"aria-label":g.paginationLabel,className:n.t(`pagination`,m),...h,children:[(0,a.jsx)(r.t,{variant:`outlined`,size:`sm`,iconOnly:!0,"aria-label":g.previousPage,disabled:v<=1,onClick:()=>u(v-1),className:`nav`,children:(0,a.jsx)(t.Ji,{})}),y.map((t,r)=>t===`dots`?(0,a.jsx)(`span`,{className:`dots`,"aria-hidden":`true`,children:`…`},`dots-${r}`):(0,a.jsx)(`button`,{type:`button`,className:n.t(`btn`,t===v&&`active`),"aria-label":e.t(g.pageNumber,{page:t}),"aria-current":t===v?`page`:void 0,onClick:()=>u(t),children:t},t)),(0,a.jsx)(r.t,{variant:`outlined`,size:`sm`,iconOnly:!0,"aria-label":g.nextPage,disabled:v>=_,onClick:()=>u(v+1),className:`nav`,children:(0,a.jsx)(t.qi,{})})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});
+//# sourceMappingURL=MPagination-DitmdtCc.cjs.map

package/dist/MPagination-DitmdtCc.cjs.map

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

package/dist/MPopover-CBDbUOW6.js

@@ -0,0 +1,183 @@
+import { t as e } from "./cn-CUSXNnjF.js";
+import { a as t, c as n, i as r, n as i, o as a, s as o, t as s } from "./useModalLayer-CpOPSDbf.js";
+import { useCallback as c, useEffect as l, useRef as u, useState as d } from "react";
+import { jsx as f } from "react/jsx-runtime";
+//#region src/components/primitives/MPopover/MPopover.tsx
+function p(e) {
+	if (!e || !e.isConnected) return !1;
+	let t = e.tabIndex >= 0 && !e.hasAttribute("disabled") ? e : i(e)[0] ?? s(e)[0] ?? null;
+	return t ? (t.focus({ preventScroll: !0 }), t.ownerDocument.activeElement === t) : !1;
+}
+function m() {
+	let e = document.activeElement;
+	return !e || e === document.body || !e.isConnected;
+}
+function h({ open: s, anchorRef: h, onClose: g, placement: _ = "bottom-start", matchWidth: v = !1, offset: y = 4, zIndex: b, children: x, className: S, style: C, role: w = "listbox", "aria-label": T, "aria-labelledby": E, "aria-describedby": D, id: O, initialFocus: k, restoreFocus: A = !0, closeOnTabOut: j = !1 }) {
+	let M = u(null), N = u(!1), P = u(!1), F = u(!1), I = u(!1), L = u(A);
+	l(() => {
+		L.current = A;
+	}, [A]);
+	let R = u(null);
+	R.current === null && (R.current = a());
+	let z = R.current, [B, V] = d(null), [H, U] = d(!1), [W, G] = d(null), K = c(() => {
+		if (b !== void 0) {
+			G(b);
+			return;
+		}
+		let e = h.current;
+		if (!e || typeof window > "u") {
+			G(null);
+			return;
+		}
+		let t = e.closest(".drawer-backdrop, .modal-backdrop, .sheet-backdrop, .sidebar.mobile-open, .popover");
+		if (!t) {
+			G(null);
+			return;
+		}
+		let n = window.getComputedStyle(t).zIndex, r = Number.parseInt(n, 10);
+		G(Number.isFinite(r) ? r + 1 : null);
+	}, [h, b]), q = c(() => {
+		if (!h.current || !M.current) return;
+		let e = h.current.getBoundingClientRect(), t = M.current, n = {
+			width: t.offsetWidth,
+			height: Math.max(t.offsetHeight, t.scrollHeight + t.offsetHeight - t.clientHeight)
+		}, r = {
+			width: window.innerWidth,
+			height: window.innerHeight
+		}, i = _.startsWith("top"), a = _.startsWith("right"), o = _.startsWith("left"), s = a || o, c = _.endsWith("end"), l, u, d;
+		if (s) {
+			let t = r.width - e.right - y, i = e.left - y, o = a ? t < n.width && i > t : i < n.width && t > i;
+			U(o), u = (a ? !o : o) ? e.right + y + window.scrollX : e.left - n.width - y + window.scrollX, l = c ? e.bottom - n.height + window.scrollY : e.top + window.scrollY, l = Math.min(l, window.scrollY + r.height - n.height - 8), n.height > r.height - 16 && (d = Math.max(r.height - 16, 0), l = window.scrollY + 8);
+		} else {
+			let t = r.height - e.bottom - y, a = e.top - y, o = i ? a < n.height && t > a : t < n.height && a > t;
+			U(o);
+			let s = i ? !o : o, f = s ? a : t, p = n.height;
+			n.height > f && (d = Math.max(f - 8, 0), p = d), l = s ? e.top - p - y + window.scrollY : e.bottom + y + window.scrollY, u = c ? e.right - n.width + window.scrollX : e.left + window.scrollX;
+		}
+		u = Math.max(8, Math.min(u, r.width - n.width - 8)), l = Math.max(8 + window.scrollY, l), V({
+			top: l,
+			left: u,
+			width: v ? e.width : void 0,
+			maxHeight: d
+		});
+	}, [
+		h,
+		_,
+		y,
+		v
+	]);
+	l(() => {
+		if (!s) {
+			V(null), G(null);
+			return;
+		}
+		K(), requestAnimationFrame(q);
+		let e = typeof ResizeObserver > "u" ? null : new ResizeObserver(() => q());
+		return e && M.current && e.observe(M.current), document.addEventListener("scroll", q, {
+			capture: !0,
+			passive: !0
+		}), window.addEventListener("resize", q, { passive: !0 }), () => {
+			e?.disconnect(), document.removeEventListener("scroll", q, { capture: !0 }), window.removeEventListener("resize", q);
+		};
+	}, [
+		s,
+		K,
+		q
+	]), l(() => {
+		if (!s) return;
+		let e = (e) => {
+			e.key !== "Escape" || e.defaultPrevented || t(z) && (e.preventDefault(), g());
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [
+		s,
+		g,
+		z
+	]), l(() => {
+		if (!s || !B || !k || I.current) return;
+		I.current = !0;
+		let e = M.current;
+		if (!e) return;
+		let t = null;
+		k === "first" ? t = i(e)[0] ?? null : k !== "container" && (t = k.current), t ||= (e.hasAttribute("tabindex") || e.setAttribute("tabindex", "-1"), e), t.focus({ preventScroll: !0 });
+	}, [
+		s,
+		B,
+		k
+	]), l(() => {
+		if (s) {
+			F.current = !0, P.current = !1, I.current = !1;
+			return;
+		}
+		if (!F.current) return;
+		F.current = !1;
+		let e = N.current;
+		N.current = !1, !(!L.current || !e || P.current || !m()) && p(h.current);
+	}, [s, h]), l(() => () => {
+		!F.current || !N.current || !L.current || P.current || !m() || p(h.current);
+	}, [h]), l(() => {
+		if (s) return o({
+			id: z,
+			getPopoverEl: () => M.current,
+			getAnchorEl: () => h.current
+		});
+	}, [
+		s,
+		z,
+		h
+	]), l(() => {
+		if (!s) return;
+		let e = (e) => {
+			let t = e.target;
+			M.current?.contains(t) || h.current?.contains(t) || r(z, t) || (P.current = !0, g());
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [
+		s,
+		g,
+		h,
+		z
+	]);
+	let J = (e) => {
+		M.current?.contains(e.target) && (N.current = !0);
+	}, Y = (e) => {
+		let t = e.relatedTarget;
+		t && !M.current?.contains(t) && (N.current = !1);
+	}, X = (e) => {
+		if (!j || e.key !== "Tab" || e.defaultPrevented) return;
+		let t = M.current;
+		if (!t || !t.contains(e.target)) return;
+		let n = i(t), r = document.activeElement;
+		(n.length === 0 || (e.shiftKey ? r === n[0] || r === t : r === n[n.length - 1])) && (N.current = !1, p(h.current) && e.shiftKey && e.preventDefault(), g());
+	};
+	return s ? /* @__PURE__ */ f(n, { children: /* @__PURE__ */ f("div", {
+		ref: M,
+		className: e("popover", H ? "flipped" : "normal", S),
+		style: {
+			position: "absolute",
+			top: B?.top ?? 0,
+			left: B?.left ?? 0,
+			width: B?.width,
+			...B?.maxHeight === void 0 ? null : {
+				maxHeight: B.maxHeight,
+				overflowY: "auto"
+			},
+			zIndex: W ?? void 0,
+			visibility: B ? "visible" : "hidden",
+			...C
+		},
+		id: O,
+		role: w ?? void 0,
+		onFocus: J,
+		onBlur: Y,
+		onKeyDown: X,
+		"aria-label": T,
+		"aria-labelledby": E,
+		"aria-describedby": D,
+		children: x
+	}) }) : null;
+}
+//#endregion
+export { h as t };
+
+//# sourceMappingURL=MPopover-CBDbUOW6.js.map

package/dist/MPopover-CBDbUOW6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MPopover-CBDbUOW6.js","names":[],"sources":["../src/components/primitives/MPopover/MPopover.tsx"],"sourcesContent":["import {useState, useEffect, useRef, useCallback} from 'react'\nimport type {FocusEvent as ReactFocusEvent, KeyboardEvent as ReactKeyboardEvent} from 'react'\nimport {MPortal} from '../MPortal'\nimport {cn} from '../../../utils/cn'\nimport {getFocusable, getTabbable} from '../../../utils/useModalLayer'\nimport {isInsideDescendantPopover, isTopPopover, nextPopoverId, registerPopover} from './popoverStack'\nimport type {MPopoverProps} from './MPopover.types'\nimport './MPopover.css'\n\n// Focus the anchor itself when it is focusable, otherwise the first focusable element inside it.\nfunction focusAnchor(anchor: HTMLElement | null): boolean {\n    if (!anchor || !anchor.isConnected) return false\n    const target =\n        anchor.tabIndex >= 0 && !anchor.hasAttribute('disabled')\n            ? anchor\n            : (getTabbable(anchor)[0] ?? getFocusable(anchor)[0] ?? null)\n    if (!target) return false\n    target.focus({preventScroll: true})\n    return target.ownerDocument.activeElement === target\n}\n\nfunction focusIsLost(): boolean {\n    const active = document.activeElement\n    return !active || active === document.body || !active.isConnected\n}\n\n// Position floating content relative to an anchor with viewport-aware flipping.\nexport function MPopover({\n    open,\n    anchorRef,\n    onClose,\n    placement = 'bottom-start',\n    matchWidth = false,\n    offset = 4,\n    zIndex,\n    children,\n    className,\n    style,\n    role = 'listbox',\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    id,\n    initialFocus,\n    restoreFocus = true,\n    closeOnTabOut = false,\n}: MPopoverProps) {\n    const popoverRef = useRef<HTMLDivElement>(null)\n    // Focus bookkeeping for returning focus to the anchor (APG: focus goes back to the invoker).\n    const focusInsideRef = useRef(false)\n    const pointerCloseRef = useRef(false)\n    const wasOpenRef = useRef(false)\n    const initialFocusDoneRef = useRef(false)\n    const restoreFocusRef = useRef(restoreFocus)\n    useEffect(() => {\n        restoreFocusRef.current = restoreFocus\n    }, [restoreFocus])\n    const popoverIdRef = useRef<number>(null)\n    if (popoverIdRef.current === null) popoverIdRef.current = nextPopoverId()\n    const popoverId = popoverIdRef.current\n    const [position, setPosition] = useState<{\n        top: number\n        left: number\n        width?: number\n        maxHeight?: number\n    } | null>(null)\n    const [flipped, setFlipped] = useState(false)\n    const [layerZ, setLayerZ] = useState<number | string | null>(null)\n\n    // Lift popovers above drawers, modals and mobile sidebars when the anchor sits inside them.\n    const updateLayer = useCallback(() => {\n        if (zIndex !== undefined) {\n            setLayerZ(zIndex)\n            return\n        }\n\n        const anchor = anchorRef.current\n        if (!anchor || typeof window === 'undefined') {\n            setLayerZ(null)\n            return\n        }\n\n        const layerHost = anchor.closest(\n            '.drawer-backdrop, .modal-backdrop, .sheet-backdrop, .sidebar.mobile-open, .popover'\n        )\n        if (!layerHost) {\n            setLayerZ(null)\n            return\n        }\n\n        const computedZ = window.getComputedStyle(layerHost).zIndex\n        const parsedZ = Number.parseInt(computedZ, 10)\n        setLayerZ(Number.isFinite(parsedZ) ? parsedZ + 1 : null)\n    }, [anchorRef, zIndex])\n\n    // Recalculate popover position whenever layout or viewport constraints change.\n    const updatePosition = useCallback(() => {\n        if (!anchorRef.current || !popoverRef.current) return\n\n        const anchor = anchorRef.current.getBoundingClientRect()\n        // Layout size, not getBoundingClientRect: the open animation scales the popover, and\n        // measuring mid-animation under-reports its height by ~5 % (enough to overflow the\n        // viewport after a flip / shift).\n        // scrollHeight (plus borders) keeps the NATURAL height measurable once a max-height\n        // below caps the box, so re-measuring never oscillates between capped and uncapped.\n        const element = popoverRef.current\n        const popover = {\n            width: element.offsetWidth,\n            height: Math.max(element.offsetHeight, element.scrollHeight + element.offsetHeight - element.clientHeight),\n        }\n        const viewport = {\n            width: window.innerWidth,\n            height: window.innerHeight,\n        }\n\n        const isTop = placement.startsWith('top')\n        const isRight = placement.startsWith('right')\n        const isLeft = placement.startsWith('left')\n        const isHorizontal = isRight || isLeft\n        const isEnd = placement.endsWith('end')\n\n        let top: number\n        let left: number\n        let maxHeight: number | undefined\n\n        if (isHorizontal) {\n            // Horizontal placement: position to the right or left of the anchor\n            const spaceRight = viewport.width - anchor.right - offset\n            const spaceLeft = anchor.left - offset\n            const shouldFlip = isRight\n                ? spaceRight < popover.width && spaceLeft > spaceRight\n                : spaceLeft < popover.width && spaceRight > spaceLeft\n\n            setFlipped(shouldFlip)\n\n            const showOnRight = isRight ? !shouldFlip : shouldFlip\n\n            if (showOnRight) {\n                left = anchor.right + offset + window.scrollX\n            } else {\n                left = anchor.left - popover.width - offset + window.scrollX\n            }\n\n            if (isEnd) {\n                top = anchor.bottom - popover.height + window.scrollY\n            } else {\n                top = anchor.top + window.scrollY\n            }\n\n            // Shift along the anchor edge so a side popover near the bottom of the viewport\n            // slides up instead of running off-screen (the top clamp below wins when it is\n            // taller than the viewport).\n            top = Math.min(top, window.scrollY + viewport.height - popover.height - 8)\n\n            // Taller than the viewport: cap it and let it scroll instead of running off-screen.\n            if (popover.height > viewport.height - 16) {\n                maxHeight = Math.max(viewport.height - 16, 0)\n                top = window.scrollY + 8\n            }\n        } else {\n            // Vertical placement: position above or below the anchor\n            const spaceBelow = viewport.height - anchor.bottom - offset\n            const spaceAbove = anchor.top - offset\n            const shouldFlip = isTop\n                ? spaceAbove < popover.height && spaceBelow > spaceAbove\n                : spaceBelow < popover.height && spaceAbove > spaceBelow\n\n            setFlipped(shouldFlip)\n\n            const showOnTop = isTop ? !shouldFlip : shouldFlip\n\n            // Fits on neither side: the flip above already picked the side with more room,\n            // so cap the height to that side and scroll, instead of clamping `top` and\n            // covering the anchor (the field the user is typing into).\n            const room = showOnTop ? spaceAbove : spaceBelow\n            let height = popover.height\n            if (popover.height > room) {\n                maxHeight = Math.max(room - 8, 0)\n                height = maxHeight\n            }\n\n            if (showOnTop) {\n                top = anchor.top - height - offset + window.scrollY\n            } else {\n                top = anchor.bottom + offset + window.scrollY\n            }\n\n            if (isEnd) {\n                left = anchor.right - popover.width + window.scrollX\n            } else {\n                left = anchor.left + window.scrollX\n            }\n        }\n\n        // Clamp to viewport\n        left = Math.max(8, Math.min(left, viewport.width - popover.width - 8))\n        top = Math.max(8 + window.scrollY, top)\n\n        setPosition({\n            top,\n            left,\n            width: matchWidth ? anchor.width : undefined,\n            maxHeight,\n        })\n    }, [anchorRef, placement, offset, matchWidth])\n\n    useEffect(() => {\n        if (!open) {\n            setPosition(null)\n            setLayerZ(null)\n            return\n        }\n\n        updateLayer()\n        // Wait one frame so the rendered popover can be measured accurately.\n        requestAnimationFrame(updatePosition)\n\n        // Content that grows after opening (images, expanded lists) must re-run the\n        // flip / shift, or the popover drifts past the viewport edge.\n        const resizeObserver = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(() => updatePosition())\n        if (resizeObserver && popoverRef.current) {\n            resizeObserver.observe(popoverRef.current)\n        }\n\n        // `scroll` does not bubble, so a window listener only ever sees the\n        // document scrolling. Anchors living inside a scrollable ancestor — an\n        // app shell with a scrolling main region, MStickyPanel, an overflowing\n        // card — would leave the popover stranded at its opening coordinates\n        // while the anchor moved away underneath it. Scroll events do capture,\n        // so a capture-phase listener on the document catches scrolling from\n        // ANY container, including the document itself.\n        document.addEventListener('scroll', updatePosition, {capture: true, passive: true})\n        window.addEventListener('resize', updatePosition, {passive: true})\n        return () => {\n            resizeObserver?.disconnect()\n            document.removeEventListener('scroll', updatePosition, {capture: true})\n            window.removeEventListener('resize', updatePosition)\n        }\n    }, [open, updateLayer, updatePosition])\n\n    // Escape closes only the top layer: a nested popover (or a widget inside that already\n    // consumed the key with preventDefault) closes first, its parent on the next press.\n    useEffect(() => {\n        if (!open) return\n        const handleKey = (e: KeyboardEvent) => {\n            if (e.key !== 'Escape' || e.defaultPrevented) return\n            if (!isTopPopover(popoverId)) return\n            e.preventDefault()\n            onClose()\n        }\n        document.addEventListener('keydown', handleKey)\n        return () => document.removeEventListener('keydown', handleKey)\n    }, [open, onClose, popoverId])\n\n    // Move focus into the layer once it is positioned (a `visibility: hidden` box cannot take focus).\n    useEffect(() => {\n        if (!open || !position || !initialFocus || initialFocusDoneRef.current) return\n        initialFocusDoneRef.current = true\n        const container = popoverRef.current\n        if (!container) return\n\n        let target: HTMLElement | null = null\n        if (initialFocus === 'first') target = getTabbable(container)[0] ?? null\n        else if (initialFocus !== 'container') target = initialFocus.current\n        if (!target) {\n            if (!container.hasAttribute('tabindex')) container.setAttribute('tabindex', '-1')\n            target = container\n        }\n        target.focus({preventScroll: true})\n    }, [open, position, initialFocus])\n\n    // Return focus to the anchor when the layer closes while it held focus, unless the\n    // user dismissed it by pressing somewhere else (that click owns focus now).\n    useEffect(() => {\n        if (open) {\n            wasOpenRef.current = true\n            pointerCloseRef.current = false\n            initialFocusDoneRef.current = false\n            return\n        }\n        if (!wasOpenRef.current) return\n        wasOpenRef.current = false\n        const hadFocus = focusInsideRef.current\n        focusInsideRef.current = false\n        if (!restoreFocusRef.current || !hadFocus || pointerCloseRef.current || !focusIsLost()) return\n        focusAnchor(anchorRef.current)\n    }, [open, anchorRef])\n\n    // Same when the whole component unmounts while open.\n    useEffect(\n        () => () => {\n            if (!wasOpenRef.current || !focusInsideRef.current || !restoreFocusRef.current) return\n            if (pointerCloseRef.current || !focusIsLost()) return\n            focusAnchor(anchorRef.current)\n        },\n        [anchorRef]\n    )\n\n    // Publish this instance while it is open so nested popovers can be related\n    // back to it — see popoverStack.ts for why the DOM alone cannot answer this.\n    useEffect(() => {\n        if (!open) return\n        return registerPopover({\n            id: popoverId,\n            getPopoverEl: () => popoverRef.current,\n            getAnchorEl: () => anchorRef.current,\n        })\n    }, [open, popoverId, anchorRef])\n\n    // Close when the user interacts outside both the popover and its anchor.\n    useEffect(() => {\n        if (!open) return\n        const handleClick = (e: MouseEvent) => {\n            const target = e.target as Node\n\n            if (popoverRef.current?.contains(target) || anchorRef.current?.contains(target)) {\n                return\n            }\n\n            // A popover nested inside this one is portaled to `document.body`,\n            // so it fails the `contains` checks above even though the click\n            // belongs to this popover's own subtree. Closing here would unmount\n            // that child between mousedown and mouseup and swallow its click.\n            if (isInsideDescendantPopover(popoverId, target)) {\n                return\n            }\n\n            pointerCloseRef.current = true\n            onClose()\n        }\n        document.addEventListener('mousedown', handleClick)\n        return () => document.removeEventListener('mousedown', handleClick)\n    }, [open, onClose, anchorRef, popoverId])\n\n    const handleFocus = (e: ReactFocusEvent<HTMLDivElement>) => {\n        if (popoverRef.current?.contains(e.target as Node)) focusInsideRef.current = true\n    }\n\n    const handleBlur = (e: ReactFocusEvent<HTMLDivElement>) => {\n        const next = e.relatedTarget as Node | null\n        if (next && !popoverRef.current?.contains(next)) focusInsideRef.current = false\n    }\n\n    // Optional Tab-out: leaving the layer with Tab closes it and continues from the anchor.\n    const handleKeyDown = (e: ReactKeyboardEvent<HTMLDivElement>) => {\n        if (!closeOnTabOut || e.key !== 'Tab' || e.defaultPrevented) return\n        const container = popoverRef.current\n        if (!container || !container.contains(e.target as Node)) return\n\n        const focusable = getTabbable(container)\n        const active = document.activeElement\n        const leaving =\n            focusable.length === 0 ||\n            (e.shiftKey ? active === focusable[0] || active === container : active === focusable[focusable.length - 1])\n        if (!leaving) return\n\n        focusInsideRef.current = false\n        // Forward Tab: focus the anchor and let the browser move on from there.\n        // Shift+Tab: land on the anchor itself.\n        if (focusAnchor(anchorRef.current) && e.shiftKey) e.preventDefault()\n        onClose()\n    }\n\n    if (!open) return null\n\n    return (\n        <MPortal>\n            <div\n                ref={popoverRef}\n                className={cn('popover', flipped ? 'flipped' : 'normal', className)}\n                style={{\n                    position: 'absolute',\n                    top: position?.top ?? 0,\n                    left: position?.left ?? 0,\n                    width: position?.width,\n                    ...(position?.maxHeight !== undefined\n                        ? {maxHeight: position.maxHeight, overflowY: 'auto' as const}\n                        : null),\n                    zIndex: layerZ ?? undefined,\n                    visibility: position ? 'visible' : 'hidden',\n                    ...style,\n                }}\n                id={id}\n                role={role ?? undefined}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                onKeyDown={handleKeyDown}\n                aria-label={ariaLabel}\n                aria-labelledby={ariaLabelledBy}\n                aria-describedby={ariaDescribedBy}\n            >\n                {children}\n            </div>\n        </MPortal>\n    )\n}\n"],"mappings":"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"}

package/dist/MPopover-ZeoU9hb5.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-DYFxgzi2.cjs`),t=require(`./useModalLayer-Cyt93Prs.cjs`);require(`./core-w629c4ND.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);function i(e){if(!e||!e.isConnected)return!1;let n=e.tabIndex>=0&&!e.hasAttribute(`disabled`)?e:t.n(e)[0]??t.t(e)[0]??null;return n?(n.focus({preventScroll:!0}),n.ownerDocument.activeElement===n):!1}function a(){let e=document.activeElement;return!e||e===document.body||!e.isConnected}function o({open:o,anchorRef:s,onClose:c,placement:l=`bottom-start`,matchWidth:u=!1,offset:d=4,zIndex:f,children:p,className:m,style:h,role:g=`listbox`,"aria-label":_,"aria-labelledby":v,"aria-describedby":y,id:b,initialFocus:x,restoreFocus:S=!0,closeOnTabOut:C=!1}){let w=(0,n.useRef)(null),T=(0,n.useRef)(!1),E=(0,n.useRef)(!1),D=(0,n.useRef)(!1),O=(0,n.useRef)(!1),k=(0,n.useRef)(S);(0,n.useEffect)(()=>{k.current=S},[S]);let A=(0,n.useRef)(null);A.current===null&&(A.current=t.o());let j=A.current,[M,N]=(0,n.useState)(null),[P,F]=(0,n.useState)(!1),[I,L]=(0,n.useState)(null),R=(0,n.useCallback)(()=>{if(f!==void 0){L(f);return}let e=s.current;if(!e||typeof window>`u`){L(null);return}let t=e.closest(`.drawer-backdrop, .modal-backdrop, .sheet-backdrop, .sidebar.mobile-open, .popover`);if(!t){L(null);return}let n=window.getComputedStyle(t).zIndex,r=Number.parseInt(n,10);L(Number.isFinite(r)?r+1:null)},[s,f]),z=(0,n.useCallback)(()=>{if(!s.current||!w.current)return;let e=s.current.getBoundingClientRect(),t=w.current,n={width:t.offsetWidth,height:Math.max(t.offsetHeight,t.scrollHeight+t.offsetHeight-t.clientHeight)},r={width:window.innerWidth,height:window.innerHeight},i=l.startsWith(`top`),a=l.startsWith(`right`),o=l.startsWith(`left`),c=a||o,f=l.endsWith(`end`),p,m,h;if(c){let t=r.width-e.right-d,i=e.left-d,o=a?t<n.width&&i>t:i<n.width&&t>i;F(o),m=(a?!o:o)?e.right+d+window.scrollX:e.left-n.width-d+window.scrollX,p=f?e.bottom-n.height+window.scrollY:e.top+window.scrollY,p=Math.min(p,window.scrollY+r.height-n.height-8),n.height>r.height-16&&(h=Math.max(r.height-16,0),p=window.scrollY+8)}else{let t=r.height-e.bottom-d,a=e.top-d,o=i?a<n.height&&t>a:t<n.height&&a>t;F(o);let s=i?!o:o,c=s?a:t,l=n.height;n.height>c&&(h=Math.max(c-8,0),l=h),p=s?e.top-l-d+window.scrollY:e.bottom+d+window.scrollY,m=f?e.right-n.width+window.scrollX:e.left+window.scrollX}m=Math.max(8,Math.min(m,r.width-n.width-8)),p=Math.max(8+window.scrollY,p),N({top:p,left:m,width:u?e.width:void 0,maxHeight:h})},[s,l,d,u]);(0,n.useEffect)(()=>{if(!o){N(null),L(null);return}R(),requestAnimationFrame(z);let e=typeof ResizeObserver>`u`?null:new ResizeObserver(()=>z());return e&&w.current&&e.observe(w.current),document.addEventListener(`scroll`,z,{capture:!0,passive:!0}),window.addEventListener(`resize`,z,{passive:!0}),()=>{e?.disconnect(),document.removeEventListener(`scroll`,z,{capture:!0}),window.removeEventListener(`resize`,z)}},[o,R,z]),(0,n.useEffect)(()=>{if(!o)return;let e=e=>{e.key!==`Escape`||e.defaultPrevented||t.a(j)&&(e.preventDefault(),c())};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[o,c,j]),(0,n.useEffect)(()=>{if(!o||!M||!x||O.current)return;O.current=!0;let e=w.current;if(!e)return;let n=null;x===`first`?n=t.n(e)[0]??null:x!==`container`&&(n=x.current),n||=(e.hasAttribute(`tabindex`)||e.setAttribute(`tabindex`,`-1`),e),n.focus({preventScroll:!0})},[o,M,x]),(0,n.useEffect)(()=>{if(o){D.current=!0,E.current=!1,O.current=!1;return}if(!D.current)return;D.current=!1;let e=T.current;T.current=!1,!(!k.current||!e||E.current||!a())&&i(s.current)},[o,s]),(0,n.useEffect)(()=>()=>{!D.current||!T.current||!k.current||E.current||!a()||i(s.current)},[s]),(0,n.useEffect)(()=>{if(o)return t.s({id:j,getPopoverEl:()=>w.current,getAnchorEl:()=>s.current})},[o,j,s]),(0,n.useEffect)(()=>{if(!o)return;let e=e=>{let n=e.target;w.current?.contains(n)||s.current?.contains(n)||t.i(j,n)||(E.current=!0,c())};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[o,c,s,j]);let B=e=>{w.current?.contains(e.target)&&(T.current=!0)},V=e=>{let t=e.relatedTarget;t&&!w.current?.contains(t)&&(T.current=!1)},H=e=>{if(!C||e.key!==`Tab`||e.defaultPrevented)return;let n=w.current;if(!n||!n.contains(e.target))return;let r=t.n(n),a=document.activeElement;(r.length===0||(e.shiftKey?a===r[0]||a===n:a===r[r.length-1]))&&(T.current=!1,i(s.current)&&e.shiftKey&&e.preventDefault(),c())};return o?(0,r.jsx)(t.c,{children:(0,r.jsx)(`div`,{ref:w,className:e.t(`popover`,P?`flipped`:`normal`,m),style:{position:`absolute`,top:M?.top??0,left:M?.left??0,width:M?.width,...M?.maxHeight===void 0?null:{maxHeight:M.maxHeight,overflowY:`auto`},zIndex:I??void 0,visibility:M?`visible`:`hidden`,...h},id:b,role:g??void 0,onFocus:B,onBlur:V,onKeyDown:H,"aria-label":_,"aria-labelledby":v,"aria-describedby":y,children:p})}):null}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=MPopover-ZeoU9hb5.cjs.map

package/dist/MPopover-ZeoU9hb5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MPopover-ZeoU9hb5.cjs","names":[],"sources":["../src/components/primitives/MPopover/MPopover.tsx"],"sourcesContent":["import {useState, useEffect, useRef, useCallback} from 'react'\nimport type {FocusEvent as ReactFocusEvent, KeyboardEvent as ReactKeyboardEvent} from 'react'\nimport {MPortal} from '../MPortal'\nimport {cn} from '../../../utils/cn'\nimport {getFocusable, getTabbable} from '../../../utils/useModalLayer'\nimport {isInsideDescendantPopover, isTopPopover, nextPopoverId, registerPopover} from './popoverStack'\nimport type {MPopoverProps} from './MPopover.types'\nimport './MPopover.css'\n\n// Focus the anchor itself when it is focusable, otherwise the first focusable element inside it.\nfunction focusAnchor(anchor: HTMLElement | null): boolean {\n    if (!anchor || !anchor.isConnected) return false\n    const target =\n        anchor.tabIndex >= 0 && !anchor.hasAttribute('disabled')\n            ? anchor\n            : (getTabbable(anchor)[0] ?? getFocusable(anchor)[0] ?? null)\n    if (!target) return false\n    target.focus({preventScroll: true})\n    return target.ownerDocument.activeElement === target\n}\n\nfunction focusIsLost(): boolean {\n    const active = document.activeElement\n    return !active || active === document.body || !active.isConnected\n}\n\n// Position floating content relative to an anchor with viewport-aware flipping.\nexport function MPopover({\n    open,\n    anchorRef,\n    onClose,\n    placement = 'bottom-start',\n    matchWidth = false,\n    offset = 4,\n    zIndex,\n    children,\n    className,\n    style,\n    role = 'listbox',\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    id,\n    initialFocus,\n    restoreFocus = true,\n    closeOnTabOut = false,\n}: MPopoverProps) {\n    const popoverRef = useRef<HTMLDivElement>(null)\n    // Focus bookkeeping for returning focus to the anchor (APG: focus goes back to the invoker).\n    const focusInsideRef = useRef(false)\n    const pointerCloseRef = useRef(false)\n    const wasOpenRef = useRef(false)\n    const initialFocusDoneRef = useRef(false)\n    const restoreFocusRef = useRef(restoreFocus)\n    useEffect(() => {\n        restoreFocusRef.current = restoreFocus\n    }, [restoreFocus])\n    const popoverIdRef = useRef<number>(null)\n    if (popoverIdRef.current === null) popoverIdRef.current = nextPopoverId()\n    const popoverId = popoverIdRef.current\n    const [position, setPosition] = useState<{\n        top: number\n        left: number\n        width?: number\n        maxHeight?: number\n    } | null>(null)\n    const [flipped, setFlipped] = useState(false)\n    const [layerZ, setLayerZ] = useState<number | string | null>(null)\n\n    // Lift popovers above drawers, modals and mobile sidebars when the anchor sits inside them.\n    const updateLayer = useCallback(() => {\n        if (zIndex !== undefined) {\n            setLayerZ(zIndex)\n            return\n        }\n\n        const anchor = anchorRef.current\n        if (!anchor || typeof window === 'undefined') {\n            setLayerZ(null)\n            return\n        }\n\n        const layerHost = anchor.closest(\n            '.drawer-backdrop, .modal-backdrop, .sheet-backdrop, .sidebar.mobile-open, .popover'\n        )\n        if (!layerHost) {\n            setLayerZ(null)\n            return\n        }\n\n        const computedZ = window.getComputedStyle(layerHost).zIndex\n        const parsedZ = Number.parseInt(computedZ, 10)\n        setLayerZ(Number.isFinite(parsedZ) ? parsedZ + 1 : null)\n    }, [anchorRef, zIndex])\n\n    // Recalculate popover position whenever layout or viewport constraints change.\n    const updatePosition = useCallback(() => {\n        if (!anchorRef.current || !popoverRef.current) return\n\n        const anchor = anchorRef.current.getBoundingClientRect()\n        // Layout size, not getBoundingClientRect: the open animation scales the popover, and\n        // measuring mid-animation under-reports its height by ~5 % (enough to overflow the\n        // viewport after a flip / shift).\n        // scrollHeight (plus borders) keeps the NATURAL height measurable once a max-height\n        // below caps the box, so re-measuring never oscillates between capped and uncapped.\n        const element = popoverRef.current\n        const popover = {\n            width: element.offsetWidth,\n            height: Math.max(element.offsetHeight, element.scrollHeight + element.offsetHeight - element.clientHeight),\n        }\n        const viewport = {\n            width: window.innerWidth,\n            height: window.innerHeight,\n        }\n\n        const isTop = placement.startsWith('top')\n        const isRight = placement.startsWith('right')\n        const isLeft = placement.startsWith('left')\n        const isHorizontal = isRight || isLeft\n        const isEnd = placement.endsWith('end')\n\n        let top: number\n        let left: number\n        let maxHeight: number | undefined\n\n        if (isHorizontal) {\n            // Horizontal placement: position to the right or left of the anchor\n            const spaceRight = viewport.width - anchor.right - offset\n            const spaceLeft = anchor.left - offset\n            const shouldFlip = isRight\n                ? spaceRight < popover.width && spaceLeft > spaceRight\n                : spaceLeft < popover.width && spaceRight > spaceLeft\n\n            setFlipped(shouldFlip)\n\n            const showOnRight = isRight ? !shouldFlip : shouldFlip\n\n            if (showOnRight) {\n                left = anchor.right + offset + window.scrollX\n            } else {\n                left = anchor.left - popover.width - offset + window.scrollX\n            }\n\n            if (isEnd) {\n                top = anchor.bottom - popover.height + window.scrollY\n            } else {\n                top = anchor.top + window.scrollY\n            }\n\n            // Shift along the anchor edge so a side popover near the bottom of the viewport\n            // slides up instead of running off-screen (the top clamp below wins when it is\n            // taller than the viewport).\n            top = Math.min(top, window.scrollY + viewport.height - popover.height - 8)\n\n            // Taller than the viewport: cap it and let it scroll instead of running off-screen.\n            if (popover.height > viewport.height - 16) {\n                maxHeight = Math.max(viewport.height - 16, 0)\n                top = window.scrollY + 8\n            }\n        } else {\n            // Vertical placement: position above or below the anchor\n            const spaceBelow = viewport.height - anchor.bottom - offset\n            const spaceAbove = anchor.top - offset\n            const shouldFlip = isTop\n                ? spaceAbove < popover.height && spaceBelow > spaceAbove\n                : spaceBelow < popover.height && spaceAbove > spaceBelow\n\n            setFlipped(shouldFlip)\n\n            const showOnTop = isTop ? !shouldFlip : shouldFlip\n\n            // Fits on neither side: the flip above already picked the side with more room,\n            // so cap the height to that side and scroll, instead of clamping `top` and\n            // covering the anchor (the field the user is typing into).\n            const room = showOnTop ? spaceAbove : spaceBelow\n            let height = popover.height\n            if (popover.height > room) {\n                maxHeight = Math.max(room - 8, 0)\n                height = maxHeight\n            }\n\n            if (showOnTop) {\n                top = anchor.top - height - offset + window.scrollY\n            } else {\n                top = anchor.bottom + offset + window.scrollY\n            }\n\n            if (isEnd) {\n                left = anchor.right - popover.width + window.scrollX\n            } else {\n                left = anchor.left + window.scrollX\n            }\n        }\n\n        // Clamp to viewport\n        left = Math.max(8, Math.min(left, viewport.width - popover.width - 8))\n        top = Math.max(8 + window.scrollY, top)\n\n        setPosition({\n            top,\n            left,\n            width: matchWidth ? anchor.width : undefined,\n            maxHeight,\n        })\n    }, [anchorRef, placement, offset, matchWidth])\n\n    useEffect(() => {\n        if (!open) {\n            setPosition(null)\n            setLayerZ(null)\n            return\n        }\n\n        updateLayer()\n        // Wait one frame so the rendered popover can be measured accurately.\n        requestAnimationFrame(updatePosition)\n\n        // Content that grows after opening (images, expanded lists) must re-run the\n        // flip / shift, or the popover drifts past the viewport edge.\n        const resizeObserver = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(() => updatePosition())\n        if (resizeObserver && popoverRef.current) {\n            resizeObserver.observe(popoverRef.current)\n        }\n\n        // `scroll` does not bubble, so a window listener only ever sees the\n        // document scrolling. Anchors living inside a scrollable ancestor — an\n        // app shell with a scrolling main region, MStickyPanel, an overflowing\n        // card — would leave the popover stranded at its opening coordinates\n        // while the anchor moved away underneath it. Scroll events do capture,\n        // so a capture-phase listener on the document catches scrolling from\n        // ANY container, including the document itself.\n        document.addEventListener('scroll', updatePosition, {capture: true, passive: true})\n        window.addEventListener('resize', updatePosition, {passive: true})\n        return () => {\n            resizeObserver?.disconnect()\n            document.removeEventListener('scroll', updatePosition, {capture: true})\n            window.removeEventListener('resize', updatePosition)\n        }\n    }, [open, updateLayer, updatePosition])\n\n    // Escape closes only the top layer: a nested popover (or a widget inside that already\n    // consumed the key with preventDefault) closes first, its parent on the next press.\n    useEffect(() => {\n        if (!open) return\n        const handleKey = (e: KeyboardEvent) => {\n            if (e.key !== 'Escape' || e.defaultPrevented) return\n            if (!isTopPopover(popoverId)) return\n            e.preventDefault()\n            onClose()\n        }\n        document.addEventListener('keydown', handleKey)\n        return () => document.removeEventListener('keydown', handleKey)\n    }, [open, onClose, popoverId])\n\n    // Move focus into the layer once it is positioned (a `visibility: hidden` box cannot take focus).\n    useEffect(() => {\n        if (!open || !position || !initialFocus || initialFocusDoneRef.current) return\n        initialFocusDoneRef.current = true\n        const container = popoverRef.current\n        if (!container) return\n\n        let target: HTMLElement | null = null\n        if (initialFocus === 'first') target = getTabbable(container)[0] ?? null\n        else if (initialFocus !== 'container') target = initialFocus.current\n        if (!target) {\n            if (!container.hasAttribute('tabindex')) container.setAttribute('tabindex', '-1')\n            target = container\n        }\n        target.focus({preventScroll: true})\n    }, [open, position, initialFocus])\n\n    // Return focus to the anchor when the layer closes while it held focus, unless the\n    // user dismissed it by pressing somewhere else (that click owns focus now).\n    useEffect(() => {\n        if (open) {\n            wasOpenRef.current = true\n            pointerCloseRef.current = false\n            initialFocusDoneRef.current = false\n            return\n        }\n        if (!wasOpenRef.current) return\n        wasOpenRef.current = false\n        const hadFocus = focusInsideRef.current\n        focusInsideRef.current = false\n        if (!restoreFocusRef.current || !hadFocus || pointerCloseRef.current || !focusIsLost()) return\n        focusAnchor(anchorRef.current)\n    }, [open, anchorRef])\n\n    // Same when the whole component unmounts while open.\n    useEffect(\n        () => () => {\n            if (!wasOpenRef.current || !focusInsideRef.current || !restoreFocusRef.current) return\n            if (pointerCloseRef.current || !focusIsLost()) return\n            focusAnchor(anchorRef.current)\n        },\n        [anchorRef]\n    )\n\n    // Publish this instance while it is open so nested popovers can be related\n    // back to it — see popoverStack.ts for why the DOM alone cannot answer this.\n    useEffect(() => {\n        if (!open) return\n        return registerPopover({\n            id: popoverId,\n            getPopoverEl: () => popoverRef.current,\n            getAnchorEl: () => anchorRef.current,\n        })\n    }, [open, popoverId, anchorRef])\n\n    // Close when the user interacts outside both the popover and its anchor.\n    useEffect(() => {\n        if (!open) return\n        const handleClick = (e: MouseEvent) => {\n            const target = e.target as Node\n\n            if (popoverRef.current?.contains(target) || anchorRef.current?.contains(target)) {\n                return\n            }\n\n            // A popover nested inside this one is portaled to `document.body`,\n            // so it fails the `contains` checks above even though the click\n            // belongs to this popover's own subtree. Closing here would unmount\n            // that child between mousedown and mouseup and swallow its click.\n            if (isInsideDescendantPopover(popoverId, target)) {\n                return\n            }\n\n            pointerCloseRef.current = true\n            onClose()\n        }\n        document.addEventListener('mousedown', handleClick)\n        return () => document.removeEventListener('mousedown', handleClick)\n    }, [open, onClose, anchorRef, popoverId])\n\n    const handleFocus = (e: ReactFocusEvent<HTMLDivElement>) => {\n        if (popoverRef.current?.contains(e.target as Node)) focusInsideRef.current = true\n    }\n\n    const handleBlur = (e: ReactFocusEvent<HTMLDivElement>) => {\n        const next = e.relatedTarget as Node | null\n        if (next && !popoverRef.current?.contains(next)) focusInsideRef.current = false\n    }\n\n    // Optional Tab-out: leaving the layer with Tab closes it and continues from the anchor.\n    const handleKeyDown = (e: ReactKeyboardEvent<HTMLDivElement>) => {\n        if (!closeOnTabOut || e.key !== 'Tab' || e.defaultPrevented) return\n        const container = popoverRef.current\n        if (!container || !container.contains(e.target as Node)) return\n\n        const focusable = getTabbable(container)\n        const active = document.activeElement\n        const leaving =\n            focusable.length === 0 ||\n            (e.shiftKey ? active === focusable[0] || active === container : active === focusable[focusable.length - 1])\n        if (!leaving) return\n\n        focusInsideRef.current = false\n        // Forward Tab: focus the anchor and let the browser move on from there.\n        // Shift+Tab: land on the anchor itself.\n        if (focusAnchor(anchorRef.current) && e.shiftKey) e.preventDefault()\n        onClose()\n    }\n\n    if (!open) return null\n\n    return (\n        <MPortal>\n            <div\n                ref={popoverRef}\n                className={cn('popover', flipped ? 'flipped' : 'normal', className)}\n                style={{\n                    position: 'absolute',\n                    top: position?.top ?? 0,\n                    left: position?.left ?? 0,\n                    width: position?.width,\n                    ...(position?.maxHeight !== undefined\n                        ? {maxHeight: position.maxHeight, overflowY: 'auto' as const}\n                        : null),\n                    zIndex: layerZ ?? undefined,\n                    visibility: position ? 'visible' : 'hidden',\n                    ...style,\n                }}\n                id={id}\n                role={role ?? undefined}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                onKeyDown={handleKeyDown}\n                aria-label={ariaLabel}\n                aria-labelledby={ariaLabelledBy}\n                aria-describedby={ariaDescribedBy}\n            >\n                {children}\n            </div>\n        </MPortal>\n    )\n}\n"],"mappings":"oKAUA,SAAS,EAAY,EAAqC,CACtD,GAAI,CAAC,GAAU,CAAC,EAAO,YAAa,MAAO,GAC3C,IAAM,EACF,EAAO,UAAY,GAAK,CAAC,EAAO,aAAa,WAAW,CAClD,EACC,EAAA,EAAY,EAAO,CAAC,IAAM,EAAA,EAAa,EAAO,CAAC,IAAM,KAGhE,OAFK,GACL,EAAO,MAAM,CAAC,cAAe,GAAK,CAAC,CAC5B,EAAO,cAAc,gBAAkB,GAF1B,GAKxB,SAAS,GAAuB,CAC5B,IAAM,EAAS,SAAS,cACxB,MAAO,CAAC,GAAU,IAAW,SAAS,MAAQ,CAAC,EAAO,YAI1D,SAAgB,EAAS,CACrB,OACA,YACA,UACA,YAAY,eACZ,aAAa,GACb,SAAS,EACT,SACA,WACA,YACA,QACA,OAAO,UACP,aAAc,EACd,kBAAmB,EACnB,mBAAoB,EACpB,KACA,eACA,eAAe,GACf,gBAAgB,IACF,CACd,IAAM,GAAA,EAAA,EAAA,QAAoC,KAAK,CAEzC,GAAA,EAAA,EAAA,QAAwB,GAAM,CAC9B,GAAA,EAAA,EAAA,QAAyB,GAAM,CAC/B,GAAA,EAAA,EAAA,QAAoB,GAAM,CAC1B,GAAA,EAAA,EAAA,QAA6B,GAAM,CACnC,GAAA,EAAA,EAAA,QAAyB,EAAa,EAC5C,EAAA,EAAA,eAAgB,CACZ,EAAgB,QAAU,GAC3B,CAAC,EAAa,CAAC,CAClB,IAAM,GAAA,EAAA,EAAA,QAA8B,KAAK,CACrC,EAAa,UAAY,OAAM,EAAa,QAAU,EAAA,GAAe,EACzE,IAAM,EAAY,EAAa,QACzB,CAAC,EAAU,IAAA,EAAA,EAAA,UAKP,KAAK,CACT,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAM,CACvC,CAAC,EAAQ,IAAA,EAAA,EAAA,UAA8C,KAAK,CAG5D,GAAA,EAAA,EAAA,iBAAgC,CAClC,GAAI,IAAW,IAAA,GAAW,CACtB,EAAU,EAAO,CACjB,OAGJ,IAAM,EAAS,EAAU,QACzB,GAAI,CAAC,GAAU,OAAO,OAAW,IAAa,CAC1C,EAAU,KAAK,CACf,OAGJ,IAAM,EAAY,EAAO,QACrB,qFACH,CACD,GAAI,CAAC,EAAW,CACZ,EAAU,KAAK,CACf,OAGJ,IAAM,EAAY,OAAO,iBAAiB,EAAU,CAAC,OAC/C,EAAU,OAAO,SAAS,EAAW,GAAG,CAC9C,EAAU,OAAO,SAAS,EAAQ,CAAG,EAAU,EAAI,KAAK,EACzD,CAAC,EAAW,EAAO,CAAC,CAGjB,GAAA,EAAA,EAAA,iBAAmC,CACrC,GAAI,CAAC,EAAU,SAAW,CAAC,EAAW,QAAS,OAE/C,IAAM,EAAS,EAAU,QAAQ,uBAAuB,CAMlD,EAAU,EAAW,QACrB,EAAU,CACZ,MAAO,EAAQ,YACf,OAAQ,KAAK,IAAI,EAAQ,aAAc,EAAQ,aAAe,EAAQ,aAAe,EAAQ,aAAa,CAC7G,CACK,EAAW,CACb,MAAO,OAAO,WACd,OAAQ,OAAO,YAClB,CAEK,EAAQ,EAAU,WAAW,MAAM,CACnC,EAAU,EAAU,WAAW,QAAQ,CACvC,EAAS,EAAU,WAAW,OAAO,CACrC,EAAe,GAAW,EAC1B,EAAQ,EAAU,SAAS,MAAM,CAEnC,EACA,EACA,EAEJ,GAAI,EAAc,CAEd,IAAM,EAAa,EAAS,MAAQ,EAAO,MAAQ,EAC7C,EAAY,EAAO,KAAO,EAC1B,EAAa,EACb,EAAa,EAAQ,OAAS,EAAY,EAC1C,EAAY,EAAQ,OAAS,EAAa,EAEhD,EAAW,EAAW,CAItB,AAGI,GALgB,EAAU,CAAC,EAAa,GAGjC,EAAO,MAAQ,EAAS,OAAO,QAE/B,EAAO,KAAO,EAAQ,MAAQ,EAAS,OAAO,QAGzD,AAGI,EAHA,EACM,EAAO,OAAS,EAAQ,OAAS,OAAO,QAExC,EAAO,IAAM,OAAO,QAM9B,EAAM,KAAK,IAAI,EAAK,OAAO,QAAU,EAAS,OAAS,EAAQ,OAAS,EAAE,CAGtE,EAAQ,OAAS,EAAS,OAAS,KACnC,EAAY,KAAK,IAAI,EAAS,OAAS,GAAI,EAAE,CAC7C,EAAM,OAAO,QAAU,OAExB,CAEH,IAAM,EAAa,EAAS,OAAS,EAAO,OAAS,EAC/C,EAAa,EAAO,IAAM,EAC1B,EAAa,EACb,EAAa,EAAQ,QAAU,EAAa,EAC5C,EAAa,EAAQ,QAAU,EAAa,EAElD,EAAW,EAAW,CAEtB,IAAM,EAAY,EAAQ,CAAC,EAAa,EAKlC,EAAO,EAAY,EAAa,EAClC,EAAS,EAAQ,OACjB,EAAQ,OAAS,IACjB,EAAY,KAAK,IAAI,EAAO,EAAG,EAAE,CACjC,EAAS,GAGb,AAGI,EAHA,EACM,EAAO,IAAM,EAAS,EAAS,OAAO,QAEtC,EAAO,OAAS,EAAS,OAAO,QAG1C,AAGI,EAHA,EACO,EAAO,MAAQ,EAAQ,MAAQ,OAAO,QAEtC,EAAO,KAAO,OAAO,QAKpC,EAAO,KAAK,IAAI,EAAG,KAAK,IAAI,EAAM,EAAS,MAAQ,EAAQ,MAAQ,EAAE,CAAC,CACtE,EAAM,KAAK,IAAI,EAAI,OAAO,QAAS,EAAI,CAEvC,EAAY,CACR,MACA,OACA,MAAO,EAAa,EAAO,MAAQ,IAAA,GACnC,YACH,CAAC,EACH,CAAC,EAAW,EAAW,EAAQ,EAAW,CAAC,EAE9C,EAAA,EAAA,eAAgB,CACZ,GAAI,CAAC,EAAM,CACP,EAAY,KAAK,CACjB,EAAU,KAAK,CACf,OAGJ,GAAa,CAEb,sBAAsB,EAAe,CAIrC,IAAM,EAAiB,OAAO,eAAmB,IAAc,KAAO,IAAI,mBAAqB,GAAgB,CAAC,CAchH,OAbI,GAAkB,EAAW,SAC7B,EAAe,QAAQ,EAAW,QAAQ,CAU9C,SAAS,iBAAiB,SAAU,EAAgB,CAAC,QAAS,GAAM,QAAS,GAAK,CAAC,CACnF,OAAO,iBAAiB,SAAU,EAAgB,CAAC,QAAS,GAAK,CAAC,KACrD,CACT,GAAgB,YAAY,CAC5B,SAAS,oBAAoB,SAAU,EAAgB,CAAC,QAAS,GAAK,CAAC,CACvE,OAAO,oBAAoB,SAAU,EAAe,GAEzD,CAAC,EAAM,EAAa,EAAe,CAAC,EAIvC,EAAA,EAAA,eAAgB,CACZ,GAAI,CAAC,EAAM,OACX,IAAM,EAAa,GAAqB,CAChC,EAAE,MAAQ,UAAY,EAAE,kBACvB,EAAA,EAAa,EAAU,GAC5B,EAAE,gBAAgB,CAClB,GAAS,GAGb,OADA,SAAS,iBAAiB,UAAW,EAAU,KAClC,SAAS,oBAAoB,UAAW,EAAU,EAChE,CAAC,EAAM,EAAS,EAAU,CAAC,EAG9B,EAAA,EAAA,eAAgB,CACZ,GAAI,CAAC,GAAQ,CAAC,GAAY,CAAC,GAAgB,EAAoB,QAAS,OACxE,EAAoB,QAAU,GAC9B,IAAM,EAAY,EAAW,QAC7B,GAAI,CAAC,EAAW,OAEhB,IAAI,EAA6B,KAC7B,IAAiB,QAAS,EAAS,EAAA,EAAY,EAAU,CAAC,IAAM,KAC3D,IAAiB,cAAa,EAAS,EAAa,SAC7D,AAEI,KADK,EAAU,aAAa,WAAW,EAAE,EAAU,aAAa,WAAY,KAAK,CACxE,GAEb,EAAO,MAAM,CAAC,cAAe,GAAK,CAAC,EACpC,CAAC,EAAM,EAAU,EAAa,CAAC,EAIlC,EAAA,EAAA,eAAgB,CACZ,GAAI,EAAM,CACN,EAAW,QAAU,GACrB,EAAgB,QAAU,GAC1B,EAAoB,QAAU,GAC9B,OAEJ,GAAI,CAAC,EAAW,QAAS,OACzB,EAAW,QAAU,GACrB,IAAM,EAAW,EAAe,QAChC,EAAe,QAAU,GACrB,GAAC,EAAgB,SAAW,CAAC,GAAY,EAAgB,SAAW,CAAC,GAAa,GACtF,EAAY,EAAU,QAAQ,EAC/B,CAAC,EAAM,EAAU,CAAC,EAGrB,EAAA,EAAA,mBACgB,CACJ,CAAC,EAAW,SAAW,CAAC,EAAe,SAAW,CAAC,EAAgB,SACnE,EAAgB,SAAW,CAAC,GAAa,EAC7C,EAAY,EAAU,QAAQ,EAElC,CAAC,EAAU,CACd,EAID,EAAA,EAAA,eAAgB,CACP,KACL,OAAO,EAAA,EAAgB,CACnB,GAAI,EACJ,iBAAoB,EAAW,QAC/B,gBAAmB,EAAU,QAChC,CAAC,EACH,CAAC,EAAM,EAAW,EAAU,CAAC,EAGhC,EAAA,EAAA,eAAgB,CACZ,GAAI,CAAC,EAAM,OACX,IAAM,EAAe,GAAkB,CACnC,IAAM,EAAS,EAAE,OAEb,EAAW,SAAS,SAAS,EAAO,EAAI,EAAU,SAAS,SAAS,EAAO,EAQ3E,EAAA,EAA0B,EAAW,EAAO,GAIhD,EAAgB,QAAU,GAC1B,GAAS,GAGb,OADA,SAAS,iBAAiB,YAAa,EAAY,KACtC,SAAS,oBAAoB,YAAa,EAAY,EACpE,CAAC,EAAM,EAAS,EAAW,EAAU,CAAC,CAEzC,IAAM,EAAe,GAAuC,CACpD,EAAW,SAAS,SAAS,EAAE,OAAe,GAAE,EAAe,QAAU,KAG3E,EAAc,GAAuC,CACvD,IAAM,EAAO,EAAE,cACX,GAAQ,CAAC,EAAW,SAAS,SAAS,EAAK,GAAE,EAAe,QAAU,KAIxE,EAAiB,GAA0C,CAC7D,GAAI,CAAC,GAAiB,EAAE,MAAQ,OAAS,EAAE,iBAAkB,OAC7D,IAAM,EAAY,EAAW,QAC7B,GAAI,CAAC,GAAa,CAAC,EAAU,SAAS,EAAE,OAAe,CAAE,OAEzD,IAAM,EAAY,EAAA,EAAY,EAAU,CAClC,EAAS,SAAS,eAEpB,EAAU,SAAW,IACpB,EAAE,SAAW,IAAW,EAAU,IAAM,IAAW,EAAY,IAAW,EAAU,EAAU,OAAS,OAG5G,EAAe,QAAU,GAGrB,EAAY,EAAU,QAAQ,EAAI,EAAE,UAAU,EAAE,gBAAgB,CACpE,GAAS,GAKb,OAFK,GAGD,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,UACI,EAAA,EAAA,KAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,EAAG,UAAW,EAAU,UAAY,SAAU,EAAU,CACnE,MAAO,CACH,SAAU,WACV,IAAK,GAAU,KAAO,EACtB,KAAM,GAAU,MAAQ,EACxB,MAAO,GAAU,MACjB,GAAI,GAAU,YAAc,IAAA,GAEtB,KADA,CAAC,UAAW,EAAS,UAAW,UAAW,OAAgB,CAEjE,OAAQ,GAAU,IAAA,GAClB,WAAY,EAAW,UAAY,SACnC,GAAG,EACN,CACG,KACJ,KAAM,GAAQ,IAAA,GACd,QAAS,EACT,OAAQ,EACR,UAAW,EACX,aAAY,EACZ,kBAAiB,EACjB,mBAAkB,EAEjB,WACC,CAAA,CACA,CAAA,CA9BI"}

package/dist/{MSimpleGrid-BWKurW6H.js → MSimpleGrid-C_QvLmck.js}

@@ -1,9 +1,9 @@
-import { t as e } from "./cn-YER3QsV1.js";
+import { t as e } from "./cn-CUSXNnjF.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/layout/MSimpleGrid/MSimpleGrid.tsx
 function n({ columns: n = 2, minItemWidth: r, className: i, style: a, children: o, ...s }) {
 	return /* @__PURE__ */ t("div", {
-		className: e("grid", `columns-${n}`, i),
+		className: e("grid", `columns-${n}`, r && "min-item-width", i),
 		style: {
 			...r ? { "--grid-min-item-width": r } : {},
 			...a
@@ -15,4 +15,4 @@ function n({ columns: n = 2, minItemWidth: r, className: i, style: a, children:
 //#endregion
 export { n as t };
 
-//# sourceMappingURL=MSimpleGrid-BWKurW6H.js.map
+//# sourceMappingURL=MSimpleGrid-C_QvLmck.js.map

package/dist/MSimpleGrid-C_QvLmck.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MSimpleGrid-C_QvLmck.js","names":[],"sources":["../src/components/layout/MSimpleGrid/MSimpleGrid.tsx"],"sourcesContent":["import type {MSimpleGridProps} from './MSimpleGrid.types'\nimport {cn} from '../../../utils/cn'\nimport './MSimpleGrid.css'\n\n// Render a simple equal-column grid with a shared default spacing. With `minItemWidth`\n// the grid drops columns (never above `columns`) once items would get narrower than that.\nexport function MSimpleGrid({columns = 2, minItemWidth, className, style, children, ...rest}: MSimpleGridProps) {\n    return (\n        <div\n            className={cn('grid', `columns-${columns}`, minItemWidth && 'min-item-width', className)}\n            style={{\n                ...(minItemWidth ? {'--grid-min-item-width': minItemWidth} : {}),\n                ...style,\n            }}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n"],"mappings":";;;AAMA,SAAgB,EAAY,EAAC,aAAU,GAAG,iBAAc,cAAW,UAAO,aAAU,GAAG,KAAyB;AAC5G,QACI,kBAAC,OAAD;EACI,WAAW,EAAG,QAAQ,WAAW,KAAW,KAAgB,kBAAkB,EAAU;EACxF,OAAO;GACH,GAAI,IAAe,EAAC,yBAAyB,GAAa,GAAG,EAAE;GAC/D,GAAG;GACN;EACD,GAAI;EAEH;EACC,CAAA"}

package/dist/MSimpleGrid-wgvjnxwM.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-DYFxgzi2.cjs`);require(`./core-w629c4ND.cjs`);let t=require(`react/jsx-runtime`);function n({columns:n=2,minItemWidth:r,className:i,style:a,children:o,...s}){return(0,t.jsx)(`div`,{className:e.t(`grid`,`columns-${n}`,r&&`min-item-width`,i),style:{...r?{"--grid-min-item-width":r}:{},...a},...s,children:o})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
+//# sourceMappingURL=MSimpleGrid-wgvjnxwM.cjs.map

package/dist/MSimpleGrid-wgvjnxwM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MSimpleGrid-wgvjnxwM.cjs","names":[],"sources":["../src/components/layout/MSimpleGrid/MSimpleGrid.tsx"],"sourcesContent":["import type {MSimpleGridProps} from './MSimpleGrid.types'\nimport {cn} from '../../../utils/cn'\nimport './MSimpleGrid.css'\n\n// Render a simple equal-column grid with a shared default spacing. With `minItemWidth`\n// the grid drops columns (never above `columns`) once items would get narrower than that.\nexport function MSimpleGrid({columns = 2, minItemWidth, className, style, children, ...rest}: MSimpleGridProps) {\n    return (\n        <div\n            className={cn('grid', `columns-${columns}`, minItemWidth && 'min-item-width', className)}\n            style={{\n                ...(minItemWidth ? {'--grid-min-item-width': minItemWidth} : {}),\n                ...style,\n            }}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n"],"mappings":"uGAMA,SAAgB,EAAY,CAAC,UAAU,EAAG,eAAc,YAAW,QAAO,WAAU,GAAG,GAAyB,CAC5G,OACI,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,EAAG,OAAQ,WAAW,IAAW,GAAgB,iBAAkB,EAAU,CACxF,MAAO,CACH,GAAI,EAAe,CAAC,wBAAyB,EAAa,CAAG,EAAE,CAC/D,GAAG,EACN,CACD,GAAI,EAEH,WACC,CAAA"}

package/dist/{MSkeleton-C5uD4Axo.js → MSkeleton-BpcpBBJq.js}

@@ -1,16 +1,16 @@
-import { r as e } from "./theme-DAOU1aPs.js";
-import { t } from "./cn-YER3QsV1.js";
+import { r as e } from "./theme-B_juOenJ.js";
+import { t } from "./cn-CUSXNnjF.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/feedback/MBadge/MBadge.tsx
-function i({ color: i = "primary", size: a = "md", hidden: o, pulsing: s = !1, rounded: c = !1, fullWidth: l = !1, icon: u, className: d, children: f, ...p }) {
+function i({ color: i = "primary", size: a = "md", hidden: o, hiddenAbove: s, pulsing: c = !1, rounded: l = !1, fullWidth: u = !1, icon: d, className: f, children: p, ...m }) {
 	return /* @__PURE__ */ r("span", {
-		className: t("badge", `color-${i}`, a, s && "pulsing", c && "rounded", l && "full-width", d),
-		...e(o),
-		...p,
-		children: [u && /* @__PURE__ */ n("span", {
+		className: t("badge", `color-${i}`, a, c && "pulsing", l && "rounded", u && "full-width", f),
+		...e(o, s),
+		...m,
+		children: [d && /* @__PURE__ */ n("span", {
 			className: "badge-icon",
-			children: u
-		}), f]
+			children: d
+		}), p]
 	});
 }
 //#endregion
@@ -27,6 +27,7 @@ function o({ variant: e = "text", width: r, height: i, radius: o, lines: s = 3,
 			gap: c ?? void 0,
 			...d
 		},
+		"aria-hidden": "true",
 		...f,
 		children: Array.from({ length: s }, (e, r) => /* @__PURE__ */ n("div", {
 			className: t("skeleton", "text", p),
@@ -44,10 +45,11 @@ function o({ variant: e = "text", width: r, height: i, radius: o, lines: s = 3,
 			borderRadius: o ?? void 0,
 			...d
 		},
+		"aria-hidden": "true",
 		...f
 	});
 }
 //#endregion
 export { i as n, o as t };
 
-//# sourceMappingURL=MSkeleton-C5uD4Axo.js.map
+//# sourceMappingURL=MSkeleton-BpcpBBJq.js.map