@banzamel/mineralui 2.4.3 → 2.5.2

package/dist/theme/MThemeProvider.d.ts

@@ -1,5 +1,20 @@
 import { ReactNode } from 'react';
 import { MTheme, MMode, MModePreference } from './MTheme.types';
+export interface MThemeInitScriptOptions {
+    /** Mode used when nothing is persisted. Matches the `mode` prop of `MThemeProvider`. Default `'dark'`. */
+    defaultMode?: MModePreference;
+    /** Read the persisted mode (`localStorage['mineralui-theme']`). Default `true`. */
+    persist?: boolean;
+}
+/**
+ * Inline script that sets the `theme-light` class on `<html>` before the first paint, so SSR / static
+ * pages do not flash the dark theme. Render it in `<head>`, e.g.
+ * `<script dangerouslySetInnerHTML={{__html: getMThemeInitScript({defaultMode: 'light'})}} />`.
+ * `MThemeProvider scope="body"` keeps the `<html>` class in sync afterwards.
+ */
+export declare function getMThemeInitScript({ defaultMode, persist }?: MThemeInitScriptOptions): string;
+/** `getMThemeInitScript()` with the defaults (dark, persisted). */
+export declare const M_THEME_INIT_SCRIPT: string;
 export interface MThemeContextValue {
     theme: MTheme;
     mode: MModePreference;
@@ -11,9 +26,11 @@ export type MThemeScope = 'body' | 'wrapper';
 export interface MThemeProviderProps {
     theme?: MTheme;
     mode?: MModePreference;
+    /** Read and write the persisted mode. Defaults to `true` for `scope="body"` and `false` for
+     *  `scope="wrapper"`, so a local preview never overrides the user's global choice. */
     persist?: boolean;
     scope?: MThemeScope;
     children: ReactNode;
 }
-export declare function MThemeProvider({ theme, mode: modeProp, persist, scope, children, }: MThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function MThemeProvider({ theme, mode: modeProp, persist: persistProp, scope, children, }: MThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useMTheme(): MThemeContextValue;

package/dist/theme/index.d.ts

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

package/dist/{theme-DAOU1aPs.js → theme-B_juOenJ.js}

@@ -1,24 +1,29 @@
-import { createContext as e, useCallback as t, useContext as n, useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
+import { createContext as e, useCallback as t, useContext as n, useEffect as r, useLayoutEffect as i, useMemo as a, useReducer as o, useRef as s, useState as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
 //#region src/theme/MThemeProvider.tsx
-var c = "mineralui-theme";
-function l(e) {
+var u = "mineralui-theme", d = typeof window < "u" ? i : r;
+function f({ defaultMode: e = "dark", persist: t = !0 } = {}) {
+	let n = JSON.stringify(e === "light" || e === "system" ? e : "dark");
+	return `(function(){try{var m=null;${t ? `try{m=localStorage.getItem(${JSON.stringify(u)})}catch(e){}` : ""}if(m!=='dark'&&m!=='light'&&m!=='system')m=${n};if(m==='system')m=window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light';document.documentElement.classList.toggle('theme-light',m==='light')}catch(e){}})()`;
+}
+var p = f();
+function m(e) {
 	return e === "system" ? typeof window > "u" || window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : e;
 }
-function u() {
+function h() {
 	try {
-		let e = localStorage.getItem(c);
+		let e = localStorage.getItem(u);
 		if (e === "dark" || e === "light" || e === "system") return e;
 	} catch {}
 	return null;
 }
-var d = e({
+var g = e({
 	theme: {},
 	mode: "dark",
 	resolvedMode: "dark",
 	setMode: () => {},
 	toggleMode: () => {}
-}), f = {
+}), _ = {
 	primaryRgb: "--mineral-primary-rgb",
 	primary: "--mineral-primary",
 	primaryDark: "--mineral-primary-dark",
@@ -63,94 +68,99 @@ var d = e({
 	radiusMd: "--mineral-radius-md",
 	radiusLg: "--mineral-radius-lg"
 };
-function p({ theme: e, mode: n = "dark", persist: p = !0, scope: m = "body", children: h }) {
-	let g = a(null), _ = i(() => e ?? {}, [e]), [v, y] = o(() => {
-		if (p) {
-			let e = u();
+function v({ theme: e, mode: n = "dark", persist: i, scope: f = "body", children: p }) {
+	let v = i ?? f === "body", y = s(null), b = a(() => e ?? {}, [e]), [x, S] = c(() => {
+		if (v) {
+			let e = h();
 			if (e) return e;
 		}
 		return n;
-	}), b = l(v), x = t((e) => {
-		if (y(e), p) try {
-			localStorage.setItem(c, e);
+	}), C = s(n);
+	r(() => {
+		C.current !== n && (C.current = n, S(n));
+	}, [n]);
+	let [, w] = o((e) => e + 1, 0), T = m(x), E = t((e) => {
+		if (S(e), v) try {
+			localStorage.setItem(u, e);
 		} catch {}
-	}, [p]), S = t(() => {
-		x(b === "dark" ? "light" : "dark");
-	}, [b, x]);
+	}, [v]), D = t(() => {
+		E(T === "dark" ? "light" : "dark");
+	}, [T, E]);
 	r(() => {
-		if (v !== "system") return;
-		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => y("system");
+		if (x !== "system") return;
+		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => w();
 		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
-	}, [v]), r(() => {
-		let e = m === "body" ? document.body : g.current;
-		if (e) {
-			for (let [t, n] of Object.entries(_)) {
-				let r = f[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", b === "light"), () => {
-				for (let t of Object.keys(_)) {
-					let n = f[t];
-					n && (e.style.removeProperty(n), n === "--mineral-font-family-sans" && e.style.removeProperty("--mineral-font-family"));
-				}
-				e.classList.remove("theme-light");
-			};
+	}, [x]), d(() => {
+		let e = f === "body" ? document.body : y.current;
+		if (!e) return;
+		let t = f === "body" ? [e, document.documentElement] : [];
+		for (let e of t) e.classList.toggle("theme-light", T === "light");
+		for (let [t, n] of Object.entries(b)) {
+			let r = _[t];
+			r && n && (e.style.setProperty(r, n), r === "--mineral-font-family-sans" && e.style.setProperty("--mineral-font-family", n));
 		}
+		return () => {
+			for (let t of Object.keys(b)) {
+				let n = _[t];
+				n && (e.style.removeProperty(n), n === "--mineral-font-family-sans" && e.style.removeProperty("--mineral-font-family"));
+			}
+			for (let e of t) e.classList.remove("theme-light");
+		};
 	}, [
+		T,
 		b,
-		_,
-		m
+		f
 	]);
-	let C = i(() => ({
-		theme: _,
-		mode: v,
-		resolvedMode: b,
-		setMode: x,
-		toggleMode: S
+	let O = a(() => ({
+		theme: b,
+		mode: x,
+		resolvedMode: T,
+		setMode: E,
+		toggleMode: D
 	}), [
-		_,
-		v,
 		b,
 		x,
-		S
+		T,
+		E,
+		D
 	]);
-	return /* @__PURE__ */ s(d.Provider, {
-		value: C,
-		children: m === "wrapper" ? /* @__PURE__ */ s("div", {
-			ref: g,
-			className: b === "light" ? "theme-light" : void 0,
-			children: h
-		}) : h
+	return /* @__PURE__ */ l(g.Provider, {
+		value: O,
+		children: f === "wrapper" ? /* @__PURE__ */ l("div", {
+			ref: y,
+			className: T === "light" ? "theme-light" : "theme-dark",
+			children: p
+		}) : p
 	});
 }
-function m() {
-	return n(d);
+function y() {
+	return n(g);
 }
 //#endregion
 //#region src/theme/responsive.ts
-var h = {
+var b = {
 	sm: 640,
 	md: 768,
 	lg: 1024,
 	xl: 1280,
 	"2xl": 1536
-}, g = {
+}, x = {
 	mobile: 768,
 	compact: 1024
 };
-function _(e) {
-	let [t, n] = o(() => typeof window < "u" ? window.innerWidth <= e : !1);
+function S(e) {
+	let [t, n] = c(() => 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, t) {
+function C(e, t) {
 	let n = {};
 	return e === !0 ? n.hidden = !0 : e !== void 0 && e !== !1 && (n["data-m-hidden"] = e), t && (n["data-m-hidden-above"] = t), n;
 }
 //#endregion
-export { p as a, _ as i, g as n, m as o, v as r, h as t };
+export { v as a, y as c, S as i, x as n, p as o, C as r, f as s, b as t };
 
-//# sourceMappingURL=theme-DAOU1aPs.js.map
+//# sourceMappingURL=theme-B_juOenJ.js.map

package/dist/theme-B_juOenJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-B_juOenJ.js","names":[],"sources":["../src/theme/MThemeProvider.tsx","../src/theme/responsive.ts"],"sourcesContent":["import {\n    createContext,\n    useCallback,\n    useContext,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useReducer,\n    useRef,\n    useState,\n    type ReactNode,\n} from 'react'\nimport type {MTheme, MMode, MModePreference} from './MTheme.types'\n\nconst STORAGE_KEY = 'mineralui-theme'\n\n// Apply DOM classes before paint on the client; no-op during SSR.\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect\n\nexport interface MThemeInitScriptOptions {\n    /** Mode used when nothing is persisted. Matches the `mode` prop of `MThemeProvider`. Default `'dark'`. */\n    defaultMode?: MModePreference\n    /** Read the persisted mode (`localStorage['mineralui-theme']`). Default `true`. */\n    persist?: boolean\n}\n\n/**\n * Inline script that sets the `theme-light` class on `<html>` before the first paint, so SSR / static\n * pages do not flash the dark theme. Render it in `<head>`, e.g.\n * `<script dangerouslySetInnerHTML={{__html: getMThemeInitScript({defaultMode: 'light'})}} />`.\n * `MThemeProvider scope=\"body\"` keeps the `<html>` class in sync afterwards.\n */\nexport function getMThemeInitScript({defaultMode = 'dark', persist = true}: MThemeInitScriptOptions = {}): string {\n    const fallback = JSON.stringify(defaultMode === 'light' || defaultMode === 'system' ? defaultMode : 'dark')\n    const read = persist ? `try{m=localStorage.getItem(${JSON.stringify(STORAGE_KEY)})}catch(e){}` : ''\n    return (\n        `(function(){try{var m=null;${read}` +\n        `if(m!=='dark'&&m!=='light'&&m!=='system')m=${fallback};` +\n        `if(m==='system')m=window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light';` +\n        `document.documentElement.classList.toggle('theme-light',m==='light')}catch(e){}})()`\n    )\n}\n\n/** `getMThemeInitScript()` with the defaults (dark, persisted). */\nexport const M_THEME_INIT_SCRIPT = getMThemeInitScript()\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    /** Read and write the persisted mode. Defaults to `true` for `scope=\"body\"` and `false` for\n     *  `scope=\"wrapper\"`, so a local preview never overrides the user's global choice. */\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: persistProp,\n    scope = 'body',\n    children,\n}: MThemeProviderProps) {\n    const persist = persistProp ?? scope === 'body'\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    // Follow later changes of the `mode` prop (the persisted value only wins on mount).\n    const lastModeProp = useRef(modeProp)\n    useEffect(() => {\n        if (lastModeProp.current === modeProp) return\n        lastModeProp.current = modeProp\n        setModeState(modeProp)\n    }, [modeProp])\n\n    // Re-render on OS colour-scheme changes; resolveMode reads matchMedia during render.\n    const [, refreshSystemMode] = useReducer((tick: number) => tick + 1, 0)\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 = () => refreshSystemMode()\n        mq.addEventListener('change', handler)\n        return () => mq.removeEventListener('change', handler)\n    }, [mode])\n\n    // Apply token overrides and light/dark class before paint.\n    useIsomorphicLayoutEffect(() => {\n        const target = scope === 'body' ? document.body : ref.current\n        if (!target) return\n\n        // Body scope: keep <html> in sync too, so the class set by getMThemeInitScript() never goes stale.\n        // Wrapper scope: the wrapper's className (theme-light / theme-dark) is rendered by React.\n        const classTargets = scope === 'body' ? [target, document.documentElement] : []\n        for (const node of classTargets) node.classList.toggle('theme-light', resolved === 'light')\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        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            for (const node of classTargets) node.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' : 'theme-dark'}>\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: 1024,\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(\n    hidden?: MHiddenProps['hidden'],\n    hiddenAbove?: MHiddenProps['hiddenAbove']\n) {\n    const result: Record<string, unknown> = {}\n    if (hidden === true) {\n        result.hidden = true\n    } else if (hidden !== undefined && hidden !== false) {\n        result['data-m-hidden'] = hidden\n    }\n    if (hiddenAbove) {\n        result['data-m-hidden-above'] = hiddenAbove\n    }\n    return result\n}\n"],"mappings":"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"}

package/dist/theme-ByPZH0dh.cjs

@@ -0,0 +1,2 @@
+require(`./core-w629c4ND.cjs`);let e=require(`react`),t=require(`react/jsx-runtime`);var n=`mineralui-theme`,r=typeof window<`u`?e.useLayoutEffect:e.useEffect;function i({defaultMode:e=`dark`,persist:t=!0}={}){let r=JSON.stringify(e===`light`||e===`system`?e:`dark`);return`(function(){try{var m=null;${t?`try{m=localStorage.getItem(${JSON.stringify(n)})}catch(e){}`:``}if(m!=='dark'&&m!=='light'&&m!=='system')m=${r};if(m==='system')m=window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light';document.documentElement.classList.toggle('theme-light',m==='light')}catch(e){}})()`}var a=i();function o(e){return e===`system`?typeof window>`u`||window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`:e}function s(){try{let e=localStorage.getItem(n);if(e===`dark`||e===`light`||e===`system`)return e}catch{}return null}var c=(0,e.createContext)({theme:{},mode:`dark`,resolvedMode:`dark`,setMode:()=>{},toggleMode:()=>{}}),l={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 u({theme:i,mode:a=`dark`,persist:u,scope:d=`body`,children:f}){let p=u??d===`body`,m=(0,e.useRef)(null),h=(0,e.useMemo)(()=>i??{},[i]),[g,_]=(0,e.useState)(()=>{if(p){let e=s();if(e)return e}return a}),v=(0,e.useRef)(a);(0,e.useEffect)(()=>{v.current!==a&&(v.current=a,_(a))},[a]);let[,y]=(0,e.useReducer)(e=>e+1,0),b=o(g),x=(0,e.useCallback)(e=>{if(_(e),p)try{localStorage.setItem(n,e)}catch{}},[p]),S=(0,e.useCallback)(()=>{x(b===`dark`?`light`:`dark`)},[b,x]);(0,e.useEffect)(()=>{if(g!==`system`)return;let e=window.matchMedia(`(prefers-color-scheme: dark)`),t=()=>y();return e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[g]),r(()=>{let e=d===`body`?document.body:m.current;if(!e)return;let t=d===`body`?[e,document.documentElement]:[];for(let e of t)e.classList.toggle(`theme-light`,b===`light`);for(let[t,n]of Object.entries(h)){let r=l[t];r&&n&&(e.style.setProperty(r,n),r===`--mineral-font-family-sans`&&e.style.setProperty(`--mineral-font-family`,n))}return()=>{for(let t of Object.keys(h)){let n=l[t];n&&(e.style.removeProperty(n),n===`--mineral-font-family-sans`&&e.style.removeProperty(`--mineral-font-family`))}for(let e of t)e.classList.remove(`theme-light`)}},[b,h,d]);let C=(0,e.useMemo)(()=>({theme:h,mode:g,resolvedMode:b,setMode:x,toggleMode:S}),[h,g,b,x,S]);return(0,t.jsx)(c.Provider,{value:C,children:d===`wrapper`?(0,t.jsx)(`div`,{ref:m,className:b===`light`?`theme-light`:`theme-dark`,children:f}):f})}function d(){return(0,e.useContext)(c)}var f={sm:640,md:768,lg:1024,xl:1280,"2xl":1536},p={mobile:768,compact:1024};function m(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 h(e,t){let n={};return e===!0?n.hidden=!0:e!==void 0&&e!==!1&&(n[`data-m-hidden`]=e),t&&(n[`data-m-hidden-above`]=t),n}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
+//# sourceMappingURL=theme-ByPZH0dh.cjs.map

package/dist/theme-ByPZH0dh.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-ByPZH0dh.cjs","names":[],"sources":["../src/theme/MThemeProvider.tsx","../src/theme/responsive.ts"],"sourcesContent":["import {\n    createContext,\n    useCallback,\n    useContext,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useReducer,\n    useRef,\n    useState,\n    type ReactNode,\n} from 'react'\nimport type {MTheme, MMode, MModePreference} from './MTheme.types'\n\nconst STORAGE_KEY = 'mineralui-theme'\n\n// Apply DOM classes before paint on the client; no-op during SSR.\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect\n\nexport interface MThemeInitScriptOptions {\n    /** Mode used when nothing is persisted. Matches the `mode` prop of `MThemeProvider`. Default `'dark'`. */\n    defaultMode?: MModePreference\n    /** Read the persisted mode (`localStorage['mineralui-theme']`). Default `true`. */\n    persist?: boolean\n}\n\n/**\n * Inline script that sets the `theme-light` class on `<html>` before the first paint, so SSR / static\n * pages do not flash the dark theme. Render it in `<head>`, e.g.\n * `<script dangerouslySetInnerHTML={{__html: getMThemeInitScript({defaultMode: 'light'})}} />`.\n * `MThemeProvider scope=\"body\"` keeps the `<html>` class in sync afterwards.\n */\nexport function getMThemeInitScript({defaultMode = 'dark', persist = true}: MThemeInitScriptOptions = {}): string {\n    const fallback = JSON.stringify(defaultMode === 'light' || defaultMode === 'system' ? defaultMode : 'dark')\n    const read = persist ? `try{m=localStorage.getItem(${JSON.stringify(STORAGE_KEY)})}catch(e){}` : ''\n    return (\n        `(function(){try{var m=null;${read}` +\n        `if(m!=='dark'&&m!=='light'&&m!=='system')m=${fallback};` +\n        `if(m==='system')m=window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light';` +\n        `document.documentElement.classList.toggle('theme-light',m==='light')}catch(e){}})()`\n    )\n}\n\n/** `getMThemeInitScript()` with the defaults (dark, persisted). */\nexport const M_THEME_INIT_SCRIPT = getMThemeInitScript()\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    /** Read and write the persisted mode. Defaults to `true` for `scope=\"body\"` and `false` for\n     *  `scope=\"wrapper\"`, so a local preview never overrides the user's global choice. */\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: persistProp,\n    scope = 'body',\n    children,\n}: MThemeProviderProps) {\n    const persist = persistProp ?? scope === 'body'\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    // Follow later changes of the `mode` prop (the persisted value only wins on mount).\n    const lastModeProp = useRef(modeProp)\n    useEffect(() => {\n        if (lastModeProp.current === modeProp) return\n        lastModeProp.current = modeProp\n        setModeState(modeProp)\n    }, [modeProp])\n\n    // Re-render on OS colour-scheme changes; resolveMode reads matchMedia during render.\n    const [, refreshSystemMode] = useReducer((tick: number) => tick + 1, 0)\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 = () => refreshSystemMode()\n        mq.addEventListener('change', handler)\n        return () => mq.removeEventListener('change', handler)\n    }, [mode])\n\n    // Apply token overrides and light/dark class before paint.\n    useIsomorphicLayoutEffect(() => {\n        const target = scope === 'body' ? document.body : ref.current\n        if (!target) return\n\n        // Body scope: keep <html> in sync too, so the class set by getMThemeInitScript() never goes stale.\n        // Wrapper scope: the wrapper's className (theme-light / theme-dark) is rendered by React.\n        const classTargets = scope === 'body' ? [target, document.documentElement] : []\n        for (const node of classTargets) node.classList.toggle('theme-light', resolved === 'light')\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        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            for (const node of classTargets) node.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' : 'theme-dark'}>\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: 1024,\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(\n    hidden?: MHiddenProps['hidden'],\n    hiddenAbove?: MHiddenProps['hiddenAbove']\n) {\n    const result: Record<string, unknown> = {}\n    if (hidden === true) {\n        result.hidden = true\n    } else if (hidden !== undefined && hidden !== false) {\n        result['data-m-hidden'] = hidden\n    }\n    if (hiddenAbove) {\n        result['data-m-hidden-above'] = hiddenAbove\n    }\n    return result\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-CJuqObWL.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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./theme-ByPZH0dh.cjs`);exports.MBreakpoints=e.t,exports.MShellBreakpoints=e.n,exports.MThemeProvider=e.a,exports.M_THEME_INIT_SCRIPT=e.o,exports.getHiddenProps=e.r,exports.getMThemeInitScript=e.s,exports.useMTheme=e.c,exports.useMaxWidth=e.i;

package/dist/theme.js

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

package/dist/{typography-C806GYT4.js → typography-DNcB8dOy.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./cn-YER3QsV1.js";
-import { n as t } from "./MText-DhbAjtUE.js";
+import { t as e } from "./cn-CUSXNnjF.js";
+import { n as t } from "./MText-BUWQPoBM.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 }) {
@@ -28,4 +28,4 @@ function a({ className: t, children: r, ...i }) {
 //#endregion
 export { a as n, r, i as t };
 
-//# sourceMappingURL=typography-C806GYT4.js.map
+//# sourceMappingURL=typography-DNcB8dOy.js.map

package/dist/{typography-C806GYT4.js.map → typography-DNcB8dOy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"typography-C806GYT4.js","names":[],"sources":["../src/components/typography/MCode/MCode.tsx","../src/components/typography/MList/MList.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"],"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"}
+{"version":3,"file":"typography-DNcB8dOy.js","names":[],"sources":["../src/components/typography/MCode/MCode.tsx","../src/components/typography/MList/MList.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"],"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"}

package/dist/{typography-4v01oNWx.cjs → typography-I7aeG8pH.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./cn-CU5TNITO.cjs`),t=require(`./MText-BDI4mdw8.cjs`);require(`./core-w629c4ND.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})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=typography-4v01oNWx.cjs.map
+const e=require(`./cn-DYFxgzi2.cjs`),t=require(`./MText-nsvLFsSv.cjs`);require(`./core-w629c4ND.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})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=typography-I7aeG8pH.cjs.map

package/dist/{typography-4v01oNWx.cjs.map → typography-I7aeG8pH.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"typography-4v01oNWx.cjs","names":[],"sources":["../src/components/typography/MCode/MCode.tsx","../src/components/typography/MList/MList.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"],"mappings":"yIAMA,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"}
+{"version":3,"file":"typography-I7aeG8pH.cjs","names":[],"sources":["../src/components/typography/MCode/MCode.tsx","../src/components/typography/MList/MList.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"],"mappings":"yIAMA,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"}

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-BDI4mdw8.cjs`),t=require(`./MHeading-AYQ8_GFP.cjs`),n=require(`./MLink-Dk_ReE6i.cjs`),r=require(`./typography-4v01oNWx.cjs`),i=require(`./MSubText-C6v6Exa2.cjs`),a=require(`./MKbd-BR1GX5oK.cjs`);exports.MCode=r.r,exports.MHeading=t.t,exports.MKbd=a.t,exports.MLink=n.t,exports.MList=r.t,exports.MListItem=r.n,exports.MSubText=i.t,exports.MText=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MText-nsvLFsSv.cjs`),t=require(`./MHeading-DiGYs1FJ.cjs`),n=require(`./MLink-C6uwA6db.cjs`),r=require(`./typography-I7aeG8pH.cjs`),i=require(`./MSubText-Dl1PfToZ.cjs`),a=require(`./MKbd-CnW3NUIu.cjs`);exports.MCode=r.r,exports.MHeading=t.t,exports.MKbd=a.t,exports.MLink=n.t,exports.MList=r.t,exports.MListItem=r.n,exports.MSubText=i.t,exports.MText=e.t;

package/dist/typography.js

@@ -1,9 +1,9 @@
 import {ensureStyles} from './style-runtime.js'
 ensureStyles()
-import { t as e } from "./MText-DhbAjtUE.js";
-import { t } from "./MHeading-DcGxUMwC.js";
-import { t as n } from "./MLink-CAl6N6_z.js";
-import { n as r, r as i, t as a } from "./typography-C806GYT4.js";
-import { t as o } from "./MSubText-B0tXiuAp.js";
-import { t as s } from "./MKbd-COb7oh_k.js";
+import { t as e } from "./MText-BUWQPoBM.js";
+import { t } from "./MHeading-DQSQ8c7L.js";
+import { t as n } from "./MLink-ixg0xFFI.js";
+import { n as r, r as i, t as a } from "./typography-DNcB8dOy.js";
+import { t as o } from "./MSubText-BeZk-fhz.js";
+import { t as s } from "./MKbd-DjfGyajR.js";
 export { i as MCode, t as MHeading, s as MKbd, n as MLink, a as MList, r as MListItem, o as MSubText, e as MText };