chore(deps): update dependency @chakra-ui/react to v3.35.0

[renovate]

This PR contains the following updates:

Package	Change	Age	Confidence
@chakra-ui/react (source)	3.27.1 → 3.35.0

---

Release Notes

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

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

---

Configuration

📅 Schedule: (UTC)

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

🚦 Automerge: Enabled.

♻ 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.