@banzamel/mineralui 2.4.2 → 2.5.1

package/dist/licensing-BKmoAdfr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"licensing-BKmoAdfr.js","names":[],"sources":["../src/utils/useClickOutside.ts","../src/utils/licensing.ts"],"sourcesContent":["import {useEffect, type RefObject} from 'react'\n\n// Trigger a callback when pointer interaction happens outside the referenced element.\n// One `pointerdown` (capture phase) covers mouse, touch and pen, so touch devices fire the handler once;\n// browsers without Pointer Events fall back to `mousedown` + `touchstart`.\nexport function useClickOutside(ref: RefObject<HTMLElement | null>, handler: () => void): void {\n    useEffect(() => {\n        const listener = (e: Event) => {\n            if (!ref.current || ref.current.contains(e.target as Node)) return\n            handler()\n        }\n\n        const events =\n            typeof window !== 'undefined' && 'PointerEvent' in window ? ['pointerdown'] : ['mousedown', 'touchstart']\n\n        for (const type of events) document.addEventListener(type, listener, true)\n        return () => {\n            for (const type of events) document.removeEventListener(type, listener, true)\n        }\n    }, [ref, handler])\n}\n","export type MineralPlan = 'free' | 'pro'\n\nexport interface MineralComponentLicense {\n    group: 'cards' | 'charts' | 'calendar' | 'data' | 'display' | 'media' | 'icons' | 'layout' | 'feedback'\n    plan: MineralPlan\n}\n\nexport const mineralComponentLicenses = {} as const satisfies Record<string, MineralComponentLicense>\n\nexport type MineralProComponentName = keyof typeof mineralComponentLicenses\n\nexport const mineralProComponents = Object.keys(mineralComponentLicenses) as MineralProComponentName[]\n\nexport function isMineralProComponent(componentName: string): componentName is MineralProComponentName {\n    return Object.prototype.hasOwnProperty.call(mineralComponentLicenses, componentName)\n}\n\nexport function getMineralComponentLicense(componentName: string): MineralComponentLicense | undefined {\n    if (!isMineralProComponent(componentName)) {\n        return undefined\n    }\n\n    return mineralComponentLicenses[componentName]\n}\n\nexport function getMineralComponentPlan(componentName: string): MineralPlan {\n    return getMineralComponentLicense(componentName)?.plan ?? 'free'\n}\n"],"mappings":";;AAKA,SAAgB,EAAgB,GAAoC,GAA2B;AAC3F,SAAgB;EACZ,IAAM,KAAY,MAAa;AACvB,IAAC,EAAI,WAAW,EAAI,QAAQ,SAAS,EAAE,OAAe,IAC1D,GAAS;KAGP,IACF,OAAO,SAAW,OAAe,kBAAkB,SAAS,CAAC,cAAc,GAAG,CAAC,aAAa,aAAa;AAE7G,OAAK,IAAM,KAAQ,EAAQ,UAAS,iBAAiB,GAAM,GAAU,GAAK;AAC1E,eAAa;AACT,QAAK,IAAM,KAAQ,EAAQ,UAAS,oBAAoB,GAAM,GAAU,GAAK;;IAElF,CAAC,GAAK,EAAQ,CAAC;;;;ACZtB,IAAa,IAA2B,EAAE,EAI7B,IAAuB,OAAO,KAAK,EAAyB;AAEzE,SAAgB,EAAsB,GAAiE;AACnG,QAAO,OAAO,UAAU,eAAe,KAAK,GAA0B,EAAc;;AAGxF,SAAgB,EAA2B,GAA4D;AAC9F,OAAsB,EAAc,CAIzC,QAAO,EAAyB;;AAGpC,SAAgB,EAAwB,GAAoC;AACxE,QAAO,EAA2B,EAAc,EAAE,QAAQ"}

package/dist/licensing-DVgjkw-s.cjs

@@ -0,0 +1,2 @@
+require(`./core-w629c4ND.cjs`);let e=require(`react`);function t(t,n){(0,e.useEffect)(()=>{let e=e=>{!t.current||t.current.contains(e.target)||n()},r=typeof window<`u`&&`PointerEvent`in window?[`pointerdown`]:[`mousedown`,`touchstart`];for(let t of r)document.addEventListener(t,e,!0);return()=>{for(let t of r)document.removeEventListener(t,e,!0)}},[t,n])}var n={},r=Object.keys(n);function i(e){return Object.prototype.hasOwnProperty.call(n,e)}function a(e){if(i(e))return n[e]}function o(e){return a(e)?.plan??`free`}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=licensing-DVgjkw-s.cjs.map

package/dist/licensing-DVgjkw-s.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"licensing-DVgjkw-s.cjs","names":[],"sources":["../src/utils/useClickOutside.ts","../src/utils/licensing.ts"],"sourcesContent":["import {useEffect, type RefObject} from 'react'\n\n// Trigger a callback when pointer interaction happens outside the referenced element.\n// One `pointerdown` (capture phase) covers mouse, touch and pen, so touch devices fire the handler once;\n// browsers without Pointer Events fall back to `mousedown` + `touchstart`.\nexport function useClickOutside(ref: RefObject<HTMLElement | null>, handler: () => void): void {\n    useEffect(() => {\n        const listener = (e: Event) => {\n            if (!ref.current || ref.current.contains(e.target as Node)) return\n            handler()\n        }\n\n        const events =\n            typeof window !== 'undefined' && 'PointerEvent' in window ? ['pointerdown'] : ['mousedown', 'touchstart']\n\n        for (const type of events) document.addEventListener(type, listener, true)\n        return () => {\n            for (const type of events) document.removeEventListener(type, listener, true)\n        }\n    }, [ref, handler])\n}\n","export type MineralPlan = 'free' | 'pro'\n\nexport interface MineralComponentLicense {\n    group: 'cards' | 'charts' | 'calendar' | 'data' | 'display' | 'media' | 'icons' | 'layout' | 'feedback'\n    plan: MineralPlan\n}\n\nexport const mineralComponentLicenses = {} as const satisfies Record<string, MineralComponentLicense>\n\nexport type MineralProComponentName = keyof typeof mineralComponentLicenses\n\nexport const mineralProComponents = Object.keys(mineralComponentLicenses) as MineralProComponentName[]\n\nexport function isMineralProComponent(componentName: string): componentName is MineralProComponentName {\n    return Object.prototype.hasOwnProperty.call(mineralComponentLicenses, componentName)\n}\n\nexport function getMineralComponentLicense(componentName: string): MineralComponentLicense | undefined {\n    if (!isMineralProComponent(componentName)) {\n        return undefined\n    }\n\n    return mineralComponentLicenses[componentName]\n}\n\nexport function getMineralComponentPlan(componentName: string): MineralPlan {\n    return getMineralComponentLicense(componentName)?.plan ?? 'free'\n}\n"],"mappings":"sDAKA,SAAgB,EAAgB,EAAoC,EAA2B,EAC3F,EAAA,EAAA,eAAgB,CACZ,IAAM,EAAY,GAAa,CACvB,CAAC,EAAI,SAAW,EAAI,QAAQ,SAAS,EAAE,OAAe,EAC1D,GAAS,EAGP,EACF,OAAO,OAAW,KAAe,iBAAkB,OAAS,CAAC,cAAc,CAAG,CAAC,YAAa,aAAa,CAE7G,IAAK,IAAM,KAAQ,EAAQ,SAAS,iBAAiB,EAAM,EAAU,GAAK,CAC1E,UAAa,CACT,IAAK,IAAM,KAAQ,EAAQ,SAAS,oBAAoB,EAAM,EAAU,GAAK,GAElF,CAAC,EAAK,EAAQ,CAAC,CCZtB,IAAa,EAA2B,EAAE,CAI7B,EAAuB,OAAO,KAAK,EAAyB,CAEzE,SAAgB,EAAsB,EAAiE,CACnG,OAAO,OAAO,UAAU,eAAe,KAAK,EAA0B,EAAc,CAGxF,SAAgB,EAA2B,EAA4D,CAC9F,KAAsB,EAAc,CAIzC,OAAO,EAAyB,GAGpC,SAAgB,EAAwB,EAAoC,CACxE,OAAO,EAA2B,EAAc,EAAE,MAAQ"}

package/dist/{locale-DRRl_s5-.cjs → locale-C08q7FjE.cjs}

@@ -1,2 +1,2 @@
-require(`./core-D66c1_Wo.cjs`);let e=require(`react`);function t(){if(typeof document<`u`){let e=document.documentElement.lang?.trim();if(e)return e}return typeof navigator<`u`&&(navigator.language||navigator.languages?.[0])||`en`}function n(n){let[r,i]=(0,e.useState)(()=>n||t());return(0,e.useEffect)(()=>{if(n){i(n);return}if(typeof document>`u`)return;let e=()=>i(t());e();let r=new MutationObserver(e);return r.observe(document.documentElement,{attributes:!0,attributeFilter:[`lang`]}),window.addEventListener(`languagechange`,e),()=>{r.disconnect(),window.removeEventListener(`languagechange`,e)}},[n]),r}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
-//# sourceMappingURL=locale-DRRl_s5-.cjs.map
+require(`./core-w629c4ND.cjs`);let e=require(`react`);function t(){if(typeof document<`u`){let e=document.documentElement.lang?.trim();if(e)return e}return typeof navigator<`u`&&(navigator.language||navigator.languages?.[0])||`en`}function n(n){let[r,i]=(0,e.useState)(()=>n||t());return(0,e.useEffect)(()=>{if(n){i(n);return}if(typeof document>`u`)return;let e=()=>i(t());e();let r=new MutationObserver(e);return r.observe(document.documentElement,{attributes:!0,attributeFilter:[`lang`]}),window.addEventListener(`languagechange`,e),()=>{r.disconnect(),window.removeEventListener(`languagechange`,e)}},[n]),r}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
+//# sourceMappingURL=locale-C08q7FjE.cjs.map

package/dist/{locale-DRRl_s5-.cjs.map → locale-C08q7FjE.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"locale-DRRl_s5-.cjs","names":[],"sources":["../src/utils/locale.ts"],"sourcesContent":["import {useEffect, useState} from 'react'\n\nexport function resolveRuntimeLocale(): string {\n    if (typeof document !== 'undefined') {\n        const lang = document.documentElement.lang?.trim()\n        if (lang) return lang\n    }\n\n    if (typeof navigator !== 'undefined') {\n        return navigator.language || navigator.languages?.[0] || 'en'\n    }\n\n    return 'en'\n}\n\n// React to MI18nProvider lang updates without requiring direct provider access.\nexport function useDocumentLocale(explicitLocale?: string): string {\n    const [locale, setLocale] = useState(() => explicitLocale || resolveRuntimeLocale())\n\n    useEffect(() => {\n        if (explicitLocale) {\n            setLocale(explicitLocale)\n            return\n        }\n\n        if (typeof document === 'undefined') return\n\n        const update = () => setLocale(resolveRuntimeLocale())\n        update()\n\n        const observer = new MutationObserver(update)\n        observer.observe(document.documentElement, {\n            attributes: true,\n            attributeFilter: ['lang'],\n        })\n\n        window.addEventListener('languagechange', update)\n\n        return () => {\n            observer.disconnect()\n            window.removeEventListener('languagechange', update)\n        }\n    }, [explicitLocale])\n\n    return locale\n}\n"],"mappings":"sDAEA,SAAgB,GAA+B,CAC3C,GAAI,OAAO,SAAa,IAAa,CACjC,IAAM,EAAO,SAAS,gBAAgB,MAAM,MAAM,CAClD,GAAI,EAAM,OAAO,EAOrB,OAJI,OAAO,UAAc,MACd,UAAU,UAAY,UAAU,YAAY,KAGhD,KAIX,SAAgB,EAAkB,EAAiC,CAC/D,GAAM,CAAC,EAAQ,IAAA,EAAA,EAAA,cAA4B,GAAkB,GAAsB,CAAC,CA2BpF,OAzBA,EAAA,EAAA,eAAgB,CACZ,GAAI,EAAgB,CAChB,EAAU,EAAe,CACzB,OAGJ,GAAI,OAAO,SAAa,IAAa,OAErC,IAAM,MAAe,EAAU,GAAsB,CAAC,CACtD,GAAQ,CAER,IAAM,EAAW,IAAI,iBAAiB,EAAO,CAQ7C,OAPA,EAAS,QAAQ,SAAS,gBAAiB,CACvC,WAAY,GACZ,gBAAiB,CAAC,OAAO,CAC5B,CAAC,CAEF,OAAO,iBAAiB,iBAAkB,EAAO,KAEpC,CACT,EAAS,YAAY,CACrB,OAAO,oBAAoB,iBAAkB,EAAO,GAEzD,CAAC,EAAe,CAAC,CAEb"}
+{"version":3,"file":"locale-C08q7FjE.cjs","names":[],"sources":["../src/utils/locale.ts"],"sourcesContent":["import {useEffect, useState} from 'react'\n\nexport function resolveRuntimeLocale(): string {\n    if (typeof document !== 'undefined') {\n        const lang = document.documentElement.lang?.trim()\n        if (lang) return lang\n    }\n\n    if (typeof navigator !== 'undefined') {\n        return navigator.language || navigator.languages?.[0] || 'en'\n    }\n\n    return 'en'\n}\n\n// React to MI18nProvider lang updates without requiring direct provider access.\nexport function useDocumentLocale(explicitLocale?: string): string {\n    const [locale, setLocale] = useState(() => explicitLocale || resolveRuntimeLocale())\n\n    useEffect(() => {\n        if (explicitLocale) {\n            setLocale(explicitLocale)\n            return\n        }\n\n        if (typeof document === 'undefined') return\n\n        const update = () => setLocale(resolveRuntimeLocale())\n        update()\n\n        const observer = new MutationObserver(update)\n        observer.observe(document.documentElement, {\n            attributes: true,\n            attributeFilter: ['lang'],\n        })\n\n        window.addEventListener('languagechange', update)\n\n        return () => {\n            observer.disconnect()\n            window.removeEventListener('languagechange', update)\n        }\n    }, [explicitLocale])\n\n    return locale\n}\n"],"mappings":"sDAEA,SAAgB,GAA+B,CAC3C,GAAI,OAAO,SAAa,IAAa,CACjC,IAAM,EAAO,SAAS,gBAAgB,MAAM,MAAM,CAClD,GAAI,EAAM,OAAO,EAOrB,OAJI,OAAO,UAAc,MACd,UAAU,UAAY,UAAU,YAAY,KAGhD,KAIX,SAAgB,EAAkB,EAAiC,CAC/D,GAAM,CAAC,EAAQ,IAAA,EAAA,EAAA,cAA4B,GAAkB,GAAsB,CAAC,CA2BpF,OAzBA,EAAA,EAAA,eAAgB,CACZ,GAAI,EAAgB,CAChB,EAAU,EAAe,CACzB,OAGJ,GAAI,OAAO,SAAa,IAAa,OAErC,IAAM,MAAe,EAAU,GAAsB,CAAC,CACtD,GAAQ,CAER,IAAM,EAAW,IAAI,iBAAiB,EAAO,CAQ7C,OAPA,EAAS,QAAQ,SAAS,gBAAiB,CACvC,WAAY,GACZ,gBAAiB,CAAC,OAAO,CAC5B,CAAC,CAEF,OAAO,iBAAiB,iBAAkB,EAAO,KAEpC,CACT,EAAS,YAAY,CACrB,OAAO,oBAAoB,iBAAkB,EAAO,GAEzD,CAAC,EAAe,CAAC,CAEb"}

package/dist/{locale-CS1-IY_I.js → locale-CjJpk9GN.js}

@@ -29,4 +29,4 @@ function r(r) {
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=locale-CS1-IY_I.js.map
+//# sourceMappingURL=locale-CjJpk9GN.js.map

package/dist/{locale-CS1-IY_I.js.map → locale-CjJpk9GN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"locale-CS1-IY_I.js","names":[],"sources":["../src/utils/locale.ts"],"sourcesContent":["import {useEffect, useState} from 'react'\n\nexport function resolveRuntimeLocale(): string {\n    if (typeof document !== 'undefined') {\n        const lang = document.documentElement.lang?.trim()\n        if (lang) return lang\n    }\n\n    if (typeof navigator !== 'undefined') {\n        return navigator.language || navigator.languages?.[0] || 'en'\n    }\n\n    return 'en'\n}\n\n// React to MI18nProvider lang updates without requiring direct provider access.\nexport function useDocumentLocale(explicitLocale?: string): string {\n    const [locale, setLocale] = useState(() => explicitLocale || resolveRuntimeLocale())\n\n    useEffect(() => {\n        if (explicitLocale) {\n            setLocale(explicitLocale)\n            return\n        }\n\n        if (typeof document === 'undefined') return\n\n        const update = () => setLocale(resolveRuntimeLocale())\n        update()\n\n        const observer = new MutationObserver(update)\n        observer.observe(document.documentElement, {\n            attributes: true,\n            attributeFilter: ['lang'],\n        })\n\n        window.addEventListener('languagechange', update)\n\n        return () => {\n            observer.disconnect()\n            window.removeEventListener('languagechange', update)\n        }\n    }, [explicitLocale])\n\n    return locale\n}\n"],"mappings":";;AAEA,SAAgB,IAA+B;AAC3C,KAAI,OAAO,WAAa,KAAa;EACjC,IAAM,IAAO,SAAS,gBAAgB,MAAM,MAAM;AAClD,MAAI,EAAM,QAAO;;AAOrB,QAJI,OAAO,YAAc,QACd,UAAU,YAAY,UAAU,YAAY,OAGhD;;AAIX,SAAgB,EAAkB,GAAiC;CAC/D,IAAM,CAAC,GAAQ,KAAa,QAAe,KAAkB,GAAsB,CAAC;AA2BpF,QAzBA,QAAgB;AACZ,MAAI,GAAgB;AAChB,KAAU,EAAe;AACzB;;AAGJ,MAAI,OAAO,WAAa,IAAa;EAErC,IAAM,UAAe,EAAU,GAAsB,CAAC;AACtD,KAAQ;EAER,IAAM,IAAW,IAAI,iBAAiB,EAAO;AAQ7C,SAPA,EAAS,QAAQ,SAAS,iBAAiB;GACvC,YAAY;GACZ,iBAAiB,CAAC,OAAO;GAC5B,CAAC,EAEF,OAAO,iBAAiB,kBAAkB,EAAO,QAEpC;AAET,GADA,EAAS,YAAY,EACrB,OAAO,oBAAoB,kBAAkB,EAAO;;IAEzD,CAAC,EAAe,CAAC,EAEb"}
+{"version":3,"file":"locale-CjJpk9GN.js","names":[],"sources":["../src/utils/locale.ts"],"sourcesContent":["import {useEffect, useState} from 'react'\n\nexport function resolveRuntimeLocale(): string {\n    if (typeof document !== 'undefined') {\n        const lang = document.documentElement.lang?.trim()\n        if (lang) return lang\n    }\n\n    if (typeof navigator !== 'undefined') {\n        return navigator.language || navigator.languages?.[0] || 'en'\n    }\n\n    return 'en'\n}\n\n// React to MI18nProvider lang updates without requiring direct provider access.\nexport function useDocumentLocale(explicitLocale?: string): string {\n    const [locale, setLocale] = useState(() => explicitLocale || resolveRuntimeLocale())\n\n    useEffect(() => {\n        if (explicitLocale) {\n            setLocale(explicitLocale)\n            return\n        }\n\n        if (typeof document === 'undefined') return\n\n        const update = () => setLocale(resolveRuntimeLocale())\n        update()\n\n        const observer = new MutationObserver(update)\n        observer.observe(document.documentElement, {\n            attributes: true,\n            attributeFilter: ['lang'],\n        })\n\n        window.addEventListener('languagechange', update)\n\n        return () => {\n            observer.disconnect()\n            window.removeEventListener('languagechange', update)\n        }\n    }, [explicitLocale])\n\n    return locale\n}\n"],"mappings":";;AAEA,SAAgB,IAA+B;AAC3C,KAAI,OAAO,WAAa,KAAa;EACjC,IAAM,IAAO,SAAS,gBAAgB,MAAM,MAAM;AAClD,MAAI,EAAM,QAAO;;AAOrB,QAJI,OAAO,YAAc,QACd,UAAU,YAAY,UAAU,YAAY,OAGhD;;AAIX,SAAgB,EAAkB,GAAiC;CAC/D,IAAM,CAAC,GAAQ,KAAa,QAAe,KAAkB,GAAsB,CAAC;AA2BpF,QAzBA,QAAgB;AACZ,MAAI,GAAgB;AAChB,KAAU,EAAe;AACzB;;AAGJ,MAAI,OAAO,WAAa,IAAa;EAErC,IAAM,UAAe,EAAU,GAAsB,CAAC;AACtD,KAAQ;EAER,IAAM,IAAW,IAAI,iBAAiB,EAAO;AAQ7C,SAPA,EAAS,QAAQ,SAAS,iBAAiB;GACvC,YAAY;GACZ,iBAAiB,CAAC,OAAO;GAC5B,CAAC,EAEF,OAAO,iBAAiB,kBAAkB,EAAO,QAEpC;AAET,GADA,EAAS,YAAY,EACrB,OAAO,oBAAoB,kBAAkB,EAAO;;IAEzD,CAAC,EAAe,CAAC,EAEb"}

package/dist/media-fiasAbBv.js

@@ -0,0 +1,485 @@
+import { r as e } from "./theme-B_juOenJ.js";
+import { g as t, s as n, t as r } from "./frameworkTexts-o43FqY1A.js";
+import { Ji as i, Xi as a, br as o, qi as s, xr as c } from "./icons-IqEBmGh3.js";
+import { t as l } from "./cn-CUSXNnjF.js";
+import { t as u } from "./useInteractionEffect-DtpbVd77.js";
+import { c as d, r as f } from "./useModalLayer-CpOPSDbf.js";
+import { t as p } from "./MButton-KELyyBw1.js";
+import { n as m, t as h } from "./MSkeleton-BpcpBBJq.js";
+import { n as g } from "./radioGroupKeys-Bm-Qeh8G.js";
+import { t as _ } from "./scrollLock-D27VmgPV.js";
+import { Children as v, useCallback as y, useEffect as b, useId as x, useMemo as ee, useRef as S, useState as C } from "react";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+//#region src/components/media/MMediaLightbox/MMediaLightbox.tsx
+function te({ open: e, items: t, activeIndex: r, onClose: o, onActiveIndexChange: c }) {
+	let u = n(), h = t[r], g = S(null), v = S(null), y = r > 0, x = r < t.length - 1;
+	if (f({
+		active: e && !!h,
+		containerRef: v,
+		onEscape: o
+	}), b(() => {
+		if (!e) return;
+		let t = (e) => {
+			e.key === "ArrowLeft" && y && c(r - 1), e.key === "ArrowRight" && x && c(r + 1);
+		};
+		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+	}, [
+		r,
+		x,
+		y,
+		c,
+		o,
+		e
+	]), b(() => {
+		if (e) return _();
+	}, [e]), !e || !h) return null;
+	let ee = (e) => {
+		let t = e.target;
+		t && g.current && !g.current.contains(t) && o();
+	}, C = h.alt || h.caption || u.imagePreview;
+	return /* @__PURE__ */ T(d, { children: /* @__PURE__ */ T("div", {
+		ref: v,
+		className: l("mineral-backdrop", "media-lightbox-backdrop"),
+		onMouseDown: ee,
+		children: /* @__PURE__ */ T("div", {
+			className: "media-lightbox-shell",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": C,
+			children: /* @__PURE__ */ T("div", {
+				className: "media-lightbox-stage",
+				children: /* @__PURE__ */ E("div", {
+					ref: g,
+					className: "media-lightbox-frame",
+					children: [
+						/* @__PURE__ */ E("div", {
+							className: "media-lightbox-topbar",
+							children: [/* @__PURE__ */ T(m, {
+								color: "dark",
+								size: "md",
+								rounded: !0,
+								className: "media-lightbox-counter",
+								children: t.length > 1 ? `${r + 1} / ${t.length}` : u.preview
+							}), /* @__PURE__ */ T(p, {
+								type: "button",
+								variant: "ghost",
+								color: "error",
+								size: "lg",
+								shape: "circle",
+								iconOnly: !0,
+								className: "media-lightbox-action",
+								"aria-label": u.closePreview,
+								onClick: o,
+								children: /* @__PURE__ */ T(a, {})
+							})]
+						}),
+						/* @__PURE__ */ T(p, {
+							type: "button",
+							variant: "ghost",
+							color: "primary",
+							size: "lg",
+							shape: "circle",
+							iconOnly: !0,
+							className: "media-lightbox-nav media-lightbox-nav-prev",
+							"aria-label": u.previousImage,
+							disabled: t.length <= 1 || !y,
+							onClick: () => y && c(r - 1),
+							children: /* @__PURE__ */ T(i, {})
+						}),
+						/* @__PURE__ */ T("img", {
+							className: "media-lightbox-image",
+							src: h.src,
+							alt: h.alt || ""
+						}),
+						/* @__PURE__ */ T(p, {
+							type: "button",
+							variant: "ghost",
+							color: "primary",
+							size: "lg",
+							shape: "circle",
+							iconOnly: !0,
+							className: "media-lightbox-nav media-lightbox-nav-next",
+							"aria-label": u.nextImage,
+							disabled: t.length <= 1 || !x,
+							onClick: () => x && c(r + 1),
+							children: /* @__PURE__ */ T(s, {})
+						}),
+						h.caption || h.alt ? /* @__PURE__ */ T(m, {
+							color: "dark",
+							size: "sm",
+							rounded: !0,
+							className: "media-lightbox-caption",
+							children: h.caption || h.alt
+						}) : null
+					]
+				})
+			})
+		})
+	}) });
+}
+//#endregion
+//#region src/components/media/mediaPreviewRegistry.ts
+var D = /* @__PURE__ */ new Map();
+function ne(e, t, n) {
+	let r = D.get(e);
+	return r || (r = /* @__PURE__ */ new Map(), D.set(e, r)), r.set(t, {
+		id: t,
+		...n
+	}), () => {
+		let n = D.get(e);
+		n && (n.delete(t), n.size === 0 && D.delete(e));
+	};
+}
+function re(e) {
+	return Array.from(D.get(e)?.values() ?? []);
+}
+//#endregion
+//#region src/components/media/mediaInteraction.ts
+function O(e) {
+	return e === "zoom" || e === "zoom-dim";
+}
+function k(e) {
+	return e === "dim" || e === "zoom-dim";
+}
+//#endregion
+//#region src/components/media/MImage/MImage.tsx
+var A = {
+	"1:1": "1 / 1",
+	"4:3": "4 / 3",
+	"16:9": "16 / 9",
+	"21:9": "21 / 9"
+};
+function j(e) {
+	if (e != null) return typeof e == "number" ? `${e}px` : e;
+}
+function M({ src: t, fit: i = "cover", ratio: a = "auto", width: o, height: s, hidden: c, hiddenAbove: d, rounded: f = !1, bordered: p = !1, shadow: m = !1, preview: g = !1, previewGroup: _, hoverEffect: v = "none", clickEffect: y = "none", fallback: S, skeleton: D = !1, className: M, style: ie, alt: N, onError: ae, ...P }) {
+	let F = n(), [oe, se] = C(!1), [I, L] = C(!1), [R, z] = C([]), [B, V] = C(0), H = x(), { effectClassName: U, effectLayer: W, handlePointerDown: G } = u({ effect: D ? "none" : y }), K = (e) => {
+		S && !oe && (se(!0), e.currentTarget.src = S), ae?.(e);
+	}, q = j(o), J = j(s), Y = q != null || J != null, X = a !== "auto" && !!A[a], Z = {};
+	q != null && (Z.width = q), J != null && (Z.height = J);
+	let Q = {
+		...ie,
+		...X ? { aspectRatio: A[a] } : null,
+		...Z
+	}, $ = oe && S ? S : t, ce = ee(() => ({
+		src: $ || "",
+		alt: N ?? "",
+		caption: typeof P.title == "string" ? P.title : void 0
+	}), [
+		N,
+		$,
+		P.title
+	]);
+	if (b(() => {
+		if (!(!g || !_ || !$)) return ne(_, H, ce);
+	}, [
+		g,
+		_,
+		H,
+		ce,
+		$
+	]), D) return /* @__PURE__ */ T(h, {
+		variant: "rectangle",
+		animate: "pulse",
+		className: l("image-skeleton", f && "rounded", p && "bordered", M),
+		style: Q,
+		"aria-label": F.loading,
+		...e(c, d)
+	});
+	let le = () => {
+		if (!(!g || !$)) {
+			if (_) {
+				let e = re(_), t = e.findIndex((e) => e.id === H);
+				if (e.length > 0 && t >= 0) {
+					z(e.map(({ id: e, ...t }) => t)), V(t), L(!0);
+					return;
+				}
+			}
+			z([ce]), V(0), L(!0);
+		}
+	}, ue = l("image", i, !W && f && "rounded", !W && p && "bordered", !W && m && "shadow"), de = X || Y || !!W || g || v !== "none", fe = l("image-wrap", X && "has-ratio", Y && "has-size", f && "rounded", p && "bordered", m && "shadow", g && "preview", O(v) && "effect-zoom", k(v) && "effect-dim", U, M), pe = /* @__PURE__ */ T("img", {
+		className: ue,
+		onError: K,
+		src: $,
+		...P,
+		alt: N ?? ""
+	});
+	return de ? /* @__PURE__ */ E(w, { children: [g ? /* @__PURE__ */ E("button", {
+		type: "button",
+		className: l(fe, "image-button"),
+		"aria-label": r(F.previewItem, { name: N || F.image }),
+		onClick: le,
+		onPointerDown: W ? G : void 0,
+		disabled: !$,
+		...e(c, d),
+		style: Q,
+		children: [W, pe]
+	}) : /* @__PURE__ */ E("span", {
+		className: fe,
+		onPointerDown: W ? G : void 0,
+		...e(c, d),
+		style: Q,
+		children: [W, pe]
+	}), /* @__PURE__ */ T(te, {
+		open: I,
+		items: R,
+		activeIndex: B,
+		onActiveIndexChange: V,
+		onClose: () => L(!1)
+	})] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("img", {
+		className: l(ue, M),
+		style: Q,
+		onError: K,
+		src: $,
+		...e(c, d),
+		...P,
+		alt: N ?? ""
+	}), /* @__PURE__ */ T(te, {
+		open: I,
+		items: R,
+		activeIndex: B,
+		onActiveIndexChange: V,
+		onClose: () => L(!1)
+	})] });
+}
+//#endregion
+//#region src/components/media/MGallery/MGallery.tsx
+function ie({ items: e, columns: t = 3, rounded: n = !0, preview: r = !1, hoverEffect: i = "zoom", clickEffect: a = "ripple", className: o, ...s }) {
+	let [c, u] = C(!1), [d, f] = C(0);
+	return /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("div", {
+		className: l("gallery", `columns-${t}`, o),
+		...s,
+		children: e.map((e, t) => /* @__PURE__ */ T(N, {
+			item: e,
+			rounded: n,
+			preview: r,
+			hoverEffect: i,
+			clickEffect: a,
+			onOpen: () => {
+				f(t), u(!0);
+			}
+		}, t))
+	}), /* @__PURE__ */ T(te, {
+		open: c,
+		items: e,
+		activeIndex: d,
+		onActiveIndexChange: f,
+		onClose: () => u(!1)
+	})] });
+}
+function N({ item: e, rounded: t, preview: i, hoverEffect: a, clickEffect: o, onOpen: s }) {
+	let c = n(), { effectClassName: d, effectLayer: f, handlePointerDown: p } = u({ effect: o });
+	return /* @__PURE__ */ T("figure", {
+		className: l("gallery-item", t && "rounded"),
+		children: i ? /* @__PURE__ */ E("button", {
+			type: "button",
+			className: l("gallery-trigger", t && "rounded", "gallery-button", O(a) && "effect-zoom", k(a) && "effect-dim", d),
+			onClick: s,
+			onPointerDown: p,
+			"aria-label": r(c.previewItem, { name: e.alt || c.image }),
+			children: [
+				/* @__PURE__ */ T("img", {
+					className: "gallery-image",
+					src: e.thumbnail || e.src,
+					alt: e.alt || "",
+					loading: "lazy"
+				}),
+				e.caption && /* @__PURE__ */ T("span", {
+					className: "gallery-caption",
+					children: e.caption
+				}),
+				f
+			]
+		}) : /* @__PURE__ */ E("div", {
+			className: l("gallery-trigger", t && "rounded", O(a) && "effect-zoom", k(a) && "effect-dim", d),
+			onPointerDown: p,
+			children: [
+				/* @__PURE__ */ T("img", {
+					className: "gallery-image",
+					src: e.thumbnail || e.src,
+					alt: e.alt || "",
+					loading: "lazy"
+				}),
+				e.caption && /* @__PURE__ */ T("span", {
+					className: "gallery-caption",
+					children: e.caption
+				}),
+				f
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/media/carouselA11y.ts
+var ae = "input, textarea, select, [contenteditable=\"\"], [contenteditable=\"true\"], [role=\"slider\"], [role=\"spinbutton\"], [role=\"textbox\"], [role=\"combobox\"], [role=\"listbox\"], [role=\"grid\"], [role=\"tablist\"], [role=\"menu\"]";
+function P(e) {
+	if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || e.key !== "ArrowLeft" && e.key !== "ArrowRight") return null;
+	let t = e.target;
+	return t instanceof Element && t.closest(ae) ? null : e.key === "ArrowRight" === g(e.currentTarget) ? -1 : 1;
+}
+function F() {
+	if (typeof window > "u" || typeof window.matchMedia != "function") return !1;
+	try {
+		return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+	} catch {
+		return !1;
+	}
+}
+function oe() {
+	let [e, t] = C(!1);
+	return b(() => {
+		if (typeof window > "u" || typeof window.matchMedia != "function") return;
+		let e;
+		try {
+			e = window.matchMedia("(prefers-reduced-motion: reduce)");
+		} catch {
+			return;
+		}
+		t(F());
+		let n = () => t(e.matches);
+		return e.addEventListener?.("change", n), () => e.removeEventListener?.("change", n);
+	}, []), e;
+}
+//#endregion
+//#region src/components/media/MCarousel/MCarousel.tsx
+function se({ autoPlay: e = !1, interval: a = 5e3, showDots: u = !0, showArrows: d = !0, loop: f = !0, draggable: m = !0, transition: h = "slide", className: g, children: _, onMouseEnter: ee, onMouseLeave: te, onFocus: D, onBlur: ne, onKeyDown: re, ...O }) {
+	let k = n(), A = t(), j = `${x()}-carousel-track`, M = oe(), [ie, N] = C("auto"), [ae, F] = C(!1), [se, I] = C(!1), L = S(null), R = v.toArray(_), z = R.length, [B, V] = C(0), [H, U] = C(0), [W, G] = C(!1), K = S(0), q = S(null), J = y((e) => {
+		V(f ? (e + z) % z : Math.max(0, Math.min(e, z - 1)));
+	}, [z, f]), Y = y(() => J(B - 1), [B, J]), X = y(() => J(B + 1), [B, J]), Z = e && z > 1, Q = Z && (ie === "running" || ie === "auto" && !M), $ = ae || se || W;
+	b(() => {
+		if (!Q || $) return;
+		let e = setInterval(X, a);
+		return () => clearInterval(e);
+	}, [
+		Q,
+		$,
+		a,
+		X
+	]);
+	let ce = (e) => {
+		m && (G(!0), K.current = e, U(0));
+	}, le = (e) => {
+		W && U(e - K.current);
+	}, ue = () => {
+		W && (G(!1), H < -50 ? X() : H > 50 && Y(), U(0));
+	}, de = (e) => {
+		m && (e.currentTarget.setPointerCapture(e.pointerId), ce(e.clientX));
+	}, fe = (e) => {
+		le(e.clientX);
+	}, pe = () => {
+		ue();
+	};
+	if (z === 0) return null;
+	let me = (e) => {
+		I(!L.current?.contains(e.target)), D?.(e);
+	}, he = (e) => {
+		let t = e.relatedTarget;
+		(!t || !e.currentTarget.contains(t)) && I(!1), ne?.(e);
+	}, ge = (e) => {
+		if (re?.(e), e.defaultPrevented || z <= 1) return;
+		let t = P(e);
+		t !== null && (e.preventDefault(), J(B + t));
+	}, _e = h === "fade", ve = _e ? void 0 : { transform: `translateX(calc(-${B * 100}% + ${W ? H : 0}px))` };
+	return /* @__PURE__ */ E("div", {
+		className: l("carousel", _e && "fade", g),
+		role: "region",
+		"aria-roledescription": A.carouselRoleDescription,
+		"aria-label": O["aria-labelledby"] ? void 0 : A.carouselLabel,
+		...O,
+		onMouseEnter: (e) => {
+			F(!0), ee?.(e);
+		},
+		onMouseLeave: (e) => {
+			F(!1), te?.(e);
+		},
+		onFocus: me,
+		onBlur: he,
+		onKeyDown: ge,
+		children: [
+			Z && /* @__PURE__ */ T(p, {
+				ref: L,
+				variant: "ghost",
+				color: "primary",
+				iconOnly: !0,
+				shape: "circle",
+				size: "sm",
+				className: "carousel-rotation",
+				"aria-label": Q ? A.stopRotation : A.startRotation,
+				"aria-controls": j,
+				onClick: () => N(Q ? "stopped" : "running"),
+				children: T(Q ? o : c, {})
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "carousel-viewport",
+				onPointerDown: de,
+				onPointerMove: fe,
+				onPointerUp: pe,
+				onPointerCancel: pe,
+				onDragStart: (e) => {
+					m && e.preventDefault();
+				},
+				style: {
+					touchAction: m ? "pan-y" : void 0,
+					cursor: m ? W ? "grabbing" : "grab" : void 0
+				},
+				children: /* @__PURE__ */ T("div", {
+					ref: q,
+					id: j,
+					className: l("carousel-track", W && "dragging"),
+					style: ve,
+					"aria-live": Q && !$ ? "off" : "polite",
+					children: R.map((e, t) => /* @__PURE__ */ T("div", {
+						className: l("carousel-slide", _e && t === B && "active", _e && t !== B && "hidden"),
+						role: "group",
+						"aria-roledescription": A.slideRoleDescription,
+						"aria-label": r(A.slideOf, {
+							index: t + 1,
+							count: z
+						}),
+						"aria-hidden": t !== B || void 0,
+						inert: t === B ? void 0 : !0,
+						children: e
+					}, t))
+				})
+			}),
+			d && z > 1 && /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(p, {
+				variant: "ghost",
+				color: "primary",
+				iconOnly: !0,
+				shape: "circle",
+				onClick: Y,
+				"aria-label": k.previousSlide,
+				"aria-controls": j,
+				className: "carousel-arrow carousel-arrow-prev",
+				children: /* @__PURE__ */ T(i, {})
+			}), /* @__PURE__ */ T(p, {
+				variant: "ghost",
+				color: "primary",
+				iconOnly: !0,
+				shape: "circle",
+				onClick: X,
+				"aria-label": k.nextSlide,
+				"aria-controls": j,
+				className: "carousel-arrow carousel-arrow-next",
+				children: /* @__PURE__ */ T(s, {})
+			})] }),
+			u && z > 1 && /* @__PURE__ */ T("div", {
+				className: "carousel-dots",
+				role: "group",
+				"aria-label": A.chooseSlide,
+				children: R.map((e, t) => /* @__PURE__ */ T("button", {
+					className: l("carousel-dot", t === B && "active"),
+					onClick: () => J(t),
+					"aria-label": r(k.slideNumber, { index: t + 1 }),
+					"aria-current": t === B ? "true" : void 0,
+					"aria-controls": j,
+					type: "button"
+				}, t))
+			})
+		]
+	});
+}
+//#endregion
+export { ie as n, M as r, se as t };
+
+//# sourceMappingURL=media-fiasAbBv.js.map

package/dist/media-fiasAbBv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-fiasAbBv.js","names":[],"sources":["../src/components/media/MMediaLightbox/MMediaLightbox.tsx","../src/components/media/mediaPreviewRegistry.ts","../src/components/media/mediaInteraction.ts","../src/components/media/MImage/MImage.tsx","../src/components/media/MGallery/MGallery.tsx","../src/components/media/carouselA11y.ts","../src/components/media/MCarousel/MCarousel.tsx"],"sourcesContent":["import {useEffect, useRef} from 'react'\nimport type {MouseEvent} from 'react'\nimport {MButton} from '../../controls'\nimport {MBadge} from '../../feedback'\nimport {MPortal} from '../../primitives'\nimport {MCloseIcon, MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport {useModalLayer} from '../../../utils/useModalLayer'\nimport {lockBodyScroll} from '../../overlays/scrollLock'\nimport './MMediaLightbox.css'\nimport {useMCommonTexts} from '../../../i18n/frameworkTexts'\n\nexport interface MMediaLightboxItem {\n    src: string\n    alt?: string\n    caption?: string\n}\n\ninterface MMediaLightboxProps {\n    open: boolean\n    items: MMediaLightboxItem[]\n    activeIndex: number\n    onClose: () => void\n    onActiveIndexChange: (index: number) => void\n}\n\nexport function MMediaLightbox({open, items, activeIndex, onClose, onActiveIndexChange}: MMediaLightboxProps) {\n    const texts = useMCommonTexts()\n    const currentItem = items[activeIndex]\n    const frameRef = useRef<HTMLDivElement | null>(null)\n    const backdropRef = useRef<HTMLDivElement | null>(null)\n    const canGoPrev = activeIndex > 0\n    const canGoNext = activeIndex < items.length - 1\n\n    useModalLayer({active: open && !!currentItem, containerRef: backdropRef, onEscape: onClose})\n\n    useEffect(() => {\n        if (!open) {\n            return\n        }\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'ArrowLeft' && canGoPrev) {\n                onActiveIndexChange(activeIndex - 1)\n            }\n\n            if (event.key === 'ArrowRight' && canGoNext) {\n                onActiveIndexChange(activeIndex + 1)\n            }\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [activeIndex, canGoNext, canGoPrev, onActiveIndexChange, onClose, open])\n\n    useEffect(() => {\n        if (!open) {\n            return\n        }\n\n        return lockBodyScroll()\n    }, [open])\n\n    if (!open || !currentItem) {\n        return null\n    }\n\n    const handleBackdropMouseDown = (event: MouseEvent<HTMLDivElement>) => {\n        const target = event.target as Node | null\n\n        if (target && frameRef.current && !frameRef.current.contains(target)) {\n            onClose()\n        }\n    }\n\n    const previewLabel = currentItem.alt || currentItem.caption || texts.imagePreview\n\n    return (\n        <MPortal>\n            <div\n                ref={backdropRef}\n                className={cn('mineral-backdrop', 'media-lightbox-backdrop')}\n                onMouseDown={handleBackdropMouseDown}\n            >\n                <div className=\"media-lightbox-shell\" role=\"dialog\" aria-modal=\"true\" aria-label={previewLabel}>\n                    <div className=\"media-lightbox-stage\">\n                        <div ref={frameRef} className=\"media-lightbox-frame\">\n                            <div className=\"media-lightbox-topbar\">\n                                <MBadge color=\"dark\" size=\"md\" rounded className=\"media-lightbox-counter\">\n                                    {items.length > 1 ? `${activeIndex + 1} / ${items.length}` : texts.preview}\n                                </MBadge>\n                                <MButton\n                                    type=\"button\"\n                                    variant=\"ghost\"\n                                    color=\"error\"\n                                    size=\"lg\"\n                                    shape=\"circle\"\n                                    iconOnly\n                                    className=\"media-lightbox-action\"\n                                    aria-label={texts.closePreview}\n                                    onClick={onClose}\n                                >\n                                    <MCloseIcon />\n                                </MButton>\n                            </div>\n\n                            <MButton\n                                type=\"button\"\n                                variant=\"ghost\"\n                                color=\"primary\"\n                                size=\"lg\"\n                                shape=\"circle\"\n                                iconOnly\n                                className=\"media-lightbox-nav media-lightbox-nav-prev\"\n                                aria-label={texts.previousImage}\n                                disabled={items.length <= 1 || !canGoPrev}\n                                onClick={() => canGoPrev && onActiveIndexChange(activeIndex - 1)}\n                            >\n                                <MChevronLeftIcon />\n                            </MButton>\n\n                            <img className=\"media-lightbox-image\" src={currentItem.src} alt={currentItem.alt || ''} />\n\n                            <MButton\n                                type=\"button\"\n                                variant=\"ghost\"\n                                color=\"primary\"\n                                size=\"lg\"\n                                shape=\"circle\"\n                                iconOnly\n                                className=\"media-lightbox-nav media-lightbox-nav-next\"\n                                aria-label={texts.nextImage}\n                                disabled={items.length <= 1 || !canGoNext}\n                                onClick={() => canGoNext && onActiveIndexChange(activeIndex + 1)}\n                            >\n                                <MChevronRightIcon />\n                            </MButton>\n\n                            {currentItem.caption || currentItem.alt ? (\n                                <MBadge color=\"dark\" size=\"sm\" rounded className=\"media-lightbox-caption\">\n                                    {currentItem.caption || currentItem.alt}\n                                </MBadge>\n                            ) : null}\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </MPortal>\n    )\n}\n","import type {MMediaLightboxItem} from './MMediaLightbox/MMediaLightbox'\n\ninterface MMediaPreviewRegistryItem extends MMediaLightboxItem {\n    id: string\n}\n\nconst previewGroups = new Map<string, Map<string, MMediaPreviewRegistryItem>>()\n\nexport function registerMediaPreviewItem(group: string, id: string, item: MMediaLightboxItem) {\n    let groupItems = previewGroups.get(group)\n\n    if (!groupItems) {\n        groupItems = new Map()\n        previewGroups.set(group, groupItems)\n    }\n\n    groupItems.set(id, {id, ...item})\n\n    return () => {\n        const currentGroupItems = previewGroups.get(group)\n        if (!currentGroupItems) {\n            return\n        }\n\n        currentGroupItems.delete(id)\n\n        if (currentGroupItems.size === 0) {\n            previewGroups.delete(group)\n        }\n    }\n}\n\nexport function getMediaPreviewGroupItems(group: string) {\n    return Array.from(previewGroups.get(group)?.values() ?? [])\n}\n","import type {MClickEffect} from '../../utils/useInteractionEffect'\n\nexport type MMediaInteractionEffect = MClickEffect | 'zoom' | 'dim' | 'zoom-ripple'\nexport type MMediaHoverEffect = 'none' | 'zoom' | 'dim' | 'zoom-dim'\n\nexport function usesRipple(effect: MMediaInteractionEffect): boolean {\n    return effect === 'ripple' || effect === 'zoom-ripple'\n}\n\nexport function usesZoom(effect: MMediaInteractionEffect): boolean {\n    return effect === 'zoom' || effect === 'zoom-ripple'\n}\n\nexport function usesDim(effect: MMediaInteractionEffect): boolean {\n    return effect === 'dim'\n}\n\nexport function usesHoverZoom(effect: MMediaHoverEffect): boolean {\n    return effect === 'zoom' || effect === 'zoom-dim'\n}\n\nexport function usesHoverDim(effect: MMediaHoverEffect): boolean {\n    return effect === 'dim' || effect === 'zoom-dim'\n}\n","import {useEffect, useId, useMemo, useState} from 'react'\nimport type * as React from 'react'\nimport type {CSSProperties} from 'react'\nimport type {MImageProps, MImageSize} from './MImage.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {MSkeleton} from '../../feedback'\nimport {MMediaLightbox} from '../MMediaLightbox/MMediaLightbox'\nimport {getMediaPreviewGroupItems, registerMediaPreviewItem} from '../mediaPreviewRegistry'\nimport {usesHoverDim, usesHoverZoom} from '../mediaInteraction'\nimport './MImage.css'\nimport {useMCommonTexts, formatMText} from '../../../i18n/frameworkTexts'\n\nconst RATIO_MAP: Record<string, string> = {\n    '1:1': '1 / 1',\n    '4:3': '4 / 3',\n    '16:9': '16 / 9',\n    '21:9': '21 / 9',\n}\n\nfunction toCssSize(value: MImageSize | undefined): string | undefined {\n    if (value == null) return undefined\n    return typeof value === 'number' ? `${value}px` : value\n}\n\n// Render a styled image with aspect ratio, fit, and optional fallback.\nexport function MImage({\n    src,\n    fit = 'cover',\n    ratio = 'auto',\n    width,\n    height,\n    hidden,\n    hiddenAbove,\n    rounded = false,\n    bordered = false,\n    shadow = false,\n    preview = false,\n    previewGroup,\n    hoverEffect = 'none',\n    clickEffect = 'none',\n    fallback,\n    skeleton = false,\n    className,\n    style,\n    alt,\n    onError,\n    ...rest\n}: MImageProps) {\n    const texts = useMCommonTexts()\n    const [errored, setErrored] = useState(false)\n    const [previewOpen, setPreviewOpen] = useState(false)\n    const [previewItems, setPreviewItems] = useState<Array<{src: string; alt?: string; caption?: string}>>([])\n    const [previewIndex, setPreviewIndex] = useState(0)\n    const previewId = useId()\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLElement>({\n        effect: skeleton ? 'none' : clickEffect,\n    })\n\n    const handleError = (e: React.SyntheticEvent<HTMLImageElement>) => {\n        if (fallback && !errored) {\n            setErrored(true)\n            e.currentTarget.src = fallback\n        }\n        onError?.(e)\n    }\n\n    const widthValue = toCssSize(width)\n    const heightValue = toCssSize(height)\n    const hasExplicitSize = widthValue != null || heightValue != null\n    const hasFixedRatio = ratio !== 'auto' && !!RATIO_MAP[ratio]\n    const sizeStyle: CSSProperties = {}\n    if (widthValue != null) sizeStyle.width = widthValue\n    if (heightValue != null) sizeStyle.height = heightValue\n    const ratioStyle: CSSProperties = {\n        ...style,\n        ...(hasFixedRatio ? {aspectRatio: RATIO_MAP[ratio]} : null),\n        ...sizeStyle,\n    }\n    const resolvedSrc = errored && fallback ? fallback : src\n    const previewItem = useMemo(\n        () => ({\n            src: resolvedSrc || '',\n            alt: alt ?? '',\n            caption: typeof rest.title === 'string' ? rest.title : undefined,\n        }),\n        [alt, resolvedSrc, rest.title]\n    )\n\n    useEffect(() => {\n        if (!preview || !previewGroup || !resolvedSrc) {\n            return\n        }\n\n        return registerMediaPreviewItem(previewGroup, previewId, previewItem)\n    }, [preview, previewGroup, previewId, previewItem, resolvedSrc])\n\n    // Skeleton placeholder\n    if (skeleton) {\n        return (\n            <MSkeleton\n                variant=\"rectangle\"\n                animate=\"pulse\"\n                className={cn('image-skeleton', rounded && 'rounded', bordered && 'bordered', className)}\n                style={ratioStyle}\n                aria-label={texts.loading}\n                {...getHiddenProps(hidden, hiddenAbove)}\n            />\n        )\n    }\n\n    const openPreview = () => {\n        if (!preview || !resolvedSrc) {\n            return\n        }\n\n        if (previewGroup) {\n            const groupItems = getMediaPreviewGroupItems(previewGroup)\n            const currentIndex = groupItems.findIndex((item) => item.id === previewId)\n\n            if (groupItems.length > 0 && currentIndex >= 0) {\n                setPreviewItems(groupItems.map(({id, ...item}) => item))\n                setPreviewIndex(currentIndex)\n                setPreviewOpen(true)\n                return\n            }\n        }\n\n        setPreviewItems([previewItem])\n        setPreviewIndex(0)\n        setPreviewOpen(true)\n    }\n\n    const imgClassName = cn(\n        'image',\n        fit,\n        !effectLayer && rounded && 'rounded',\n        !effectLayer && bordered && 'bordered',\n        !effectLayer && shadow && 'shadow'\n    )\n    const usesWrapper = hasFixedRatio || hasExplicitSize || Boolean(effectLayer) || preview || hoverEffect !== 'none'\n    const wrapperClassName = cn(\n        'image-wrap',\n        hasFixedRatio && 'has-ratio',\n        hasExplicitSize && 'has-size',\n        rounded && 'rounded',\n        bordered && 'bordered',\n        shadow && 'shadow',\n        preview && 'preview',\n        usesHoverZoom(hoverEffect) && 'effect-zoom',\n        usesHoverDim(hoverEffect) && 'effect-dim',\n        effectClassName,\n        className\n    )\n    const imageNode = <img className={imgClassName} onError={handleError} src={resolvedSrc} {...rest} alt={alt ?? ''} />\n\n    if (usesWrapper) {\n        return (\n            <>\n                {preview ? (\n                    <button\n                        type=\"button\"\n                        className={cn(wrapperClassName, 'image-button')}\n                        aria-label={formatMText(texts.previewItem, {name: alt || texts.image})}\n                        onClick={openPreview}\n                        onPointerDown={effectLayer ? handlePointerDown : undefined}\n                        disabled={!resolvedSrc}\n                        {...getHiddenProps(hidden, hiddenAbove)}\n                        style={ratioStyle}\n                    >\n                        {effectLayer}\n                        {imageNode}\n                    </button>\n                ) : (\n                    <span\n                        className={wrapperClassName}\n                        onPointerDown={effectLayer ? handlePointerDown : undefined}\n                        {...getHiddenProps(hidden, hiddenAbove)}\n                        style={ratioStyle}\n                    >\n                        {effectLayer}\n                        {imageNode}\n                    </span>\n                )}\n\n                <MMediaLightbox\n                    open={previewOpen}\n                    items={previewItems}\n                    activeIndex={previewIndex}\n                    onActiveIndexChange={setPreviewIndex}\n                    onClose={() => setPreviewOpen(false)}\n                />\n            </>\n        )\n    }\n\n    return (\n        <>\n            <img\n                className={cn(imgClassName, className)}\n                style={ratioStyle}\n                onError={handleError}\n                src={resolvedSrc}\n                {...getHiddenProps(hidden, hiddenAbove)}\n                {...rest}\n                alt={alt ?? ''}\n            />\n\n            <MMediaLightbox\n                open={previewOpen}\n                items={previewItems}\n                activeIndex={previewIndex}\n                onActiveIndexChange={setPreviewIndex}\n                onClose={() => setPreviewOpen(false)}\n            />\n        </>\n    )\n}\n","import type {MGalleryProps} from './MGallery.types'\nimport {useState} from 'react'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {MMediaLightbox} from '../MMediaLightbox/MMediaLightbox'\nimport {usesHoverDim, usesHoverZoom} from '../mediaInteraction'\nimport './MGallery.css'\nimport {useMCommonTexts, formatMText} from '../../../i18n/frameworkTexts'\n\n// Render a responsive image grid gallery.\nexport function MGallery({\n    items,\n    columns = 3,\n    rounded = true,\n    preview = false,\n    hoverEffect = 'zoom',\n    clickEffect = 'ripple',\n    className,\n    ...rest\n}: MGalleryProps) {\n    const [previewOpen, setPreviewOpen] = useState(false)\n    const [previewIndex, setPreviewIndex] = useState(0)\n\n    return (\n        <>\n            <div className={cn('gallery', `columns-${columns}`, className)} {...rest}>\n                {items.map((item, i) => (\n                    <GalleryFigure\n                        key={i}\n                        item={item}\n                        rounded={rounded}\n                        preview={preview}\n                        hoverEffect={hoverEffect}\n                        clickEffect={clickEffect}\n                        onOpen={() => {\n                            setPreviewIndex(i)\n                            setPreviewOpen(true)\n                        }}\n                    />\n                ))}\n            </div>\n\n            <MMediaLightbox\n                open={previewOpen}\n                items={items}\n                activeIndex={previewIndex}\n                onActiveIndexChange={setPreviewIndex}\n                onClose={() => setPreviewOpen(false)}\n            />\n        </>\n    )\n}\n\nfunction GalleryFigure({\n    item,\n    rounded,\n    preview,\n    hoverEffect,\n    clickEffect,\n    onOpen,\n}: {\n    item: {src: string; thumbnail?: string; alt?: string; caption?: string}\n    rounded: boolean\n    preview: boolean\n    hoverEffect: 'none' | 'zoom' | 'dim' | 'zoom-dim'\n    clickEffect: 'none' | 'ripple'\n    onOpen: () => void\n}) {\n    const texts = useMCommonTexts()\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLElement>({\n        effect: clickEffect,\n    })\n    return (\n        <figure className={cn('gallery-item', rounded && 'rounded')}>\n            {preview ? (\n                <button\n                    type=\"button\"\n                    className={cn(\n                        'gallery-trigger',\n                        rounded && 'rounded',\n                        'gallery-button',\n                        usesHoverZoom(hoverEffect) && 'effect-zoom',\n                        usesHoverDim(hoverEffect) && 'effect-dim',\n                        effectClassName\n                    )}\n                    onClick={onOpen}\n                    onPointerDown={handlePointerDown}\n                    aria-label={formatMText(texts.previewItem, {name: item.alt || texts.image})}\n                >\n                    <img\n                        className=\"gallery-image\"\n                        src={item.thumbnail || item.src}\n                        alt={item.alt || ''}\n                        loading=\"lazy\"\n                    />\n                    {item.caption && <span className=\"gallery-caption\">{item.caption}</span>}\n                    {effectLayer}\n                </button>\n            ) : (\n                <div\n                    className={cn(\n                        'gallery-trigger',\n                        rounded && 'rounded',\n                        usesHoverZoom(hoverEffect) && 'effect-zoom',\n                        usesHoverDim(hoverEffect) && 'effect-dim',\n                        effectClassName\n                    )}\n                    onPointerDown={handlePointerDown}\n                >\n                    <img\n                        className=\"gallery-image\"\n                        src={item.thumbnail || item.src}\n                        alt={item.alt || ''}\n                        loading=\"lazy\"\n                    />\n                    {item.caption && <span className=\"gallery-caption\">{item.caption}</span>}\n                    {effectLayer}\n                </div>\n            )}\n        </figure>\n    )\n}\n","import {useEffect, useState} from 'react'\nimport type {KeyboardEvent} from 'react'\nimport {isRtlElement} from '../../utils/radioGroupKeys'\n\n/**\n * Shared carousel helpers (MCarousel, MShowcaseCarousel). Internal, not re-exported.\n */\n\nconst EDITABLE_SELECTOR =\n    'input, textarea, select, [contenteditable=\"\"], [contenteditable=\"true\"], [role=\"slider\"], [role=\"spinbutton\"], [role=\"textbox\"], [role=\"combobox\"], [role=\"listbox\"], [role=\"grid\"], [role=\"tablist\"], [role=\"menu\"]'\n\n/**\n * Slide step for an arrow key pressed inside a carousel: -1 (previous), 1 (next) or `null`\n * when the key is not a carousel key or belongs to a widget that uses arrows itself.\n * Left / Right are flipped in right-to-left layouts.\n */\nexport function getCarouselKeyStep(event: KeyboardEvent<HTMLElement>): -1 | 1 | null {\n    if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return null\n    if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return null\n    const target = event.target as Element | null\n    if (target instanceof Element && target.closest(EDITABLE_SELECTOR)) return null\n    const forward = event.key === 'ArrowRight'\n    const rtl = isRtlElement(event.currentTarget)\n    return forward !== rtl ? 1 : -1\n}\n\nfunction readReducedMotion() {\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return false\n    try {\n        return window.matchMedia('(prefers-reduced-motion: reduce)').matches\n    } catch {\n        return false\n    }\n}\n\n/** Live `prefers-reduced-motion: reduce` flag (false on the server). */\nexport function usePrefersReducedMotion() {\n    const [reduced, setReduced] = useState(false)\n\n    useEffect(() => {\n        if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return\n        let query: MediaQueryList\n        try {\n            query = window.matchMedia('(prefers-reduced-motion: reduce)')\n        } catch {\n            return\n        }\n        setReduced(readReducedMotion())\n        const update = () => setReduced(query.matches)\n        query.addEventListener?.('change', update)\n        return () => query.removeEventListener?.('change', update)\n    }, [])\n\n    return reduced\n}\n","import {useState, useEffect, useCallback, useId, useRef, Children} from 'react'\nimport type * as React from 'react'\nimport type {MCarouselProps} from './MCarousel.types'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MChevronLeftIcon, MChevronRightIcon, MPlayIcon, MStopIcon} from '../../../icons'\nimport {getCarouselKeyStep, usePrefersReducedMotion} from '../carouselA11y'\nimport './MCarousel.css'\nimport {useMCommonTexts, useMMediaTexts, formatMText} from '../../../i18n/frameworkTexts'\n\ntype RotationChoice = 'auto' | 'stopped' | 'running'\n\n// Render a swipeable content slider with arrows, dots and transition modes.\nexport function MCarousel({\n    autoPlay = false,\n    interval = 5000,\n    showDots = true,\n    showArrows = true,\n    loop = true,\n    draggable = true,\n    transition = 'slide',\n    className,\n    children,\n    onMouseEnter,\n    onMouseLeave,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    ...rest\n}: MCarouselProps) {\n    const texts = useMCommonTexts()\n    const mediaTexts = useMMediaTexts()\n    const trackId = `${useId()}-carousel-track`\n    const reducedMotion = usePrefersReducedMotion()\n    // APG carousel: auto-rotation has an explicit stop / start control, pauses while the pointer\n    // hovers the carousel or keyboard focus is inside it, and starts stopped under reduced motion.\n    const [rotationChoice, setRotationChoice] = useState<RotationChoice>('auto')\n    const [hovered, setHovered] = useState(false)\n    const [focusInside, setFocusInside] = useState(false)\n    const rotationButtonRef = useRef<HTMLElement | null>(null)\n    const slides = Children.toArray(children)\n    const count = slides.length\n    const [active, setActive] = useState(0)\n    const [dragOffset, setDragOffset] = useState(0)\n    const [isDragging, setIsDragging] = useState(false)\n    const dragStartX = useRef(0)\n    const trackRef = useRef<HTMLDivElement>(null)\n\n    const goTo = useCallback(\n        (index: number) => {\n            if (loop) {\n                setActive((index + count) % count)\n            } else {\n                setActive(Math.max(0, Math.min(index, count - 1)))\n            }\n        },\n        [count, loop]\n    )\n\n    const prev = useCallback(() => goTo(active - 1), [active, goTo])\n    const next = useCallback(() => goTo(active + 1), [active, goTo])\n\n    const canRotate = autoPlay && count > 1\n    const rotating = canRotate && (rotationChoice === 'running' || (rotationChoice === 'auto' && !reducedMotion))\n    const paused = hovered || focusInside || isDragging\n\n    useEffect(() => {\n        if (!rotating || paused) return\n        const timer = setInterval(next, interval)\n        return () => clearInterval(timer)\n    }, [rotating, paused, interval, next])\n\n    const handleDragStart = (clientX: number) => {\n        if (!draggable) return\n        setIsDragging(true)\n        dragStartX.current = clientX\n        setDragOffset(0)\n    }\n\n    const handleDragMove = (clientX: number) => {\n        if (!isDragging) return\n        const diff = clientX - dragStartX.current\n        setDragOffset(diff)\n    }\n\n    const handleDragEnd = () => {\n        if (!isDragging) return\n        setIsDragging(false)\n        const threshold = 50\n        if (dragOffset < -threshold) {\n            next()\n        } else if (dragOffset > threshold) {\n            prev()\n        }\n        setDragOffset(0)\n    }\n\n    const onPointerDown = (e: React.PointerEvent) => {\n        if (!draggable) return\n        e.currentTarget.setPointerCapture(e.pointerId)\n        handleDragStart(e.clientX)\n    }\n\n    const onPointerMove = (e: React.PointerEvent) => {\n        handleDragMove(e.clientX)\n    }\n\n    const onPointerUp = () => {\n        handleDragEnd()\n    }\n\n    if (count === 0) return null\n\n    const handleFocus = (event: React.FocusEvent<HTMLDivElement>) => {\n        // Focus on the rotation control itself does not pause, so \"Start\" takes effect at once.\n        setFocusInside(!rotationButtonRef.current?.contains(event.target as Node))\n        onFocus?.(event)\n    }\n\n    const handleBlur = (event: React.FocusEvent<HTMLDivElement>) => {\n        const nextTarget = event.relatedTarget as Node | null\n        if (!nextTarget || !event.currentTarget.contains(nextTarget)) setFocusInside(false)\n        onBlur?.(event)\n    }\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        onKeyDown?.(event)\n        if (event.defaultPrevented || count <= 1) return\n        const step = getCarouselKeyStep(event)\n        if (step === null) return\n        event.preventDefault()\n        goTo(active + step)\n    }\n\n    const isFade = transition === 'fade'\n    const trackStyle = !isFade\n        ? {transform: `translateX(calc(-${active * 100}% + ${isDragging ? dragOffset : 0}px))`}\n        : undefined\n\n    return (\n        <div\n            className={cn('carousel', isFade && 'fade', className)}\n            role=\"region\"\n            aria-roledescription={mediaTexts.carouselRoleDescription}\n            aria-label={rest['aria-labelledby'] ? undefined : mediaTexts.carouselLabel}\n            {...rest}\n            onMouseEnter={(event) => {\n                setHovered(true)\n                onMouseEnter?.(event)\n            }}\n            onMouseLeave={(event) => {\n                setHovered(false)\n                onMouseLeave?.(event)\n            }}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n        >\n            {canRotate && (\n                <MButton\n                    ref={rotationButtonRef}\n                    variant=\"ghost\"\n                    color=\"primary\"\n                    iconOnly\n                    shape=\"circle\"\n                    size=\"sm\"\n                    className=\"carousel-rotation\"\n                    aria-label={rotating ? mediaTexts.stopRotation : mediaTexts.startRotation}\n                    aria-controls={trackId}\n                    onClick={() => setRotationChoice(rotating ? 'stopped' : 'running')}\n                >\n                    {rotating ? <MStopIcon /> : <MPlayIcon />}\n                </MButton>\n            )}\n            <div\n                className=\"carousel-viewport\"\n                onPointerDown={onPointerDown}\n                onPointerMove={onPointerMove}\n                onPointerUp={onPointerUp}\n                onPointerCancel={onPointerUp}\n                onDragStart={(e) => {\n                    // A native image/link drag would end the swipe with pointercancel.\n                    if (draggable) e.preventDefault()\n                }}\n                style={{\n                    touchAction: draggable ? 'pan-y' : undefined,\n                    cursor: draggable ? (isDragging ? 'grabbing' : 'grab') : undefined,\n                }}\n            >\n                <div\n                    ref={trackRef}\n                    id={trackId}\n                    className={cn('carousel-track', isDragging && 'dragging')}\n                    style={trackStyle}\n                    aria-live={rotating && !paused ? 'off' : 'polite'}\n                >\n                    {slides.map((slide, i) => (\n                        <div\n                            key={i}\n                            className={cn(\n                                'carousel-slide',\n                                isFade && i === active && 'active',\n                                isFade && i !== active && 'hidden'\n                            )}\n                            role=\"group\"\n                            aria-roledescription={mediaTexts.slideRoleDescription}\n                            aria-label={formatMText(mediaTexts.slideOf, {index: i + 1, count})}\n                            // Off-screen slides stay out of the Tab order and the accessibility tree.\n                            aria-hidden={i !== active || undefined}\n                            inert={i !== active ? true : undefined}\n                        >\n                            {slide}\n                        </div>\n                    ))}\n                </div>\n            </div>\n\n            {showArrows && count > 1 && (\n                <>\n                    <MButton\n                        variant=\"ghost\"\n                        color=\"primary\"\n                        iconOnly\n                        shape=\"circle\"\n                        onClick={prev}\n                        aria-label={texts.previousSlide}\n                        aria-controls={trackId}\n                        className=\"carousel-arrow carousel-arrow-prev\"\n                    >\n                        <MChevronLeftIcon />\n                    </MButton>\n                    <MButton\n                        variant=\"ghost\"\n                        color=\"primary\"\n                        iconOnly\n                        shape=\"circle\"\n                        onClick={next}\n                        aria-label={texts.nextSlide}\n                        aria-controls={trackId}\n                        className=\"carousel-arrow carousel-arrow-next\"\n                    >\n                        <MChevronRightIcon />\n                    </MButton>\n                </>\n            )}\n\n            {showDots && count > 1 && (\n                <div className=\"carousel-dots\" role=\"group\" aria-label={mediaTexts.chooseSlide}>\n                    {slides.map((_, i) => (\n                        <button\n                            key={i}\n                            className={cn('carousel-dot', i === active && 'active')}\n                            onClick={() => goTo(i)}\n                            aria-label={formatMText(texts.slideNumber, {index: i + 1})}\n                            aria-current={i === active ? 'true' : undefined}\n                            aria-controls={trackId}\n                            type=\"button\"\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    )\n}\n"],"mappings":"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"}