@sfperusacdev/sf-ui 0.1.36 → 0.1.38

package/dist/types/src/components/cards/KPICard.d.ts

@@ -76,8 +76,16 @@ export type KPICardProps = {
     iconStyle?: KPICardIconStyle;
     className?: string;
     onClick?: () => void;
+    /** Marca la tarjeta como seleccionada: borde/anillo destacado + una línea "Seleccionado" con check,
+     * debajo del `sublabel`. Pensado para KPIs que funcionan como filtro/selector (ej. clic para ver el
+     * detalle de ese indicador). Por defecto `false` — sin cambio de acabado. */
+    selected?: boolean;
+    /** Solo aplica a `layout="leading-icon"` con `onClick`. Por defecto `true` (acabado actual: dibuja
+     * `FiChevronRight` a la derecha). `false` la oculta — para grillas de KPIs seleccionables donde el
+     * afordance de "clickeable" ya lo da `selected`/el borde, no un chevron de navegación. */
+    showChevron?: boolean;
 };
-export declare const KPICard: ({ label, value, sublabel, icon, iconClassName, trend, trendLabel, trendDirection, accentTone, progress, valueFormat, formatOptions, sparkline, layout, variant, size, density, accentBar, iconStyle, labelWrap, className, onClick, }: KPICardProps) => import("react").JSX.Element;
+export declare const KPICard: ({ label, value, sublabel, icon, iconClassName, trend, trendLabel, trendDirection, accentTone, progress, valueFormat, formatOptions, sparkline, layout, variant, size, density, accentBar, iconStyle, labelWrap, className, onClick, selected, showChevron, }: KPICardProps) => import("react").JSX.Element;
 type KPIGridProps = {
     children: ReactNode;
     cols?: 2 | 3 | 4 | 5;

package/dist/types/src/components/dashboard/AlertSummaryList.d.ts

@@ -27,6 +27,10 @@ type AlertSummaryListProps = {
      * `tone`). Por defecto `false` — preserva el acabado actual sin icono. Cada fila puede pasar su
      * propio `icon` para sustituir el automático. */
     showIcon?: boolean;
+    /** Dibuja un chevron (`FiChevronRight`) al final de las filas clickeables (`onClick` sin `actions`),
+     * como afordance de navegación en vez de un texto tipo "clic para ver...". Por defecto `false`
+     * — preserva el acabado actual. No aplica a filas con `actions` (ya tienen sus propios botones). */
+    showChevron?: boolean;
 };
 /**
  * Lista de filas de ancho completo con fondo tintado por severidad y un valor grande
@@ -34,5 +38,5 @@ type AlertSummaryListProps = {
  * Distinto de `AlertRowList`: esa es una bitácora de eventos (icono + hora + meta);
  * esta es un resumen de conteos/alertas con el número como protagonista.
  */
-export declare const AlertSummaryList: ({ items, className, density, emptyMessage, showIcon, }: AlertSummaryListProps) => import("react").JSX.Element;
+export declare const AlertSummaryList: ({ items, className, density, emptyMessage, showIcon, showChevron, }: AlertSummaryListProps) => import("react").JSX.Element;
 export {};

package/dist/types/src/components/dashboard/DashboardCard.d.ts

@@ -53,10 +53,13 @@ type DashboardSectionProps = {
     title: string;
     subtitle?: string;
     action?: ReactNode;
+    /** Icono en un tile cuadrado a la izquierda del título — mismo estilo que `DashboardCard`
+     * (`sf-card-header-icon--md`). Por defecto no se muestra nada (acabado actual). */
+    icon?: ReactNode;
     className?: string;
     children?: ReactNode;
 };
-export declare const DashboardSection: ({ title, subtitle, action, className, children }: DashboardSectionProps) => import("react").JSX.Element;
+export declare const DashboardSection: ({ title, subtitle, action, icon, className, children }: DashboardSectionProps) => import("react").JSX.Element;
 type DashboardStatBarProps = {
     items: StatBarItem[];
     className?: string;

package/dist/types/src/components/table/CustomTable.d.ts

@@ -96,6 +96,8 @@ type CustomTableProps<TData extends Record<string, unknown>, TDetail extends Rec
     }) => ReactNode;
     onSelectionChange?: (selectedRows: TData[]) => void;
     headerVariant?: TableHeaderVariant;
+    /** Placeholder del buscador integrado (`enableFiltering`). Por defecto "Buscar..." (acabado actual). */
+    searchPlaceholder?: string;
     /** Oculta título, toolbar y chrome exterior — para uso dentro de ExpandableTableSection u otros contenedores. */
     embedded?: boolean;
     /**
@@ -105,5 +107,5 @@ type CustomTableProps<TData extends Record<string, unknown>, TDetail extends Rec
     detail?: CustomTableDetail<TData, TDetail>;
     controller?: CustomTableController<TData>;
 };
-export declare function CustomTable<TData extends Record<string, unknown>, TDetail extends Record<string, unknown> = Record<string, unknown>>({ id, stateStore, data, columns, grouping, defaultGrouping, enableGrouping, enableSorting, enableFiltering, enablePagination, pageSize, fillParentHeight, maxBodyHeightPx, className, emptyMessage, title, subtitle, sidePanel, onGroupingChange, toolbarSlot, belowToolbarSlot, loading, loadingMessage, isFetching, error, onRetry, onRefresh, onRowClick, enableRowSelection, getRowActions, getBulkActions, bulkActionsSlot, onSelectionChange, headerVariant, embedded, detail, controller, }: CustomTableProps<TData, TDetail>): import("react").JSX.Element;
+export declare function CustomTable<TData extends Record<string, unknown>, TDetail extends Record<string, unknown> = Record<string, unknown>>({ id, stateStore, data, columns, grouping, defaultGrouping, enableGrouping, enableSorting, enableFiltering, enablePagination, pageSize, fillParentHeight, maxBodyHeightPx, className, emptyMessage, title, subtitle, sidePanel, onGroupingChange, toolbarSlot, belowToolbarSlot, loading, loadingMessage, isFetching, error, onRetry, onRefresh, onRowClick, enableRowSelection, getRowActions, getBulkActions, bulkActionsSlot, onSelectionChange, headerVariant, searchPlaceholder, embedded, detail, controller, }: CustomTableProps<TData, TDetail>): import("react").JSX.Element;
 export type { CustomColumn, CustomTableDetail, CustomTableProps, TableAggregation };

package/dist/types/src/components/table/CustomTable.search.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sfperusacdev/sf-ui",
-  "version": "0.1.36",
+  "version": "0.1.38",
   "description": "SF UI — librería de componentes React (inputs, tablas, hooks) para aplicaciones SF Perú.",
   "type": "module",
   "main": "./dist/sf-ui.umd.cjs",