Minor Changes

• #10254
  3fb9d7c
  Thanks @segunadebayo! - Add new scroll area
  component

  <ScrollArea.Root>
    <ScrollArea.Viewport>
      <ScrollArea.Content>{/* Scrolling content */}</ScrollArea.Content>
    </ScrollArea.Viewport>
    <ScrollArea.Scrollbar>
      <ScrollArea.Thumb />
    </ScrollArea.Scrollbar>
    <ScrollArea.Corner />
  </ScrollArea.Root>

Patch Changes

• d3a1064
  Thanks @segunadebayo! - Fix nested token
  override issue during theme merging

  const defaultConfig = {
    theme: {
      tokens: {
        colors: {
          black: { value: "#000000" },
        },
      },
    },
  }
  
  const userConfig = {
    theme: {
      tokens: {
        colors: {
          black: {
            100: { value: "#EE0F0F" },
            200: { value: "#CC0C0C" },
          },
        },
      },
    },
  }
  
  // Before: This would return undefined
  const system = createSystem(defaultConfig, userConfig)
  system.token("colors.black.100") // undefined
  
  // After: This will return merged correctly, preserving the default value
  system.token("colors.black.100") // "#EE0F0F"
  system.token("colors.black.200") // "#CC0C0C"
  system.token("colors.black") // "#000000"

• #10244
  9501179
  Thanks @isBatak! - - System: Implement
  preset for table border-spacing property and improve documentation

  • Menu
    • Fix issue where onCheckedChange could be called twice on checkbox or
      radio item
    • Add data-state attribute for context menu trigger
    • Fix context menu positioning bug where reopening at the same coordinates
      fails to reposition
  • Radio Group: Fixed issue where arrow key navigation doesn't apply
    data-focus-visible on the newly focused item.
  • Highlight: Add exactMatch prop that enables whole-word matching using
    regex word boundaries.

Added

• New installation tool to install Chakra UI from scratch
• Support for Chakra UI Pro Blocks

Patch Changes

• 333b063
  Thanks @segunadebayo! - Fix issue where
  using asChild with invalid child elements or React.lazy components would
  throw an error.

  This issue more commonly occurs when composing with Next.js Link
  component.

  import { Breadcrumb } from "@chakra-ui/react"
  import Link from "next/link"
  
  export default function Page() {
    return (
      <Breadcrumb.Root>
        {/* 🧨 Throws an error */}
        <Breadcrumb.Link asChild>
          <Link href="#">aaaa</Link>
        </Breadcrumb.Link>
      </Breadcrumb.Root>
    )
  }

Patch Changes

• e81a6ae
  Thanks @segunadebayo! - Provide a way to
  exclude components from prose styling by using not-prose

• 9b7bf1d
  Thanks @segunadebayo! - Fix issue where
  _fullscreen returns the wrong css selector