@sfperusacdev/sf-ui 0.1.11

package/dist/types/src/components/advanced-inputs/types.d.ts

@@ -0,0 +1,5 @@
+export type CodeEditorLanguage = "javascript" | "json" | "html" | "sql" | "text";
+export type MapPoint = {
+    lat: string;
+    lng: string;
+};

package/dist/types/src/components/buttons/ActionButton.d.ts

@@ -0,0 +1,11 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { ButtonVariant } from './buttonClassName';
+export type ActionButtonVariant = ButtonVariant | "success" | "warning" | "info";
+type ActionButtonProps = {
+    children?: ReactNode;
+    loading?: boolean;
+    icon?: ReactNode;
+    variant?: ActionButtonVariant;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children">;
+export declare const ActionButton: ({ children, loading, disabled, icon, variant, className, type, ...rest }: ActionButtonProps) => import("react").JSX.Element;
+export {};

package/dist/types/src/components/buttons/Button.d.ts

@@ -0,0 +1,12 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { ButtonSize, ButtonVariant } from './buttonClassName';
+type ButtonProps = {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    icon?: ReactNode;
+    iconPosition?: "start" | "end";
+    children: ReactNode;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children">;
+export declare const Button: ({ variant, size, loading, disabled, icon, iconPosition, children, className, type, ...rest }: ButtonProps) => import("react").JSX.Element;
+export {};

package/dist/types/src/components/buttons/ButtonGroup.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+type ButtonGroupProps = {
+    children: ReactNode;
+    className?: string;
+};
+export declare const ButtonGroup: ({ children, className }: ButtonGroupProps) => import("react").JSX.Element;
+export {};

package/dist/types/src/components/buttons/FormActions.d.ts

@@ -0,0 +1,12 @@
+type FormActionsProps = {
+    cancelLabel?: string;
+    saveLabel?: string;
+    onCancel?: () => void;
+    onSave?: () => void;
+    cancelLoading?: boolean;
+    saveLoading?: boolean;
+    hideSave?: boolean;
+    className?: string;
+};
+export declare const FormActions: import('react').MemoExoticComponent<({ cancelLabel, saveLabel, onCancel, onSave, cancelLoading, saveLoading, hideSave, className, }: FormActionsProps) => import("react").JSX.Element>;
+export {};

package/dist/types/src/components/buttons/RowActions.d.ts

@@ -0,0 +1,10 @@
+type RowActionsProps = {
+    onEdit?: () => void;
+    onDelete?: () => void;
+    disabled?: boolean;
+    editLabel?: string;
+    deleteLabel?: string;
+    className?: string;
+};
+export declare const RowActions: ({ onEdit, onDelete, disabled, editLabel, deleteLabel, className, }: RowActionsProps) => import("react").JSX.Element;
+export {};

package/dist/types/src/components/buttons/ToolbarButton.d.ts

@@ -0,0 +1,10 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+type ToolbarButtonProps = {
+    selected?: boolean;
+    small?: boolean;
+    icon: ReactNode;
+    label?: string;
+    loading?: boolean;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children">;
+export declare const ToolbarButton: ({ selected, small, icon, label, loading, disabled, className, type, ...rest }: ToolbarButtonProps) => import("react").JSX.Element;
+export {};

package/dist/types/src/components/buttons/buttonClassName.d.ts

@@ -0,0 +1,9 @@
+export type ButtonVariant = "primary" | "secondary" | "outline" | "danger" | "ghost" | "accent";
+export type ButtonSize = "sm" | "md";
+type Options = {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    className?: string;
+};
+export declare const buttonClassName: ({ variant, size, className }: Options) => string;
+export {};

package/dist/types/src/components/buttons/index.d.ts

@@ -0,0 +1,9 @@
+export { Button } from './Button';
+export { ButtonGroup } from './ButtonGroup';
+export { ToolbarButton } from './ToolbarButton';
+export { RowActions } from './RowActions';
+export { FormActions } from './FormActions';
+export { ActionButton } from './ActionButton';
+export type { ActionButtonVariant } from './ActionButton';
+export { buttonClassName } from './buttonClassName';
+export type { ButtonVariant, ButtonSize } from './buttonClassName';

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

@@ -0,0 +1,11 @@
+import { BadgeShape, BadgeSize, BadgeVariant } from './types';
+type BadgeProps = {
+    label: string;
+    variant?: BadgeVariant;
+    dot?: boolean;
+    size?: BadgeSize;
+    shape?: BadgeShape;
+    className?: string;
+};
+export declare const Badge: ({ label, variant, dot, size, shape, className, }: BadgeProps) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { EntityCardStatus, EntityCardVariant, MetricBarItem } from './types';
+export type EntityCardProps = {
+    name: string;
+    subtitle?: string;
+    sublabel?: string;
+    photo?: string;
+    photoIcon?: ReactNode;
+    status?: EntityCardStatus;
+    metrics?: MetricBarItem[];
+    actionLabel?: string;
+    onAction?: () => void;
+    compact?: boolean;
+    score?: number;
+    variant?: EntityCardVariant;
+    groupIcon?: ReactNode;
+    groupIconClassName?: string;
+    onClick?: () => void;
+    className?: string;
+};
+export declare const EntityCard: (props: EntityCardProps) => import("react").JSX.Element;
+type EntityCardGridProps = {
+    children: ReactNode;
+    cols?: 2 | 3 | 4 | 5;
+    className?: string;
+};
+export declare const EntityCardGrid: ({ children, cols, className }: EntityCardGridProps) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+export type KPICardAccentTone = "emerald" | "blue" | "amber" | "red" | "teal" | "slate";
+type KPICardProps = {
+    label: string;
+    value: string | number;
+    sublabel?: string;
+    icon?: ReactNode;
+    iconClassName?: string;
+    trend?: number;
+    trendLabel?: string;
+    accentTone?: KPICardAccentTone;
+    className?: string;
+    onClick?: () => void;
+};
+export declare const KPICard: ({ label, value, sublabel, icon, iconClassName, trend, trendLabel, accentTone, className, onClick, }: KPICardProps) => import("react").JSX.Element;
+type KPIGridProps = {
+    children: ReactNode;
+    cols?: 2 | 3 | 4 | 5;
+    className?: string;
+};
+export declare const KPIGrid: ({ children, cols, className }: KPIGridProps) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import { MetricBarItem } from './types';
+type MetricBarRowProps = {
+    item: MetricBarItem;
+    small?: boolean;
+};
+export declare const MetricBarRow: ({ item, small }: MetricBarRowProps) => import("react").JSX.Element;
+type MetricBarListProps = {
+    metrics: MetricBarItem[];
+    small?: boolean;
+    className?: string;
+};
+export declare const MetricBarList: ({ metrics, small, className }: MetricBarListProps) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+import { ModuleCardDensity, ModuleCardVariant } from './types';
+export type ModuleCardProps = {
+    title: string;
+    subtitle?: string;
+    icon?: ReactNode;
+    logoUrl?: string;
+    /** Sets `--sf-module-accent` for the icon radial gradient. */
+    iconAccent?: string;
+    badge?: number;
+    isNew?: boolean;
+    favorite?: boolean;
+    onFavoriteToggle?: () => void;
+    onClick?: () => void;
+    variant?: ModuleCardVariant;
+    density?: ModuleCardDensity;
+    /** Staggered mount animation (SARK fadeUp). */
+    enterAnimation?: boolean;
+    /** Runs the enter animation only once after mount. */
+    enterAnimationOnce?: boolean;
+    /** Seconds — e.g. index * 0.03 */
+    enterDelay?: number;
+    className?: string;
+    "aria-label"?: string;
+};
+export declare const ModuleCard: ({ title, subtitle, icon, logoUrl, iconAccent, badge, isNew, favorite, onFavoriteToggle, onClick, variant, density, enterAnimation, enterAnimationOnce, enterDelay, className, "aria-label": ariaLabel, }: ModuleCardProps) => import("react").JSX.Element;
+type ModuleCardGridProps = {
+    children: ReactNode;
+    variant?: ModuleCardVariant;
+    density?: ModuleCardDensity;
+    className?: string;
+};
+export declare const ModuleCardGrid: ({ children, variant, density, className, }: ModuleCardGridProps) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import { RecommendationImpact, RecommendationPriority } from './types';
+export type RecommendationCardProps = {
+    title: string;
+    description: string;
+    tags?: string[];
+    priority?: RecommendationPriority;
+    impact?: RecommendationImpact;
+    confidence?: number;
+    actionLabel?: string;
+    onAction?: () => void;
+    className?: string;
+};
+export declare const RecommendationCard: ({ title, description, tags, priority, impact, confidence, actionLabel, onAction, className, }: RecommendationCardProps) => import("react").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { BadgeSize, BadgeVariant } from './types';
+export declare const badgeClassName: ({ variant, size, shape, className, }: {
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    shape?: "pill" | "circle";
+    className?: string;
+}) => string;
+export declare const badgeDotClassName: (variant: BadgeVariant) => string;

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

@@ -0,0 +1,12 @@
+export { Badge } from './Badge';
+export { badgeClassName, badgeDotClassName } from './badgeClassName';
+export { KPICard, KPIGrid } from './KPICard';
+export type { KPICardAccentTone } from './KPICard';
+export { MetricBarRow, MetricBarList } from './MetricBar';
+export { EntityCard, EntityCardGrid } from './EntityCard';
+export type { EntityCardProps } from './EntityCard';
+export { RecommendationCard } from './RecommendationCard';
+export type { RecommendationCardProps } from './RecommendationCard';
+export { ModuleCard, ModuleCardGrid } from './ModuleCard';
+export type { ModuleCardProps } from './ModuleCard';
+export type { BadgeVariant, BadgeSize, BadgeShape, MetricBarTone, MetricBarItem, EntityCardStatus, EntityCardVariant, RecommendationPriority, RecommendationImpact, ModuleCardVariant, ModuleCardDensity, } from './types';

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

@@ -0,0 +1,16 @@
+export type BadgeVariant = "neutral" | "primary" | "success" | "warning" | "danger" | "info";
+export type BadgeSize = "sm" | "md";
+export type BadgeShape = "pill" | "circle";
+export type MetricBarTone = "slate" | "emerald" | "amber" | "red" | "blue";
+export type MetricBarItem = {
+    label: string;
+    value: number;
+    tone?: MetricBarTone;
+    inverse?: boolean;
+};
+export type EntityCardStatus = "default" | "featured" | "warning";
+export type EntityCardVariant = "entity" | "group";
+export type RecommendationPriority = "alta" | "media" | "baja";
+export type RecommendationImpact = "alto" | "medio" | "bajo";
+export type ModuleCardVariant = "tile" | "row";
+export type ModuleCardDensity = "comfortable" | "compact";

package/dist/types/src/components/charts/Chart.d.ts

@@ -0,0 +1,3 @@
+import { ChartProps } from './types';
+export type { ChartProps } from './types';
+export declare const Chart: ({ type, data, xKey, series, height, ariaLabel, emptyMessage, className, showGrid, showTooltip, showLegend, }: ChartProps) => import("react").JSX.Element;

package/dist/types/src/components/charts/Sparkline.d.ts

@@ -0,0 +1,2 @@
+import { SparklineProps } from './types';
+export declare const Sparkline: ({ data, dataKey, height, width, color, ariaLabel, emptyMessage, className, }: SparklineProps) => import("react").JSX.Element;

package/dist/types/src/components/charts/chartUtils.d.ts

@@ -0,0 +1,14 @@
+import { CSSProperties } from 'react';
+export declare const CHART_SERIES_COLORS: readonly ["var(--sf-chart-1)", "var(--sf-chart-2)", "var(--sf-chart-3)", "var(--sf-chart-4)", "var(--sf-chart-5)"];
+export declare const resolveSeriesColor: (series: {
+    color?: string;
+}, index: number) => string;
+export declare const chartTooltipStyle: CSSProperties;
+export declare const chartAxisTick: {
+    fill: string;
+    fontSize: number;
+};
+export declare const chartLegendStyle: {
+    fontSize: string;
+    color: string;
+};

package/dist/types/src/components/charts/index.d.ts

@@ -0,0 +1,5 @@
+export { Chart } from './Chart';
+export type { ChartProps } from './Chart';
+export { Sparkline } from './Sparkline';
+export { CHART_SERIES_COLORS, resolveSeriesColor } from './chartUtils';
+export type { BaseChartProps, ChartDataPoint, ChartSeries, ChartType, SparklineProps } from './types';

package/dist/types/src/components/charts/types.d.ts

@@ -0,0 +1,32 @@
+export type ChartType = "bar" | "line" | "area";
+export type ChartSeries = {
+    key: string;
+    label?: string;
+    color?: string;
+};
+export type ChartDataPoint = Record<string, string | number | null | undefined>;
+export type BaseChartProps = {
+    data: ChartDataPoint[];
+    xKey: string;
+    series: ChartSeries[];
+    height?: number;
+    ariaLabel?: string;
+    emptyMessage?: string;
+    className?: string;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+};
+export type ChartProps = BaseChartProps & {
+    type: ChartType;
+};
+export type SparklineProps = {
+    data: ChartDataPoint[];
+    dataKey: string;
+    height?: number;
+    width?: number | string;
+    color?: string;
+    ariaLabel?: string;
+    emptyMessage?: string;
+    className?: string;
+};

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

@@ -0,0 +1,10 @@
+import { CalendarDayBadge } from './types';
+type CalendarProps = {
+    value?: string;
+    onChange?: (date: string) => void;
+    badges?: CalendarDayBadge[];
+    compact?: boolean;
+    className?: string;
+};
+export declare const Calendar: ({ value, onChange, badges, compact, className }: CalendarProps) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,43 @@
+import { ReactNode } from 'react';
+import { DashboardCardVariant, StatBarItem } from './types';
+export type DashboardCardProps = {
+    title?: string;
+    subtitle?: string;
+    icon?: ReactNode;
+    headerAction?: ReactNode;
+    variant?: DashboardCardVariant;
+    span?: 1 | 2 | 3 | 4;
+    padding?: "sm" | "md" | "lg" | "none";
+    className?: string;
+    children?: ReactNode;
+};
+export declare const DashboardCard: ({ title, subtitle, icon, headerAction, variant, span, padding, className, children, }: DashboardCardProps) => import("react").JSX.Element;
+type DashboardGridProps = {
+    cols?: 2 | 3 | 4 | 5 | 6;
+    gap?: "sm" | "md" | "lg";
+    className?: string;
+    children?: ReactNode;
+};
+export declare const DashboardGrid: ({ cols, gap, className, children }: DashboardGridProps) => import("react").JSX.Element;
+type DashboardSectionProps = {
+    title: string;
+    subtitle?: string;
+    action?: ReactNode;
+    className?: string;
+    children?: ReactNode;
+};
+export declare const DashboardSection: ({ title, subtitle, action, className, children }: DashboardSectionProps) => import("react").JSX.Element;
+type DashboardStatBarProps = {
+    items: StatBarItem[];
+    className?: string;
+};
+export declare const DashboardStatBar: ({ items, className }: DashboardStatBarProps) => import("react").JSX.Element;
+type DashboardLayoutProps = {
+    header?: ReactNode;
+    sidebar?: ReactNode;
+    statBar?: ReactNode;
+    className?: string;
+    children?: ReactNode;
+};
+export declare const DashboardLayout: ({ header, sidebar, statBar, className, children }: DashboardLayoutProps) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,25 @@
+import { DonutGaugeSize } from './types';
+export type DonutGaugeProps = {
+    value: number;
+    label?: string;
+    sublabel?: string;
+    size?: DonutGaugeSize;
+    color?: string;
+    thresholds?: {
+        warning: number;
+        critical: number;
+    };
+    inverse?: boolean;
+    showValue?: boolean;
+    strokeWidth?: number;
+    className?: string;
+};
+export declare const DonutGauge: ({ value, label, sublabel, size, color, thresholds, inverse, showValue, strokeWidth, className, }: DonutGaugeProps) => import("react").JSX.Element;
+export type DonutGaugeRowItem = Omit<DonutGaugeProps, "className">;
+type DonutGaugeRowProps = {
+    gauges: DonutGaugeRowItem[];
+    size?: DonutGaugeSize;
+    className?: string;
+};
+export declare const DonutGaugeRow: ({ gauges, size, className }: DonutGaugeRowProps) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+import { AlertRowItem, EventItem, EventStatus } from './types';
+type EventLogProps = {
+    events: EventItem[];
+    title?: string;
+    maxHeight?: number;
+    compact?: boolean;
+    showTimeline?: boolean;
+    viewAllLabel?: string;
+    onViewAll?: () => void;
+    className?: string;
+};
+export declare const EventLog: ({ events, title, maxHeight, compact, showTimeline, viewAllLabel, onViewAll, className, }: EventLogProps) => import("react").JSX.Element;
+type AlertRowListProps = {
+    items: AlertRowItem[];
+    maxHeight?: number;
+    className?: string;
+};
+export declare const AlertRowList: ({ items, maxHeight, className }: AlertRowListProps) => import("react").JSX.Element;
+export type AlertLaneItem = {
+    id?: string;
+    title: ReactNode;
+    detail?: ReactNode;
+    cta?: ReactNode;
+    onCta?: () => void;
+    icon?: ReactNode;
+    color?: string;
+    halo?: string;
+    status?: EventStatus;
+};
+type AlertLaneProps = {
+    items: AlertLaneItem[];
+    className?: string;
+};
+/** Alertas como tarjetas horizontales con ícono + CTA (diseño torre/mockup). */
+export declare const AlertLane: ({ items, className }: AlertLaneProps) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+import { StepItem } from './types';
+export type StepperVariant = "default" | "accentUnderline";
+type StepperProps = {
+    steps: StepItem[];
+    activeKey?: string;
+    orientation?: "horizontal" | "vertical";
+    size?: "sm" | "md";
+    /** Subrayado de acento en el paso activo (wizard CEO / transporte). */
+    variant?: StepperVariant;
+    onStepClick?: (key: string) => void;
+    className?: string;
+};
+export declare const Stepper: ({ steps, activeKey, orientation, size, variant, onStepClick, className, }: StepperProps) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+export declare const MONTH_NAMES: string[];
+export declare const WEEKDAY_LABELS: string[];
+export declare const toLocalYMD: (date: Date) => string;
+export declare const parseYMD: (value: string) => Date;
+export declare const buildMonthGrid: (year: number, month: number) => (Date | null)[];

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

@@ -0,0 +1,11 @@
+export { Stepper } from './Stepper';
+export type { StepperVariant } from './Stepper';
+export { Calendar } from './Calendar';
+export { MONTH_NAMES, WEEKDAY_LABELS, toLocalYMD, parseYMD, buildMonthGrid } from './calendarUtils';
+export { DonutGauge, DonutGaugeRow } from './DonutGauge';
+export type { DonutGaugeProps, DonutGaugeRowItem } from './DonutGauge';
+export { EventLog, AlertRowList, AlertLane } from './EventLog';
+export type { AlertLaneItem } from './EventLog';
+export { DashboardCard, DashboardGrid, DashboardSection, DashboardStatBar, DashboardLayout, } from './DashboardCard';
+export type { DashboardCardProps } from './DashboardCard';
+export type { StepStatus, StepItem, CalendarBadgeVariant, CalendarDayBadge, DonutGaugeSize, DashboardCardVariant, EventStatus, EventItem, AlertRowItem, StatBarItem, } from './types';

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

@@ -0,0 +1,39 @@
+export type StepStatus = "completed" | "active" | "pending" | "error";
+export type StepItem = {
+    key: string;
+    label: string;
+    sublabel?: string;
+    status?: StepStatus;
+};
+export type CalendarBadgeVariant = "primary" | "warning" | "danger" | "success" | "neutral";
+export type CalendarDayBadge = {
+    date: string;
+    count: number;
+    variant?: CalendarBadgeVariant;
+};
+export type DonutGaugeSize = "xs" | "sm" | "md" | "lg";
+export type DashboardCardVariant = "default" | "accent" | "critical" | "warning" | "success";
+export type EventStatus = "success" | "warning" | "danger" | "info" | "default";
+export type EventItem = {
+    id?: string;
+    time: string;
+    label: string;
+    description?: string;
+    status?: EventStatus;
+    icon?: string;
+    actionLabel?: string;
+    onAction?: () => void;
+};
+export type AlertRowItem = {
+    label: string;
+    status?: EventStatus;
+    meta?: string;
+    time?: string;
+    icon?: string;
+    onClick?: () => void;
+};
+export type StatBarItem = {
+    label: string;
+    value: string | number;
+    tone?: "slate" | "emerald" | "amber" | "red" | "blue";
+};

package/dist/types/src/components/display/AuditTimeline.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export type AuditEventType = "edit" | "sync" | "create";
+export type AuditTimelineItem = {
+    id?: string;
+    actor: string;
+    action: string;
+    time?: ReactNode;
+    detail?: ReactNode;
+    eventType?: AuditEventType;
+    icon?: ReactNode;
+};
+export type AuditTimelineProps = {
+    items: AuditTimelineItem[];
+    sectionTitle?: string;
+    eventCountLabel?: string;
+    ariaLabel?: string;
+    emptyMessage?: string;
+    className?: string;
+};
+export declare const AuditTimeline: ({ items, sectionTitle, eventCountLabel, ariaLabel, emptyMessage, className, }: AuditTimelineProps) => import("react").JSX.Element;

package/dist/types/src/components/display/Avatar.d.ts

@@ -0,0 +1,22 @@
+import { ImgHTMLAttributes, ReactNode } from 'react';
+export type AvatarSize = "xs" | "sm" | "md" | "lg";
+export type AvatarVariant = "default" | "accent";
+export type AvatarShape = "circle" | "rounded";
+export type AvatarProps = {
+    src?: string;
+    alt?: string;
+    fallback?: ReactNode;
+    size?: AvatarSize;
+    variant?: AvatarVariant;
+    shape?: AvatarShape;
+    className?: string;
+    imgProps?: Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "alt">;
+};
+export declare const Avatar: ({ src, alt, fallback, size, variant, shape, className, imgProps, }: AvatarProps) => import("react").JSX.Element;
+export type AvatarGroupProps = {
+    children: ReactNode;
+    max?: number;
+    size?: AvatarSize;
+    className?: string;
+};
+export declare const AvatarGroup: ({ children, max, size, className }: AvatarGroupProps) => import("react").JSX.Element;

package/dist/types/src/components/display/Carousel.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type CarouselProps = {
+    items: ReactNode[];
+    autoPlay?: boolean;
+    intervalMs?: number;
+    showDots?: boolean;
+    showArrows?: boolean;
+    className?: string;
+};
+export declare const Carousel: ({ items, autoPlay, intervalMs, showDots, showArrows, className, }: CarouselProps) => import("react").JSX.Element | null;

package/dist/types/src/components/display/LiveChip.d.ts

@@ -0,0 +1,6 @@
+export type LiveChipProps = {
+    label: string;
+    pulse?: boolean;
+    className?: string;
+};
+export declare const LiveChip: ({ label, pulse, className }: LiveChipProps) => import("react").JSX.Element;

package/dist/types/src/components/display/LiveStatusBar.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+export type LiveStatusMetricAccent = "default" | "success" | "warning" | "danger";
+export type LiveStatusMetric = {
+    id?: string;
+    label: string;
+    value: ReactNode;
+    /** Color del número. success = verde, warning = naranja, danger = rojo. */
+    accent?: LiveStatusMetricAccent;
+};
+export type LiveStatusNextDeparture = {
+    label?: string;
+    time: ReactNode;
+    countdown?: ReactNode;
+};
+export type LiveStatusBarProps = {
+    liveLabel: string;
+    metrics: LiveStatusMetric[];
+    /** Bloque "Próxima salida · 06:00 · en 18 min" (opcional). */
+    nextDeparture?: LiveStatusNextDeparture;
+    className?: string;
+    ariaLabel?: string;
+};
+export declare const LiveStatusBar: ({ liveLabel, metrics, nextDeparture, className, ariaLabel, }: LiveStatusBarProps) => import("react").JSX.Element;

package/dist/types/src/components/display/PassengerBoardCard.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+export type PassengerBoardCardProps = {
+    initials: string;
+    name: string;
+    subtitle?: ReactNode;
+    onboard?: boolean;
+    badge?: ReactNode;
+    /** Colores del avatar (mockup usa colores por persona). */
+    avatarBg?: string;
+    avatarFg?: string;
+    /** Toggle simple (modo legacy). */
+    onToggle?: () => void;
+    /** Quitar de la unidad (fila a bordo). */
+    onRemove?: () => void;
+    /** Subir a la unidad (fila pendiente). */
+    onBoard?: () => void;
+    /** Marcar ausente (fila pendiente). */
+    onAbsent?: () => void;
+    boardLabel?: string;
+    className?: string;
+};
+export declare const PassengerBoardCard: (props: PassengerBoardCardProps) => import("react").JSX.Element;