@rarui/components 1.30.1 → 1.30.3

package/CHANGELOG.md

@@ -2,7 +2,26 @@
 
 `@rarui/components` components is a component library built with [Lit](https://lit.dev/).
 
-## 2025-10-20 `1.31.0`
+## 2025-11-14 `1.30.3`
+
+#### 🐛 Bug fixes
+
+- **Dropdown Accessibility Improvement**: Removed unnecessary `role="button"` and `tabindex="0"` attributes from dropdown reference container to prevent duplicate focus targets and improve screen reader navigation. The dropdown now relies on proper slot content for interactive elements while maintaining ARIA attributes for popup functionality. ([#148](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/148) by [@junior](https://git.rarolabs.com.br/junior))
+- **Accordion Header Focus Management**: Enhanced AccordionHeader component focus handling by removing redundant focus-related attributes that conflicted with the component's internal button element, ensuring proper keyboard navigation and accessibility compliance. ([#148](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/148) by [@junior](https://git.rarolabs.com.br/junior))
+
+## 2025-11-06 `1.30.2`
+
+#### 🎉 New features
+
+- **KeyboardNavigationMixin**: Added standardized keyboard navigation mixin for consistent keyboard interaction patterns across web components. Implements WAI-ARIA keyboard patterns (Enter/Space activation, Arrow navigation, Escape close) through reusable mixin architecture with `KeyboardNavigationBehavior` interface. ([#147](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/147) by [@junior](https://git.rarolabs.com.br/junior))
+
+#### 🐛 Bug fixes
+
+- **RadioButton Form Integration**: Fixed RadioButton component not sending form value when loaded with default selected state. Added proper form value initialization in `connectedCallback()` and reactive form value updates when `selected` property changes via `updated()` lifecycle method. ([#147](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/147) by [@junior](https://git.rarolabs.com.br/junior))
+- **Select Keyboard Navigation**: Fixed Select component not opening dropdown with Enter/Space key navigation. Implemented proper keyboard event handling using new KeyboardNavigationMixin with support for Enter/Space (toggle), Arrow keys (open), and Escape (close) following accessibility standards. ([#147](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/147) by [@junior](https://git.rarolabs.com.br/junior))
+- **Banner Event Handling**: Enhanced Banner component event handling and accessibility improvements with better focus management and semantic interaction patterns. ([#147](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/147) by [@junior](https://git.rarolabs.com.br/junior))
+
+## 2025-10-20 `1.30.1`
 
 #### 🎉 New features
 

package/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.30.0",
+  "version": "1.30.3",
   "tags": [
     {
       "name": "rarui-avatar",

package/dist/index.d.ts

@@ -17247,12 +17247,12 @@ declare const statusStyles: {
     dot: RuntimeFn<{
         size: {
             normal: {
-                height: ".5rem";
-                width: ".5rem";
+                minHeight: ".5rem";
+                minWidth: ".5rem";
             };
             small: {
-                height: ".25rem";
-                width: ".25rem";
+                minHeight: ".25rem";
+                minWidth: ".25rem";
             };
         };
     }>;
@@ -19588,6 +19588,7 @@ declare class RaruiRadioButton extends RaruiRadioButton_base {
     static formAssociated: boolean;
     constructor();
     connectedCallback(): void;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
     disconnectedCallback(): void;
     static styles: CSSResult;
     render(): TemplateResult<1>;
@@ -19599,6 +19600,38 @@ declare class RaruiRadioButton extends RaruiRadioButton_base {
     formResetCallback(): void;
 }
 
+/**
+ * Interface for keyboard navigation behavior
+ */
+interface KeyboardNavigationBehavior {
+    /**
+     * Called when Enter or Space key is pressed
+     */
+    handleActivation?(): void;
+    /**
+     * Called when arrow keys are pressed
+     * @param key - The arrow key pressed ('ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight')
+     */
+    handleArrowNavigation?(key: string): void;
+    /**
+     * Called when Escape key is pressed
+     */
+    handleEscape?(): void;
+    /**
+     * Called when Home key is pressed
+     */
+    handleHome?(): void;
+    /**
+     * Called when End key is pressed
+     */
+    handleEnd?(): void;
+    /**
+     * Called when Tab key is pressed
+     * @param event - The keyboard event (in case you need to prevent default)
+     */
+    handleTab?(event: KeyboardEvent): void;
+}
+
 declare global {
     interface HTMLElementTagNameMap {
         "rarui-select": RaruiSelect;
@@ -19654,6 +19687,8 @@ type SelectManifestProperties = Omit<SelectProps, "onChange" | "portalId" | "opt
 type SelectProperties = WebComponentProperties<SelectManifestProperties>;
 
 declare const RaruiSelect_base: (new (...args: any[]) => {
+    handleKeydown(event: KeyboardEvent): void;
+}) & (new (...args: any[]) => {
     ariaLabel: string | null;
     ariaLabelledBy: string | null;
     ariaDescribedBy: string | null;
@@ -19661,7 +19696,7 @@ declare const RaruiSelect_base: (new (...args: any[]) => {
     cssProps: Record<string, any>;
     sprinkleAttrs: Record<string, any>;
 }) & typeof LitElement;
-declare class RaruiSelect extends RaruiSelect_base {
+declare class RaruiSelect extends RaruiSelect_base implements KeyboardNavigationBehavior {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         mode: ShadowRootMode;
@@ -19717,6 +19752,9 @@ declare class RaruiSelect extends RaruiSelect_base {
     private _handleOptionUnmount;
     private _updateContext;
     private handleSelectClick;
+    handleActivation(): void;
+    handleArrowNavigation(key: string): void;
+    handleEscape(): void;
     render(): TemplateResult<1>;
     private _renderTrigger;
     private _renderPlaceholder;