Design tokens,
fully typed.

import { createUi, motion, themes } from '@stareezy-ui/tokens'
import { Card, Badge, Toast } from '@stareezy-ui/components'

const ui = createUi({
  themes: { aurora: themes.aurora },
  animations: {
    enter: {
      duration: motion.duration.enter,
      easing: motion.easing.spring,
    },
  },
  shorthands: { bg: 'backgroundColor', p: 'padding' },
})

function AuroraCard() {
  return (
    <Card variant="glow" glowColor="green" title="Aurora UI">
      <Badge variant="green" label="v0.2.0" />
      <Toast variant="success" message="Tokens loaded!" />
    </Card>
  )
}