@trii/components 3.0.0 → 3.1.0

package/dist/index.d.ts

@@ -676,6 +676,58 @@ declare const i18nInstance: i18next.i18n;
 
 declare const MuiComponentsConfig: (themeRedux: Theme) => Theme;
 
+/**
+ * Forma mínima del store que necesita este slice: la app que lo use tiene que
+ * tener `Theme` y `User.user.uid`.
+ */
+interface ThemeRootState {
+    User: {
+        user: {
+            uid: string;
+        };
+    };
+    Theme: ThemeState;
+}
+/** Nombres de tema disponibles. */
+type ThemeName = 'lightBlueIndigo' | 'darkBlack' | 'darkBlue' | 'lightAmber' | 'lightBlue' | 'lightBrown' | 'lightGray' | 'lightGreen' | 'lightLime' | 'lightOrange' | 'lightPink' | 'lightPurple' | 'lightRed' | 'lightTeal' | 'lightYellow';
+/** Estado del slice. */
+interface ThemeState {
+    themeSelected: Theme;
+    darkMode: boolean;
+    toggleStatus: 'idle' | 'toggled';
+}
+/** Guarda el tema elegido en el backend. */
+declare const updateTheme: _reduxjs_toolkit.AsyncThunk<{
+    theme: ThemeName;
+}, ThemeName, {
+    state: ThemeRootState;
+    dispatch?: redux_thunk.ThunkDispatch<unknown, unknown, redux.UnknownAction>;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
+/** Valida que el string sea un `ThemeName`. */
+declare const isValidThemeName: (theme: string) => theme is ThemeName;
+declare const toggleTheme: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<ThemeName, "Theme/toggleTheme">;
+declare const toggleModeTheme: _reduxjs_toolkit.ActionCreatorWithoutPayload<"Theme/toggleModeTheme">;
+declare const selectThemeToggleStatus: (state: ThemeRootState) => "idle" | "toggled";
+declare const selectTheme: (state: ThemeRootState) => Theme;
+declare const selectDarkTheme: (state: ThemeRootState) => boolean;
+/**
+ * @deprecated Usar `selectTheme`. El prefijo correcto para un selector es
+ * `select` (ver Guía de Arquitectura Frontend, sección 4 - Nomenclatura).
+ * Se mantiene hasta que los 6 micro-fronts terminen de migrar.
+ */
+declare const selectedTheme: (state: ThemeRootState) => Theme;
+/**
+ * @deprecated Usar `selectDarkTheme`. Mismo motivo que `selectedTheme`.
+ */
+declare const selectedDarkTheme: (state: ThemeRootState) => boolean;
+declare const _default: redux.Reducer<ThemeState>;
+
 declare module '@mui/material/styles' {
     interface TypeBackground {
         mainCenter: string;
@@ -688,6 +740,7 @@ declare module '@mui/material/styles' {
         panelHeader: string;
         panelCenter: string;
         panelGradient: string;
+        selectedItem: string;
     }
     interface TypeText {
         colorMain: string;
@@ -749,55 +802,4 @@ declare const lightGray: Theme;
 declare const darkBlue: Theme;
 declare const darkBlack: Theme;
 
-/**
- * Minimal root state shape required by this slice.
- * Consumer apps must include both Theme and User (with uid) in their store.
- */
-interface ThemeRootState {
-    User: {
-        user: {
-            uid: string;
-        };
-    };
-    Theme: ThemeState;
-}
-/**
- * Theme name type - defines all available theme options
- */
-type ThemeName = 'lightBlueIndigo' | 'darkBlack' | 'darkBlue' | 'lightAmber' | 'lightBlue' | 'lightBrown' | 'lightGray' | 'lightGreen' | 'lightLime' | 'lightOrange' | 'lightPink' | 'lightPurple' | 'lightRed' | 'lightTeal' | 'lightYellow';
-/**
- * Theme slice state interface
- */
-interface ThemeState {
-    themeSelected: Theme;
-    darkMode: boolean;
-    toggleStatus: 'idle' | 'toggled';
-}
-/**
- * Async thunk to update theme on the server
- */
-declare const updateTheme: _reduxjs_toolkit.AsyncThunk<{
-    theme: ThemeName;
-}, ThemeName, {
-    state: ThemeRootState;
-    dispatch?: redux_thunk.ThunkDispatch<unknown, unknown, redux.UnknownAction>;
-    extra?: unknown;
-    rejectValue?: unknown;
-    serializedErrorType?: unknown;
-    pendingMeta?: unknown;
-    fulfilledMeta?: unknown;
-    rejectedMeta?: unknown;
-}>;
-/**
- * Type guard to check if a string is a valid ThemeName
- * @param theme - String to validate
- * @returns true if theme is a valid ThemeName
- */
-declare const isValidThemeName: (theme: string) => theme is ThemeName;
-declare const toggleTheme: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<ThemeName, "Theme/toggleTheme">;
-declare const toggleModeTheme: _reduxjs_toolkit.ActionCreatorWithoutPayload<"Theme/toggleModeTheme">;
-declare const selectThemeToggleStatus: (state: ThemeRootState) => "idle" | "toggled";
-declare const selectedTheme: (state: ThemeRootState) => Theme;
-declare const selectedDarkTheme: (state: ThemeRootState) => boolean;
-
-export { AsyncContent, type AsyncContentProps, type AsyncData, type AsyncState, type AsyncStatus, type Calendar, type Contact, ContactInfoPopup, ChatDetailsSidebar as ContactSidebar, type ChatDetailsSidebarProps as ContactSidebarProps, EditContactModal, type EditContactModalProps, type EditContactMode, EmptyState, type EmptyStateProps, ErrorState, type ErrorStateProps, type EventData, EventsDialog, type EventsDialogProps, type IsEmptyFn, type ItemType, type ModalMode, MuiComponentsConfig, type Notification, PanelErrorBoundary, type PanelErrorBoundaryProps, type SidebarChatIntegration, type StartConversationTarget, type TaskData, type ThemeName, type ThemeRootState, type ThemeState, type UseAsyncDataResult, asyncIdle, asyncRequestFailed, asyncRequestStarted, asyncRequestSucceeded, darkBlack, darkBlue, defaultIsEmpty, deriveAsyncState, getErrorMessage, i18nInstance as i18n, isStale, isValidThemeName, lightAmber, lightBlue, lightBlueIndigo, lightBrown, lightGray, lightGreen, lightLime, lightOrange, lightPink, lightPurple, lightRed, lightTeal, lightYellow, selectThemeToggleStatus, selectedDarkTheme, selectedTheme, toggleModeTheme, toggleTheme, updateTheme, useAsyncData };
+export { AsyncContent, type AsyncContentProps, type AsyncData, type AsyncState, type AsyncStatus, type Calendar, type Contact, ContactInfoPopup, ChatDetailsSidebar as ContactSidebar, type ChatDetailsSidebarProps as ContactSidebarProps, EditContactModal, type EditContactModalProps, type EditContactMode, EmptyState, type EmptyStateProps, ErrorState, type ErrorStateProps, type EventData, EventsDialog, type EventsDialogProps, type IsEmptyFn, type ItemType, type ModalMode, MuiComponentsConfig, type Notification, PanelErrorBoundary, type PanelErrorBoundaryProps, type SidebarChatIntegration, type StartConversationTarget, type TaskData, type ThemeName, type ThemeRootState, type ThemeState, type UseAsyncDataResult, asyncIdle, asyncRequestFailed, asyncRequestStarted, asyncRequestSucceeded, darkBlack, darkBlue, defaultIsEmpty, deriveAsyncState, getErrorMessage, i18nInstance as i18n, isStale, isValidThemeName, lightAmber, lightBlue, lightBlueIndigo, lightBrown, lightGray, lightGreen, lightLime, lightOrange, lightPink, lightPurple, lightRed, lightTeal, lightYellow, selectDarkTheme, selectTheme, selectThemeToggleStatus, selectedDarkTheme, selectedTheme, _default as themeReducer, toggleModeTheme, toggleTheme, updateTheme, useAsyncData };

package/dist/types/components/EditContactModal/context/LanguageContext.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type Language = 'en' | 'es';
+interface LanguageProviderProps {
+    language: Language;
+    children: ReactNode;
+}
+export declare const LanguageProvider: ({ language, children }: LanguageProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useLanguageContext: () => Language;
+export {};

package/dist/types/components/EventsDialog/theme/index.d.ts

@@ -1,3 +1,4 @@
 export { default as MuiComponentsConfig } from './MuiComponentsConfig';
+export { default as themeReducer } from './themeSlice';
 export * from './themeProvider';
 export * from './themeSlice';

package/dist/types/components/EventsDialog/theme/themeProvider.d.ts

@@ -11,6 +11,7 @@ declare module '@mui/material/styles' {
         panelHeader: string;
         panelCenter: string;
         panelGradient: string;
+        selectedItem: string;
     }
     interface TypeText {
         colorMain: string;

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
 export * from './components';
 export * from './asyncState';
 export { i18n } from './i18n';
-export * from './components/EventsDialog/theme';
+export * from './theme';

package/dist/types/theme/MuiComponentsConfig.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@mui/material';
+declare const MuiComponentsConfig: (themeRedux: Theme) => Theme;
+export default MuiComponentsConfig;

package/dist/types/theme/index.d.ts

@@ -0,0 +1,4 @@
+export { default as MuiComponentsConfig } from './MuiComponentsConfig';
+export { default as themeReducer } from './themeSlice';
+export * from './themeProvider';
+export * from './themeSlice';

package/dist/types/theme/themeProvider.d.ts

@@ -0,0 +1,74 @@
+import { Theme } from '@mui/material';
+declare module '@mui/material/styles' {
+    interface TypeBackground {
+        mainCenter: string;
+        mainGradient: string;
+        navMenu: string;
+        dropdownMenu: string;
+        panel: string;
+        tooltip: string;
+        accordionHeader: string;
+        panelHeader: string;
+        panelCenter: string;
+        panelGradient: string;
+        selectedItem: string;
+    }
+    interface TypeText {
+        colorMain: string;
+    }
+    interface Palette {
+        containerBox: {
+            default: string;
+            main: string;
+        };
+        dropdownBox: string;
+        color: {
+            icons: string;
+        };
+        cellHeader: string;
+        Skeleton: {
+            bg: string;
+        };
+        messageBox: string;
+        boxShadow: string;
+        disabled: string;
+    }
+    interface PaletteOptions {
+        containerBox?: {
+            default?: string;
+            main?: string;
+        };
+        dropdownBox?: string;
+        color?: {
+            icons?: string;
+        };
+        cellHeader?: string;
+        Skeleton?: {
+            bg?: string;
+        };
+        messageBox?: string;
+        boxShadow?: string;
+        disabled?: string;
+    }
+    interface Theme {
+        name?: string;
+    }
+    interface ThemeOptions {
+        name?: string;
+    }
+}
+export declare const lightBlueIndigo: Theme;
+export declare const lightBlue: Theme;
+export declare const lightRed: Theme;
+export declare const lightGreen: Theme;
+export declare const lightPink: Theme;
+export declare const lightPurple: Theme;
+export declare const lightTeal: Theme;
+export declare const lightLime: Theme;
+export declare const lightYellow: Theme;
+export declare const lightAmber: Theme;
+export declare const lightOrange: Theme;
+export declare const lightBrown: Theme;
+export declare const lightGray: Theme;
+export declare const darkBlue: Theme;
+export declare const darkBlack: Theme;

package/dist/types/theme/themeSlice.d.ts

@@ -0,0 +1,52 @@
+import { Theme } from '@mui/material';
+/**
+ * Forma mínima del store que necesita este slice: la app que lo use tiene que
+ * tener `Theme` y `User.user.uid`.
+ */
+export interface ThemeRootState {
+    User: {
+        user: {
+            uid: string;
+        };
+    };
+    Theme: ThemeState;
+}
+/** Nombres de tema disponibles. */
+export type ThemeName = 'lightBlueIndigo' | 'darkBlack' | 'darkBlue' | 'lightAmber' | 'lightBlue' | 'lightBrown' | 'lightGray' | 'lightGreen' | 'lightLime' | 'lightOrange' | 'lightPink' | 'lightPurple' | 'lightRed' | 'lightTeal' | 'lightYellow';
+/** Estado del slice. */
+export interface ThemeState {
+    themeSelected: Theme;
+    darkMode: boolean;
+    toggleStatus: 'idle' | 'toggled';
+}
+/** Guarda el tema elegido en el backend. */
+export declare const updateTheme: import("@reduxjs/toolkit").AsyncThunk<{
+    theme: ThemeName;
+}, ThemeName, {
+    state: ThemeRootState;
+    dispatch?: import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").UnknownAction>;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
+/** Valida que el string sea un `ThemeName`. */
+export declare const isValidThemeName: (theme: string) => theme is ThemeName;
+export declare const toggleTheme: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<ThemeName, "Theme/toggleTheme">, toggleModeTheme: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"Theme/toggleModeTheme">;
+export declare const selectThemeToggleStatus: (state: ThemeRootState) => "idle" | "toggled";
+export declare const selectTheme: (state: ThemeRootState) => Theme;
+export declare const selectDarkTheme: (state: ThemeRootState) => boolean;
+/**
+ * @deprecated Usar `selectTheme`. El prefijo correcto para un selector es
+ * `select` (ver Guía de Arquitectura Frontend, sección 4 - Nomenclatura).
+ * Se mantiene hasta que los 6 micro-fronts terminen de migrar.
+ */
+export declare const selectedTheme: (state: ThemeRootState) => Theme;
+/**
+ * @deprecated Usar `selectDarkTheme`. Mismo motivo que `selectedTheme`.
+ */
+export declare const selectedDarkTheme: (state: ThemeRootState) => boolean;
+declare const _default: import("redux").Reducer<ThemeState>;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trii/components",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "Trii components package",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/readme

@@ -1,71 +1,71 @@
-# Trii Components
-
-## Introduction
-
-This project contains reusable components for the Trii application.
-
-## Prerequisites
-
-- Node.js (v14 or higher)
-- npm (v6 or higher) or yarn (v1.22 or higher)
-
-## Installation
-
-1. Clone the repository:
-   ```sh
-   git clone https://github.com/yourusername/trii-components.git
-   ```
-2. Navigate to the project directory:
-   ```sh
-   cd trii-components
-   ```
-3. Install dependencies:
-   ```sh
-   npm install
-   ```
-   or
-   ```sh
-   yarn install
-   ```
-
-## Running the Project
-
-To start the development server, run:
-
-```sh
-npm run storybook
-```
-
-or
-
-```sh
-yarn storybook
-```
-
-## Building the Project
-
-To build the project, run:
-
-```sh
-npm run build
-```
-
-or
-
-```sh
-yarn build
-```
-
-## Upload build to NPM
-
-To upload the build to NPM, run:
-
-```sh
-npm publish
-```
-
-or
-
-```sh
-yarn publish
-```
+# Trii Components
+
+## Introduction
+
+This project contains reusable components for the Trii application.
+
+## Prerequisites
+
+- Node.js (v14 or higher)
+- npm (v6 or higher) or yarn (v1.22 or higher)
+
+## Installation
+
+1. Clone the repository:
+   ```sh
+   git clone https://github.com/yourusername/trii-components.git
+   ```
+2. Navigate to the project directory:
+   ```sh
+   cd trii-components
+   ```
+3. Install dependencies:
+   ```sh
+   npm install
+   ```
+   or
+   ```sh
+   yarn install
+   ```
+
+## Running the Project
+
+To start the development server, run:
+
+```sh
+npm run storybook
+```
+
+or
+
+```sh
+yarn storybook
+```
+
+## Building the Project
+
+To build the project, run:
+
+```sh
+npm run build
+```
+
+or
+
+```sh
+yarn build
+```
+
+## Upload build to NPM
+
+To upload the build to NPM, run:
+
+```sh
+npm publish
+```
+
+or
+
+```sh
+yarn publish
+```

package/dist/types/components/ContactSidebar/components/AddButton/AddButton.d.ts

@@ -1,5 +0,0 @@
-interface AddButtonProps {
-    label: string;
-}
-declare const AddButton: ({ label }: AddButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default AddButton;

package/dist/types/components/ContactSidebar/components/AssistantView/AssistantView.d.ts

@@ -1,29 +0,0 @@
-export interface AssistantRecommendation {
-    id: string;
-    title: string;
-    description: string;
-    confidence: number;
-    icon: 'validate' | 'update' | 'reminder';
-}
-export interface SuggestedKnowledge {
-    id: string;
-    title: string;
-    description: string;
-}
-export interface AssistantData {
-    conversationContext: string;
-    operationalSummary: string;
-    keyPoints: string[];
-    recommendations: AssistantRecommendation[];
-    suggestedKnowledge: SuggestedKnowledge[];
-    preventiveQuality: {
-        score: string;
-        description: string;
-    };
-}
-interface AssistantViewProps {
-    data?: AssistantData;
-}
-/** Base visual del asistente, desacoplada de futuras acciones y respuestas IA. */
-declare const AssistantView: ({ data }: AssistantViewProps) => import("react/jsx-runtime").JSX.Element;
-export default AssistantView;

package/dist/types/components/ContactSidebar/components/InteractionView/AssignmentsView.d.ts

@@ -1,12 +0,0 @@
-export interface AssignmentHistoryItem {
-    id: string;
-    description: string;
-    time: string;
-    relatedTo: string;
-}
-interface AssignmentsViewProps {
-    history?: AssignmentHistoryItem[];
-}
-/** Timeline visual de asignaciones, independiente de su futura fuente de datos. */
-declare const AssignmentsView: ({ history, }: AssignmentsViewProps) => import("react/jsx-runtime").JSX.Element;
-export default AssignmentsView;

package/dist/types/components/ContactSidebar/components/InteractionView/InteractionSummary.d.ts

@@ -1,16 +0,0 @@
-export interface InteractionSummaryData {
-    group: string;
-    responsible: string;
-    status: string;
-    tracking: Array<{
-        id: string;
-        label: string;
-        checked: boolean;
-    }>;
-}
-interface InteractionSummaryProps {
-    data?: InteractionSummaryData;
-}
-/** Resumen visual desacoplado de la fuente de datos de una interacción. */
-declare const InteractionSummary: ({ data, }: InteractionSummaryProps) => import("react/jsx-runtime").JSX.Element;
-export default InteractionSummary;

package/dist/types/components/ContactSidebar/components/InteractionView/InteractionView.d.ts

@@ -1,3 +0,0 @@
-/** Contenido base de la vista Interacción y su navegación interna. */
-declare const InteractionView: () => import("react/jsx-runtime").JSX.Element;
-export default InteractionView;

package/dist/types/components/ContactSidebar/components/InteractionView/OperationalActivityView.d.ts

@@ -1,13 +0,0 @@
-export interface OperationalActivityEvent {
-    id: string;
-    description: string;
-    time: string;
-    category: string;
-    color: 'success' | 'error' | 'warning' | 'neutral';
-}
-interface OperationalActivityViewProps {
-    events?: OperationalActivityEvent[];
-}
-/** Cronología visual desacoplada de la futura fuente de eventos operativos. */
-declare const OperationalActivityView: ({ events, }: OperationalActivityViewProps) => import("react/jsx-runtime").JSX.Element;
-export default OperationalActivityView;

package/dist/types/components/ContactSidebar/components/InteractionView/ParticipantsView.d.ts

@@ -1,15 +0,0 @@
-export interface Participant {
-    id: string;
-    initials: string;
-    name: string;
-    role: string;
-    details: string;
-    avatarColor: string;
-    status?: string;
-}
-interface ParticipantsViewProps {
-    participants?: Participant[];
-}
-/** Lista visual de participantes desacoplada de la futura fuente de datos. */
-declare const ParticipantsView: ({ participants, }: ParticipantsViewProps) => import("react/jsx-runtime").JSX.Element;
-export default ParticipantsView;

package/dist/types/components/ContactSidebar/components/InteractionView/ServiceLevelView.d.ts

@@ -1,33 +0,0 @@
-type ServiceLevelStatus = 'completed' | 'inProgress' | 'expired';
-interface ServiceLevelObjective {
-    id: string;
-    name: string;
-    details: string;
-    status: ServiceLevelStatus;
-}
-interface ServiceLevelPolicyItem {
-    id: string;
-    label: string;
-    value: string;
-}
-interface ServiceLevelHistoryItem {
-    id: string;
-    title: string;
-    details: string;
-}
-export interface ServiceLevelData {
-    statusTitle: string;
-    statusDescription: string;
-    objectives: ServiceLevelObjective[];
-    policy: ServiceLevelPolicyItem[];
-    history: ServiceLevelHistoryItem[];
-}
-declare const ServiceLevelHistoryItem: ({ item, }: {
-    item: ServiceLevelHistoryItem;
-}) => import("react/jsx-runtime").JSX.Element;
-interface ServiceLevelViewProps {
-    data?: ServiceLevelData;
-}
-/** Vista UI de SLA desacoplada de cálculos y datos operativos reales. */
-declare const ServiceLevelView: ({ data, }: ServiceLevelViewProps) => import("react/jsx-runtime").JSX.Element;
-export default ServiceLevelView;

package/dist/types/components/ContactSidebar/components/PanelView/components/ContactHighlights/ContactHighlights.d.ts

@@ -1,2 +0,0 @@
-declare const ContactHighlights: () => import("react/jsx-runtime").JSX.Element;
-export default ContactHighlights;

package/dist/types/components/ContactSidebar/components/PanelView/components/ContactHighlights/index.d.ts

@@ -1 +0,0 @@
-export { default } from './ContactHighlights';

package/dist/types/components/ContactSidebar/components/PanelView/components/ContactRepairs/ContactRepairs.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ContactProps } from '../../types/ContactProps';
-declare const ContactRepairs: React.ForwardRefExoticComponent<ContactProps & React.RefAttributes<HTMLElement>>;
-export default ContactRepairs;

package/dist/types/components/ContactSidebar/components/PanelView/components/ContactRepairs/components/RepairSection/RepairSection.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface RepairSectionProps {
-    title: string;
-    children?: React.ReactNode;
-}
-declare const RepairSection: ({ title, children }: RepairSectionProps) => import("react/jsx-runtime").JSX.Element;
-export default RepairSection;

package/dist/types/components/ContactSidebar/components/PanelView/components/ContactRepairs/index.d.ts

@@ -1 +0,0 @@
-export { default } from './ContactRepairs';

package/dist/types/components/ContactSidebar/components/PanelView/components/ContactTicket/ContactTicket.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ContactProps } from '../../types/ContactProps';
-declare const ContactTicket: React.ForwardRefExoticComponent<ContactProps & React.RefAttributes<HTMLElement>>;
-export default ContactTicket;

package/dist/types/components/ContactSidebar/components/PanelView/components/ContactTicket/components/TicketSection/TicketSection.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface TicketSectionProps {
-    title: string;
-    children?: React.ReactNode;
-}
-declare const TicketSection: ({ title, children }: TicketSectionProps) => import("react/jsx-runtime").JSX.Element;
-export default TicketSection;

package/dist/types/components/ContactSidebar/components/PanelView/components/ContactTicket/index.d.ts

@@ -1 +0,0 @@
-export { default } from './ContactTicket';

package/dist/types/components/ContactSidebar/components/SidebarViewNavigation/SidebarViewNavigation.d.ts

@@ -1,15 +0,0 @@
-import type { ReactNode } from 'react';
-export type SidebarView = 'contact' | 'interaction' | 'assistant';
-export interface SidebarViewDefinition {
-    id: SidebarView;
-    label: string;
-    icon: ReactNode;
-}
-interface SidebarViewNavigationProps {
-    activeView: SidebarView;
-    onChange: (view: SidebarView) => void;
-    views: SidebarViewDefinition[];
-}
-/** Navegación de primer nivel del panel lateral. */
-declare const SidebarViewNavigation: ({ activeView, onChange, views, }: SidebarViewNavigationProps) => import("react/jsx-runtime").JSX.Element;
-export default SidebarViewNavigation;