feat: RatingGroup component

[HBS999]

Closes #315

[netlify]

✅ Deploy Preview for kobalte ready!

Name	Link
🔨 Latest commit	1135ac2
🔍 Latest deploy log	https://app.netlify.com/sites/kobalte/deploys/67335c37fe6eb2000898adeb
😎 Deploy Preview	https://deploy-preview-516--kobalte.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 71 (🔴 down 13 from production) Accessibility: 100 (no change from production) Best Practices: 100 (no change from production) SEO: 82 (no change from production) PWA: 60 (no change from production) View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[MengLinMaker]

Saw the preview. Look like a quality component!

[MengLinMaker]

@HBS999 Minor accessibility suggestion:

The component does not display a border on focus, so it's difficult to know what item the keyboard is focused on. This isn't a great experience.

Your preview: https://deploy-preview-516--kobalte.netlify.app/docs/core/components/rating-group

Example of focus border: https://mui.com/material-ui/react-rating/

[HBS999]

Hi Meng, I purposefully set the outline to none because it kind of ruins the aesthetic look of the examples. Having to see these outlines in the examples every time you focus a star does not look good IMO. Seeing the stars appearing/disappearing should be enough to know which one is focused. This is also what ARK UI does in their example. In any case it is a one line change if there is pushback for this.

[jer3m01]

Thanks for the PR!

This works perfectly on desktop; however, I can't click on mobile (Android FF).
Also left a few notes.

[HBS999]

@jer3m01 Hi Jeremy,

This works perfectly on desktop; however, I can't click on mobile (Android FF).

I cant reproduce this. It works fine on my phone. Are you saying you cant click on any star at all?

[MengLinMaker]

This works perfectly on desktop; however, I can't click on mobile (Android FF).

I cant reproduce this. It works fine on my phone. Are you saying you cant click on any star at all?

Try opening the preview with Chrome Devtools on mobile mode.
I can replicate the issue.

Sometimes touch responses won't change the rating

[HBS999]

Thanks Meng! I was able to reproduce this with the devtools but weirdly not on my phone. I believe it should be fixed now. PTAL Jeremy, sorry about this!