@banzamel/mineralui 2.4.3 → 2.5.1

package/dist/{layoutProps-Ck4VtGm9.cjs.map → layoutProps-B8y2XwHy.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"layoutProps-Ck4VtGm9.cjs","names":[],"sources":["../src/utils/layoutProps.ts"],"sourcesContent":["import type {CSSProperties} from 'react'\n\n// Keep the utility scale in one place so props and CSS stay in sync.\nexport const mineralUtilityScaleValues = ['none', 'xs', 'sm', 'md', 'lg', 'xl', '2xl'] as const\n\nexport type MUtilityScale = (typeof mineralUtilityScaleValues)[number]\n\nexport interface LayoutUtilityProps {\n    spacing?: MUtilityScale\n    padding?: MUtilityScale\n    fsize?: string | number\n    mt?: MUtilityScale\n    mb?: MUtilityScale\n    ml?: MUtilityScale\n    mr?: MUtilityScale\n    mx?: MUtilityScale\n    my?: MUtilityScale\n    pt?: MUtilityScale\n    pb?: MUtilityScale\n    pl?: MUtilityScale\n    pr?: MUtilityScale\n    px?: MUtilityScale\n    py?: MUtilityScale\n    fullWidth?: boolean\n}\n\n// Translate spacing and typography utility props into deterministic class names.\nexport function getLayoutUtilityClassNames({\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n}: LayoutUtilityProps): Array<string | false | undefined> {\n    return [\n        spacing !== undefined && `spacing-${spacing}`,\n        padding !== undefined && `padding-${padding}`,\n        fsize !== undefined && 'has-fsize',\n        mt !== undefined && `mt-${mt}`,\n        mb !== undefined && `mb-${mb}`,\n        ml !== undefined && `ml-${ml}`,\n        mr !== undefined && `mr-${mr}`,\n        mx !== undefined && `mx-${mx}`,\n        my !== undefined && `my-${my}`,\n        pt !== undefined && `pt-${pt}`,\n        pb !== undefined && `pb-${pb}`,\n        pl !== undefined && `pl-${pl}`,\n        pr !== undefined && `pr-${pr}`,\n        px !== undefined && `px-${px}`,\n        py !== undefined && `py-${py}`,\n        fullWidth && 'full-width',\n    ]\n}\n\n// Keep dynamic font sizes in CSS variables so layout helpers can accept any valid CSS length.\nexport function getLayoutUtilityStyles({fsize}: Pick<LayoutUtilityProps, 'fsize'>): CSSProperties | undefined {\n    if (fsize === undefined || fsize === null || fsize === '') {\n        return undefined\n    }\n\n    return {\n        '--mineral-layout-fsize': typeof fsize === 'number' ? `${fsize}px` : fsize,\n    } as CSSProperties\n}\n"],"mappings":"AA2BA,SAAgB,EAA2B,CACvC,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,aACsD,CACtD,MAAO,CACH,IAAY,IAAA,IAAa,WAAW,IACpC,IAAY,IAAA,IAAa,WAAW,IACpC,IAAU,IAAA,IAAa,YACvB,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,GAAa,aAChB,CAIL,SAAgB,EAAuB,CAAC,SAAsE,CACtG,QAAiC,MAAQ,IAAU,IAIvD,MAAO,CACH,yBAA0B,OAAO,GAAU,SAAW,GAAG,EAAM,IAAM,EACxE"}
+{"version":3,"file":"layoutProps-B8y2XwHy.cjs","names":[],"sources":["../src/utils/layoutProps.ts"],"sourcesContent":["import type {CSSProperties} from 'react'\n\n// Keep the utility scale in one place so props and CSS stay in sync.\nexport const mineralUtilityScaleValues = ['none', 'xs', 'sm', 'md', 'lg', 'xl', '2xl'] as const\n\nexport type MUtilityScale = (typeof mineralUtilityScaleValues)[number]\n\nexport interface LayoutUtilityProps {\n    spacing?: MUtilityScale\n    padding?: MUtilityScale\n    fsize?: string | number\n    mt?: MUtilityScale\n    mb?: MUtilityScale\n    ml?: MUtilityScale\n    mr?: MUtilityScale\n    mx?: MUtilityScale\n    my?: MUtilityScale\n    pt?: MUtilityScale\n    pb?: MUtilityScale\n    pl?: MUtilityScale\n    pr?: MUtilityScale\n    px?: MUtilityScale\n    py?: MUtilityScale\n    fullWidth?: boolean\n}\n\n// Translate spacing and typography utility props into deterministic class names.\nexport function getLayoutUtilityClassNames({\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n}: LayoutUtilityProps): Array<string | false | undefined> {\n    return [\n        spacing !== undefined && `spacing-${spacing}`,\n        padding !== undefined && `padding-${padding}`,\n        fsize !== undefined && 'has-fsize',\n        mt !== undefined && `mt-${mt}`,\n        mb !== undefined && `mb-${mb}`,\n        ml !== undefined && `ml-${ml}`,\n        mr !== undefined && `mr-${mr}`,\n        mx !== undefined && `mx-${mx}`,\n        my !== undefined && `my-${my}`,\n        pt !== undefined && `pt-${pt}`,\n        pb !== undefined && `pb-${pb}`,\n        pl !== undefined && `pl-${pl}`,\n        pr !== undefined && `pr-${pr}`,\n        px !== undefined && `px-${px}`,\n        py !== undefined && `py-${py}`,\n        fullWidth && 'full-width',\n    ]\n}\n\n// Keep dynamic font sizes in CSS variables so layout helpers can accept any valid CSS length.\nexport function getLayoutUtilityStyles({fsize}: Pick<LayoutUtilityProps, 'fsize'>): CSSProperties | undefined {\n    if (fsize === undefined || fsize === null || fsize === '') {\n        return undefined\n    }\n\n    return {\n        '--mineral-layout-fsize': typeof fsize === 'number' ? `${fsize}px` : fsize,\n    } as CSSProperties\n}\n"],"mappings":"AA2BA,SAAgB,EAA2B,CACvC,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,aACsD,CACtD,MAAO,CACH,IAAY,IAAA,IAAa,WAAW,IACpC,IAAY,IAAA,IAAa,WAAW,IACpC,IAAU,IAAA,IAAa,YACvB,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,IAAO,IAAA,IAAa,MAAM,IAC1B,GAAa,aAChB,CAIL,SAAgB,EAAuB,CAAC,SAAsE,CACtG,QAAiC,MAAQ,IAAU,IAIvD,MAAO,CACH,yBAA0B,OAAO,GAAU,SAAW,GAAG,EAAM,IAAM,EACxE"}

package/dist/{layoutProps-Cl6d1KmH.js → layoutProps-CE5-ghKw.js}

@@ -25,4 +25,4 @@ function t({ fsize: e }) {
 //#endregion
 export { t as n, e as t };
 
-//# sourceMappingURL=layoutProps-Cl6d1KmH.js.map
+//# sourceMappingURL=layoutProps-CE5-ghKw.js.map

package/dist/{layoutProps-Cl6d1KmH.js.map → layoutProps-CE5-ghKw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"layoutProps-Cl6d1KmH.js","names":[],"sources":["../src/utils/layoutProps.ts"],"sourcesContent":["import type {CSSProperties} from 'react'\n\n// Keep the utility scale in one place so props and CSS stay in sync.\nexport const mineralUtilityScaleValues = ['none', 'xs', 'sm', 'md', 'lg', 'xl', '2xl'] as const\n\nexport type MUtilityScale = (typeof mineralUtilityScaleValues)[number]\n\nexport interface LayoutUtilityProps {\n    spacing?: MUtilityScale\n    padding?: MUtilityScale\n    fsize?: string | number\n    mt?: MUtilityScale\n    mb?: MUtilityScale\n    ml?: MUtilityScale\n    mr?: MUtilityScale\n    mx?: MUtilityScale\n    my?: MUtilityScale\n    pt?: MUtilityScale\n    pb?: MUtilityScale\n    pl?: MUtilityScale\n    pr?: MUtilityScale\n    px?: MUtilityScale\n    py?: MUtilityScale\n    fullWidth?: boolean\n}\n\n// Translate spacing and typography utility props into deterministic class names.\nexport function getLayoutUtilityClassNames({\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n}: LayoutUtilityProps): Array<string | false | undefined> {\n    return [\n        spacing !== undefined && `spacing-${spacing}`,\n        padding !== undefined && `padding-${padding}`,\n        fsize !== undefined && 'has-fsize',\n        mt !== undefined && `mt-${mt}`,\n        mb !== undefined && `mb-${mb}`,\n        ml !== undefined && `ml-${ml}`,\n        mr !== undefined && `mr-${mr}`,\n        mx !== undefined && `mx-${mx}`,\n        my !== undefined && `my-${my}`,\n        pt !== undefined && `pt-${pt}`,\n        pb !== undefined && `pb-${pb}`,\n        pl !== undefined && `pl-${pl}`,\n        pr !== undefined && `pr-${pr}`,\n        px !== undefined && `px-${px}`,\n        py !== undefined && `py-${py}`,\n        fullWidth && 'full-width',\n    ]\n}\n\n// Keep dynamic font sizes in CSS variables so layout helpers can accept any valid CSS length.\nexport function getLayoutUtilityStyles({fsize}: Pick<LayoutUtilityProps, 'fsize'>): CSSProperties | undefined {\n    if (fsize === undefined || fsize === null || fsize === '') {\n        return undefined\n    }\n\n    return {\n        '--mineral-layout-fsize': typeof fsize === 'number' ? `${fsize}px` : fsize,\n    } as CSSProperties\n}\n"],"mappings":";AA2BA,SAAgB,EAA2B,EACvC,YACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,gBACsD;AACtD,QAAO;EACH,MAAY,KAAA,KAAa,WAAW;EACpC,MAAY,KAAA,KAAa,WAAW;EACpC,MAAU,KAAA,KAAa;EACvB,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,KAAa;EAChB;;AAIL,SAAgB,EAAuB,EAAC,YAAsE;AACtG,YAAiC,QAAQ,MAAU,IAIvD,QAAO,EACH,0BAA0B,OAAO,KAAU,WAAW,GAAG,EAAM,MAAM,GACxE"}
+{"version":3,"file":"layoutProps-CE5-ghKw.js","names":[],"sources":["../src/utils/layoutProps.ts"],"sourcesContent":["import type {CSSProperties} from 'react'\n\n// Keep the utility scale in one place so props and CSS stay in sync.\nexport const mineralUtilityScaleValues = ['none', 'xs', 'sm', 'md', 'lg', 'xl', '2xl'] as const\n\nexport type MUtilityScale = (typeof mineralUtilityScaleValues)[number]\n\nexport interface LayoutUtilityProps {\n    spacing?: MUtilityScale\n    padding?: MUtilityScale\n    fsize?: string | number\n    mt?: MUtilityScale\n    mb?: MUtilityScale\n    ml?: MUtilityScale\n    mr?: MUtilityScale\n    mx?: MUtilityScale\n    my?: MUtilityScale\n    pt?: MUtilityScale\n    pb?: MUtilityScale\n    pl?: MUtilityScale\n    pr?: MUtilityScale\n    px?: MUtilityScale\n    py?: MUtilityScale\n    fullWidth?: boolean\n}\n\n// Translate spacing and typography utility props into deterministic class names.\nexport function getLayoutUtilityClassNames({\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n}: LayoutUtilityProps): Array<string | false | undefined> {\n    return [\n        spacing !== undefined && `spacing-${spacing}`,\n        padding !== undefined && `padding-${padding}`,\n        fsize !== undefined && 'has-fsize',\n        mt !== undefined && `mt-${mt}`,\n        mb !== undefined && `mb-${mb}`,\n        ml !== undefined && `ml-${ml}`,\n        mr !== undefined && `mr-${mr}`,\n        mx !== undefined && `mx-${mx}`,\n        my !== undefined && `my-${my}`,\n        pt !== undefined && `pt-${pt}`,\n        pb !== undefined && `pb-${pb}`,\n        pl !== undefined && `pl-${pl}`,\n        pr !== undefined && `pr-${pr}`,\n        px !== undefined && `px-${px}`,\n        py !== undefined && `py-${py}`,\n        fullWidth && 'full-width',\n    ]\n}\n\n// Keep dynamic font sizes in CSS variables so layout helpers can accept any valid CSS length.\nexport function getLayoutUtilityStyles({fsize}: Pick<LayoutUtilityProps, 'fsize'>): CSSProperties | undefined {\n    if (fsize === undefined || fsize === null || fsize === '') {\n        return undefined\n    }\n\n    return {\n        '--mineral-layout-fsize': typeof fsize === 'number' ? `${fsize}px` : fsize,\n    } as CSSProperties\n}\n"],"mappings":";AA2BA,SAAgB,EAA2B,EACvC,YACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,gBACsD;AACtD,QAAO;EACH,MAAY,KAAA,KAAa,WAAW;EACpC,MAAY,KAAA,KAAa,WAAW;EACpC,MAAU,KAAA,KAAa;EACvB,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,MAAO,KAAA,KAAa,MAAM;EAC1B,KAAa;EAChB;;AAIL,SAAgB,EAAuB,EAAC,YAAsE;AACtG,YAAiC,QAAQ,MAAU,IAIvD,QAAO,EACH,0BAA0B,OAAO,KAAU,WAAW,GAAG,EAAM,MAAM,GACxE"}

package/dist/{licensing-f5KYVz7D.js → licensing-BKmoAdfr.js}

@@ -4,9 +4,10 @@ function t(t, n) {
 	e(() => {
 		let e = (e) => {
 			!t.current || t.current.contains(e.target) || n();
-		};
-		return document.addEventListener("mousedown", e), document.addEventListener("touchstart", e), () => {
-			document.removeEventListener("mousedown", e), document.removeEventListener("touchstart", e);
+		}, 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]);
 }
@@ -25,4 +26,4 @@ function o(e) {
 //#endregion
 export { r as a, n as i, o as n, t as o, i as r, a as t };
 
-//# sourceMappingURL=licensing-f5KYVz7D.js.map
+//# sourceMappingURL=licensing-BKmoAdfr.js.map

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/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