@artur_jr/mare-react

PoC throwaway build of the Mare Design System React components. Not for production.

Ships precompiled CSS — the consumer does not need Tailwind.

Install

npm i @artur_jr/mare-react @artur_jr/mare-core-styles primereact @primereact/core react react-dom

Use

// 1. component styles (theme-agnostic, every color is a CSS var)
import '@artur_jr/mare-react/mare.css';
// 2. the theme that fills those vars (swap this line to change brand)
import '@artur_jr/mare-core-styles/the-palace-company.css';

import { Button } from '@artur_jr/mare-react';

import { PrimeReactProvider } from '@primereact/core/config';

// PrimeReact v11 needs the provider; `unstyled` lets Mare's CSS drive styling.
<PrimeReactProvider unstyled>
  {/* Scope the theme on a wrapper; switch at runtime via the attribute. */}
  <div data-theme="the-palace-company">       {/* light  */}
  <div data-theme="the-palace-company-brand"> {/* brand  */}
  <div data-theme="the-palace-company-media"> {/* dark   */}
    <Button>Reservar</Button>
  </div>
</PrimeReactProvider>

Requires React 19 (peer of PrimeReact v11-alpha). Icons are slots (icon={<IconX />}) — bring your own from @tabler/icons-react.