Update dependency @chakra-ui/react to v3

[renovate]

ℹ️ Note

This PR body was truncated due to platform limits.

This PR contains the following updates:

Package	Change	Age	Confidence
@chakra-ui/react (source)	^2.8.2 → ^3.0.0

---

Release Notes

chakra-ui/chakra-ui (@​chakra-ui/react)

v3.36.1

Compare Source

Patch Changes

• #​10868
  f32a160
  Thanks @​WahabKhan7528! -
  OverlayManager: add has() method to createOverlay return

• #​10885
  e503f8d
  Thanks @​dfedoryshchev! - - Bleed: Fix
  incorrect css prop application

• 129c50f
  Thanks @​segunadebayo! - Fix issue where the
  checked ring of RadioCard and CheckboxCard (outline variant) gets clipped
  when a parent has overflow: hidden|auto|scroll. The ring is now drawn with
  an inset shadow instead of an outer shadow.

• #​10859
  6f10270
  Thanks @​dfedoryshchev! - - Checkmark: Fix
  incorrect css prop application

• #​10884
  e7431f1
  Thanks @​sanjibani! - - Docs: fix
  Stack.Separator references in the v3 migration guide. The standalone
  Separator component is now used in both the StackDivider and Stack Props
  examples.

• 0fe3055
  Thanks @​segunadebayo! - Fix error when
  merging recipes (e.g. composing a recipe-based component through the chakra
  factory). Recipe merging now normalizes compiled and raw configs before
  combining them, and no longer throws or mutates the source configs.

• #​10879
  e882dc0
  Thanks @​dfedoryshchev! - - Float: Fix
  incorrect css prop application

• 2ed9026
  Thanks @​segunadebayo! - Add a default
  minSize of { width: 240, height: 100 } to FloatingPanel.Root to prevent
  the panel from being resized to zero. Pass your own minSize to override it.

• #​10863
  b5de5e2
  Thanks @​dfedoryshchev! - - Image: Fix
  custom className removing the base chakra-image class

• #​10873
  c4e79c1
  Thanks @​dfedoryshchev! - Fix issue where
  LinkOverlay dropped the rel attribute instead of forwarding it to the
  rendered anchor.

• 0fe3055
  Thanks @​segunadebayo! - Improve render
  performance of recipe components (Button, Badge, Skeleton, etc.) in
  large lists and tables.

  • Cache compiled recipes per system instead of per component instance.
  • Memoize variant style resolution so results are referentially stable.
  • Drop the per-instance structuredClone of recipe configs.

  In benchmarks, repeated variant resolution is ~70-90x faster and
  compile+resolve ~30x faster. No public API changes.

• #​10860
  f53e46a
  Thanks @​dfedoryshchev! - - WrapItem: Fix
  incorrect css prop application

v3.36.0

Compare Source

Minor Changes

• #​10752
  1ef5800
  Thanks @​kalisaNkevin! - [New]
  FloatingPanel: Add draggable, resizable floating panel component

  import { FloatingPanel } from "@​chakra-ui/react/floating-panel"

  <FloatingPanel.Root>
    <FloatingPanel.Trigger />
    <FloatingPanel.Positioner>
      <FloatingPanel.Content>
        <FloatingPanel.Header>
          <FloatingPanel.DragTrigger>
            <FloatingPanel.Title />
          </FloatingPanel.DragTrigger>
          <FloatingPanel.Control>
            <FloatingPanel.StageTrigger />
            <FloatingPanel.CloseTrigger />
          </FloatingPanel.Control>
        </FloatingPanel.Header>
        <FloatingPanel.Body />
        <FloatingPanel.ResizeTriggers />
      </FloatingPanel.Content>
    </FloatingPanel.Positioner>
  </FloatingPanel.Root>

• #​10847
  238e20a
  Thanks @​Adebesin-Cell! - Update Ark UI to
  v5.37.2

  • Splitter: Accept CSS units (px, em, rem, vh, vw) for size
    props, add per-panel resizeBehavior ("preserve-pixel-size"), and fix
    focus not moving to a resize trigger on click.
  • Color Picker, Combobox, Date Picker, Hover Card, Menu, Popover, Select,
    Tooltip: Add data-side to placement-aware parts for placement-based
    styling.
  • Accordion: Remove redundant aria-disabled from item triggers.
  • Color Picker: Fire onValueChangeEnd when picking a color with the
    EyeDropper API.
  • Combobox: Don't submit the form on Enter when an item is highlighted
    or the value is rejected by allowCustomValue: false.
  • Date Picker: Fix range-mode clear not resetting active/hovered state,
    the native month/year select inside modals (Firefox), and
    outsideDaySelectable hover changing the visible month.
  • Dialog, Hover Card, Menu, Popover, Tooltip: Fix shared custom trigger
    elements being ignored, and trigger lookups in shadow DOM.
  • Dialog, Popover: Fix the page being left uninteractive after closing in
    React 19 Strict Mode.
  • Number Input: Fix blur behavior when the input is cleared and min is
    greater than 0.
  • Pin Input: Fix data-filled being set on every input on first render.
  • Tabs: Update the indicator when the tab list resizes (responsive
    reflow).

Patch Changes

• 43a016d
  Thanks @​segunadebayo! - Remove the
  DatePicker input _placeholder override so placeholders use the same global
  *::placeholder styling as Input.

• 82b26be
  Thanks @​segunadebayo! - Use
  focusVisibleRing instead of focusRing on Link so the focus ring shows
  only for :focus-visible, not on mouse click.

• 1bbdd86
  Thanks @​segunadebayo! - Fix recipe
  definition types so defaultVariants accepts variant keys when using the
  broad RecipeDefinition type.

• 06b5f02
  Thanks @​segunadebayo! - Fix
  system.token() returning dark-mode resolved values for semantic tokens with
  light/dark conditions instead of the semantic CSS variable reference.

  Also fix token dictionary bookkeeping for semantic tokens without a base value
  so lookup maps stay in sync after empty tokens are removed.

• #​10799
  7a97cf9
  Thanks @​cyphercodes! - Fix token dictionary
  lookups to preserve semantic token condition metadata when using getByName.

• #​10801
  27e0489
  Thanks @​doz13189! - Fix: normalize nested token
  overrides when merging default theme

  When merging a custom token into the default theme, token normalization could
  stop at the category level (for example colors) and prevent promoting flat
  tokens to DEFAULT. This change updates the merge logic so adding nested
  overrides like colors.black.100 correctly moves the original colors.black
  value to DEFAULT and resolves nested tokens.

  Fixes: #​10800

v3.35.0

Compare Source

Minor Changes

• 1b1f545
  Thanks @​segunadebayo! - Pagination:
  Allow format prop in Pagination.PageText to accept a function for i18n
  support.

  <Pagination.PageText
    format={({ page, totalPages }) => `Page ${page} de ${totalPages}`}
  />

Patch Changes

• d041e10
  Thanks @​segunadebayo! - Bump
  @ark-ui/react to 5.36.0 (from ^5.34.1)

  • Accordion: Fix missing data-focus on item trigger props.
  • Carousel: Fix issue with controlled carousel inside dialog, navigation
    transformed containers, scroll drift, and page sync with indicators.
  • ColorPicker: Fix vertical slider orientation on pointer updates.
  • Combobox: VoiceOver announces highlighted options on Apple devices via a
    live region
  • Dialog, Popover, HoverCard: Add support for multiple triggers sharing
    one dialog instance.
  • Field: Field.Item and target on Field.Root for multi-control
    fields (re-exported as FieldItem / Field.Item).
  • FileUpload: Reject duplicate files with FILE_EXISTS.
  • Listbox: keyboardPriority for Home/End and arrows; highlightFirst,
    highlightLast, highlightNext, highlightPrevious.
  • Menu: aria-expanded when closed; submenu hover “diagonal” flash fix;
    multiple triggers.
  • PinInput: Deletion and focus behavior, Home/End, enterKeyHint,
    autoSubmit, sanitizeValue.
  • Popover: Add support for translations; finalFocusEl and
    restoreFocus props.
  • TagsInput: allowDuplicates; sanitizeValue; enterKeyHint on mobile.

• 3da73c3
  Thanks @​segunadebayo! - Export missing
  datePickerSlotRecipe from slot recipes

• #​10721
  d2b7dec
  Thanks @​isBatak! - Improve useBreakpoint and
  useBreakpointValue types with BreakpointName

• 6bad1b7
  Thanks @​segunadebayo! - -
  createOverlay: Fix document.body scroll lock and pointer-events not
  being restored when overlays are used under React StrictMode.

• 16f8329
  Thanks @​segunadebayo! - - System: Fix
  isCssUnit utility to reject malformed values like 1a5rem and 1-5rem by
  properly escaping the decimal point in the length regex.

• e9f04d4
  Thanks @​segunadebayo! - - Dialog,
  Drawer: Fixed the panel sometimes showing behind the dimmed overlay when
  opening and closing quickly or with certain global z-index styles on the page.

• 39e3db3
  Thanks @​segunadebayo! - - System /
  Tokens: Fix array shorthand for fonts, shadows, gradients, animations, and
  easings (no longer mistaken for responsive arrays).

• 5f30ddb
  Thanks @​segunadebayo! - - Hooks: Fix
  usePrevious to use a React 19-safe state-based implementation and compare
  values with Object.is for correct NaN/-0 behavior.

• #​10765
  a7c1ffb
  Thanks @​rusty-jnr! - Fix date picker calendar
  popup clipping constrained by available height

• #​10675
  a98e042
  Thanks @​segunadebayo! - Theme /
  KeyFrames: Add CSS variable overrides for slide keyframe distances
  (slide-from-* and slide-to-*), for example:

  <Box
    css={{
      animation: "slide-from-top 200ms ease-out",
      "--slide-from-top-distance": "1rem",
    }}
  />

• #​10781
  581c7d1
  Thanks @​CerealeZ! - - GridItem: Fix incorrect
  css prop application

• c53f298
  Thanks @​segunadebayo! - - System / Global
  CSS: Fix an issue where responsive array values in globalCss selector
  rules (for example #id or .class) were serialized incorrectly instead of
  generating responsive breakpoint styles.

v3.34.0

Compare Source

Minor Changes

• #​10597
  f11219d
  Thanks @​kalisaNkevin! - - [New]
  DatePicker: Add new datepicker component for date selection

Patch Changes

• 94517fa
  Thanks @​segunadebayo! - Fix export gaps for
  Ark UI components:

  • Select: Expose Select.List component (for virtualization support)
  • Combobox: Export ComboboxSelectionDetails type (as
    Combobox.SelectionDetails in namespace)
  • Listbox: Export ListboxScrollToIndexDetails,
    ListboxSelectionDetails, ListboxSelectionMode types (as
    Listbox.ScrollToIndexDetails, Listbox.SelectionDetails,
    Listbox.SelectionMode in namespace)
  • Menu: Export MenuValueChangeDetails type (as Menu.ValueChangeDetails
    in namespace)

• be18f13
  Thanks @​segunadebayo! - Fix TypeScript
  error when passing ref to CheckboxGroup.

• 0aa89d0
  Thanks @​segunadebayo! - Fix globalCss
  silently ignoring element selectors that match utility shorthands (e.g. p,
  m, h, w).

  Previously, p: { margin: '0 0 1em' } in globalCss was treated as the
  padding utility instead of a <p> element selector, causing the styles to
  be silently dropped.

• 59bf8f6
  Thanks @​segunadebayo! - - Field: Fix
  Field.ErrorIcon default size so it stays aligned with error text instead of
  expanding when the error area is full width.

v3.33.0

Compare Source

Minor Changes

• 60a0a8b
  Thanks @​segunadebayo! - - Checkbox:
  Fixed individual checkbox props being overridden by CheckboxGroup when
  rendering
  • Color Picker: Fixed color not updating when selecting black shades in
    controlled mode
  • Dialog/Popover: Fixed issue where closing nested dialogs/popovers would
    incorrectly close parent layers
  • Menu: Fixed glitchy submenu behavior when hovering between trigger items
    quickly
  • Number Input: Fixed cursor positioning issues after clicking label or
    scrubbing
  • Pagination: Fixed next trigger not being disabled when count is 0
  • Scroll Area: Added overflow CSS variables for scroll fade effects
    (--scroll-area-overflow-{x,y}-{start,end})
  • Slider:
    • Added thumbCollisionBehavior prop to control collision handling between
      thumbs (none, push, swap)
    • Fixed thumb drag behavior from edge in thumbAlignment="contain" mode
  • Steps: Added validation support with isStepValid, isStepSkippable,
    and onStepInvalid props
  • Switch: Fixed api.toggleChecked() not working
  • Tags Input: Added placeholder prop that shows when no tags exist
  • Textarea: Fixed change event not being emitted after clearing controlled
    textarea
  • Tooltip: Added data-instant attribute for instant animations when
    switching between multiple tooltip triggers
  • Tree View: Fixed initial focus when first node/branch is disabled

Patch Changes

• 2b8360b
  Thanks @​segunadebayo! - CodeBlock: Fix
  overlay and floating elements scrolling out of view when horizontally
  scrolling long code lines.

v3.32.0

Compare Source

Minor Changes

• #​10590
  4b65195
  Thanks @​kalisaNkevin! - Add new Marquee
  component

Patch Changes

• 0b15d10
  Thanks @​segunadebayo! - - Styled
  System: Fixed backdrop blur not applying when using backdropFilter="auto"
  with backdropBlur. This now works as expected:

  <Dialog.Backdrop backdropFilter="auto" backdropBlur="md" />

• 7f30a7b
  Thanks @​segunadebayo! - Fixed issue where
  useBreakpointValue does not respect base value during SSR.

• 11c2004
  Thanks @​segunadebayo! - Fixed
  collapse-width keyframe animating height instead of width. The keyframe
  now correctly animates the width property for horizontal collapse transitions.

• a871bc5
  Thanks @​segunadebayo! - Fix issue where
  Dialog appears below Popover when triggered from within it.

  Unified z-index for overlay components (Dialog, Drawer, Menu,
  HoverCard) to use zIndex.popover and --layer-index for proper stacking.

v3.31.0

Compare Source

Minor Changes

• 756b385
  Thanks @​segunadebayo! - - ActionBar
  • Add placement variant to configure bar position: bottom, bottom-start,
    bottom-end
  • Add --action-bar-offset CSS variable to configure offset from edges

Patch Changes

• 4fcf302
  Thanks @​segunadebayo! - - ColorPicker,
  Select, Combobox: Fix z-index stacking when used inside dialogs

  • Theme: Export the listboxSlotRecipe slot recipe

• #​10512
  cc0d202
  Thanks @​teunlao! - cva: Normalize base
  styles to prevent shorthand properties from overwriting variant styles

• cac7cb0
  Thanks @​segunadebayo! - Fix menu content
  background not rendering by using full token path for CSS variable

• 4364995
  Thanks @​segunadebayo! - Fix SkeletonText
  duplicating children when loading is set to false

• 1cc185d
  Thanks @​segunadebayo! - - Slider

  • Add markerLabel to component anatomy for theming marker labels
  • Export Slider.MarkerLabel component for custom marker label rendering
  • Improve focus ring styles for Slider.Thumb

v3.30.0

Compare Source

Minor Changes

• #​10425
  0168a04
  Thanks @​Adebesin-Cell! - - Splitter
  [NEW]: Introduce new resizable splitter component

  <Splitter.Root panels={[{ id: "a" }, { id: "b" }]}>
    <Splitter.Panel id="a">Panel A</Splitter.Panel>
    <Splitter.ResizeTrigger id="a:b" />
    <Splitter.Panel id="b">Panel B</Splitter.Panel>
  </Splitter.Root>

• 7b9aa97
  Thanks @​segunadebayo! - ### Added

  • Carousel: Added autoSize prop for variable width/height slides

Changed

• useListCollection: initialItems now accepts readonly arrays
• Types: Exported InteractOutsideEvent, FocusOutsideEvent,
  PointerDownOutsideEvent types

Fixed

• Carousel: Fixed dragging after tab switch/scroll and mouse wheel scroll
  with allowMouseDrag

• Combobox:

  • Fixed onHighlightChange not firing when filtered to empty;
  • Fixed focus stealing in controlled mode
  • Removed problematic aria-hidden behavior

• File Upload: Fixed non-interactive children in dropzone not opening file
  picker

• Radio Group: Fixed inconsistent data-focus-visible/data-focus
  attributes; fixed indicator showing before rect resolved (with Tabs)

• Tabs: Fixed indicator showing before rect resolved (with Radio Group);
  fixed position not updating when inactive tabs resize

• 503e11a
  Thanks @​segunadebayo! - ### Added

  • Semantic Tokens: Add new border semantic token to all color palettes
    (gray.300/gray.700 for gray, color.500/color.400 for colored
    palettes) to improve outline component appearance

Changed

• Button, Badge, Tag, Checkbox: Update outline variants to use
  colorPalette.border instead of colorPalette.muted or global border
  token for better appearance, especially for non-gray color palettes.

  NOTE: All changes include CSS variable fallbacks to
  colorPalette.muted for backward compatibility.

Patch Changes

• fd15569
  Thanks @​segunadebayo! - - HoverCard,
  Tooltip, Popover: Fix arrow direction in RTL layouts

• 81ec4e7
  Thanks @​segunadebayo! - - TagsInput:
  Fix overflow issue where very long tags would overflow the container instead
  of truncating with ellipsis.

  • CheckboxGroup: Fix type issue where CheckboxGroupProps could not be
    passed to the CheckboxGroup component.

v3.29.0

Compare Source

Minor Changes

• #​10391
  1580aeb
  Thanks @​Adebesin-Cell! - feat: add
  carousel component

Patch Changes

• 69aabbf
  Thanks @​segunadebayo! - - Combobox:
  Refactor recipe for smarter padding management to prevent input text from
  overflowing unto triggers
  • CodeBlock: Add missing use client directive

v3.28.1

Compare Source

Patch Changes

• fad9a2e
  Thanks @​segunadebayo! - Fix CodeBlock right
  padding when scrolling long code lines horizontally

• 37d166a
  Thanks @​segunadebayo! - - Tabs:
  Refactor to use css variables for styling indicator (--tabs-indicator-bg )
  for better customization.

  • SegmentedControl: Refactor to use css variables for styling indicator
    (--segment-indicator-bg and --segment-indicator-shadow) for better
    customization.

• 7067c95
  Thanks @​segunadebayo! - Fix Shadow DOM and
  Web Component selector handling in globalCss. The :host,
  :host-context(), and ::slotted() pseudo-classes now correctly transform to
  top-level selectors with case-insensitive matching.

• c7060de
  Thanks @​segunadebayo! - Improve
  styled-system performance with multiple optimizations

  • Token cloning: Replace structuredClone() with efficient shallow clone
    (75x faster)
  • Memoization: Improve cache key generation with efficient hashing and LRU
    cache (1.4x faster baseline, up to 585x faster for cached operations)
  • Object allocation: Use singleton empty objects instead of creating new
    ones in hot paths
  • Array operations: Optimize responsive value normalization with for loops
    instead of reduce
  • Performance impact: Significant improvement in style computation speed
    with the memoization layer providing 100-500x gains for repeated operations

v3.28.0

Compare Source

Minor Changes

• #​10374
  e62bae7
  Thanks @​Adebesin-Cell! - Add new
  TagsInput component for entering multiple values as tags with features like
  tag creation, deletion, and keyboard navigation.

  import { Span, TagsInput } from "@​chakra-ui/react"
  
  export const TagsInputBasic = () => {
    return (
      <TagsInput.Root defaultValue={["React", "Chakra", "TypeScript"]}>
        <TagsInput.Label>Tags</TagsInput.Label>
        <TagsInput.Control>
          <TagsInput.Items />
          <TagsInput.Input placeholder="Add tag..." />
        </TagsInput.Control>
      </TagsInput.Root>
    )
  }

• bf31e2a
  Thanks @​segunadebayo! - - Checkbox

  • Fix issue where setting initial checked state to indeterminate doesn't
    work
  • Ensure api.checkedState returns the correct checked state
  • Collapsible
    • Add support for collapsedHeight and collapsedWidth props to control
      the dimensions of the collapsible content when in its collapsed state
    • Fix issue where dir prop value doesn't get applied correctly
    • Update the recipe styling as needed (when data-has-collapsed-size is
      set)
  • Combobox: Fix issue where controlled single-select combobox does not
    propagate its initial value to inputValue
  • Dialog, Popover: In modal mode, allow elements referenced by
    aria-controls to be included in the focus trap scope
  • Listbox: Fix issue where pressing Enter key when no highlighted item
    still calls event.preventDefault()
  • Number Input: Fix cursor jumping to end when typing in the middle with
    formatOptions like style: "currency"
  • Pagination: Add getPageUrl prop for generating href attributes when
    using pagination as links
  • Pin Input: Fix issue where keyboard shortcuts Cmd+Backspace and
    Cmd+Delete would insert "undefined" instead of clearing the field
  • Scroll Area
    • Fix horizontal scrollbar positioning on Safari in RTL mode
    • Fix issue where resize tracking was not observing the root element
  • Select: Fix accessibility violation where the required state was not set
    correctly on the trigger
  • Slider: Fix issue where slider continues dragging when disabled during
    drag operation
  • Switch: Fix issue where data-active is inconsistently applied when
    disabled state changes at runtime
  • Tabs: Refactor to use getBoundingClientRect() for precise indicator
    positioning

v3.27.1

Compare Source

Patch Changes

• e1774c8
  Thanks @​segunadebayo! - Expose
  Collapsible.Indicator component to provide visual indicator for collapsible
  state

• f9d66f4
  Thanks @​segunadebayo! - - CodeBlock

  • Fix issue in diff mode where the wrong lines were being highlighted
  • Fix highlight.js adapter to properly handle diff attributes for
    added/removed lines

• f26e863
  Thanks @​segunadebayo! - - Styled
  System:

  • Fix issue where bracket syntax for responsive styles didn't work in recipe
    variants

  // This now works correctly
  const recipe = defineRecipe({
    variants: {
      variant: {
        primary: {
          color: ["red", "green"], // ✅ Now converts to breakpoints
        },
      },
    },
  })

  • Improve style resolution performance

• #​10325
  3e6d1f7
  Thanks @​wo-o29! - Fix issue where refs don't
  support cleanup function (React 19 compatibility)

• #​10328
  451209e
  Thanks @​megos! - fix(table): ensure stickyHeader
  works with outline variant

• 56a4501
  Thanks @​segunadebayo! - Timeline: Add
  showLastSeparator variant to control visibility of the last separator

v3.27.0

Compare Source

Minor Changes

• 16fb3cc
  Thanks @​segunadebayo! - Enhanced
  composition types with comprehensive CSS property support

  Text Style Properties: Added these properties to theme.textStyles:

  • Basic properties (color, direction, font, fontFamily,
    fontFeatureSettings, fontKerning, fontLanguageOverride,
    fontOpticalSizing, fontPalette)
  • Typography properties (hangingPunctuation, hyphens,
    hyphenateCharacter, hyphenateLimitChars, lineBreak, quotes,
    overflowWrap, tabSize)
  • Text alignment (textAlign, textAlignLast, textCombineUpright,
    textJustify)
  • Text decoration (textDecorationSkip, textDecorationSkipBox,
    textDecorationSkipInk, textDecorationSkipInset,
    textDecorationThickness, textEmphasis)
  • Text formatting (textShadow, textStroke, textStrokeColor,
    textStrokeWidth, textUnderlineOffset, textUnderlinePosition,
    textWrap, textWrapMode, textWrapStyle)
  • Text layout (unicodeBidi, verticalAlign, whiteSpace, wordBreak,
    wordSpacing, writingMode)

  Layer Style Properties: Added these properties to theme.layerStyles:

  • Layout properties (aspectRatio, display, contain, contentVisibility,
    isolation)
  • Visual effects (clipPath, mixBlendMode, maskClip, maskComposite,
    maskImage, maskMode, maskOrigin, maskPosition, maskRepeat,
    maskSize)
  • Modern properties (objectFit, objectPosition, pointerEvents, resize,
    visibility, willChange)
  • Border properties (borderImage, borderImageOutset, borderImageRepeat,
    borderImageSlice, borderImageSource, borderImageWidth)
  • Overflow properties (overflow, overflowX, overflowY)

Patch Changes

• c741fe9
  Thanks @​segunadebayo! - - CodeBlock:
  Fix issue where Line numbers display incorrectly when meta.wordWrap is true
  in code blocks

  • Hover Card: Change default delay values for hover card to improve
    accessibility.
    • openDelay: from 700ms to 600ms
  • Tooltip: Change default delay values for tooltip to improve
    accessibility.
    Learn more
    • openDelay: from 1000ms to 400ms
    • closeDelay: from 500ms to 150ms
  • Menu
    • Fix issue where keyboard activation of menu items with target="_blank"
      would open two tabs
    • Fix issue where hovering a partially visible item with pointer causes it
      to scroll into view
  • Combobox: Add alwaysSubmitOnEnter prop to allow forcing the form to be
    submitted immediately on Enter press.

• #​10312
  6189068
  Thanks @​itushh! - - CodeBlock: Allow
  horizontal scrolling when code block overflows

v3.26.0

Compare Source

Minor Changes

• b9eede5
  Thanks @​segunadebayo! - - Listbox
  [New]: Add new component with support for single/multi-select, grouping,
  virtualization, controlled state, icons, descriptions, and accessibility
  features.

  This component can be used to build command palettes, dropdowns with search,
  and much more.

  <Listbox.Root collection={frameworks} width="320px">
    <Listbox.Label>Select framework</Listbox.Label>
    <Listbox.Content>
      {frameworks.items.map((framework) => (
        <Listbox.Item item={framework} key={framework.value}>
          <Listbox.ItemText>{framework.label}</Listbox.ItemText>
          <Listbox.ItemIndicator />
        </Listbox.Item>
      ))}
    </Listbox.Content>
  </Listbox.Root>

  • Hover Card: Add support for disabled prop
  • Select, Menu: Fix issue where disabled items could be reached via
    typeahead
  • Color Picker: Fix issue where color picker was not working correctly in
    RTL mode
  • Number Input
    • Omit the input pattern when formatOptions is provided. This prevents
      native pattern validation from conflicting with formatted values (e.g.,
      currency or percent).
    • Handle empty values consistently across all format options.
    • Add data-scrubbing attribute to the number input parts.

Patch Changes

• b9eede5
  Thanks @​segunadebayo! - CodeBlock: Add
  configurable theme support and sync loading for Shiki adapter

  • Theme configuration is now required - The theme property must be
    explicitly provided to createShikiAdapter
  • Removed hard-coded theme fallbacks - Missing themes now throw
    descriptive errors
  • Optional sync loading with loadSync method for better performance

  // Before
  const adapter = createShikiAdapter({
    async load() { /* ... */ },
  })
  
  // After
  const adapter = createShikiAdapter({
    async load() { /* ... */ },
    theme: {
      light: "github-light",
      dark: "github-dark",
    },
  })

v3.25.0

Compare Source

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.

v3.24.2

Compare Source

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>
    )
  }

v3.24.1

Compare Source

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

v3.24.0

Compare Source

Minor Changes

• #​10164
  79971c0
  Thanks @​segunadebayo! - Add new codeblock
  component with support for highlight.js and shiki.

  <CodeBlock.AdapterProvider value={shikiAdapter}>
    <CodeBlock.Root code="console.log('Hello, world!')" language="tsx">
      <CodeBlock.Content>
        <CodeBlock.Code>
          <CodeBlock.CodeText />
        </CodeBlock.Code>
      </CodeBlock.Content>
    </CodeBlock.Root>
  </CodeBlock.AdapterProvider>

Patch Changes

• #​10199
  5e7831f
  Thanks @​ponharu! - fix: check if separator is
  a valid React element

v3.23.0

Compare Source

Minor Changes

• 86ca96a
  Thanks @​segunadebayo! - - System: Add
  unstyled prop support to compound component children to opt-out of recipe
  styles per component.

  <Accordion.Root defaultValue={["a"]}>
    <Accordion.Item value="a">
      {/* Opt-out of recipe styles */}
      <Accordion.ItemTrigger unstyled bg="red.500" />
      <Accordion.ItemContent>
        <Accordion.ItemBody />
      </Accordion.ItemContent>
    </Accordion.Item>
  </Accordion.Root>

  • Group: Add support changing group gap globally via --group-gap CSS
    variable

Patch Changes

• dd3af62
  Thanks @​segunadebayo! - - Tree View

  • Fixed issue where tree view doesn't scroll into view when content overflows
  • Fix issue where the filter method completely deletes the children key from
    the node when there are no matching children
  • File Upload
    • Add support for programmatically controlling the accepted files via
      acceptedFiles and defaultAcceptedFiles
    • Export FileError, FileMimeType, and FileRejection types and fix
      validation issues

• dc02076
  Thanks @​segunadebayo! - Fix HTML semantic
  structure for Breadcrumb.Ellipsis component by changing the underlying
  element from <span> to <li>.

  // Before: <span> inside <ol> (invalid HTML)
  <Breadcrumb.List>
    <Breadcrumb.Ellipsis /> {/* rendered as <span> */}
  </Breadcrumb.List>
  
  // After: <li> inside <ol> (valid HTML)
  <Breadcrumb.List>
    <Breadcrumb.Ellipsis /> {/* now renders as <li> */}
  </Breadcrumb.List>

• 4da48e3
  Thanks @​segunadebayo! - - Tabs: Export
  missing types

  • Hooks: Export entrypoint for better tree-shaking
    @chakra-ui/react/hooks
  • Theme: Expose smaller bits of the theme in the entrypoint for better
    tree-shaking @chakra-ui/react/theme. We now expose recipes,
    slotRecipes, breakpoints, keyframes, textStyles, layerStyles,
    animationStyles, globalCss, cssVarsPrefix, cssVarsRoot,
    semanticTokens, tokens as dedicated modules.
  • Dialog: Use dvh and dvw units instead of vh and vw to
    dynamically adjust to viewport size changes.
  • Native Select: Ensure height is consistent with input and select across
    sizes.

v3.22.0

Compare Source

Minor Changes

• #​10111
  32967aa
  Thanks @​segunadebayo! - Add new TreeView
  component that is used to represent hierarchical data in a tree structure.

Patch Changes

• #​10126
  ca40993
  Thanks @​isBatak! - - Clipboard: Fix issue
  where clipboardAnatomy was not exported from @chakra-ui/react/anatomy
  • Combobox
    • Expose reason to onOpenChange and onInputValueChange callbacks
    • Expose api.clearHighlightedValue function to clear highlighted value
  • Toast: Fix issue where toast title or description could not accept
    React element
  • Progress: Improve valueAsString formatting
  • Select
    • Select highlighted item only if it exists in the collection
    • Expose api.clearHighlightedValue function to clear highlighted value
  • ClientOnly: Support children as a function

v3.21.1

Compare Source

Patch Changes

• 8ddeb0b
  Thanks @​segunadebayo! - - Popover:
  Fixed issue where onOpenChange could be called twice when controlled

  • Combobox
    • Fixed issue where onInputValueChange could be called twice when
      selecting an item
    • Fixed issue where combobox with allowCustomValue: true used within in a
      form requires two enter keypress to submit
  • Progress
    • Fix issue where setting orientation to vertical don't work
    • Fix issue where setting defaultValue to null doesn't show
      indeterminate state
  • Toast: Fix issue where app crashes when toaster.promise is called
    without loading option. The loading option is now required. A warning will
    be logged if it is not provided
  • Combobox, Select, Listbox: Fix issue where rehydrating defaultValue or
    value after fetching items doesn't update the valueAsString

• #​10119
  6cf8cc6
  Thanks @​isBatak! - - improve Drawer recipe to
  better support conditional variants.

  • add Drawer conditional variants example to the docs and storybook.

• #​10101
  2b4fa6d
  Thanks @​isBatak! - - Select: Export missing
  SelectRootComponent type export

• d7914ad
  Thanks @​segunadebayo! - Fix inconsistent
  handling of `nul

✂ Note

PR body was truncated to here.

---

Configuration

📅 Schedule: (in timezone Asia/Jerusalem)

• Branch creation
  • At any time (no schedule defined)
• Automerge
  • At any time (no schedule defined)

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
b2b-react-sample-app	Error		Jul 30, 2026 8:08pm