0a3bf3d: 🚀 Features

• Autocomplete options now display on input focus, improving user experience and discoverability of available tags. by @JaleelB (a670468)
• Implemented "add tags on blur" functionality in the TagInput component, allowing users to add tags when leaving the input field. by @JaleelB (da0d5bf)
• Added keyboard navigation for autocomplete suggestions, enhancing accessibility and ease of use. by @JaleelB (843ede6)

🐞 Bug Fixes

• Fixed issue with tag count not updating correctly during keyboard navigation in the TagInput component. by @JaleelB (af21de2)
• Resolved bug where tag count wasn't properly updated when toggling tags in the Autocomplete component. by @JaleelB (9b1b919)

🧹 Chores

• Updated dependencies to ensure compatibility and leverage latest improvements. by @JaleelB (de749b7)

da8b11b: 🚀 Features

• Added multi-tag paste support with delimiter handling

d3f036b: 🚀 Features

• Autocomplete: Automatically clear the input field after selecting a tag from the autocomplete suggestions.
• Popover: Added usePortal prop to Popover to handle rendering in modal contexts better. This ensures that the Popover can render correctly in various z-index contexts and when used within modal dialogs.

🔄 Refactoring

• Autocomplete: Replaced traditional command components with custom divs and input for improved customization and performance.

🛠️ Fixes

• Tag Input: Cleaned up debugging logs from the tag input feature, reducing console clutter and potential performance hits during production use.

e68ae9d: 🚀 Features:

• Added styling prop for clear all tags button that appears when clearAll prop is set to true

5958263: 🚀 Features:

New Styling API: Introduced a styling API for the TagInput component and its subcomponents. This update allows developers to customize the appearance of each part of the component using a structured classNames prop. Each subcomponent, including TagList, Autocomplete, and TagPopover, can now be styled individually to match specific design requirements.

Detailed Enhancements Include:

• TagInput: Ability to apply custom classes to the main container and input elements.
• TagList: Customization options for the list container and individual tags, including sortable lists.
• Autocomplete: Extended styling capabilities for autocomplete triggers, content, command lists, and items.
• TagPopover: Options to style the popover content and triggers separately.
• Tag: Enhanced control over the tag container and close button styling.

feae754: 🐞 Bug Fixes:

Restored Default Outside Click Behavior for TagPopover: Updated the TagPopover component to close when clicking outside its bounds, restoring the default behavior that was unintentionally overridden in previous updates. This issue arose due to modifications intended to keep the popover open under specific circumstances, such as focusing within the popover's content. The fix involved adjusting event handling to ensure that the popover's native functionality provided by Radix UI is preserved, allowing it to close as expected when focus is lost or an outside click is detected.

2934d54: 🐞 Bug Fixes:

Resolved an issue where custom className attributes were not being applied correctly to the TagInput component. The problem affected the ability to customize the background and other styles via the className property directly or through inputProps. The fix ensures that className values are now properly merged, maintaining both the component's functionality and the user-specified styles.

0e63476: - Tag List Component Enhancements

• Extended the Tag component within the TagList to accept direction and draggable properties, allowing for enhanced customization and interactivity of the tags.

• Enhanced input field flexibility to dynamically fit and adjust within the available space, wrapping only when necessary and maintaining a minimum width for usability.

• Additional Style Variants

  • Included new border style variants for the Tag component, providing more visual customization options to better suit diverse UI design requirements.

• Tag Popover Adjustments

  • Fixed the dynamic adjustment of the popover’s width to ensure it properly aligns with varying screen sizes and orientation changes, enhancing the responsiveness and consistency of UI elements.

e09d618: 🐞 Bug Fixes:

Dynamic Values Calculation Safety: Fixed an issue where the some state variable could be undefined when initialized