@banzamel/mineralui 1.2.0 → 1.4.0

package/dist/theme/MTheme.types.d.ts

@@ -47,3 +47,9 @@ export interface MTheme {
 }
 export type MColor = 'primary' | 'neutral' | 'success' | 'error' | 'warning' | 'info' | 'light' | 'dark' | 'news';
 export type MSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type MBreakpoint = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export type MHidden = MBreakpoint;
+export type MShellBreakpoint = 'mobile' | 'compact';
+export interface MHiddenProps {
+    hidden?: MHidden | boolean;
+}

package/dist/theme/index.d.ts

@@ -1,3 +1,4 @@
 export { MThemeProvider, useMTheme } from './MThemeProvider';
 export type { MThemeScope, MThemeProviderProps, MThemeContextValue } from './MThemeProvider';
-export type { MTheme, MMode, MModePreference, MColor, MSize } from './MTheme.types';
+export type { MTheme, MMode, MModePreference, MColor, MSize, MBreakpoint, MHidden, MHiddenProps, MShellBreakpoint, } from './MTheme.types';
+export { MBreakpoints, MShellBreakpoints, getHiddenProps, useMaxWidth } from './responsive';

package/dist/theme/responsive.d.ts

@@ -0,0 +1,23 @@
+import { MHiddenProps } from './MTheme.types';
+export declare const MBreakpoints: {
+    readonly sm: 640;
+    readonly md: 768;
+    readonly lg: 1024;
+    readonly xl: 1280;
+    readonly '2xl': 1536;
+};
+export declare const MShellBreakpoints: {
+    readonly mobile: 768;
+    readonly compact: 960;
+};
+export declare function useMaxWidth(breakpoint: number): boolean;
+export declare function getHiddenProps(hidden?: MHiddenProps['hidden']): {
+    hidden?: undefined;
+    'data-m-hidden'?: undefined;
+} | {
+    hidden: boolean;
+    'data-m-hidden'?: undefined;
+} | {
+    'data-m-hidden': import('./MTheme.types').MBreakpoint;
+    hidden?: undefined;
+};

package/dist/{theme-DLorpkJc.cjs → theme-B9iSuxqh.cjs}

@@ -1,2 +1,2 @@
-let e=require(`react`),t=require(`react/jsx-runtime`);var n=`mineralui-theme`;function r(e){return e===`system`?typeof window>`u`||window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`:e}function i(){try{let e=localStorage.getItem(n);if(e===`dark`||e===`light`||e===`system`)return e}catch{}return null}var a=(0,e.createContext)({theme:{},mode:`dark`,resolvedMode:`dark`,setMode:()=>{},toggleMode:()=>{}}),o={primaryRgb:`--mineral-primary-rgb`,primary:`--mineral-primary`,primaryDark:`--mineral-primary-dark`,primaryLight:`--mineral-primary-light`,neutralRgb:`--mineral-neutral-rgb`,neutral:`--mineral-neutral`,dark:`--mineral-dark`,darkLight:`--mineral-dark-light`,surface:`--mineral-surface`,surfaceContrast:`--mineral-surface-contrast`,pageBg:`--mineral-page-bg`,pageText:`--mineral-page-text`,text:`--mineral-text`,textSecondary:`--mineral-text-secondary`,textHeading:`--mineral-text-heading`,border:`--mineral-border`,borderHover:`--mineral-border-hover`,borderFocus:`--mineral-border-focus`,successRgb:`--mineral-success-rgb`,success:`--mineral-success`,errorRgb:`--mineral-error-rgb`,error:`--mineral-error`,warningRgb:`--mineral-warning-rgb`,warning:`--mineral-warning`,infoRgb:`--mineral-info-rgb`,info:`--mineral-info`,fontFamily:`--mineral-font-family-sans`,fontFamilySans:`--mineral-font-family-sans`,fontFamilyMono:`--mineral-font-family-mono`,fontFamilyHeading:`--mineral-font-family-heading`,fontColorDefault:`--mineral-fcolor-default`,fontColorMuted:`--mineral-fcolor-muted`,fontColorHeading:`--mineral-fcolor-heading`,fontColorInverted:`--mineral-fcolor-inverted`,fontColorPrimary:`--mineral-fcolor-primary`,fontColorNeutral:`--mineral-fcolor-neutral`,fontColorSuccess:`--mineral-fcolor-success`,fontColorError:`--mineral-fcolor-error`,fontColorWarning:`--mineral-fcolor-warning`,fontColorInfo:`--mineral-fcolor-info`,radiusSm:`--mineral-radius-sm`,radiusMd:`--mineral-radius-md`,radiusLg:`--mineral-radius-lg`};function s({theme:s,mode:c=`dark`,persist:l=!0,scope:u=`body`,children:d}){let f=(0,e.useRef)(null),p=(0,e.useMemo)(()=>s??{},[s]),[m,h]=(0,e.useState)(()=>{if(l){let e=i();if(e)return e}return c}),g=r(m),_=(0,e.useCallback)(e=>{if(h(e),l)try{localStorage.setItem(n,e)}catch{}},[l]),v=(0,e.useCallback)(()=>{_(g===`dark`?`light`:`dark`)},[g,_]);(0,e.useEffect)(()=>{if(m!==`system`)return;let e=window.matchMedia(`(prefers-color-scheme: dark)`),t=()=>h(`system`);return e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[m]),(0,e.useEffect)(()=>{let e=u===`body`?document.body:f.current;if(e){for(let[t,n]of Object.entries(p)){let r=o[t];r&&n&&(e.style.setProperty(r,n),r===`--mineral-font-family-sans`&&e.style.setProperty(`--mineral-font-family`,n))}return e.classList.toggle(`theme-light`,g===`light`),()=>{for(let t of Object.keys(p)){let n=o[t];n&&(e.style.removeProperty(n),n===`--mineral-font-family-sans`&&e.style.removeProperty(`--mineral-font-family`))}e.classList.remove(`theme-light`)}}},[g,p,u]);let y=(0,e.useMemo)(()=>({theme:p,mode:m,resolvedMode:g,setMode:_,toggleMode:v}),[p,m,g,_,v]);return(0,t.jsx)(a.Provider,{value:y,children:u===`wrapper`?(0,t.jsx)(`div`,{ref:f,className:g===`light`?`theme-light`:void 0,children:d}):d})}function c(){return(0,e.useContext)(a)}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
-//# sourceMappingURL=theme-DLorpkJc.cjs.map
+let e=require(`react`),t=require(`react/jsx-runtime`);var n=`mineralui-theme`;function r(e){return e===`system`?typeof window>`u`||window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`:e}function i(){try{let e=localStorage.getItem(n);if(e===`dark`||e===`light`||e===`system`)return e}catch{}return null}var a=(0,e.createContext)({theme:{},mode:`dark`,resolvedMode:`dark`,setMode:()=>{},toggleMode:()=>{}}),o={primaryRgb:`--mineral-primary-rgb`,primary:`--mineral-primary`,primaryDark:`--mineral-primary-dark`,primaryLight:`--mineral-primary-light`,neutralRgb:`--mineral-neutral-rgb`,neutral:`--mineral-neutral`,dark:`--mineral-dark`,darkLight:`--mineral-dark-light`,surface:`--mineral-surface`,surfaceContrast:`--mineral-surface-contrast`,pageBg:`--mineral-page-bg`,pageText:`--mineral-page-text`,text:`--mineral-text`,textSecondary:`--mineral-text-secondary`,textHeading:`--mineral-text-heading`,border:`--mineral-border`,borderHover:`--mineral-border-hover`,borderFocus:`--mineral-border-focus`,successRgb:`--mineral-success-rgb`,success:`--mineral-success`,errorRgb:`--mineral-error-rgb`,error:`--mineral-error`,warningRgb:`--mineral-warning-rgb`,warning:`--mineral-warning`,infoRgb:`--mineral-info-rgb`,info:`--mineral-info`,fontFamily:`--mineral-font-family-sans`,fontFamilySans:`--mineral-font-family-sans`,fontFamilyMono:`--mineral-font-family-mono`,fontFamilyHeading:`--mineral-font-family-heading`,fontColorDefault:`--mineral-fcolor-default`,fontColorMuted:`--mineral-fcolor-muted`,fontColorHeading:`--mineral-fcolor-heading`,fontColorInverted:`--mineral-fcolor-inverted`,fontColorPrimary:`--mineral-fcolor-primary`,fontColorNeutral:`--mineral-fcolor-neutral`,fontColorSuccess:`--mineral-fcolor-success`,fontColorError:`--mineral-fcolor-error`,fontColorWarning:`--mineral-fcolor-warning`,fontColorInfo:`--mineral-fcolor-info`,radiusSm:`--mineral-radius-sm`,radiusMd:`--mineral-radius-md`,radiusLg:`--mineral-radius-lg`};function s({theme:s,mode:c=`dark`,persist:l=!0,scope:u=`body`,children:d}){let f=(0,e.useRef)(null),p=(0,e.useMemo)(()=>s??{},[s]),[m,h]=(0,e.useState)(()=>{if(l){let e=i();if(e)return e}return c}),g=r(m),_=(0,e.useCallback)(e=>{if(h(e),l)try{localStorage.setItem(n,e)}catch{}},[l]),v=(0,e.useCallback)(()=>{_(g===`dark`?`light`:`dark`)},[g,_]);(0,e.useEffect)(()=>{if(m!==`system`)return;let e=window.matchMedia(`(prefers-color-scheme: dark)`),t=()=>h(`system`);return e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[m]),(0,e.useEffect)(()=>{let e=u===`body`?document.body:f.current;if(e){for(let[t,n]of Object.entries(p)){let r=o[t];r&&n&&(e.style.setProperty(r,n),r===`--mineral-font-family-sans`&&e.style.setProperty(`--mineral-font-family`,n))}return e.classList.toggle(`theme-light`,g===`light`),()=>{for(let t of Object.keys(p)){let n=o[t];n&&(e.style.removeProperty(n),n===`--mineral-font-family-sans`&&e.style.removeProperty(`--mineral-font-family`))}e.classList.remove(`theme-light`)}}},[g,p,u]);let y=(0,e.useMemo)(()=>({theme:p,mode:m,resolvedMode:g,setMode:_,toggleMode:v}),[p,m,g,_,v]);return(0,t.jsx)(a.Provider,{value:y,children:u===`wrapper`?(0,t.jsx)(`div`,{ref:f,className:g===`light`?`theme-light`:void 0,children:d}):d})}function c(){return(0,e.useContext)(a)}var l={sm:640,md:768,lg:1024,xl:1280,"2xl":1536},u={mobile:768,compact:960};function d(t){let[n,r]=(0,e.useState)(()=>typeof window<`u`?window.innerWidth<=t:!1);return(0,e.useEffect)(()=>{if(typeof window>`u`)return;let e=window.matchMedia(`(max-width: ${t}px)`),n=()=>r(e.matches);return n(),typeof e.addEventListener==`function`?(e.addEventListener(`change`,n),()=>e.removeEventListener(`change`,n)):(e.addListener(n),()=>e.removeListener(n))},[t]),n}function f(e){return e===void 0||e===!1?{}:e===!0?{hidden:!0}:{"data-m-hidden":e}}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
+//# sourceMappingURL=theme-B9iSuxqh.cjs.map

package/dist/theme-B9iSuxqh.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-B9iSuxqh.cjs","names":[],"sources":["../src/theme/MThemeProvider.tsx","../src/theme/responsive.ts"],"sourcesContent":["import {createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, type ReactNode} from 'react'\nimport type {MTheme, MMode, MModePreference} from './MTheme.types'\n\nconst STORAGE_KEY = 'mineralui-theme'\n\n// Resolve the final mode once 'system' is allowed.\nfunction resolveMode(pref: MModePreference): MMode {\n    if (pref !== 'system') return pref\n    if (typeof window === 'undefined') return 'dark'\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\n// Read a persisted mode safely when storage is available.\nfunction readStored(): MModePreference | null {\n    try {\n        const v = localStorage.getItem(STORAGE_KEY)\n        if (v === 'dark' || v === 'light' || v === 'system') return v\n    } catch {\n        /* SSR / blocked storage */\n    }\n    return null\n}\n\nexport interface MThemeContextValue {\n    theme: MTheme\n    mode: MModePreference\n    resolvedMode: MMode\n    setMode: (next: MModePreference) => void\n    toggleMode: () => void\n}\n\nconst ThemeContext = createContext<MThemeContextValue>({\n    theme: {},\n    mode: 'dark',\n    resolvedMode: 'dark',\n    setMode: () => {},\n    toggleMode: () => {},\n})\n\n// Map JS theme keys to CSS custom properties.\nconst varMap: Record<keyof MTheme, string> = {\n    primaryRgb: '--mineral-primary-rgb',\n    primary: '--mineral-primary',\n    primaryDark: '--mineral-primary-dark',\n    primaryLight: '--mineral-primary-light',\n    neutralRgb: '--mineral-neutral-rgb',\n    neutral: '--mineral-neutral',\n    dark: '--mineral-dark',\n    darkLight: '--mineral-dark-light',\n    surface: '--mineral-surface',\n    surfaceContrast: '--mineral-surface-contrast',\n    pageBg: '--mineral-page-bg',\n    pageText: '--mineral-page-text',\n    text: '--mineral-text',\n    textSecondary: '--mineral-text-secondary',\n    textHeading: '--mineral-text-heading',\n    border: '--mineral-border',\n    borderHover: '--mineral-border-hover',\n    borderFocus: '--mineral-border-focus',\n    successRgb: '--mineral-success-rgb',\n    success: '--mineral-success',\n    errorRgb: '--mineral-error-rgb',\n    error: '--mineral-error',\n    warningRgb: '--mineral-warning-rgb',\n    warning: '--mineral-warning',\n    infoRgb: '--mineral-info-rgb',\n    info: '--mineral-info',\n    fontFamily: '--mineral-font-family-sans',\n    fontFamilySans: '--mineral-font-family-sans',\n    fontFamilyMono: '--mineral-font-family-mono',\n    fontFamilyHeading: '--mineral-font-family-heading',\n    fontColorDefault: '--mineral-fcolor-default',\n    fontColorMuted: '--mineral-fcolor-muted',\n    fontColorHeading: '--mineral-fcolor-heading',\n    fontColorInverted: '--mineral-fcolor-inverted',\n    fontColorPrimary: '--mineral-fcolor-primary',\n    fontColorNeutral: '--mineral-fcolor-neutral',\n    fontColorSuccess: '--mineral-fcolor-success',\n    fontColorError: '--mineral-fcolor-error',\n    fontColorWarning: '--mineral-fcolor-warning',\n    fontColorInfo: '--mineral-fcolor-info',\n    radiusSm: '--mineral-radius-sm',\n    radiusMd: '--mineral-radius-md',\n    radiusLg: '--mineral-radius-lg',\n}\n\nexport type MThemeScope = 'body' | 'wrapper'\n\nexport interface MThemeProviderProps {\n    theme?: MTheme\n    mode?: MModePreference\n    persist?: boolean\n    scope?: MThemeScope\n    children: ReactNode\n}\n\n// Sync theme tokens and mode classes with either the body or a local wrapper.\nexport function MThemeProvider({\n    theme,\n    mode: modeProp = 'dark',\n    persist = true,\n    scope = 'body',\n    children,\n}: MThemeProviderProps) {\n    const ref = useRef<HTMLDivElement>(null)\n    const safeTheme = useMemo(() => theme ?? {}, [theme])\n\n    const [mode, setModeState] = useState<MModePreference>(() => {\n        if (persist) {\n            const stored = readStored()\n            if (stored) return stored\n        }\n        return modeProp\n    })\n\n    const resolved = resolveMode(mode)\n\n    const setMode = useCallback(\n        (next: MModePreference) => {\n            setModeState(next)\n            if (persist) {\n                try {\n                    localStorage.setItem(STORAGE_KEY, next)\n                } catch {\n                    /* noop */\n                }\n            }\n        },\n        [persist]\n    )\n\n    const toggleMode = useCallback(() => {\n        setMode(resolved === 'dark' ? 'light' : 'dark')\n    }, [resolved, setMode])\n\n    // Listen for system theme changes when mode is 'system'.\n    useEffect(() => {\n        if (mode !== 'system') return\n        const mq = window.matchMedia('(prefers-color-scheme: dark)')\n        const handler = () => setModeState('system')\n        mq.addEventListener('change', handler)\n        return () => mq.removeEventListener('change', handler)\n    }, [mode])\n\n    // Apply token overrides and light/dark class.\n    useEffect(() => {\n        const target = scope === 'body' ? document.body : ref.current\n        if (!target) return\n\n        for (const [key, value] of Object.entries(safeTheme)) {\n            const cssVar = varMap[key as keyof MTheme]\n            if (cssVar && value) {\n                target.style.setProperty(cssVar, value)\n                if (cssVar === '--mineral-font-family-sans') {\n                    target.style.setProperty('--mineral-font-family', value)\n                }\n            }\n        }\n\n        target.classList.toggle('theme-light', resolved === 'light')\n\n        return () => {\n            for (const key of Object.keys(safeTheme)) {\n                const cssVar = varMap[key as keyof MTheme]\n                if (cssVar) {\n                    target.style.removeProperty(cssVar)\n                    if (cssVar === '--mineral-font-family-sans') {\n                        target.style.removeProperty('--mineral-font-family')\n                    }\n                }\n            }\n            target.classList.remove('theme-light')\n        }\n    }, [resolved, safeTheme, scope])\n\n    const ctx = useMemo<MThemeContextValue>(\n        () => ({\n            theme: safeTheme,\n            mode,\n            resolvedMode: resolved,\n            setMode,\n            toggleMode,\n        }),\n        [safeTheme, mode, resolved, setMode, toggleMode]\n    )\n\n    return (\n        <ThemeContext.Provider value={ctx}>\n            {scope === 'wrapper' ? (\n                <div ref={ref} className={resolved === 'light' ? 'theme-light' : undefined}>\n                    {children}\n                </div>\n            ) : (\n                children\n            )}\n        </ThemeContext.Provider>\n    )\n}\n\nexport function useMTheme(): MThemeContextValue {\n    return useContext(ThemeContext)\n}\n","import {useEffect, useState} from 'react'\nimport type {MHiddenProps} from './MTheme.types'\n\nexport const MBreakpoints = {\n    sm: 640,\n    md: 768,\n    lg: 1024,\n    xl: 1280,\n    '2xl': 1536,\n} as const\n\nexport const MShellBreakpoints = {\n    mobile: 768,\n    compact: 960,\n} as const\n\nexport function useMaxWidth(breakpoint: number): boolean {\n    const [matches, setMatches] = useState(() =>\n        typeof window !== 'undefined' ? window.innerWidth <= breakpoint : false\n    )\n\n    useEffect(() => {\n        if (typeof window === 'undefined') {\n            return\n        }\n\n        const media = window.matchMedia(`(max-width: ${breakpoint}px)`)\n        const sync = () => setMatches(media.matches)\n\n        sync()\n\n        if (typeof media.addEventListener === 'function') {\n            media.addEventListener('change', sync)\n            return () => media.removeEventListener('change', sync)\n        }\n\n        media.addListener(sync)\n        return () => media.removeListener(sync)\n    }, [breakpoint])\n\n    return matches\n}\n\nexport function getHiddenProps(hidden?: MHiddenProps['hidden']) {\n    if (hidden === undefined || hidden === false) {\n        return {}\n    }\n\n    if (hidden === true) {\n        return {hidden: true}\n    }\n\n    return {'data-m-hidden': hidden}\n}\n"],"mappings":"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"}

package/dist/{theme-BV4qkzZU.js → theme-XRUdoLqw.js}

@@ -127,6 +127,29 @@ function m() {
 	return n(d);
 }
 //#endregion
-export { m as n, p as t };
+//#region src/theme/responsive.ts
+var h = {
+	sm: 640,
+	md: 768,
+	lg: 1024,
+	xl: 1280,
+	"2xl": 1536
+}, g = {
+	mobile: 768,
+	compact: 960
+};
+function _(e) {
+	let [t, n] = o(() => typeof window < "u" ? window.innerWidth <= e : !1);
+	return r(() => {
+		if (typeof window > "u") return;
+		let t = window.matchMedia(`(max-width: ${e}px)`), r = () => n(t.matches);
+		return r(), typeof t.addEventListener == "function" ? (t.addEventListener("change", r), () => t.removeEventListener("change", r)) : (t.addListener(r), () => t.removeListener(r));
+	}, [e]), t;
+}
+function v(e) {
+	return e === void 0 || e === !1 ? {} : e === !0 ? { hidden: !0 } : { "data-m-hidden": e };
+}
+//#endregion
+export { p as a, _ as i, g as n, m as o, v as r, h as t };
 
-//# sourceMappingURL=theme-BV4qkzZU.js.map
+//# sourceMappingURL=theme-XRUdoLqw.js.map

package/dist/theme-XRUdoLqw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-XRUdoLqw.js","names":[],"sources":["../src/theme/MThemeProvider.tsx","../src/theme/responsive.ts"],"sourcesContent":["import {createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, type ReactNode} from 'react'\nimport type {MTheme, MMode, MModePreference} from './MTheme.types'\n\nconst STORAGE_KEY = 'mineralui-theme'\n\n// Resolve the final mode once 'system' is allowed.\nfunction resolveMode(pref: MModePreference): MMode {\n    if (pref !== 'system') return pref\n    if (typeof window === 'undefined') return 'dark'\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\n// Read a persisted mode safely when storage is available.\nfunction readStored(): MModePreference | null {\n    try {\n        const v = localStorage.getItem(STORAGE_KEY)\n        if (v === 'dark' || v === 'light' || v === 'system') return v\n    } catch {\n        /* SSR / blocked storage */\n    }\n    return null\n}\n\nexport interface MThemeContextValue {\n    theme: MTheme\n    mode: MModePreference\n    resolvedMode: MMode\n    setMode: (next: MModePreference) => void\n    toggleMode: () => void\n}\n\nconst ThemeContext = createContext<MThemeContextValue>({\n    theme: {},\n    mode: 'dark',\n    resolvedMode: 'dark',\n    setMode: () => {},\n    toggleMode: () => {},\n})\n\n// Map JS theme keys to CSS custom properties.\nconst varMap: Record<keyof MTheme, string> = {\n    primaryRgb: '--mineral-primary-rgb',\n    primary: '--mineral-primary',\n    primaryDark: '--mineral-primary-dark',\n    primaryLight: '--mineral-primary-light',\n    neutralRgb: '--mineral-neutral-rgb',\n    neutral: '--mineral-neutral',\n    dark: '--mineral-dark',\n    darkLight: '--mineral-dark-light',\n    surface: '--mineral-surface',\n    surfaceContrast: '--mineral-surface-contrast',\n    pageBg: '--mineral-page-bg',\n    pageText: '--mineral-page-text',\n    text: '--mineral-text',\n    textSecondary: '--mineral-text-secondary',\n    textHeading: '--mineral-text-heading',\n    border: '--mineral-border',\n    borderHover: '--mineral-border-hover',\n    borderFocus: '--mineral-border-focus',\n    successRgb: '--mineral-success-rgb',\n    success: '--mineral-success',\n    errorRgb: '--mineral-error-rgb',\n    error: '--mineral-error',\n    warningRgb: '--mineral-warning-rgb',\n    warning: '--mineral-warning',\n    infoRgb: '--mineral-info-rgb',\n    info: '--mineral-info',\n    fontFamily: '--mineral-font-family-sans',\n    fontFamilySans: '--mineral-font-family-sans',\n    fontFamilyMono: '--mineral-font-family-mono',\n    fontFamilyHeading: '--mineral-font-family-heading',\n    fontColorDefault: '--mineral-fcolor-default',\n    fontColorMuted: '--mineral-fcolor-muted',\n    fontColorHeading: '--mineral-fcolor-heading',\n    fontColorInverted: '--mineral-fcolor-inverted',\n    fontColorPrimary: '--mineral-fcolor-primary',\n    fontColorNeutral: '--mineral-fcolor-neutral',\n    fontColorSuccess: '--mineral-fcolor-success',\n    fontColorError: '--mineral-fcolor-error',\n    fontColorWarning: '--mineral-fcolor-warning',\n    fontColorInfo: '--mineral-fcolor-info',\n    radiusSm: '--mineral-radius-sm',\n    radiusMd: '--mineral-radius-md',\n    radiusLg: '--mineral-radius-lg',\n}\n\nexport type MThemeScope = 'body' | 'wrapper'\n\nexport interface MThemeProviderProps {\n    theme?: MTheme\n    mode?: MModePreference\n    persist?: boolean\n    scope?: MThemeScope\n    children: ReactNode\n}\n\n// Sync theme tokens and mode classes with either the body or a local wrapper.\nexport function MThemeProvider({\n    theme,\n    mode: modeProp = 'dark',\n    persist = true,\n    scope = 'body',\n    children,\n}: MThemeProviderProps) {\n    const ref = useRef<HTMLDivElement>(null)\n    const safeTheme = useMemo(() => theme ?? {}, [theme])\n\n    const [mode, setModeState] = useState<MModePreference>(() => {\n        if (persist) {\n            const stored = readStored()\n            if (stored) return stored\n        }\n        return modeProp\n    })\n\n    const resolved = resolveMode(mode)\n\n    const setMode = useCallback(\n        (next: MModePreference) => {\n            setModeState(next)\n            if (persist) {\n                try {\n                    localStorage.setItem(STORAGE_KEY, next)\n                } catch {\n                    /* noop */\n                }\n            }\n        },\n        [persist]\n    )\n\n    const toggleMode = useCallback(() => {\n        setMode(resolved === 'dark' ? 'light' : 'dark')\n    }, [resolved, setMode])\n\n    // Listen for system theme changes when mode is 'system'.\n    useEffect(() => {\n        if (mode !== 'system') return\n        const mq = window.matchMedia('(prefers-color-scheme: dark)')\n        const handler = () => setModeState('system')\n        mq.addEventListener('change', handler)\n        return () => mq.removeEventListener('change', handler)\n    }, [mode])\n\n    // Apply token overrides and light/dark class.\n    useEffect(() => {\n        const target = scope === 'body' ? document.body : ref.current\n        if (!target) return\n\n        for (const [key, value] of Object.entries(safeTheme)) {\n            const cssVar = varMap[key as keyof MTheme]\n            if (cssVar && value) {\n                target.style.setProperty(cssVar, value)\n                if (cssVar === '--mineral-font-family-sans') {\n                    target.style.setProperty('--mineral-font-family', value)\n                }\n            }\n        }\n\n        target.classList.toggle('theme-light', resolved === 'light')\n\n        return () => {\n            for (const key of Object.keys(safeTheme)) {\n                const cssVar = varMap[key as keyof MTheme]\n                if (cssVar) {\n                    target.style.removeProperty(cssVar)\n                    if (cssVar === '--mineral-font-family-sans') {\n                        target.style.removeProperty('--mineral-font-family')\n                    }\n                }\n            }\n            target.classList.remove('theme-light')\n        }\n    }, [resolved, safeTheme, scope])\n\n    const ctx = useMemo<MThemeContextValue>(\n        () => ({\n            theme: safeTheme,\n            mode,\n            resolvedMode: resolved,\n            setMode,\n            toggleMode,\n        }),\n        [safeTheme, mode, resolved, setMode, toggleMode]\n    )\n\n    return (\n        <ThemeContext.Provider value={ctx}>\n            {scope === 'wrapper' ? (\n                <div ref={ref} className={resolved === 'light' ? 'theme-light' : undefined}>\n                    {children}\n                </div>\n            ) : (\n                children\n            )}\n        </ThemeContext.Provider>\n    )\n}\n\nexport function useMTheme(): MThemeContextValue {\n    return useContext(ThemeContext)\n}\n","import {useEffect, useState} from 'react'\nimport type {MHiddenProps} from './MTheme.types'\n\nexport const MBreakpoints = {\n    sm: 640,\n    md: 768,\n    lg: 1024,\n    xl: 1280,\n    '2xl': 1536,\n} as const\n\nexport const MShellBreakpoints = {\n    mobile: 768,\n    compact: 960,\n} as const\n\nexport function useMaxWidth(breakpoint: number): boolean {\n    const [matches, setMatches] = useState(() =>\n        typeof window !== 'undefined' ? window.innerWidth <= breakpoint : false\n    )\n\n    useEffect(() => {\n        if (typeof window === 'undefined') {\n            return\n        }\n\n        const media = window.matchMedia(`(max-width: ${breakpoint}px)`)\n        const sync = () => setMatches(media.matches)\n\n        sync()\n\n        if (typeof media.addEventListener === 'function') {\n            media.addEventListener('change', sync)\n            return () => media.removeEventListener('change', sync)\n        }\n\n        media.addListener(sync)\n        return () => media.removeListener(sync)\n    }, [breakpoint])\n\n    return matches\n}\n\nexport function getHiddenProps(hidden?: MHiddenProps['hidden']) {\n    if (hidden === undefined || hidden === false) {\n        return {}\n    }\n\n    if (hidden === true) {\n        return {hidden: true}\n    }\n\n    return {'data-m-hidden': hidden}\n}\n"],"mappings":"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"}

package/dist/theme.cjs

@@ -1,3 +1,3 @@
 const {ensureStyles}=require('./style-runtime.cjs')
 ensureStyles()
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./theme-DLorpkJc.cjs`);exports.MThemeProvider=e.t,exports.useMTheme=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./theme-B9iSuxqh.cjs`);exports.MBreakpoints=e.t,exports.MShellBreakpoints=e.n,exports.MThemeProvider=e.a,exports.getHiddenProps=e.r,exports.useMTheme=e.o,exports.useMaxWidth=e.i;

package/dist/theme.js

@@ -1,4 +1,4 @@
 import {ensureStyles} from './style-runtime.js'
 ensureStyles()
-import { n as e, t } from "./theme-BV4qkzZU.js";
-export { t as MThemeProvider, e as useMTheme };
+import { a as e, i as t, n, o as r, r as i, t as a } from "./theme-XRUdoLqw.js";
+export { a as MBreakpoints, n as MShellBreakpoints, e as MThemeProvider, i as getHiddenProps, r as useMTheme, t as useMaxWidth };

package/dist/{typography-qbFGv1gA.cjs → typography-D0dyVQlP.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./cn-CU5TNITO.cjs`),t=require(`./MText-CxSZ2md0.cjs`);let n=require(`react/jsx-runtime`);function r({color:r,className:i,children:a,...o}){return(0,n.jsx)(`code`,{className:e.t(`code`,...t.n({color:r}),i),...o,children:a})}function i({ordered:r=!1,color:i,className:a,children:o,...s}){return(0,n.jsx)(r?`ol`:`ul`,{className:e.t(`list`,r&&`ordered`,...t.n({color:i}),a),...s,children:o})}function a({className:t,children:r,...i}){return(0,n.jsx)(`li`,{className:e.t(`item`,t),...i,children:r})}function o({size:t=`md`,className:r,children:i,...a}){return(0,n.jsx)(`kbd`,{className:e.t(`kbd`,t,r),...a,children:i})}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=typography-qbFGv1gA.cjs.map
+const e=require(`./cn-CU5TNITO.cjs`),t=require(`./MText-CWHwmjs8.cjs`);let n=require(`react/jsx-runtime`);function r({color:r,className:i,children:a,...o}){return(0,n.jsx)(`code`,{className:e.t(`code`,...t.n({color:r}),i),...o,children:a})}function i({ordered:r=!1,color:i,className:a,children:o,...s}){return(0,n.jsx)(r?`ol`:`ul`,{className:e.t(`list`,r&&`ordered`,...t.n({color:i}),a),...s,children:o})}function a({className:t,children:r,...i}){return(0,n.jsx)(`li`,{className:e.t(`item`,t),...i,children:r})}function o({size:t=`md`,className:r,children:i,...a}){return(0,n.jsx)(`kbd`,{className:e.t(`kbd`,t,r),...a,children:i})}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=typography-D0dyVQlP.cjs.map

package/dist/{typography-qbFGv1gA.cjs.map → typography-D0dyVQlP.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"typography-qbFGv1gA.cjs","names":[],"sources":["../src/components/typography/MCode/MCode.tsx","../src/components/typography/MList/MList.tsx","../src/components/typography/MKbd/MKbd.tsx"],"sourcesContent":["import type {MCodeProps} from './MCode.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MCode.css'\n\n// Render inline code tokens with semantic color support.\nexport function MCode({color, className, children, ...rest}: MCodeProps) {\n    return (\n        <code className={cn('code', ...getAppearanceClassNames({color}), className)} {...rest}>\n            {children}\n        </code>\n    )\n}\n","import type {HTMLAttributes} from 'react'\nimport type {MListProps} from './MList.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MList.css'\n\n// Render ordered or unordered lists with shared typography tokens.\nexport function MList({ordered = false, color, className, children, ...rest}: MListProps) {\n    const Component = ordered ? 'ol' : 'ul'\n\n    return (\n        <Component\n            className={cn('list', ordered && 'ordered', ...getAppearanceClassNames({color}), className)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n\n// Render a list item that inherits the parent list styling.\nexport function MListItem({className, children, ...rest}: HTMLAttributes<HTMLLIElement>) {\n    return (\n        <li className={cn('item', className)} {...rest}>\n            {children}\n        </li>\n    )\n}\n","import type {MKbdProps} from './MKbd.types'\nimport {cn} from '../../../utils/cn'\nimport './MKbd.css'\n\nexport function MKbd({size = 'md', className, children, ...rest}: MKbdProps) {\n    return (\n        <kbd className={cn('kbd', size, className)} {...rest}>\n            {children}\n        </kbd>\n    )\n}\n"],"mappings":"0GAMA,SAAgB,EAAM,CAAC,QAAO,YAAW,WAAU,GAAG,GAAmB,CACrE,OACI,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,EAAG,OAAQ,GAAG,EAAA,EAAwB,CAAC,QAAM,CAAC,CAAE,EAAU,CAAE,GAAI,EAC5E,WACE,CAAA,CCHf,SAAgB,EAAM,CAAC,UAAU,GAAO,QAAO,YAAW,WAAU,GAAG,GAAmB,CAGtF,OACI,EAAA,EAAA,KAHc,EAAU,KAAO,KAG/B,CACI,UAAW,EAAA,EAAG,OAAQ,GAAW,UAAW,GAAG,EAAA,EAAwB,CAAC,QAAM,CAAC,CAAE,EAAU,CAC3F,GAAI,EAEH,WACO,CAAA,CAKpB,SAAgB,EAAU,CAAC,YAAW,WAAU,GAAG,GAAsC,CACrF,OACI,EAAA,EAAA,KAAC,KAAD,CAAI,UAAW,EAAA,EAAG,OAAQ,EAAU,CAAE,GAAI,EACrC,WACA,CAAA,CCrBb,SAAgB,EAAK,CAAC,OAAO,KAAM,YAAW,WAAU,GAAG,GAAkB,CACzE,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,MAAO,EAAM,EAAU,CAAE,GAAI,EAC3C,WACC,CAAA"}
+{"version":3,"file":"typography-D0dyVQlP.cjs","names":[],"sources":["../src/components/typography/MCode/MCode.tsx","../src/components/typography/MList/MList.tsx","../src/components/typography/MKbd/MKbd.tsx"],"sourcesContent":["import type {MCodeProps} from './MCode.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MCode.css'\n\n// Render inline code tokens with semantic color support.\nexport function MCode({color, className, children, ...rest}: MCodeProps) {\n    return (\n        <code className={cn('code', ...getAppearanceClassNames({color}), className)} {...rest}>\n            {children}\n        </code>\n    )\n}\n","import type {HTMLAttributes} from 'react'\nimport type {MListProps} from './MList.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MList.css'\n\n// Render ordered or unordered lists with shared typography tokens.\nexport function MList({ordered = false, color, className, children, ...rest}: MListProps) {\n    const Component = ordered ? 'ol' : 'ul'\n\n    return (\n        <Component\n            className={cn('list', ordered && 'ordered', ...getAppearanceClassNames({color}), className)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n\n// Render a list item that inherits the parent list styling.\nexport function MListItem({className, children, ...rest}: HTMLAttributes<HTMLLIElement>) {\n    return (\n        <li className={cn('item', className)} {...rest}>\n            {children}\n        </li>\n    )\n}\n","import type {MKbdProps} from './MKbd.types'\nimport {cn} from '../../../utils/cn'\nimport './MKbd.css'\n\nexport function MKbd({size = 'md', className, children, ...rest}: MKbdProps) {\n    return (\n        <kbd className={cn('kbd', size, className)} {...rest}>\n            {children}\n        </kbd>\n    )\n}\n"],"mappings":"0GAMA,SAAgB,EAAM,CAAC,QAAO,YAAW,WAAU,GAAG,GAAmB,CACrE,OACI,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,EAAG,OAAQ,GAAG,EAAA,EAAwB,CAAC,QAAM,CAAC,CAAE,EAAU,CAAE,GAAI,EAC5E,WACE,CAAA,CCHf,SAAgB,EAAM,CAAC,UAAU,GAAO,QAAO,YAAW,WAAU,GAAG,GAAmB,CAGtF,OACI,EAAA,EAAA,KAHc,EAAU,KAAO,KAG/B,CACI,UAAW,EAAA,EAAG,OAAQ,GAAW,UAAW,GAAG,EAAA,EAAwB,CAAC,QAAM,CAAC,CAAE,EAAU,CAC3F,GAAI,EAEH,WACO,CAAA,CAKpB,SAAgB,EAAU,CAAC,YAAW,WAAU,GAAG,GAAsC,CACrF,OACI,EAAA,EAAA,KAAC,KAAD,CAAI,UAAW,EAAA,EAAG,OAAQ,EAAU,CAAE,GAAI,EACrC,WACA,CAAA,CCrBb,SAAgB,EAAK,CAAC,OAAO,KAAM,YAAW,WAAU,GAAG,GAAkB,CACzE,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,MAAO,EAAM,EAAU,CAAE,GAAI,EAC3C,WACC,CAAA"}

package/dist/{typography-DKdr1Tds.js → typography-Db_SHI0H.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-YER3QsV1.js";
-import { n as t } from "./MText-DX9O7gh7.js";
+import { n as t } from "./MText-hHMgVJ4-.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/typography/MCode/MCode.tsx
 function r({ color: r, className: i, children: a, ...o }) {
@@ -37,4 +37,4 @@ function o({ size: t = "md", className: r, children: i, ...a }) {
 //#endregion
 export { r as i, i as n, a as r, o as t };
 
-//# sourceMappingURL=typography-DKdr1Tds.js.map
+//# sourceMappingURL=typography-Db_SHI0H.js.map

package/dist/{typography-DKdr1Tds.js.map → typography-Db_SHI0H.js.map}

@@ -1 +1 @@
-{"version":3,"file":"typography-DKdr1Tds.js","names":[],"sources":["../src/components/typography/MCode/MCode.tsx","../src/components/typography/MList/MList.tsx","../src/components/typography/MKbd/MKbd.tsx"],"sourcesContent":["import type {MCodeProps} from './MCode.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MCode.css'\n\n// Render inline code tokens with semantic color support.\nexport function MCode({color, className, children, ...rest}: MCodeProps) {\n    return (\n        <code className={cn('code', ...getAppearanceClassNames({color}), className)} {...rest}>\n            {children}\n        </code>\n    )\n}\n","import type {HTMLAttributes} from 'react'\nimport type {MListProps} from './MList.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MList.css'\n\n// Render ordered or unordered lists with shared typography tokens.\nexport function MList({ordered = false, color, className, children, ...rest}: MListProps) {\n    const Component = ordered ? 'ol' : 'ul'\n\n    return (\n        <Component\n            className={cn('list', ordered && 'ordered', ...getAppearanceClassNames({color}), className)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n\n// Render a list item that inherits the parent list styling.\nexport function MListItem({className, children, ...rest}: HTMLAttributes<HTMLLIElement>) {\n    return (\n        <li className={cn('item', className)} {...rest}>\n            {children}\n        </li>\n    )\n}\n","import type {MKbdProps} from './MKbd.types'\nimport {cn} from '../../../utils/cn'\nimport './MKbd.css'\n\nexport function MKbd({size = 'md', className, children, ...rest}: MKbdProps) {\n    return (\n        <kbd className={cn('kbd', size, className)} {...rest}>\n            {children}\n        </kbd>\n    )\n}\n"],"mappings":";;;;AAMA,SAAgB,EAAM,EAAC,UAAO,cAAW,aAAU,GAAG,KAAmB;AACrE,QACI,kBAAC,QAAD;EAAM,WAAW,EAAG,QAAQ,GAAG,EAAwB,EAAC,UAAM,CAAC,EAAE,EAAU;EAAE,GAAI;EAC5E;EACE,CAAA;;;;ACHf,SAAgB,EAAM,EAAC,aAAU,IAAO,UAAO,cAAW,aAAU,GAAG,KAAmB;AAGtF,QACI,kBAHc,IAAU,OAAO,MAG/B;EACI,WAAW,EAAG,QAAQ,KAAW,WAAW,GAAG,EAAwB,EAAC,UAAM,CAAC,EAAE,EAAU;EAC3F,GAAI;EAEH;EACO,CAAA;;AAKpB,SAAgB,EAAU,EAAC,cAAW,aAAU,GAAG,KAAsC;AACrF,QACI,kBAAC,MAAD;EAAI,WAAW,EAAG,QAAQ,EAAU;EAAE,GAAI;EACrC;EACA,CAAA;;;;ACrBb,SAAgB,EAAK,EAAC,UAAO,MAAM,cAAW,aAAU,GAAG,KAAkB;AACzE,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,OAAO,GAAM,EAAU;EAAE,GAAI;EAC3C;EACC,CAAA"}
+{"version":3,"file":"typography-Db_SHI0H.js","names":[],"sources":["../src/components/typography/MCode/MCode.tsx","../src/components/typography/MList/MList.tsx","../src/components/typography/MKbd/MKbd.tsx"],"sourcesContent":["import type {MCodeProps} from './MCode.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MCode.css'\n\n// Render inline code tokens with semantic color support.\nexport function MCode({color, className, children, ...rest}: MCodeProps) {\n    return (\n        <code className={cn('code', ...getAppearanceClassNames({color}), className)} {...rest}>\n            {children}\n        </code>\n    )\n}\n","import type {HTMLAttributes} from 'react'\nimport type {MListProps} from './MList.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MList.css'\n\n// Render ordered or unordered lists with shared typography tokens.\nexport function MList({ordered = false, color, className, children, ...rest}: MListProps) {\n    const Component = ordered ? 'ol' : 'ul'\n\n    return (\n        <Component\n            className={cn('list', ordered && 'ordered', ...getAppearanceClassNames({color}), className)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n\n// Render a list item that inherits the parent list styling.\nexport function MListItem({className, children, ...rest}: HTMLAttributes<HTMLLIElement>) {\n    return (\n        <li className={cn('item', className)} {...rest}>\n            {children}\n        </li>\n    )\n}\n","import type {MKbdProps} from './MKbd.types'\nimport {cn} from '../../../utils/cn'\nimport './MKbd.css'\n\nexport function MKbd({size = 'md', className, children, ...rest}: MKbdProps) {\n    return (\n        <kbd className={cn('kbd', size, className)} {...rest}>\n            {children}\n        </kbd>\n    )\n}\n"],"mappings":";;;;AAMA,SAAgB,EAAM,EAAC,UAAO,cAAW,aAAU,GAAG,KAAmB;AACrE,QACI,kBAAC,QAAD;EAAM,WAAW,EAAG,QAAQ,GAAG,EAAwB,EAAC,UAAM,CAAC,EAAE,EAAU;EAAE,GAAI;EAC5E;EACE,CAAA;;;;ACHf,SAAgB,EAAM,EAAC,aAAU,IAAO,UAAO,cAAW,aAAU,GAAG,KAAmB;AAGtF,QACI,kBAHc,IAAU,OAAO,MAG/B;EACI,WAAW,EAAG,QAAQ,KAAW,WAAW,GAAG,EAAwB,EAAC,UAAM,CAAC,EAAE,EAAU;EAC3F,GAAI;EAEH;EACO,CAAA;;AAKpB,SAAgB,EAAU,EAAC,cAAW,aAAU,GAAG,KAAsC;AACrF,QACI,kBAAC,MAAD;EAAI,WAAW,EAAG,QAAQ,EAAU;EAAE,GAAI;EACrC;EACA,CAAA;;;;ACrBb,SAAgB,EAAK,EAAC,UAAO,MAAM,cAAW,aAAU,GAAG,KAAkB;AACzE,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,OAAO,GAAM,EAAU;EAAE,GAAI;EAC3C;EACC,CAAA"}

package/dist/typography.cjs

@@ -1,3 +1,3 @@
 const {ensureStyles}=require('./style-runtime.cjs')
 ensureStyles()
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MText-CxSZ2md0.cjs`),t=require(`./MHeading-DqvWKia1.cjs`),n=require(`./MLink-DHryXq_D.cjs`),r=require(`./typography-qbFGv1gA.cjs`),i=require(`./MSubText-78oYdJQy.cjs`);exports.MCode=r.i,exports.MHeading=t.t,exports.MKbd=r.t,exports.MLink=n.t,exports.MList=r.n,exports.MListItem=r.r,exports.MSubText=i.t,exports.MText=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MText-CWHwmjs8.cjs`),t=require(`./MHeading-XCMJNMYB.cjs`),n=require(`./MLink-7hndQLKM.cjs`),r=require(`./typography-D0dyVQlP.cjs`),i=require(`./MSubText-Dg3PKnwI.cjs`);exports.MCode=r.i,exports.MHeading=t.t,exports.MKbd=r.t,exports.MLink=n.t,exports.MList=r.n,exports.MListItem=r.r,exports.MSubText=i.t,exports.MText=e.t;

package/dist/typography.js

@@ -1,8 +1,8 @@
 import {ensureStyles} from './style-runtime.js'
 ensureStyles()
-import { t as e } from "./MText-DX9O7gh7.js";
-import { t } from "./MHeading-C3IgV22T.js";
-import { t as n } from "./MLink-ODytrwne.js";
-import { i as r, n as i, r as a, t as o } from "./typography-DKdr1Tds.js";
-import { t as s } from "./MSubText-C2oxXwKT.js";
+import { t as e } from "./MText-hHMgVJ4-.js";
+import { t } from "./MHeading-DBS5Kytw.js";
+import { t as n } from "./MLink-tcICJfPn.js";
+import { i as r, n as i, r as a, t as o } from "./typography-Db_SHI0H.js";
+import { t as s } from "./MSubText-CHvUFOlt.js";
 export { r as MCode, t as MHeading, o as MKbd, n as MLink, i as MList, a as MListItem, s as MSubText, e as MText };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@banzamel/mineralui",
-    "version": "1.2.0",
+    "version": "1.4.0",
     "description": "Modern React UI component framework with mineral dark aesthetic",
     "type": "module",
     "main": "dist/index.cjs",

package/dist/MAvatar-BoO51a6m.js

@@ -1,55 +0,0 @@
-import { t as e } from "./cn-YER3QsV1.js";
-import { t } from "./useInteractionEffect-DtpbVd77.js";
-import { n } from "./MButton-BmTDe5Oa.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/media/MAvatar/MAvatar.tsx
-function a(e, t) {
-	if (t) return t.slice(0, 2).toUpperCase();
-	if (!e) return "?";
-	let n = e.trim().split(/\s+/).filter(Boolean);
-	return n.length === 0 ? "?" : n.length === 1 ? n[0].slice(0, 2).toUpperCase() : `${n[0][0]}${n[1][0]}`.toUpperCase();
-}
-function o({ src: o, alt: s, name: c, initials: l, size: u = "md", shape: d = "circle", color: f, badge: p, badgeColor: m, badgePulsing: h = !1, backgroundColor: g, clickEffect: _, rippleColor: v, skeleton: y = !1, className: b, style: x, onPointerDown: S, ...C }) {
-	let w = a(c, l), T = typeof C.onClick == "function" || C.role === "button" || C.tabIndex !== void 0, { effectClassName: E, effectLayer: D, handlePointerDown: O } = t({
-		effect: _ ?? (T ? "ripple" : "none"),
-		disabled: !T || y,
-		color: v
-	}), k = typeof u == "number" ? {
-		width: `${u}px`,
-		height: `${u}px`,
-		...x,
-		...g && !y ? { backgroundColor: g } : {}
-	} : {
-		...x,
-		...g && !y ? { backgroundColor: g } : {}
-	};
-	return /* @__PURE__ */ i("span", {
-		className: e("avatar", typeof u == "string" && u, d, y && "skeleton animate", T && !y && "interactive", E, !y && f && `color-${f}`, b),
-		style: k,
-		"aria-label": y ? "Loading" : s ?? c ?? "MAvatar",
-		onPointerDown: (e) => {
-			O(e), S?.(e);
-		},
-		...C,
-		children: [
-			D,
-			n({
-				badge: p,
-				badgeColor: m,
-				badgePulsing: h
-			}),
-			y ? null : o ? /* @__PURE__ */ r("img", {
-				src: o,
-				alt: s ?? c ?? "",
-				className: "image"
-			}) : /* @__PURE__ */ r("span", {
-				className: "fallback",
-				children: w
-			})
-		]
-	});
-}
-//#endregion
-export { o as t };
-
-//# sourceMappingURL=MAvatar-BoO51a6m.js.map

package/dist/MAvatar-BoO51a6m.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MAvatar-BoO51a6m.js","names":[],"sources":["../src/components/media/MAvatar/MAvatar.tsx"],"sourcesContent":["import type {CSSProperties} from 'react'\nimport type {MAvatarProps} from './MAvatar.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {renderOverlayBadge} from '../../../utils/overlayBadge'\nimport './MAvatar.css'\n\nfunction getFallbackInitials(name?: string, initials?: string) {\n    if (initials) return initials.slice(0, 2).toUpperCase()\n    if (!name) return '?'\n    const parts = name.trim().split(/\\s+/).filter(Boolean)\n    if (parts.length === 0) return '?'\n    if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase()\n    return `${parts[0][0]}${parts[1][0]}`.toUpperCase()\n}\n\n// Render user or entity identity as an image with initials fallback.\nexport function MAvatar({\n    src,\n    alt,\n    name,\n    initials,\n    size = 'md',\n    shape = 'circle',\n    color,\n    badge,\n    badgeColor,\n    badgePulsing = false,\n    backgroundColor,\n    clickEffect,\n    rippleColor,\n    skeleton = false,\n    className,\n    style,\n    onPointerDown,\n    ...rest\n}: MAvatarProps) {\n    const fallbackInitials = getFallbackInitials(name, initials)\n    const isInteractive = typeof rest.onClick === 'function' || rest.role === 'button' || rest.tabIndex !== undefined\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLSpanElement>({\n        effect: clickEffect ?? (isInteractive ? 'ripple' : 'none'),\n        disabled: !isInteractive || skeleton,\n        color: rippleColor,\n    })\n    const inlineStyle: CSSProperties =\n        typeof size === 'number'\n            ? {\n                  width: `${size}px`,\n                  height: `${size}px`,\n                  ...style,\n                  ...(backgroundColor && !skeleton ? {backgroundColor} : {}),\n              }\n            : {\n                  ...style,\n                  ...(backgroundColor && !skeleton ? {backgroundColor} : {}),\n              }\n\n    return (\n        <span\n            className={cn(\n                'avatar',\n                typeof size === 'string' && size,\n                shape,\n                skeleton && 'skeleton animate',\n                isInteractive && !skeleton && 'interactive',\n                effectClassName,\n                !skeleton && color && `color-${color}`,\n                className\n            )}\n            style={inlineStyle}\n            aria-label={skeleton ? 'Loading' : (alt ?? name ?? 'MAvatar')}\n            onPointerDown={(event) => {\n                handlePointerDown(event)\n                onPointerDown?.(event)\n            }}\n            {...rest}\n        >\n            {effectLayer}\n            {renderOverlayBadge({badge, badgeColor, badgePulsing})}\n            {skeleton ? null : src ? (\n                <img src={src} alt={alt ?? name ?? ''} className={'image'} />\n            ) : (\n                <span className={'fallback'}>{fallbackInitials}</span>\n            )}\n        </span>\n    )\n}\n"],"mappings":";;;;;AAOA,SAAS,EAAoB,GAAe,GAAmB;AAC3D,KAAI,EAAU,QAAO,EAAS,MAAM,GAAG,EAAE,CAAC,aAAa;AACvD,KAAI,CAAC,EAAM,QAAO;CAClB,IAAM,IAAQ,EAAK,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,QAAQ;AAGtD,QAFI,EAAM,WAAW,IAAU,MAC3B,EAAM,WAAW,IAAU,EAAM,GAAG,MAAM,GAAG,EAAE,CAAC,aAAa,GAC1D,GAAG,EAAM,GAAG,KAAK,EAAM,GAAG,KAAK,aAAa;;AAIvD,SAAgB,EAAQ,EACpB,QACA,QACA,SACA,aACA,UAAO,MACP,WAAQ,UACR,UACA,UACA,eACA,kBAAe,IACf,oBACA,gBACA,gBACA,cAAW,IACX,cACA,UACA,kBACA,GAAG,KACU;CACb,IAAM,IAAmB,EAAoB,GAAM,EAAS,EACtD,IAAgB,OAAO,EAAK,WAAY,cAAc,EAAK,SAAS,YAAY,EAAK,aAAa,KAAA,GAClG,EAAC,oBAAiB,gBAAa,yBAAqB,EAAsC;EAC5F,QAAQ,MAAgB,IAAgB,WAAW;EACnD,UAAU,CAAC,KAAiB;EAC5B,OAAO;EACV,CAAC,EACI,IACF,OAAO,KAAS,WACV;EACI,OAAO,GAAG,EAAK;EACf,QAAQ,GAAG,EAAK;EAChB,GAAG;EACH,GAAI,KAAmB,CAAC,IAAW,EAAC,oBAAgB,GAAG,EAAE;EAC5D,GACD;EACI,GAAG;EACH,GAAI,KAAmB,CAAC,IAAW,EAAC,oBAAgB,GAAG,EAAE;EAC5D;AAEX,QACI,kBAAC,QAAD;EACI,WAAW,EACP,UACA,OAAO,KAAS,YAAY,GAC5B,GACA,KAAY,oBACZ,KAAiB,CAAC,KAAY,eAC9B,GACA,CAAC,KAAY,KAAS,SAAS,KAC/B,EACH;EACD,OAAO;EACP,cAAY,IAAW,YAAa,KAAO,KAAQ;EACnD,gBAAgB,MAAU;AAEtB,GADA,EAAkB,EAAM,EACxB,IAAgB,EAAM;;EAE1B,GAAI;YAjBR;GAmBK;GACA,EAAmB;IAAC;IAAO;IAAY;IAAa,CAAC;GACrD,IAAW,OAAO,IACf,kBAAC,OAAD;IAAU;IAAK,KAAK,KAAO,KAAQ;IAAI,WAAW;IAAW,CAAA,GAE7D,kBAAC,QAAD;IAAM,WAAW;cAAa;IAAwB,CAAA;GAEvD"}

package/dist/MAvatar-DJKtca9j.cjs

@@ -1,2 +0,0 @@
-const e=require(`./cn-CU5TNITO.cjs`),t=require(`./useInteractionEffect-DnEfbCrX.cjs`),n=require(`./MButton-B8rXmFX9.cjs`);let r=require(`react/jsx-runtime`);function i(e,t){if(t)return t.slice(0,2).toUpperCase();if(!e)return`?`;let n=e.trim().split(/\s+/).filter(Boolean);return n.length===0?`?`:n.length===1?n[0].slice(0,2).toUpperCase():`${n[0][0]}${n[1][0]}`.toUpperCase()}function a({src:a,alt:o,name:s,initials:c,size:l=`md`,shape:u=`circle`,color:d,badge:f,badgeColor:p,badgePulsing:m=!1,backgroundColor:h,clickEffect:g,rippleColor:_,skeleton:v=!1,className:y,style:b,onPointerDown:x,...S}){let C=i(s,c),w=typeof S.onClick==`function`||S.role===`button`||S.tabIndex!==void 0,{effectClassName:T,effectLayer:E,handlePointerDown:D}=t.t({effect:g??(w?`ripple`:`none`),disabled:!w||v,color:_}),O=typeof l==`number`?{width:`${l}px`,height:`${l}px`,...b,...h&&!v?{backgroundColor:h}:{}}:{...b,...h&&!v?{backgroundColor:h}:{}};return(0,r.jsxs)(`span`,{className:e.t(`avatar`,typeof l==`string`&&l,u,v&&`skeleton animate`,w&&!v&&`interactive`,T,!v&&d&&`color-${d}`,y),style:O,"aria-label":v?`Loading`:o??s??`MAvatar`,onPointerDown:e=>{D(e),x?.(e)},...S,children:[E,n.n({badge:f,badgeColor:p,badgePulsing:m}),v?null:a?(0,r.jsx)(`img`,{src:a,alt:o??s??``,className:`image`}):(0,r.jsx)(`span`,{className:`fallback`,children:C})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=MAvatar-DJKtca9j.cjs.map

package/dist/MAvatar-DJKtca9j.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MAvatar-DJKtca9j.cjs","names":[],"sources":["../src/components/media/MAvatar/MAvatar.tsx"],"sourcesContent":["import type {CSSProperties} from 'react'\nimport type {MAvatarProps} from './MAvatar.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {renderOverlayBadge} from '../../../utils/overlayBadge'\nimport './MAvatar.css'\n\nfunction getFallbackInitials(name?: string, initials?: string) {\n    if (initials) return initials.slice(0, 2).toUpperCase()\n    if (!name) return '?'\n    const parts = name.trim().split(/\\s+/).filter(Boolean)\n    if (parts.length === 0) return '?'\n    if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase()\n    return `${parts[0][0]}${parts[1][0]}`.toUpperCase()\n}\n\n// Render user or entity identity as an image with initials fallback.\nexport function MAvatar({\n    src,\n    alt,\n    name,\n    initials,\n    size = 'md',\n    shape = 'circle',\n    color,\n    badge,\n    badgeColor,\n    badgePulsing = false,\n    backgroundColor,\n    clickEffect,\n    rippleColor,\n    skeleton = false,\n    className,\n    style,\n    onPointerDown,\n    ...rest\n}: MAvatarProps) {\n    const fallbackInitials = getFallbackInitials(name, initials)\n    const isInteractive = typeof rest.onClick === 'function' || rest.role === 'button' || rest.tabIndex !== undefined\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLSpanElement>({\n        effect: clickEffect ?? (isInteractive ? 'ripple' : 'none'),\n        disabled: !isInteractive || skeleton,\n        color: rippleColor,\n    })\n    const inlineStyle: CSSProperties =\n        typeof size === 'number'\n            ? {\n                  width: `${size}px`,\n                  height: `${size}px`,\n                  ...style,\n                  ...(backgroundColor && !skeleton ? {backgroundColor} : {}),\n              }\n            : {\n                  ...style,\n                  ...(backgroundColor && !skeleton ? {backgroundColor} : {}),\n              }\n\n    return (\n        <span\n            className={cn(\n                'avatar',\n                typeof size === 'string' && size,\n                shape,\n                skeleton && 'skeleton animate',\n                isInteractive && !skeleton && 'interactive',\n                effectClassName,\n                !skeleton && color && `color-${color}`,\n                className\n            )}\n            style={inlineStyle}\n            aria-label={skeleton ? 'Loading' : (alt ?? name ?? 'MAvatar')}\n            onPointerDown={(event) => {\n                handlePointerDown(event)\n                onPointerDown?.(event)\n            }}\n            {...rest}\n        >\n            {effectLayer}\n            {renderOverlayBadge({badge, badgeColor, badgePulsing})}\n            {skeleton ? null : src ? (\n                <img src={src} alt={alt ?? name ?? ''} className={'image'} />\n            ) : (\n                <span className={'fallback'}>{fallbackInitials}</span>\n            )}\n        </span>\n    )\n}\n"],"mappings":"6JAOA,SAAS,EAAoB,EAAe,EAAmB,CAC3D,GAAI,EAAU,OAAO,EAAS,MAAM,EAAG,EAAE,CAAC,aAAa,CACvD,GAAI,CAAC,EAAM,MAAO,IAClB,IAAM,EAAQ,EAAK,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,QAAQ,CAGtD,OAFI,EAAM,SAAW,EAAU,IAC3B,EAAM,SAAW,EAAU,EAAM,GAAG,MAAM,EAAG,EAAE,CAAC,aAAa,CAC1D,GAAG,EAAM,GAAG,KAAK,EAAM,GAAG,KAAK,aAAa,CAIvD,SAAgB,EAAQ,CACpB,MACA,MACA,OACA,WACA,OAAO,KACP,QAAQ,SACR,QACA,QACA,aACA,eAAe,GACf,kBACA,cACA,cACA,WAAW,GACX,YACA,QACA,gBACA,GAAG,GACU,CACb,IAAM,EAAmB,EAAoB,EAAM,EAAS,CACtD,EAAgB,OAAO,EAAK,SAAY,YAAc,EAAK,OAAS,UAAY,EAAK,WAAa,IAAA,GAClG,CAAC,kBAAiB,cAAa,qBAAqB,EAAA,EAAsC,CAC5F,OAAQ,IAAgB,EAAgB,SAAW,QACnD,SAAU,CAAC,GAAiB,EAC5B,MAAO,EACV,CAAC,CACI,EACF,OAAO,GAAS,SACV,CACI,MAAO,GAAG,EAAK,IACf,OAAQ,GAAG,EAAK,IAChB,GAAG,EACH,GAAI,GAAmB,CAAC,EAAW,CAAC,kBAAgB,CAAG,EAAE,CAC5D,CACD,CACI,GAAG,EACH,GAAI,GAAmB,CAAC,EAAW,CAAC,kBAAgB,CAAG,EAAE,CAC5D,CAEX,OACI,EAAA,EAAA,MAAC,OAAD,CACI,UAAW,EAAA,EACP,SACA,OAAO,GAAS,UAAY,EAC5B,EACA,GAAY,mBACZ,GAAiB,CAAC,GAAY,cAC9B,EACA,CAAC,GAAY,GAAS,SAAS,IAC/B,EACH,CACD,MAAO,EACP,aAAY,EAAW,UAAa,GAAO,GAAQ,UACnD,cAAgB,GAAU,CACtB,EAAkB,EAAM,CACxB,IAAgB,EAAM,EAE1B,GAAI,WAjBR,CAmBK,EACA,EAAA,EAAmB,CAAC,QAAO,aAAY,eAAa,CAAC,CACrD,EAAW,KAAO,GACf,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,IAAK,GAAO,GAAQ,GAAI,UAAW,QAAW,CAAA,EAE7D,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,oBAAa,EAAwB,CAAA,CAEvD"}

package/dist/MBadge-CexVV675.cjs

@@ -1,2 +0,0 @@
-const e=require(`./cn-CU5TNITO.cjs`);let t=require(`react/jsx-runtime`);function n({color:n=`primary`,size:r=`md`,pulsing:i=!1,rounded:a=!1,fullWidth:o=!1,icon:s,className:c,children:l,...u}){return(0,t.jsxs)(`span`,{className:e.t(`badge`,`color-${n}`,r,i&&`pulsing`,a&&`rounded`,o&&`full-width`,c),...u,children:[s&&(0,t.jsx)(`span`,{className:`badge-icon`,children:s}),l]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
-//# sourceMappingURL=MBadge-CexVV675.cjs.map

package/dist/MBadge-CexVV675.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MBadge-CexVV675.cjs","names":[],"sources":["../src/components/feedback/MBadge/MBadge.tsx"],"sourcesContent":["import type {MBadgeProps} from './MBadge.types'\nimport {cn} from '../../../utils/cn'\nimport './MBadge.css'\n\n// Render a compact semantic label for status and metadata.\nexport function MBadge({\n    color = 'primary',\n    size = 'md',\n    pulsing = false,\n    rounded = false,\n    fullWidth = false,\n    icon,\n    className,\n    children,\n    ...rest\n}: MBadgeProps) {\n    return (\n        <span\n            className={cn(\n                'badge',\n                `color-${color}`,\n                size,\n                pulsing && 'pulsing',\n                rounded && 'rounded',\n                fullWidth && 'full-width',\n                className\n            )}\n            {...rest}\n        >\n            {icon && <span className=\"badge-icon\">{icon}</span>}\n            {children}\n        </span>\n    )\n}\n"],"mappings":"wEAKA,SAAgB,EAAO,CACnB,QAAQ,UACR,OAAO,KACP,UAAU,GACV,UAAU,GACV,YAAY,GACZ,OACA,YACA,WACA,GAAG,GACS,CACZ,OACI,EAAA,EAAA,MAAC,OAAD,CACI,UAAW,EAAA,EACP,QACA,SAAS,IACT,EACA,GAAW,UACX,GAAW,UACX,GAAa,aACb,EACH,CACD,GAAI,WAVR,CAYK,IAAQ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sBAAc,EAAY,CAAA,CAClD,EACE"}

package/dist/MBadge-Y1JnZiIC.js

@@ -1,17 +0,0 @@
-import { t as e } from "./cn-YER3QsV1.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/feedback/MBadge/MBadge.tsx
-function r({ color: r = "primary", size: i = "md", pulsing: a = !1, rounded: o = !1, fullWidth: s = !1, icon: c, className: l, children: u, ...d }) {
-	return /* @__PURE__ */ n("span", {
-		className: e("badge", `color-${r}`, i, a && "pulsing", o && "rounded", s && "full-width", l),
-		...d,
-		children: [c && /* @__PURE__ */ t("span", {
-			className: "badge-icon",
-			children: c
-		}), u]
-	});
-}
-//#endregion
-export { r as t };
-
-//# sourceMappingURL=MBadge-Y1JnZiIC.js.map

package/dist/MBadge-Y1JnZiIC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MBadge-Y1JnZiIC.js","names":[],"sources":["../src/components/feedback/MBadge/MBadge.tsx"],"sourcesContent":["import type {MBadgeProps} from './MBadge.types'\nimport {cn} from '../../../utils/cn'\nimport './MBadge.css'\n\n// Render a compact semantic label for status and metadata.\nexport function MBadge({\n    color = 'primary',\n    size = 'md',\n    pulsing = false,\n    rounded = false,\n    fullWidth = false,\n    icon,\n    className,\n    children,\n    ...rest\n}: MBadgeProps) {\n    return (\n        <span\n            className={cn(\n                'badge',\n                `color-${color}`,\n                size,\n                pulsing && 'pulsing',\n                rounded && 'rounded',\n                fullWidth && 'full-width',\n                className\n            )}\n            {...rest}\n        >\n            {icon && <span className=\"badge-icon\">{icon}</span>}\n            {children}\n        </span>\n    )\n}\n"],"mappings":";;;AAKA,SAAgB,EAAO,EACnB,WAAQ,WACR,UAAO,MACP,aAAU,IACV,aAAU,IACV,eAAY,IACZ,SACA,cACA,aACA,GAAG,KACS;AACZ,QACI,kBAAC,QAAD;EACI,WAAW,EACP,SACA,SAAS,KACT,GACA,KAAW,WACX,KAAW,WACX,KAAa,cACb,EACH;EACD,GAAI;YAVR,CAYK,KAAQ,kBAAC,QAAD;GAAM,WAAU;aAAc;GAAY,CAAA,EAClD,EACE"}

package/dist/MButton-B8rXmFX9.cjs

@@ -1,2 +0,0 @@
-const e=require(`./cn-CU5TNITO.cjs`),t=require(`./useInteractionEffect-DnEfbCrX.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);var i=(0,n.createContext)(null);function a(){return(0,n.useContext)(i)}function o({color:t=`primary`,size:n=`md`,label:i=`Loading`,className:a,style:o,...s}){let c=typeof n==`number`?{width:`${n}px`,height:`${n}px`,...o}:o||{};return(0,r.jsx)(`span`,{className:e.t(`spinner`,typeof n==`string`&&n,t&&`color-${t}`,a),style:c,role:`status`,"aria-label":i,...s})}function s(e){return e!=null&&e!==!1}function c({badge:e,badgeColor:t,badgePulsing:n}){return s(e)}function l({badge:t,badgeColor:n=`primary`,badgePulsing:i=!1,className:a}){if(!c({badge:t,badgeColor:n,badgePulsing:i}))return null;let o=t===!0;return(0,r.jsx)(`span`,{className:e.t(`overlay-badge`,`color-${n}`,o&&`dot`,i&&`pulsing`,a),"aria-hidden":`true`,children:o?null:t})}var u=(0,n.forwardRef)(function({component:n,to:i,href:s,variant:c,size:u,color:d,fullWidth:f=!1,rounded:p=!1,shape:m,iconOnly:h=!1,loading:g=!1,active:_=!1,pulsing:v=!1,badge:y,badgeColor:b,badgePulsing:x=!1,startIcon:S,endIcon:C,clickEffect:w=`ripple`,rippleColor:T,className:E,style:D,children:O,disabled:k=!1,type:A=`button`,onClick:j,onPointerDown:M,onKeyDown:N,...P},F){let I=n??`button`,L=!n||I===`button`,R=a(),z=c??R?.variant??`filled`,B=u??R?.size??`md`,V=d??R?.color??`primary`,H=k||g,{effectClassName:U,effectLayer:W,handlePointerDown:G,triggerEffect:K}=t.t({effect:w,disabled:H,centered:h,color:T});function q(e){if(H&&!L){e.preventDefault();return}j?.(e)}return(0,r.jsxs)(I,{ref:F,type:L?A:void 0,to:n?H?void 0:i:void 0,href:n?H?void 0:s:void 0,className:e.t(`button`,z,B,`color-${V}`,f&&`full-width`,p&&`rounded`,m===`circle`&&`circle`,h&&`icon-only`,g&&`loading`,_&&`active`,v&&`pulsing`,H&&`disabled`,U,E),style:D,disabled:L?H:void 0,"aria-busy":g||void 0,"aria-disabled":!L&&H?!0:void 0,onClick:q,onPointerDown:e=>{G(e),M?.(e)},onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&K(e.currentTarget),N?.(e)},...P,children:[W,l({badge:y,badgeColor:b,badgePulsing:x}),g&&(0,r.jsx)(o,{size:`sm`,color:`inherit`,"aria-hidden":`true`}),S&&(0,r.jsx)(`span`,{className:`icon start`,children:S}),O&&(0,r.jsx)(`span`,{className:`content`,children:O}),C&&(0,r.jsx)(`span`,{className:`icon end`,children:C})]})});Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});
-//# sourceMappingURL=MButton-B8rXmFX9.cjs.map

package/dist/MButton-BmTDe5Oa.js

@@ -1,111 +0,0 @@
-import { t as e } from "./cn-YER3QsV1.js";
-import { t } from "./useInteractionEffect-DtpbVd77.js";
-import { createContext as n, forwardRef as r, useContext as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/components/controls/MButtonGroup/MButtonGroupContext.ts
-var s = n(null);
-function c() {
-	return i(s);
-}
-//#endregion
-//#region src/components/feedback/MSpinner/MSpinner.tsx
-function l({ color: t = "primary", size: n = "md", label: r = "Loading", className: i, style: o, ...s }) {
-	let c = typeof n == "number" ? {
-		width: `${n}px`,
-		height: `${n}px`,
-		...o
-	} : o || {};
-	return /* @__PURE__ */ a("span", {
-		className: e("spinner", typeof n == "string" && n, t && `color-${t}`, i),
-		style: c,
-		role: "status",
-		"aria-label": r,
-		...s
-	});
-}
-//#endregion
-//#region src/utils/overlayBadge.tsx
-function u(e) {
-	return e != null && e !== !1;
-}
-function d({ badge: e, badgeColor: t, badgePulsing: n }) {
-	return u(e);
-}
-function f({ badge: t, badgeColor: n = "primary", badgePulsing: r = !1, className: i }) {
-	if (!d({
-		badge: t,
-		badgeColor: n,
-		badgePulsing: r
-	})) return null;
-	let o = t === !0;
-	return /* @__PURE__ */ a("span", {
-		className: e("overlay-badge", `color-${n}`, o && "dot", r && "pulsing", i),
-		"aria-hidden": "true",
-		children: o ? null : t
-	});
-}
-//#endregion
-//#region src/components/controls/MButton/MButton.tsx
-var p = r(function({ component: n, to: r, href: i, variant: s, size: u, color: d, fullWidth: p = !1, rounded: m = !1, shape: h, iconOnly: g = !1, loading: _ = !1, active: v = !1, pulsing: y = !1, badge: b, badgeColor: x, badgePulsing: S = !1, startIcon: C, endIcon: w, clickEffect: T = "ripple", rippleColor: E, className: D, style: O, children: k, disabled: A = !1, type: j = "button", onClick: M, onPointerDown: N, onKeyDown: P, ...F }, I) {
-	let L = n ?? "button", R = !n || L === "button", z = c(), B = s ?? z?.variant ?? "filled", V = u ?? z?.size ?? "md", H = d ?? z?.color ?? "primary", U = A || _, { effectClassName: W, effectLayer: G, handlePointerDown: K, triggerEffect: q } = t({
-		effect: T,
-		disabled: U,
-		centered: g,
-		color: E
-	});
-	function J(e) {
-		if (U && !R) {
-			e.preventDefault();
-			return;
-		}
-		M?.(e);
-	}
-	return /* @__PURE__ */ o(L, {
-		ref: I,
-		type: R ? j : void 0,
-		to: n ? U ? void 0 : r : void 0,
-		href: n ? U ? void 0 : i : void 0,
-		className: e("button", B, V, `color-${H}`, p && "full-width", m && "rounded", h === "circle" && "circle", g && "icon-only", _ && "loading", v && "active", y && "pulsing", U && "disabled", W, D),
-		style: O,
-		disabled: R ? U : void 0,
-		"aria-busy": _ || void 0,
-		"aria-disabled": !R && U ? !0 : void 0,
-		onClick: J,
-		onPointerDown: (e) => {
-			K(e), N?.(e);
-		},
-		onKeyDown: (e) => {
-			(e.key === " " || e.key === "Enter") && q(e.currentTarget), P?.(e);
-		},
-		...F,
-		children: [
-			G,
-			f({
-				badge: b,
-				badgeColor: x,
-				badgePulsing: S
-			}),
-			_ && /* @__PURE__ */ a(l, {
-				size: "sm",
-				color: "inherit",
-				"aria-hidden": "true"
-			}),
-			C && /* @__PURE__ */ a("span", {
-				className: "icon start",
-				children: C
-			}),
-			k && /* @__PURE__ */ a("span", {
-				className: "content",
-				children: k
-			}),
-			w && /* @__PURE__ */ a("span", {
-				className: "icon end",
-				children: w
-			})
-		]
-	});
-});
-//#endregion
-export { s as i, f as n, l as r, p as t };
-
-//# sourceMappingURL=MButton-BmTDe5Oa.js.map

package/dist/MHeading-C3IgV22T.js

@@ -1,19 +0,0 @@
-import { t as e } from "./cn-YER3QsV1.js";
-import { n as t } from "./MText-DX9O7gh7.js";
-import { createElement as n } from "react";
-//#region src/components/typography/MHeading/MHeading.tsx
-function r({ level: r = 2, tone: i = "default", color: a, truncate: o, className: s, style: c, children: l, ...u }) {
-	let d = typeof o == "number" ? o : void 0;
-	return n(`h${r}`, {
-		className: e("heading", `h${r}`, !a && i, o === !0 && "truncate", d != null && "line-clamp", ...t({ color: a }), s),
-		style: d ? {
-			"--line-clamp": d,
-			...c
-		} : c,
-		...u
-	}, l);
-}
-//#endregion
-export { r as t };
-
-//# sourceMappingURL=MHeading-C3IgV22T.js.map

package/dist/MHeading-C3IgV22T.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MHeading-C3IgV22T.js","names":[],"sources":["../src/components/typography/MHeading/MHeading.tsx"],"sourcesContent":["import {createElement} from 'react'\nimport type {CSSProperties} from 'react'\nimport type {MHeadingProps} from './MHeading.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MHeading.css'\n\n// Render semantic heading levels with shared MineralUI typography tokens.\nexport function MHeading({\n    level = 2,\n    tone = 'default',\n    color,\n    truncate,\n    className,\n    style,\n    children,\n    ...rest\n}: MHeadingProps) {\n    const lines = typeof truncate === 'number' ? truncate : undefined\n\n    return createElement(\n        `h${level}`,\n        {\n            className: cn(\n                'heading',\n                `h${level}`,\n                !color && tone,\n                truncate === true && 'truncate',\n                lines != null && 'line-clamp',\n                ...getAppearanceClassNames({color}),\n                className\n            ),\n            style: lines ? ({'--line-clamp': lines, ...style} as CSSProperties) : style,\n            ...rest,\n        },\n        children\n    )\n}\n"],"mappings":";;;;AAQA,SAAgB,EAAS,EACrB,WAAQ,GACR,UAAO,WACP,UACA,aACA,cACA,UACA,aACA,GAAG,KACW;CACd,IAAM,IAAQ,OAAO,KAAa,WAAW,IAAW,KAAA;AAExD,QAAO,EACH,IAAI,KACJ;EACI,WAAW,EACP,WACA,IAAI,KACJ,CAAC,KAAS,GACV,MAAa,MAAQ,YACrB,KAAS,QAAQ,cACjB,GAAG,EAAwB,EAAC,UAAM,CAAC,EACnC,EACH;EACD,OAAO,IAAS;GAAC,gBAAgB;GAAO,GAAG;GAAM,GAAqB;EACtE,GAAG;EACN,EACD,EACH"}

package/dist/MHeading-DqvWKia1.cjs

@@ -1,2 +0,0 @@
-const e=require(`./cn-CU5TNITO.cjs`),t=require(`./MText-CxSZ2md0.cjs`);let n=require(`react`);function r({level:r=2,tone:i=`default`,color:a,truncate:o,className:s,style:c,children:l,...u}){let d=typeof o==`number`?o:void 0;return(0,n.createElement)(`h${r}`,{className:e.t(`heading`,`h${r}`,!a&&i,o===!0&&`truncate`,d!=null&&`line-clamp`,...t.n({color:a}),s),style:d?{"--line-clamp":d,...c}:c,...u},l)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
-//# sourceMappingURL=MHeading-DqvWKia1.cjs.map

package/dist/MHeading-DqvWKia1.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MHeading-DqvWKia1.cjs","names":[],"sources":["../src/components/typography/MHeading/MHeading.tsx"],"sourcesContent":["import {createElement} from 'react'\nimport type {CSSProperties} from 'react'\nimport type {MHeadingProps} from './MHeading.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MHeading.css'\n\n// Render semantic heading levels with shared MineralUI typography tokens.\nexport function MHeading({\n    level = 2,\n    tone = 'default',\n    color,\n    truncate,\n    className,\n    style,\n    children,\n    ...rest\n}: MHeadingProps) {\n    const lines = typeof truncate === 'number' ? truncate : undefined\n\n    return createElement(\n        `h${level}`,\n        {\n            className: cn(\n                'heading',\n                `h${level}`,\n                !color && tone,\n                truncate === true && 'truncate',\n                lines != null && 'line-clamp',\n                ...getAppearanceClassNames({color}),\n                className\n            ),\n            style: lines ? ({'--line-clamp': lines, ...style} as CSSProperties) : style,\n            ...rest,\n        },\n        children\n    )\n}\n"],"mappings":"8FAQA,SAAgB,EAAS,CACrB,QAAQ,EACR,OAAO,UACP,QACA,WACA,YACA,QACA,WACA,GAAG,GACW,CACd,IAAM,EAAQ,OAAO,GAAa,SAAW,EAAW,IAAA,GAExD,OAAA,EAAA,EAAA,eACI,IAAI,IACJ,CACI,UAAW,EAAA,EACP,UACA,IAAI,IACJ,CAAC,GAAS,EACV,IAAa,IAAQ,WACrB,GAAS,MAAQ,aACjB,GAAG,EAAA,EAAwB,CAAC,QAAM,CAAC,CACnC,EACH,CACD,MAAO,EAAS,CAAC,eAAgB,EAAO,GAAG,EAAM,CAAqB,EACtE,GAAG,EACN,CACD,EACH"}

package/dist/MImage-BDcrV6IC.js

@@ -1,49 +0,0 @@
-import { t as e } from "./cn-YER3QsV1.js";
-import { t } from "./useInteractionEffect-DtpbVd77.js";
-import { t as n } from "./MSkeleton-CauCfkzj.js";
-import { useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/media/MImage/MImage.tsx
-var o = {
-	"1:1": "1 / 1",
-	"4:3": "4 / 3",
-	"16:9": "16 / 9",
-	"21:9": "21 / 9"
-};
-function s({ fit: s = "cover", ratio: c = "auto", rounded: l = !1, bordered: u = !1, shadow: d = !1, clickEffect: f = "none", fallback: p, skeleton: m = !1, className: h, style: g, alt: _, onError: v, ...y }) {
-	let [b, x] = r(!1), { effectClassName: S, effectLayer: C, handlePointerDown: w } = t({ effect: m ? "none" : f }), T = (e) => {
-		p && !b && (x(!0), e.currentTarget.src = p), v?.(e);
-	}, E = c !== "auto" && !!o[c], D = E ? {
-		aspectRatio: o[c],
-		...g
-	} : g;
-	if (m) return /* @__PURE__ */ i(n, {
-		variant: "rectangle",
-		animate: "pulse",
-		className: e("image-skeleton", l && "rounded", u && "bordered", h),
-		style: D,
-		"aria-label": "Loading"
-	});
-	let O = e("image", s, !C && l && "rounded", !C && u && "bordered", !C && d && "shadow");
-	return C ? /* @__PURE__ */ a("span", {
-		className: e("image-wrap", E && "has-ratio", l && "rounded", u && "bordered", d && "shadow", S, h),
-		style: D,
-		onPointerDown: w,
-		children: [C, /* @__PURE__ */ i("img", {
-			className: O,
-			onError: T,
-			...y,
-			alt: _ ?? ""
-		})]
-	}) : /* @__PURE__ */ i("img", {
-		className: e(O, h),
-		style: D,
-		onError: T,
-		...y,
-		alt: _ ?? ""
-	});
-}
-//#endregion
-export { s as t };
-
-//# sourceMappingURL=MImage-BDcrV6IC.js.map

package/dist/MImage-BDcrV6IC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MImage-BDcrV6IC.js","names":[],"sources":["../src/components/media/MImage/MImage.tsx"],"sourcesContent":["import {useState} from 'react'\nimport type * as React from 'react'\nimport type {MImageProps} from './MImage.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {MSkeleton} from '../../feedback'\nimport './MImage.css'\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\n// Render a styled image with aspect ratio, fit, and optional fallback.\nexport function MImage({\n    fit = 'cover',\n    ratio = 'auto',\n    rounded = false,\n    bordered = false,\n    shadow = false,\n    clickEffect = 'none',\n    fallback,\n    skeleton = false,\n    className,\n    style,\n    alt,\n    onError,\n    ...rest\n}: MImageProps) {\n    const [errored, setErrored] = useState(false)\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLSpanElement>({\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 hasFixedRatio = ratio !== 'auto' && !!RATIO_MAP[ratio]\n    const ratioStyle = hasFixedRatio ? {aspectRatio: RATIO_MAP[ratio], ...style} : style\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=\"Loading\"\n            />\n        )\n    }\n\n    const imgClassName = cn(\n        'image',\n        fit,\n        !effectLayer && rounded && 'rounded',\n        !effectLayer && bordered && 'bordered',\n        !effectLayer && shadow && 'shadow'\n    )\n\n    if (effectLayer) {\n        return (\n            <span\n                className={cn(\n                    'image-wrap',\n                    hasFixedRatio && 'has-ratio',\n                    rounded && 'rounded',\n                    bordered && 'bordered',\n                    shadow && 'shadow',\n                    effectClassName,\n                    className\n                )}\n                style={ratioStyle}\n                onPointerDown={handlePointerDown}\n            >\n                {effectLayer}\n                <img className={imgClassName} onError={handleError} {...rest} alt={alt ?? ''} />\n            </span>\n        )\n    }\n\n    return (\n        <img\n            className={cn(imgClassName, className)}\n            style={ratioStyle}\n            onError={handleError}\n            {...rest}\n            alt={alt ?? ''}\n        />\n    )\n}\n"],"mappings":";;;;;;AAQA,IAAM,IAAoC;CACtC,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACX;AAGD,SAAgB,EAAO,EACnB,SAAM,SACN,WAAQ,QACR,aAAU,IACV,cAAW,IACX,YAAS,IACT,iBAAc,QACd,aACA,cAAW,IACX,cACA,UACA,QACA,YACA,GAAG,KACS;CACZ,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,EAAC,oBAAiB,gBAAa,yBAAqB,EAAsC,EAC5F,QAAQ,IAAW,SAAS,GAC/B,CAAC,EAEI,KAAe,MAA8C;AAK/D,EAJI,KAAY,CAAC,MACb,EAAW,GAAK,EAChB,EAAE,cAAc,MAAM,IAE1B,IAAU,EAAE;IAGV,IAAgB,MAAU,UAAU,CAAC,CAAC,EAAU,IAChD,IAAa,IAAgB;EAAC,aAAa,EAAU;EAAQ,GAAG;EAAM,GAAG;AAG/E,KAAI,EACA,QACI,kBAAC,GAAD;EACI,SAAQ;EACR,SAAQ;EACR,WAAW,EAAG,kBAAkB,KAAW,WAAW,KAAY,YAAY,EAAU;EACxF,OAAO;EACP,cAAW;EACb,CAAA;CAIV,IAAM,IAAe,EACjB,SACA,GACA,CAAC,KAAe,KAAW,WAC3B,CAAC,KAAe,KAAY,YAC5B,CAAC,KAAe,KAAU,SAC7B;AAuBD,QArBI,IAEI,kBAAC,QAAD;EACI,WAAW,EACP,cACA,KAAiB,aACjB,KAAW,WACX,KAAY,YACZ,KAAU,UACV,GACA,EACH;EACD,OAAO;EACP,eAAe;YAXnB,CAaK,GACD,kBAAC,OAAD;GAAK,WAAW;GAAc,SAAS;GAAa,GAAI;GAAM,KAAK,KAAO;GAAM,CAAA,CAC7E;MAKX,kBAAC,OAAD;EACI,WAAW,EAAG,GAAc,EAAU;EACtC,OAAO;EACP,SAAS;EACT,GAAI;EACJ,KAAK,KAAO;EACd,CAAA"}