chakra-ui/ark @ark-ui/svelte@5.18.0

on GitHub

Added

• Date Picker: Added non-Gregorian calendar support via createCalendar prop (Persian, Buddhist, Islamic, Hebrew,
  and other calendar systems)

  <script>
    import { PersianCalendar } from '@internationalized/date'
  
    function createCalendar(identifier) {
      switch (identifier) {
        case 'persian':
          return new PersianCalendar()
        default:
          throw new Error(`Unsupported calendar: ${identifier}`)
      }
    }
  </script>
  
  <DatePicker.Root locale="fa-IR" {createCalendar}>
    <!-- ... -->
  </DatePicker.Root>

• Date Picker: Added data-type attribute to weekend table header and cell

Fixed

• Combobox: Fixed onValueChange returning empty items array when using controlled value
• Popover: Fixed nested popover z-index layering
• Toast: Fixed types to ensure parent/index are exposed as props and expand/collapse are exposed on the
  store
• Radio Group, Listbox, Progress, Segment Group: Fixed group labels rendering orphan label elements; now render as
  span per W3C ARIA pattern

Added

• Locale: Added useDateFormatter hook for localized date formatting using @internationalized/date
• Swap: Added new Swap component for toggling between two visual states with CSS animations using dual presence
  instances
• Checkbox: Added maxSelectedValues prop to CheckboxGroup to limit the number of selected values
• Drawer: Replaced BottomSheet with new Drawer component supporting multi-directional swipe via swipeDirection
  prop (up, down, left, right), a new Positioner part, and snapToSequentialPoints option
• Date Picker:
  • Added focus option to api.clearValue({ focus?: boolean })
  • Added api.setTime(time, index?) for date-time picker support
  • Added maxSelectedDates prop to limit selected dates in multiple selection mode
  • Added api.isMaxSelected to check if maximum number of dates has been selected
  • Added openOnClick prop to open the calendar when clicking the input field
  • Added showWeekNumbers support to display ISO 8601 week number column in the day view
• Popover: Added sizeMiddleware positioning option to optionally disable the size middleware
• Select: Added autoComplete prop for browser autofill hints

Fixed

• Combobox:
  • Fixed aria-selected being set on highlighted items instead of selected items
  • Fixed selectedItems getting out of sync with value in controlled mode
  • Fixed item disabled state not accounting for root-level disabled prop
• Date Picker:
  • Fixed api.selectToday() sending incorrect value format
  • Preserve time/timezone when selecting new dates (CalendarDateTime and ZonedDateTime)
  • Improved focus management in trigger-only mode
• Dialog: Fixed non-modal dialog closing on outside click when modal is false
• Listbox: Fixed DOM IDs
• Number Input: Fixed invalid prop being ignored when value is out of range
• Popover: Improved performance by reducing style recalculations when scrolling
• Select: Fixed autofill not updating value when hidden select value changes
• Svelte: Fixed state_unsafe_mutation warning during component teardown