@archbase/admin 4.0.42 → 4.0.43

package/dist/sidebar/components/SidebarItem.d.ts

@@ -3,4 +3,4 @@ import { SidebarItemProps } from '../types';
  * Componente de item de menu do sidebar
  * Usa NavLink do Mantine com suporte a aninhamento
  */
-export declare function SidebarItem({ item, depth, collapsed, active, onClick, textColor, iconColor, hoverColor, itemHeight, }: SidebarItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarItem({ item, depth, collapsed, active, onClick, textColor, iconColor, hoverColor, itemHeight, itemBorderRadius, itemHorizontalGap, activeBackground, }: SidebarItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/sidebar/types.d.ts

@@ -102,6 +102,13 @@ export interface ArchbaseMantineSidebarProps {
     backgroundDarkColor?: string;
     /** Cor de fundo (light mode) */
     backgroundLightColor?: string;
+    /**
+     * Imagem/gradiente de fundo do sidebar. Quando definido, é pintado no
+     * contêiner raiz e os contêineres internos ficam transparentes, para o
+     * gradiente aparecer inteiro. Tem precedência sobre `background*Color`.
+     * @default undefined
+     */
+    backgroundImage?: string;
     /** Cor do texto (dark mode) */
     textDarkColor?: string;
     /** Cor do texto (light mode) */
@@ -128,6 +135,22 @@ export interface ArchbaseMantineSidebarProps {
     withBorder?: boolean;
     /** Mostrar sombra */
     withShadow?: boolean;
+    /**
+     * Raio das bordas dos itens de menu (px). Permite pílulas arredondadas em
+     * vez do quadrado padrão. @default 0
+     */
+    itemBorderRadius?: string | number;
+    /**
+     * Recuo horizontal dos itens de menu (px). Descola as pílulas das bordas
+     * do sidebar. @default 0
+     */
+    itemHorizontalGap?: string | number;
+    /**
+     * Background do item ativo. Aceita cor sólida OU gradiente CSS. Tem
+     * precedência sobre `activeColor`/`hoverColor` no estado ativo.
+     * @default undefined
+     */
+    itemActiveBackground?: string;
     /** Aria label para o sidebar */
     ariaLabel?: string;
     /** Ref para o elemento raiz */
@@ -194,6 +217,21 @@ export interface SidebarItemProps {
     hoverColor?: string;
     /** Altura do item */
     itemHeight?: string | number;
+    /**
+     * Raio das bordas do item (px). Permite pílulas arredondadas em vez do
+     * quadrado padrão. @default 0
+     */
+    itemBorderRadius?: string | number;
+    /**
+     * Recuo horizontal do item dentro do sidebar (margin lateral, px). Usado
+     * para descolar as pílulas das bordas. @default 0
+     */
+    itemHorizontalGap?: string | number;
+    /**
+     * Background do item ativo. Aceita cor sólida OU gradiente CSS. Quando
+     * definido, tem precedência sobre `hoverColor` no estado ativo. @default undefined
+     */
+    activeBackground?: string;
 }
 /**
  * Props do componente SidebarGroup

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archbase/admin",
-  "version": "4.0.42",
+  "version": "4.0.43",
   "description": "Admin interface components for Archbase React",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -43,12 +43,12 @@
     "react-router-dom": "^6.28.0",
     "usehooks-ts": "^2.16.0",
     "zustand": "^5.0.6",
-    "@archbase/components": "4.0.42",
-    "@archbase/core": "4.0.42",
-    "@archbase/data": "4.0.42",
-    "@archbase/layout": "4.0.42",
-    "@archbase/security": "4.0.42",
-    "@archbase/template": "4.0.42"
+    "@archbase/components": "4.0.43",
+    "@archbase/core": "4.0.43",
+    "@archbase/data": "4.0.43",
+    "@archbase/layout": "4.0.43",
+    "@archbase/security": "4.0.43",
+    "@archbase/template": "4.0.43"
   },
   "devDependencies": {
     "keepalive-for-react": "^5.0.7",