feat(react): implement angle slider

[jeferson-sb]

Description

Add the react implementation of @zag/angle-slider.

<AngleSlider.Root>
  <AngleSlider.Label>Wind direction</AngleSlider.Label>
  <AngleSlider.Control>
    <AngleSlider.Thumb />
    <AngleSlider.MarkerGroup>
      {[0, 45, 90, 135, 180, 225, 270, 315].map((value, i) => (
        <AngleSlider.Marker key={i} value={value} />
      ))}
    </AngleSlider.MarkerGroup>
  </AngleSlider.Control>
  <AngleSlider.ValueText />
  <AngleSlider.HiddenInput />
</AngleSlider.Root>

• Stories
• Unit Tests
• Documentation (Website)
• Vue/Svelte

Screen.Recording.2025-03-28.at.09.21.48.mov

[vercel]

@jeferson-sb is attempting to deploy a commit to the Chakra UI Team on Vercel.

A member of the Team first needs to authorize it.

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/chakra-ui/ark/@ark-ui/react@3418

npm i https://pkg.pr.new/chakra-ui/ark/@ark-ui/solid@3418

npm i https://pkg.pr.new/chakra-ui/ark/@ark-ui/svelte@3418

npm i https://pkg.pr.new/chakra-ui/ark/@ark-ui/vue@3418

commit: f821a45

[segunadebayo]

Really appreciate your contributions @jeferson-sb.

We'll review shortly