@aleric.dev/ui 0.0.0-stage → 0.4.1

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/SearchInput.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface SearchInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+    onClear?: () => void;
+    autoFocus?: boolean;
+}
+export declare const SearchInput: React.FC<SearchInputProps>;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { BadgeVariant } from '../atoms/Badge';
+export type GeneralStatus = 'pending' | 'ready' | 'published' | 'active' | 'inactive' | 'approved' | 'rejected' | 'open' | 'in_progress' | 'resolved' | 'closed';
+export interface StatusBadgeProps {
+    status: GeneralStatus | string;
+    size?: 'xs' | 'sm' | 'md';
+    customConfig?: Record<string, {
+        label: string;
+        variant: BadgeVariant;
+    }>;
+    className?: string;
+}
+export declare const StatusBadge: React.FC<StatusBadgeProps>;

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

@@ -0,0 +1,11 @@
+export * from './FormField';
+export * from './SearchInput';
+export * from './ConfirmDialog';
+export * from './EmptyState';
+export * from './MetricStatCard';
+export * from './MetricStrip';
+export * from './StatusBadge';
+export * from './DatePicker';
+export * from './MarkdownRenderer';
+export * from './ModalSplitLayout';
+export * from './ModalStepLayout';

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

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface NotificationItem {
+    id: string;
+    title: string;
+    description?: string;
+    timestamp?: string | Date;
+    read?: boolean;
+    type?: 'info' | 'success' | 'warning' | 'error';
+    tag?: string;
+    onAction?: () => void;
+    actionLabel?: string;
+}
+export interface NotificationCenterProps {
+    notifications: NotificationItem[];
+    unreadCount?: number;
+    onMarkAllAsRead?: () => void;
+    onNotificationClick?: (item: NotificationItem) => void;
+    emptyTitle?: string;
+    emptyDescription?: string;
+    className?: string;
+}
+export declare const NotificationCenter: React.FC<NotificationCenterProps>;

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

@@ -0,0 +1,41 @@
+import React from 'react';
+export interface NavItem {
+    id: string;
+    label: string;
+    icon: React.ReactNode;
+    active?: boolean;
+    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;
+}
+export interface SidebarBrand {
+    name?: string;
+    subtitle?: string;
+    logo?: React.ReactNode;
+    collapsedLogo?: React.ReactNode;
+    href?: string;
+    onClick?: () => void;
+}
+export interface SidebarProps {
+    brand?: SidebarBrand;
+    groups: NavGroup[];
+    footer?: React.ReactNode;
+    collapsed?: boolean;
+    onToggleCollapse?: () => void;
+    mobileOpen?: boolean;
+    onMobileClose?: () => void;
+    className?: string;
+}
+export declare const Sidebar: React.FC<SidebarProps>;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface BreadcrumbItem {
+    label: string;
+    icon?: React.ReactNode;
+    href?: string;
+    onClick?: () => void;
+    color?: string;
+}
+export interface TopNavProps {
+    breadcrumbs?: BreadcrumbItem[];
+    title?: string;
+    subtitle?: string;
+    actions?: React.ReactNode;
+    userMenu?: React.ReactNode;
+    notificationSlot?: React.ReactNode;
+    themeToggle?: {
+        theme: 'dark' | 'light';
+        onToggle: () => void;
+    };
+    onMobileMenuToggle?: () => void;
+    className?: string;
+}
+export declare const TopNav: React.FC<TopNavProps>;

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

@@ -0,0 +1,3 @@
+export * from './Sidebar';
+export * from './TopNav';
+export * from './NotificationCenter';

package/dist/components/templates/AppLayout.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface AppLayoutProps {
+    sidebar: React.ReactNode;
+    topNav?: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const AppLayout: React.FC<AppLayoutProps>;

package/dist/components/templates/StudioLayout.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface StudioLayoutProps {
+    topBar: React.ReactNode;
+    canvas: React.ReactNode;
+    controlPanel: React.ReactNode;
+    className?: string;
+}
+export declare const StudioLayout: React.FC<StudioLayoutProps>;

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

@@ -0,0 +1,2 @@
+export * from './AppLayout';
+export * from './StudioLayout';

package/dist/favicon.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
+  <defs>
+    <clipPath id="rounded-corners">
+      <rect width="512" height="512" rx="120" ry="120" />
+    </clipPath>
+  </defs>
+  <g clip-path="url(#rounded-corners)">
+    <!-- Fondo corporativo Aleric (#040B1B) -->
+    <rect width="512" height="512" rx="120" ry="120" fill="#040B1B"/>
+
+    <!-- Llave izquierda < (Glifo original Aleric) -->
+    <path d="M0 0 C6.01 3.36 9.09 8.33 11.78 14.55 C13.05 23.49 12.1 31.17 6.78 38.55 C4.3 41.46 1.63 44.02 -1.22 46.55 C-1.82 47.09 -2.41 47.63 -3.02 48.18 C-5.57 50.45 -8.17 52.66 -10.76 54.87 C-12.52 56.37 -14.28 57.87 -16.04 59.37 C-16.64 59.88 -17.25 60.4 -17.87 60.93 C-21.61 64.14 -25.28 67.41 -28.91 70.74 C-32.36 73.91 -35.88 76.94 -39.54 79.87 C-44.59 83.94 -49.3 88.31 -54.03 92.75 C-58.34 96.79 -62.82 100.54 -67.43 104.24 C-71.86 107.91 -76.03 111.86 -80.24 115.78 C-85.48 120.66 -90.92 125.3 -96.36 129.96 C-97.59 131.02 -98.83 132.07 -100.06 133.13 C-102.67 135.37 -105.28 137.6 -107.9 139.81 C-108.63 140.43 -109.35 141.04 -110.1 141.68 C-110.71 142.2 -111.33 142.72 -111.96 143.25 C-113.45 144.49 -113.45 144.49 -113.22 146.55 C-111.69 147.93 -110.09 149.23 -108.47 150.49 C-104.18 153.92 -100.06 157.45 -96.04 161.18 C-95.53 161.65 -95.02 162.12 -94.49 162.61 C-93.99 163.07 -93.5 163.53 -92.98 164 C-88.41 168.23 -83.71 172.29 -78.97 176.33 C-72.73 181.67 -66.52 187.04 -60.43 192.55 C-56.02 196.55 -51.53 200.44 -47 204.3 C-41.44 209.05 -35.91 213.8 -30.54 218.74 C-27.04 221.95 -23.48 225.02 -19.79 227.99 C-15.19 231.7 -10.82 235.58 -6.51 239.6 C-3.67 242.25 -0.78 244.77 2.21 247.24 C7.02 251.39 11.45 257.24 12.09 263.68 C12.37 272.32 11.88 278.91 5.78 285.55 C-2.26 292.22 -8.94 293.17 -19.22 292.55 C-26.18 291.56 -30.45 286.92 -35.38 282.22 C-38.01 279.75 -40.71 277.49 -43.54 275.24 C-48.59 271.17 -53.3 266.8 -58.03 262.35 C-62.34 258.31 -66.83 254.56 -71.45 250.86 C-74.65 248.2 -77.69 245.4 -80.72 242.55 C-84.62 238.91 -88.56 235.4 -92.72 232.05 C-96.89 228.71 -100.83 225.2 -104.72 221.55 C-109.48 217.1 -114.39 212.92 -119.48 208.83 C-122.49 206.34 -125.36 203.72 -128.22 201.05 C-131.96 197.58 -135.75 194.25 -139.72 191.05 C-144.24 187.42 -148.5 183.6 -152.73 179.65 C-156.07 176.55 -159.52 173.68 -163.1 170.87 C-170.22 165.11 -176.37 158.23 -177.57 148.8 C-178.01 139.87 -175.83 133.67 -169.95 126.96 C-167.44 124.4 -164.87 121.96 -162.22 119.55 C-161.58 118.97 -160.95 118.39 -160.29 117.79 C-158.29 116.02 -156.26 114.28 -154.22 112.55 C-151.97 110.64 -149.72 108.72 -147.47 106.8 C-146.87 106.29 -146.27 105.78 -145.64 105.25 C-141.7 101.86 -137.84 98.4 -134.04 94.87 C-130.41 91.5 -126.71 88.28 -122.85 85.18 C-117.12 80.57 -111.8 75.59 -106.45 70.56 C-103.4 67.71 -100.29 64.94 -97.13 62.22 C-94.86 60.24 -92.64 58.21 -90.41 56.18 C-86.99 53.09 -83.5 50.13 -79.91 47.24 C-74.45 42.83 -69.33 38.11 -64.2 33.32 C-60.62 29.98 -56.94 26.75 -53.22 23.55 C-51.42 22 -49.63 20.45 -47.83 18.89 C-46.51 17.75 -45.19 16.61 -43.87 15.47 C-40.1 12.22 -36.42 8.89 -32.79 5.49 C-22.54 -3.82 -12.56 -5.61 0 0 Z" fill="#FCFDFD" transform="scale(0.5) translate(241.57,367.61)"/>
+
+    <!-- Cubo central 3D isométrico con trazo blanco y fondo transparente -->
+    <path d="M256 166 L334 211 L334 301 L256 346 L178 301 L178 211 Z" stroke="#FCFDFD" stroke-width="15" stroke-linejoin="round" fill="none"/>
+    <path d="M256 256 L256 346" stroke="#FCFDFD" stroke-width="15" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M256 256 L334 211" stroke="#FCFDFD" stroke-width="15" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M256 256 L178 211" stroke="#FCFDFD" stroke-width="15" stroke-linecap="round" stroke-linejoin="round"/>
+
+    <!-- Llave derecha > (Glifo original Aleric) -->
+    <path d="M0 0 C5.02 2.26 8.88 6.53 12.81 10.3 C15.51 12.88 18.33 15.24 21.25 17.56 C26.98 22.17 32.31 27.17 37.67 32.2 C41.33 35.62 45.07 38.92 48.88 42.19 C56.82 49.03 64.73 55.9 72.46 62.99 C75.23 65.51 78.04 67.97 80.86 70.42 C83.16 72.44 85.42 74.5 87.69 76.56 C91.09 79.63 94.55 82.57 98.12 85.44 C103.2 89.54 107.94 93.93 112.69 98.4 C116.09 101.58 119.54 104.6 123.19 107.5 C128.23 111.55 132.97 115.89 137.69 120.31 C138.41 120.98 139.12 121.65 139.86 122.34 C153.28 135.02 153.28 135.02 154.25 143.39 C154.44 153.39 152.72 160.4 145.75 167.75 C141.97 171.25 137.91 174.44 133.9 177.67 C130.62 180.4 127.49 183.27 124.38 186.19 C119.64 190.63 114.75 194.78 109.69 198.84 C106.48 201.52 103.42 204.33 100.38 207.19 C95.61 211.65 90.71 215.83 85.62 219.91 C82.61 222.41 79.74 225.03 76.88 227.69 C73.17 231.14 69.39 234.45 65.44 237.62 C60.66 241.47 56.18 245.56 51.71 249.75 C47.52 253.65 43.15 257.26 38.69 260.84 C35.48 263.52 32.42 266.33 29.38 269.19 C24.53 273.72 19.56 278.01 14.37 282.15 C12.04 284.05 9.84 286.03 7.62 288.06 C0.54 294.18 -5.24 294.81 -14.53 294.59 C-22.36 293.71 -26.88 289.07 -31.71 283.14 C-35.99 277.21 -35.93 270.24 -35.12 263.19 C-31.89 250.63 -18.44 242.15 -8.87 234.46 C-5.86 231.97 -2.99 229.35 -0.12 226.69 C3.58 223.24 7.36 219.92 11.31 216.75 C16.09 212.91 20.57 208.82 25.04 204.63 C28.39 201.51 31.81 198.55 35.38 195.69 C40.78 191.35 45.82 186.68 50.89 181.96 C55.52 177.65 60.31 173.52 65.12 169.41 C66.33 168.38 67.54 167.35 68.75 166.31 C69.35 165.8 69.96 165.28 70.58 164.75 C75.05 160.92 79.45 157.01 83.79 153.03 C85.75 151.3 87.76 149.72 89.88 148.19 C88.31 144.22 85.55 141.77 82.44 139 C81.91 138.52 81.37 138.04 80.83 137.54 C76.45 133.62 71.9 129.92 67.32 126.23 C64.61 123.97 62.19 121.53 59.73 118.98 C57.49 116.82 55.12 114.89 52.69 112.94 C47.47 108.74 42.55 104.29 37.64 99.74 C33.08 95.53 28.38 91.47 23.66 87.45 C17.12 81.86 10.65 76.22 4.31 70.41 C-0.75 65.79 -5.95 61.33 -11.17 56.88 C-13.59 54.81 -16.01 52.73 -18.42 50.64 C-19.98 49.32 -21.54 48 -23.11 46.7 C-30.03 40.78 -34.48 35 -35.36 25.67 C-35.6 16.96 -33.72 11.71 -27.75 5.38 C-20.35 -2.01 -9.81 -2.74 0 0 Z" fill="#FCFDFD" transform="scale(0.5) translate(805.75,364.74)"/>
+  </g>
+</svg>