@trii/components 2.0.104 → 3.1.0

package/dist/index.d.ts

@@ -620,6 +620,12 @@ interface ChatDetailsSidebarBaseProps {
      * propia instancia de i18n, así que no sigue solo los cambios del host.
      */
     language?: string;
+    /**
+     * Gate de visibilidad (CSS display) del panel. Para hosts que renderizan
+     * vistas hermanas alternadas por CSS: el panel queda montado (conserva su
+     * estado y sus datos) pero oculto mientras `active` es false. Default: true.
+     */
+    active?: boolean;
 }
 /**
  * Qué mostrar. Hay dos formas y son excluyentes; TypeScript falla si no se pasa
@@ -652,9 +658,17 @@ type ChatDetailsSidebarTarget = {
 };
 type ChatDetailsSidebarProps = ChatDetailsSidebarBaseProps & ChatDetailsSidebarTarget;
 /**
- * Shell del sidebar (en camino al paquete npm): recibe las props del
- * contrato (docs/CONTRATO_CHATDETAILSSIDEBAR.md) y monta los providers
- * internos. La orquestación de UI vive en SidebarContent.
+ * Panel de contacto reutilizable: la ficha completa de un contacto/empresa
+ * (datos, conversaciones, archivos, media, historial, eventos, tareas, shop,
+ * relaciones, grupos de WhatsApp) con su riel vertical de tabs, skeleton y
+ * overlay de carga. Recibe las props del contrato y monta los providers
+ * internos; la orquestación de tabs vive en SidebarContent.
+ *
+ * El shell de vistas (header Contacto/Interacción/Asistente) es del host: este
+ * componente renderiza SOLO la vista de contacto y expone `active` para que el
+ * host lo alterne por CSS con sus vistas hermanas sin desmontarlo. Debe
+ * colocarse dentro de un contenedor flex con `position: relative` (el overlay
+ * y el skeleton se posicionan contra ese contenedor). Ver README.md.
  */
 declare const ChatDetailsSidebar: (props: ChatDetailsSidebarProps) => react_jsx_runtime.JSX.Element;
 
@@ -662,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;
@@ -674,6 +740,7 @@ declare module '@mui/material/styles' {
         panelHeader: string;
         panelCenter: string;
         panelGradient: string;
+        selectedItem: string;
     }
     interface TypeText {
         colorMain: string;
@@ -735,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/ContactSidebar/ChatDetailsSidebar.d.ts

@@ -23,6 +23,12 @@ interface ChatDetailsSidebarBaseProps {
      * propia instancia de i18n, así que no sigue solo los cambios del host.
      */
     language?: string;
+    /**
+     * Gate de visibilidad (CSS display) del panel. Para hosts que renderizan
+     * vistas hermanas alternadas por CSS: el panel queda montado (conserva su
+     * estado y sus datos) pero oculto mientras `active` es false. Default: true.
+     */
+    active?: boolean;
 }
 /**
  * Qué mostrar. Hay dos formas y son excluyentes; TypeScript falla si no se pasa
@@ -55,9 +61,17 @@ type ChatDetailsSidebarTarget = {
 };
 export type ChatDetailsSidebarProps = ChatDetailsSidebarBaseProps & ChatDetailsSidebarTarget;
 /**
- * Shell del sidebar (en camino al paquete npm): recibe las props del
- * contrato (docs/CONTRATO_CHATDETAILSSIDEBAR.md) y monta los providers
- * internos. La orquestación de UI vive en SidebarContent.
+ * Panel de contacto reutilizable: la ficha completa de un contacto/empresa
+ * (datos, conversaciones, archivos, media, historial, eventos, tareas, shop,
+ * relaciones, grupos de WhatsApp) con su riel vertical de tabs, skeleton y
+ * overlay de carga. Recibe las props del contrato y monta los providers
+ * internos; la orquestación de tabs vive en SidebarContent.
+ *
+ * El shell de vistas (header Contacto/Interacción/Asistente) es del host: este
+ * componente renderiza SOLO la vista de contacto y expone `active` para que el
+ * host lo alterne por CSS con sus vistas hermanas sin desmontarlo. Debe
+ * colocarse dentro de un contenedor flex con `position: relative` (el overlay
+ * y el skeleton se posicionan contra ese contenedor). Ver README.md.
  */
 declare const ChatDetailsSidebar: (props: ChatDetailsSidebarProps) => import("react/jsx-runtime").JSX.Element;
 export default ChatDetailsSidebar;

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

@@ -1,11 +1,16 @@
 import { IConversation } from '@trii/types/dist/Conversations';
 export interface SidebarContentProps {
     conversation: IConversation | null;
+    /** Gate CSS de visibilidad del panel (ver ChatDetailsSidebar.active). */
+    active: boolean;
 }
 /**
- * Orquestación de UI del sidebar (tabs, overlay, skeleton). Vive dentro de
- * los providers internos (SidebarProps + SidebarData) para poder disparar
- * los fetches del mini-store sin tocar el store del host.
+ * Orquestación de UI del panel de contacto (tabs, overlay, skeleton). Vive
+ * dentro de los providers internos (SidebarProps + SidebarData) para poder
+ * disparar los fetches del mini-store sin tocar el store del host.
+ *
+ * El root es un Fragment: skeleton/panel/overlay se posicionan contra el
+ * contenedor `position: relative` que provee el host.
  */
-declare const SidebarContent: ({ conversation }: SidebarContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarContent: ({ conversation, active }: SidebarContentProps) => import("react/jsx-runtime").JSX.Element;
 export default SidebarContent;

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

@@ -1,9 +1,6 @@
-import { SectionRefs } from '../../hooks/useSectionRefs';
 type PanelViewProps = {
-    sectionRefs: SectionRefs;
-    setValue: (value: number) => void;
+    /** Índice del tab activo (lo controla TabsMenu vía SidebarContent). */
     value: number;
-    isClicked: boolean;
 };
 declare const PanelView: ({ value }: PanelViewProps) => import("react/jsx-runtime").JSX.Element;
 export default PanelView;

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

@@ -1,7 +1,6 @@
 import React from 'react';
 type ContactProps = {
     contactId: string;
-    handleClick?: () => void;
     defaultExpanded?: boolean;
 };
 declare const ContactMedia: React.ForwardRefExoticComponent<ContactProps & React.RefAttributes<HTMLElement>>;

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 type Props = {
-    handleClick: () => void;
     defaultExpanded?: boolean;
 };
 declare const GroupData: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLElement>>;

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

@@ -5,13 +5,10 @@ export { default as ContactFiles } from './ContactFiles';
 export { default as ContactMedia } from './ContactMedia';
 export { default as ContactHistory } from './ContactHistory';
 export { default as ContactNotes } from './ContactNotes';
-export { default as ContactRepairs } from './ContactRepairs';
 export { default as ContactEvent } from './ContactEvent';
 export { default as ContactTask } from './ContactTask';
-export { default as ContactTicket } from './ContactTicket';
 export { default as ContactButton } from './ContactButton';
 export { default as ContactPanelShop } from './ContactPanelShop';
 export { default as ContactRelations } from './ContactRelations';
 export { default as GroupData } from './GroupData';
 export { default as PremiumContactHeader } from './PremiumContactHeader';
-export { default as ContactHighlights } from './ContactHighlights';

package/dist/types/components/ContactSidebar/components/PanelView/layout/SectionCard/SectionCard.d.ts

@@ -5,7 +5,7 @@ type SectionCardProps = {
     children: ReactNode;
     title: string;
     defaultExpanded?: boolean;
-    onClick: () => void;
+    onClick?: () => void;
     tabName: TabName;
     contactInfo?: IContact;
     onExpandChange?: (isExpanded: boolean) => void;

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

@@ -1,7 +1,6 @@
 import { IIntegrationButton } from '@trii/types/dist/Contacts';
 export interface ContactProps {
     contactId?: string;
-    handleClick: () => void;
     defaultExpanded?: boolean;
 }
 export interface ContactButtonProps extends ContactProps {

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

@@ -1,9 +1,6 @@
-import { SectionRefs } from '../../hooks/useSectionRefs';
 type TabsMenuProps = {
     handleChange: (newValue: number) => void;
     value: number;
-    sectionRefs: SectionRefs;
-    setIsClicked: (isClicked: boolean) => void;
 };
 declare function TabsMenu({ handleChange, value }: TabsMenuProps): import("react/jsx-runtime").JSX.Element;
 export default TabsMenu;

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

@@ -1,6 +1,3 @@
 export { default as ContactInfoSkeleton } from './ContactInfoSkeleton';
-export { default as AssistantView } from './AssistantView/AssistantView';
-export { default as InteractionView } from './InteractionView/InteractionView';
 export { default as PanelView } from './PanelView';
-export { default as SidebarViewNavigation, type SidebarView, type SidebarViewDefinition, } from './SidebarViewNavigation/SidebarViewNavigation';
 export { default as TabsMenu } from './TabsMenu';

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": "2.0.104",
+  "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;