chakra-ui/ark @ark-ui/react@5.26.0

on GitHub

Added

• Collapsible: Add support for collapsedHeight and collapsedWidth props to control the dimensions of the
  collapsible content when in its collapsed state.

• Focus Trap: Allow elements referenced by aria-controls to be included in the trap scope. This makes it possible
  for menus, popovers, etc. to be portalled and work correctly.

• Pagination: Add getPageUrl prop for generating href attributes when using pagination as links.

const service = useMachine(pagination.machine, {
  type: 'link',
  getPageUrl: ({ page, pageSize }) => `/products?page=${page}&size=${pageSize}`,
})

• Select: Add SelectRootComponentProps type export for better component type composition.

• Listbox: Add ListboxRootComponentProps type export for better component type composition.

• Combobox: Add ComboboxRootComponentProps type export for better component type composition.

• TreeView:

  • Add TreeViewRootComponentProps type export for better component type composition.
  • (Experimental) Add support for node renaming functionality:
    • Add TreeViewNodeRenameInput component for inline node label editing
    • Add canRename prop to control which nodes can be renamed
    • Add onRenameStart, onBeforeRename, and onRenameComplete callbacks for rename lifecycle
    • Add CheckedChangeDetails, LoadChildrenErrorDetails, RenameStartDetails, and RenameCompleteDetails type exports

Fixed

• Scroll Area: Fix RTL horizontal scrollbar positioning on Safari

• 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