@aleric.dev/ui 0.1.0 → 0.4.1

package/dist/components/atoms/Button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export type ButtonVariant = 'primary' | 'secondary' | 'emerald' | 'danger' | 'ghost' | 'outline';
+export type ButtonVariant = 'primary' | 'secondary' | 'emerald' | 'amber' | 'danger' | 'ghost' | 'outline';
 export type ButtonSize = 'sm' | 'md' | 'lg';
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: ButtonVariant;

package/dist/components/atoms/StepTimeline.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface StepItem {
+    id: string | number;
+    number: number;
+    title: string;
+    subtitle?: string;
+    badge?: React.ReactNode;
+}
+export interface StepTimelineProps {
+    steps: StepItem[];
+    currentStep: number;
+    completedSteps?: number[];
+    onStepClick?: (stepNumber: number) => void;
+    allowStepBack?: boolean;
+    className?: string;
+}
+export declare const StepTimeline: React.FC<StepTimelineProps>;

package/dist/components/atoms/Table.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
+    containerClassName?: string;
+    wrapper?: boolean;
+}
+export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+export declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+export declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+export declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+export declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;

package/dist/components/atoms/Tabs.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface TabItem<T extends string = string> {
+    id: T;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    badge?: React.ReactNode;
+    disabled?: boolean;
+}
+export type TabsVariant = 'segmented' | 'underline' | 'pills';
+export type TabsSize = 'sm' | 'md' | 'lg';
+export interface TabsProps<T extends string = string> {
+    tabs: TabItem<T>[];
+    activeTab: T;
+    onChange: (tabId: T) => void;
+    variant?: TabsVariant;
+    size?: TabsSize;
+    fullWidth?: boolean;
+    className?: string;
+    tabClassName?: string;
+}
+export declare function Tabs<T extends string = string>({ tabs, activeTab, onChange, variant, size, fullWidth, className, tabClassName, }: TabsProps<T>): React.JSX.Element;

package/dist/components/atoms/index.d.ts

@@ -9,3 +9,6 @@ export * from './StatusToggle';
 export * from './Modal';
 export * from './Spinner';
 export * from './SocialIcons';
+export * from './StepTimeline';
+export * from './Table';
+export * from './Tabs';

package/dist/components/molecules/ModalSplitLayout.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+export type ModalSplitRatio = '5/7' | '6/6' | '4/8' | '7/5';
+export type ModalSplitMobileMode = 'tabs' | 'stack';
+export interface ModalSplitLayoutProps {
+    /** Título de la columna izquierda (o Tab 1 en móvil) */
+    leftTitle: React.ReactNode;
+    /** Icono opcional para la columna izquierda */
+    leftIcon?: React.ReactNode;
+    /** Badge o conteo opcional para la columna izquierda */
+    leftBadge?: React.ReactNode;
+    /** Título de la columna derecha (o Tab 2 en móvil) */
+    rightTitle: React.ReactNode;
+    /** Icono opcional para la columna derecha */
+    rightIcon?: React.ReactNode;
+    /** Badge o conteo opcional para la columna derecha */
+    rightBadge?: React.ReactNode;
+    /** Relación de columnas en Desktop (>= 1024px) */
+    ratio?: ModalSplitRatio;
+    /** Comportamiento en Mobile (< 1024px): 'tabs' (pestañas segmentadas) o 'stack' (vertical fluido) */
+    mobileMode?: ModalSplitMobileMode;
+    /** Pestaña activa controlada */
+    activeTab?: 'left' | 'right';
+    /** Pestaña activa inicial si no es controlada */
+    defaultActiveTab?: 'left' | 'right';
+    /** Callback al cambiar de pestaña en móvil */
+    onTabChange?: (tab: 'left' | 'right') => void;
+    /** Contenido de la columna izquierda */
+    leftContent: React.ReactNode;
+    /** Pie o barra de botones anclada en la columna izquierda */
+    leftFooter?: React.ReactNode;
+    /** Clases adicionales para la columna izquierda */
+    leftClassName?: string;
+    /** Cabecera opcional para la columna derecha */
+    rightHeader?: React.ReactNode;
+    /** Contenido de la columna derecha */
+    rightContent: React.ReactNode;
+    /** Pie opcional para la columna derecha */
+    rightFooter?: React.ReactNode;
+    /** Clases adicionales para la columna derecha */
+    rightClassName?: string;
+    /** Clases adicionales para el contenedor raíz */
+    className?: string;
+}
+export declare const ModalSplitLayout: React.FC<ModalSplitLayoutProps>;

package/dist/components/molecules/ModalStepLayout.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export type ModalStepRatio = '5/7' | '6/6' | '4/8' | '7/5';
+export interface ModalStepPaneConfig {
+    title: string;
+    subtitle?: string;
+    badge?: React.ReactNode;
+    header?: React.ReactNode;
+    content: React.ReactNode;
+    footer?: React.ReactNode;
+    className?: string;
+}
+export interface ModalStepLayoutProps {
+    /** Configuración del Paso 1 (Instrucciones / Entrada) */
+    step1: ModalStepPaneConfig;
+    /** Configuración del Paso 2 (Generación / Resultados) */
+    step2: ModalStepPaneConfig;
+    /** Paso actual activo (1 o 2) */
+    currentStep?: 1 | 2;
+    /** Lista de números de pasos completados (ej. [1]) */
+    completedSteps?: number[];
+    /** Callback al cambiar de paso */
+    onStepChange?: (step: 1 | 2) => void;
+    /** Relación de columnas en Desktop (>= 1024px) */
+    ratio?: ModalStepRatio;
+    /** Clases adicionales para el contenedor raíz */
+    className?: string;
+}
+export declare const ModalStepLayout: React.FC<ModalStepLayoutProps>;

package/dist/components/molecules/index.d.ts

@@ -7,3 +7,5 @@ export * from './MetricStrip';
 export * from './StatusBadge';
 export * from './DatePicker';
 export * from './MarkdownRenderer';
+export * from './ModalSplitLayout';
+export * from './ModalStepLayout';

package/dist/components/organisms/Sidebar.d.ts

@@ -7,11 +7,15 @@ export interface NavItem {
     badge?: string | number;
     badgeVariant?: 'default' | 'success' | 'warning' | 'error';
     href?: string;
+    external?: boolean;
+    target?: string;
+    dataTour?: string;
     onClick?: () => void;
 }
 export interface NavGroup {
     id?: string;
     label?: string;
+    icon?: React.ReactNode;
     items: NavItem[];
     collapsible?: boolean;
     defaultCollapsed?: boolean;