@burrow-ui/system

Provider + styled-components theme typing for Burrow UI.

import {MonoProvider} from "@burrow-ui/system";

const App = () => (
  <MonoProvider>
    <YourApp />
  </MonoProvider>
);

After importing once, every styled-component in your app gets typed access to the token tree:

const Card = styled.div`
  background: ${({theme}) => theme.COLORS.ELEMENTS.DEEP_2};
  ${({theme}) => theme.media.tablet} {
    padding: 12px;
  }
`;

Peer dependencies

• react ^18 || ^19
• styled-components ^6