@olly/mt-air (0.1.3)
Installation
@olly:registry=https://git.ollyhearn.ru/api/packages/olly/npm/npm install @olly/mt-air@0.1.3"@olly/mt-air": "0.1.3"About this package
MtAir
Calm, light-first React components built on Radix primitives. Simplicity, air, lightness — every interface should feel as open and uncluttered as a deep breath.
Install
Add the registry to your project .npmrc:
@olly:registry=https://git.ollyhearn.ru/api/packages/olly/npm/
Then install:
npm install @olly/mt-air
react and react-dom (>=18) are peer dependencies — your app provides them.
Usage
import '@olly/mt-air/styles.css'; // required — tokens + components
import '@olly/mt-air/fonts.css'; // optional — branded faces
import { ThemeProvider, TooltipProvider, Button } from '@olly/mt-air';
export function App() {
return (
<ThemeProvider>
<TooltipProvider delayDuration={200}>
<Button variant="primary">Click</Button>
</TooltipProvider>
</ThemeProvider>
);
}
Theme
ThemeProvider manages a data-theme attribute (light / dark) on <html> and
persists the choice to localStorage. Read or change it anywhere with useTheme().
Fonts
Components read the --mta-font-sans and --mta-font-mono tokens. Import
@olly/mt-air/fonts.css for the branded faces (Plus Jakarta Sans + Fira Code), or
override those tokens to map the components onto fonts your app already loads.
Components
Badge, Button, Icon Button, Card, Callout, Dialog, Alert Dialog, List, Menu, Progress, Scroll Area, Segmented Control, Select, Selection, Slider, Spinner, Table, Tabs, Text Field, Tooltip.
Browse every component, its prop table, and live controls in Storybook (see below).
Development
npm install # install dependencies
npm run dev # start the rsbuild dev server
npm run storybook # browse components in Storybook
npm run build # build the package for publishing
npm run lint # lint with rslint
npm run format # format with prettier
Learn more
Dependencies
Dependencies
| ID | Version |
|---|---|
| @phosphor-icons/react | ^2.1.10 |
| radix-ui | ^1.4.3 |
Development Dependencies
| ID | Version |
|---|---|
| @rsbuild/core | ^2.0.11 |
| @rsbuild/plugin-babel | ^1.2.1 |
| @rsbuild/plugin-react | ^2.0.1 |
| @rslint/core | ^0.5.3 |
| @storybook/addon-docs | ^10.4.4 |
| @types/react | ^19.2.17 |
| @types/react-dom | ^19.2.3 |
| babel-plugin-react-compiler | ^1.0.0 |
| esbuild | ^0.25.0 |
| prettier | ^3.8.3 |
| react | ^19.2.7 |
| react-dom | ^19.2.7 |
| storybook | ^10.4.4 |
| storybook-react-rsbuild | ^3.3.4 |
| tsup | ^8.5.0 |
| typescript | ^6.0.3 |
Peer Dependencies
| ID | Version |
|---|---|
| react | >=18 |
| react-dom | >=18 |