@rarui/components 1.30.0 → 1.30.1

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 `@rarui/components` components is a component library built with [Lit](https://lit.dev/).
 
+## 2025-10-20 `1.31.0`
+
+#### 🎉 New features
+
+- **BreadcrumbItem Disabled Property**: Added `disabled` property to BreadcrumbItem component allowing items to be marked as non-interactive. Disabled items prevent clicks, display with disabled styling, and include proper accessibility attributes (`aria-disabled`, `disabled` for buttons) for screen reader compatibility. ([#145](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/145) by [@junior](https://git.rarolabs.com.br/junior))
+
+#### 🐛 Bug fixes
+
+- **Breadcrumb Property Binding Optimization**: Fixed BreadcrumbItem boolean property bindings following Lit best practices. Replaced incorrect `.active=${value}` property binding with `?active=${value}` boolean attribute binding for optimal performance. Removed unnecessary boolean converter and added `reflect: true` to `active` property for CSS styling support and better debugging visibility. ([#145](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/145) by [@junior](https://git.rarolabs.com.br/junior))
+
+#### 💡 Others
+
+- **Lit Binding Standards Compliance**: Comprehensive review of Breadcrumb and BreadcrumbItem components ensuring full compliance with Lit binding best practices. Implemented proper boolean attribute binding (`?attribute`), added reflection for CSS-dependent properties, improved type safety, and enhanced accessibility with semantic HTML attributes. ([#145](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/145) by [@junior](https://git.rarolabs.com.br/junior))
+
 ## 2025-10-16 `1.30.0`
 
 #### 🎉 New features

package/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.29.0",
+  "version": "1.30.0",
   "tags": [
     {
       "name": "rarui-avatar",
@@ -8551,14 +8551,21 @@
         },
         {
           "name": "active",
-          "description": "Indicates whether the breadcrumb item is currently active.\nAn active item is typically styled differently to show that it represents the current page.",
-          "type": "boolean"
+          "description": "Indica se o item está ativo (representa a página atual).\nReflete no HTML para styling CSS.",
+          "type": "boolean",
+          "default": false
         },
         {
           "name": "href",
           "description": "URL de destino quando o item for um link.",
           "type": "string"
         },
+        {
+          "name": "disabled",
+          "description": "Indica se o item está desabilitado e não pode ser clicado.\nReflete no HTML para styling CSS.",
+          "type": "boolean",
+          "default": false
+        },
         {
           "name": "as",
           "description": "Tipo de elemento a ser renderizado.\n\n- a\n- button\n\n@default button",

package/dist/index.d.ts

@@ -20022,6 +20022,18 @@ type BreadcrumbItemManifestProperties = BreadcrumbItemProps & {
      * URL de destino quando o item for um link.
      */
     href?: string;
+    /**
+     * Indica se o item está ativo (representa a página atual).
+     * Reflete no HTML para styling CSS.
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * Indica se o item está desabilitado e não pode ser clicado.
+     * Reflete no HTML para styling CSS.
+     * @default false
+     */
+    disabled?: boolean;
     /**
      * Tipo de elemento a ser renderizado.
      * @default "button"
@@ -20049,8 +20061,11 @@ declare class RaruiBreadcrumbItem extends RaruiBreadcrumbItem_base {
     };
     name?: BreadcrumbItemProperties["name"];
     href?: BreadcrumbItemProperties["href"];
-    active?: BreadcrumbItemProperties["active"];
-    as?: BreadcrumbItemProperties["as"];
+    /** Active state - reflects to CSS for styling */
+    active: BreadcrumbItemProperties["active"];
+    /** Disabled state - reflects to CSS for styling */
+    disabled: BreadcrumbItemProperties["disabled"];
+    as: BreadcrumbItemProperties["as"];
     static styles: CSSResult;
     private handleClick;
     render(): TemplateResult<1>;