chakra-ui/ark @ark-ui/svelte@5.3.0

on GitHub

Added

• Collection: Add useListSelection function for managing collection item selection with support for
  single/multiple selection modes

  const collection = createListCollection({ items: ['React', 'Vue', 'Angular'] })
  const selection = useListSelection({ collection })
  
  // Check if item is selected
  const isSelected = selection.isSelected('Svelte')
  
  // Select/deselect items
  selection.select('Svelte')
  selection.toggle('Angular')

• File Upload: Add support for bind:acceptedFiles and defaultAcceptedFiles to programmatically control the
  accepted files

• Signature Pad: Add support for bind:paths and defaultPaths to programmatically control the paths

• Date Picker: Added hover range preview support for date picker range selection. Added inHoveredRange,
  firstInHoveredRange, and lastInHoveredRange properties to DayTableCellState with corresponding data attributes
  data-in-hover-range, data-hover-range-start, and data-hover-range-end.

  Hover range states are only active when not overlapping with actual selected range, enabling distinct styling for
  hover preview vs actual selection in range mode.

Fixed

• Date Picker: Fix date comparison issues when time components are involved. This resolves critical issues with date
  comparison operations when different date types (CalendarDate, CalendarDateTime, ZonedDateTime) are mixed,
  particularly in scenarios involving time components.