@trinityui/design-system 1.0.2 → 1.0.4

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

@@ -0,0 +1,141 @@
+/**
+ * @fileoverview InsightEnginePanel component.
+ * @module components/AppLayout/InsightEnginePanel
+ * InsightEnginePanel Component
+ * AI-powered chat panel - COMPOSITION LAYER ONLY
+ *
+ * Architecture:
+ * - AI components = primitives (no layout control)
+ * - InsightEnginePanel = composition layer
+ * - MUI = structural glue (Stack, Box, Card, Divider)
+ * - Semantic tokens = spacing system
+ *
+ * Section Hierarchy:
+ * 1. Header (title, controls)
+ * 2. Messages Area (scrollable)
+ *    - Empty State
+ *    - Message List (response → evidence → actions)
+ * 3. Input Area (text input → toolbar → voice overlay)
+ *
+ * Uses Trinity AI components:
+ * - AIChatMessage, AITypingIndicator, AIAvatar
+ * - AISourcesPanel, AIRelatedQuestions
+ * - AIVoiceOverlay, AIListeningIndicator
+ * @example
+ * ```tsx
+ *  import { InsightEnginePanel } from '@trinityui/design-system';
+ *
+ *  <InsightEnginePanel />
+ *  ```
+ */
+import React from 'react';
+import { type AISourceCategory } from '../AI';
+import { type ThreadGroup } from './ThreadHistorySidebar';
+export interface ChatMessage {
+    id: string;
+    role: 'user' | 'assistant';
+    content: string;
+    timestamp: Date;
+    sources?: AISourceCategory[];
+    isLoading?: boolean;
+    relatedQuestions?: string[];
+}
+export type { AISourceCategory };
+/**
+ * @deprecated Use AISourceCategory from '@trinityui/design-system' instead.
+ * Kept for backwards compatibility only.
+ */
+export interface SourceCategory {
+    id: string;
+    name: string;
+    count: number;
+    items?: SourceItem[];
+}
+/**
+ * @deprecated Use AISourceItem from '@trinityui/design-system' instead.
+ * Kept for backwards compatibility only.
+ */
+export interface SourceItem {
+    id: string;
+    label: string;
+    details?: Record<string, string>;
+}
+/**
+ * @deprecated Use AISourceItem from '@trinityui/design-system' instead.
+ * Kept for backwards compatibility only.
+ */
+export interface SourceReference {
+    number: number;
+    title: string;
+    url?: string;
+    domain?: string;
+    favicon?: string;
+}
+/**
+ * Props for InsightEnginePanel component.
+ */
+export interface InsightEnginePanelProps {
+    /** Initial messages to display (uncontrolled mode) */
+    initialMessages?: ChatMessage[];
+    /** Controlled messages - when provided, component uses external state */
+    messages?: ChatMessage[];
+    /** Callback when messages change - required for controlled mode */
+    onMessagesChange?: (messages: ChatMessage[]) => void;
+    /** Placeholder text for input */
+    placeholder?: string;
+    /** Title for the panel */
+    title?: string;
+    /** Subtitle for the panel */
+    subtitle?: string;
+    /** Callback when user sends a message */
+    onSendMessage?: (message: string, options?: {
+        proSearch?: boolean;
+        focus?: string;
+    }) => void;
+    /** Show typing indicator */
+    isTyping?: boolean;
+    /** Custom AI avatar */
+    aiAvatar?: React.ReactNode;
+    /** Callback when close button is clicked */
+    onClose?: () => void;
+    /** Whether fullscreen mode is active */
+    isFullscreen?: boolean;
+    /** Callback when fullscreen button is clicked */
+    onFullscreenToggle?: () => void;
+    /** Show the panel controls (close, fullscreen) */
+    showControls?: boolean;
+    /** Enable demo mode with fake responses */
+    demoMode?: boolean;
+    /** Callback when new thread is created */
+    onNewThread?: () => void;
+    /** Theme mode - defaults to MUI theme */
+    themeMode?: 'light' | 'dark';
+    /** Whether to use boxed layout (centered content with max-width) in fullscreen */
+    boxedLayout?: boolean;
+    /** Callback when boxed layout toggle is clicked */
+    onBoxedLayoutToggle?: () => void;
+    /** User initials to display in avatar */
+    userInitials?: string;
+    /** Whether to show the history sidebar */
+    showHistory?: boolean;
+    /** Callback when history visibility is toggled */
+    onHistoryToggle?: () => void;
+    /** Thread history groups for the sidebar */
+    threadGroups?: ThreadGroup[];
+    /** Currently selected thread ID */
+    selectedThreadId?: string;
+    /** Callback when a thread is selected */
+    onThreadSelect?: (threadId: string) => void;
+    /** Callback when thread is deleted */
+    onThreadDelete?: (threadId: string) => void;
+    /** Callback when thread is renamed */
+    onThreadRename?: (threadId: string, newTitle: string) => void;
+    /** Callback when thread is starred/unstarred */
+    onThreadStar?: (threadId: string) => void;
+}
+/**
+ * InsightEnginePanel - AI chat interface with Trinity branding
+ */
+export declare const InsightEnginePanel: React.FC<InsightEnginePanelProps>;
+export default InsightEnginePanel;
+//# sourceMappingURL=InsightEnginePanel.d.ts.map

package/dist/components/AppLayout/InsightEnginePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsightEnginePanel.d.ts","sourceRoot":"","sources":["../../../src/components/AppLayout/InsightEnginePanel.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,52 @@
+/**
+ * @fileoverview ResizablePanel component.
+ * @module components/AppLayout/ResizablePanel
+ * ResizablePanel Component
+ * A panel that can be resized by dragging its edge
+ * @example
+ * ```tsx
+ *  import { ResizablePanel } from '@trinityui/design-system';
+ *
+ *  <ResizablePanel
+ *    open={false}
+ *  >
+ *    <div>Example content</div>
+ *  </ResizablePanel>
+ *  ```
+ */
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+/**
+ * Props for ResizablePanel component.
+ */
+export interface ResizablePanelProps {
+    /** Whether the panel is open */
+    open: boolean;
+    /** Panel content */
+    children: React.ReactNode;
+    /** Default width of the panel */
+    defaultWidth?: number;
+    /** Minimum width the panel can be resized to */
+    minWidth?: number;
+    /** Maximum width the panel can be resized to */
+    maxWidth?: number;
+    /** Callback when panel is closed */
+    onClose?: () => void;
+    /** Which side the panel is on */
+    side?: 'left' | 'right';
+    /** Header content */
+    header?: React.ReactNode;
+    /** Show close button in header */
+    showCloseButton?: boolean;
+    /** Custom sx props */
+    sx?: SxProps<Theme>;
+    /** Custom sx for content area */
+    contentSx?: SxProps<Theme>;
+}
+/**
+ * ResizablePanel - A panel that can be resized by dragging.
+ * Used for sidebars, AI chat panels, and other expandable content areas.
+ */
+export declare const ResizablePanel: React.FC<ResizablePanelProps>;
+export default ResizablePanel;
+//# sourceMappingURL=ResizablePanel.d.ts.map

package/dist/components/AppLayout/ResizablePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizablePanel.d.ts","sourceRoot":"","sources":["../../../src/components/AppLayout/ResizablePanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAA4B,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGzE;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,gCAAgC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,qBAAqB;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kCAAkC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sBAAsB;IACtB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2KxD,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,53 @@
+/**
+ * @fileoverview ThreadHistorySidebar component.
+ * @module components/AppLayout/ThreadHistorySidebar
+ * ThreadHistorySidebar Component
+ * Displays conversation history similar to ChatGPT/Perplexity sidebar
+ * @example
+ * ```tsx
+ *  import { ThreadHistorySidebar } from '@trinityui/design-system';
+ *
+ *  <ThreadHistorySidebar />
+ *  ```
+ */
+import React from 'react';
+export interface ThreadItem {
+    id: string;
+    title: string;
+    preview?: string;
+    timestamp: Date;
+    isStarred?: boolean;
+    messageCount?: number;
+}
+export interface ThreadGroup {
+    label: string;
+    threads: ThreadItem[];
+}
+/**
+ * Props for ThreadHistorySidebar component.
+ */
+export interface ThreadHistorySidebarProps {
+    /** List of threads grouped by time period */
+    threadGroups?: ThreadGroup[];
+    /** Currently selected thread ID */
+    selectedThreadId?: string;
+    /** Callback when a thread is selected */
+    onThreadSelect?: (threadId: string) => void;
+    /** Callback to create a new thread */
+    onNewThread?: () => void;
+    /** Callback when thread is deleted */
+    onThreadDelete?: (threadId: string) => void;
+    /** Callback when thread is renamed */
+    onThreadRename?: (threadId: string, newTitle: string) => void;
+    /** Callback when thread is starred/unstarred */
+    onThreadStar?: (threadId: string) => void;
+    /** Callback to close the sidebar */
+    onClose?: () => void;
+    /** Whether the sidebar is open */
+    open?: boolean;
+    /** Width of the sidebar */
+    width?: number;
+}
+export declare const ThreadHistorySidebar: React.FC<ThreadHistorySidebarProps>;
+export default ThreadHistorySidebar;
+//# sourceMappingURL=ThreadHistorySidebar.d.ts.map

package/dist/components/AppLayout/ThreadHistorySidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadHistorySidebar.d.ts","sourceRoot":"","sources":["../../../src/components/AppLayout/ThreadHistorySidebar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AA6BxC,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,IAAI,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,6CAA6C;IAC7C,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yCAAyC;IACzC,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,sCAAsC;IACtC,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,sCAAsC;IACtC,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,gDAAgD;IAChD,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kCAAkC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmCD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAiVpE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,27 @@
+/**
+ * AppLayout Components
+ * Reusable application layout templates with navigation and AI panel support
+ */
+export { AppLayout } from './AppLayout';
+export type { AppLayoutProps, NavStyle, AITrigger, NavItem } from './AppLayout';
+export { ResizablePanel } from './ResizablePanel';
+export type { ResizablePanelProps } from './ResizablePanel';
+export { InsightEnginePanel } from './InsightEnginePanel';
+export type { InsightEnginePanelProps, ChatMessage, SourceCategory, SourceItem, SourceReference } from './InsightEnginePanel';
+export { ThreadHistorySidebar } from './ThreadHistorySidebar';
+export type { ThreadHistorySidebarProps, ThreadItem, ThreadGroup } from './ThreadHistorySidebar';
+export { AIFab } from './AIFab';
+export type { AIFabProps } from './AIFab';
+/**
+ * @deprecated AIFabLayout has been merged into AppLayout.
+ * Use AppLayout with navStyle="topnav" and aiTrigger="fab" instead.
+ *
+ * @example Migration:
+ * // Before:
+ * <AIFabLayout navStyle="topnav" />
+ *
+ * // After:
+ * <AppLayout navStyle="topnav" aiTrigger="fab" />
+ */
+export { AIFabLayout } from './AIFabLayout.deprecated';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/AppLayout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AppLayout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEhF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE9H,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAEjG,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;;;;;;;GAUG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/components/Charts/AreaChart.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @fileoverview AreaChart component.
+ * @module components/Charts/AreaChart
+ * AreaChart Component
+ * Trinity-styled area chart with support for stacked and gradient fills
+ * @example
+ * ```tsx
+ *  import { AreaChart } from '@trinityui/design-system';
+ *
+ *  <AreaChart />
+ *  ```
+ */
+import React from 'react';
+import { AreaChartProps } from './types';
+/**
+ * AreaChart - Multi-series area chart with Trinity styling
+ *
+ * @example
+ * ```tsx
+ * <AreaChart
+ *   data={[
+ *     { month: 'Jan', users: 4000, sessions: 2400 },
+ *     { month: 'Feb', users: 3000, sessions: 1398 },
+ *   ]}
+ *   series={[
+ *     { dataKey: 'users', name: 'Users' },
+ *     { dataKey: 'sessions', name: 'Sessions' },
+ *   ]}
+ *   xAxis={{ dataKey: 'month' }}
+ *   stacked
+ *   gradient
+ *   title="User Activity"
+ * />
+ * ```
+ */
+export declare const AreaChart: React.FC<AreaChartProps>;
+export default AreaChart;
+//# sourceMappingURL=AreaChart.d.ts.map

package/dist/components/Charts/AreaChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaChart.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/AreaChart.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAIH,OAAO,KAAyB,MAAM,OAAO,CAAC;AAwB9C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8N9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/Charts/BarChart.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @fileoverview BarChart component.
+ * @module components/Charts/BarChart
+ * BarChart Component
+ * Trinity-styled bar chart with support for grouped, stacked, and horizontal layouts
+ * @example
+ * ```tsx
+ *  import { BarChart } from '@trinityui/design-system';
+ *
+ *  <BarChart />
+ *  ```
+ */
+import React from 'react';
+import { BarChartProps } from './types';
+/**
+ * BarChart - Versatile bar chart with Trinity styling
+ *
+ * @example
+ * ```tsx
+ * // Grouped bar chart
+ * <BarChart
+ *   data={[
+ *     { category: 'Q1', sales: 4000, profit: 2400 },
+ *     { category: 'Q2', sales: 3000, profit: 1398 },
+ *   ]}
+ *   series={[
+ *     { dataKey: 'sales', name: 'Sales' },
+ *     { dataKey: 'profit', name: 'Profit' },
+ *   ]}
+ *   xAxis={{ dataKey: 'category' }}
+ *   title="Quarterly Performance"
+ * />
+ *
+ * // Stacked bar chart
+ * <BarChart
+ *   variant="stacked"
+ *   series={[
+ *     { dataKey: 'desktop', name: 'Desktop', stackId: 'a' },
+ *     { dataKey: 'mobile', name: 'Mobile', stackId: 'a' },
+ *   ]}
+ *   // ...
+ * />
+ * ```
+ */
+export declare const BarChart: React.FC<BarChartProps>;
+export default BarChart;
+//# sourceMappingURL=BarChart.d.ts.map

package/dist/components/Charts/BarChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/BarChart.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqO5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Charts/ChartWrapper.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @fileoverview ChartWrapper component.
+ * @module components/Charts/ChartWrapper
+ * Chart Wrapper Component
+ * Common container for all chart types with loading, error, and empty states
+ * @example
+ * ```tsx
+ *  import { ChartWrapper } from '@trinityui/design-system';
+ *
+ *  <ChartWrapper
+ *  >
+ *    <div>Example content</div>
+ *  </ChartWrapper>
+ *  ```
+ */
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+/**
+ * Props for ChartWrapper component.
+ */
+export interface ChartWrapperProps {
+    /** Chart title */
+    title?: string;
+    /** Chart subtitle/description */
+    subtitle?: string;
+    /** Chart height */
+    height?: number;
+    /** Loading state */
+    loading?: boolean;
+    /** Error message */
+    error?: string;
+    /** Empty state (no data) */
+    empty?: boolean;
+    /** Empty state message */
+    emptyMessage?: string;
+    /** Children (the actual chart) */
+    children: React.ReactNode;
+    /** Custom sx props */
+    sx?: SxProps<Theme>;
+    /** Use paper container */
+    variant?: 'default' | 'outlined' | 'elevated';
+}
+/**
+ * ChartWrapper - Container component for charts with built-in states
+ */
+export declare const ChartWrapper: React.FC<ChartWrapperProps>;
+export default ChartWrapper;
+//# sourceMappingURL=ChartWrapper.d.ts.map

package/dist/components/Charts/ChartWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/ChartWrapper.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,OAAO,EACP,KAAK,EACN,MAAM,eAAe,CAAC;AAIvB;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sBAAsB;IACtB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;CAC/C;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiNpD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/Charts/ComposedChart.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @fileoverview ComposedChart component.
+ * @module components/Charts/ComposedChart
+ * ComposedChart Component
+ * Trinity-styled combined line, bar, and area chart
+ * @example
+ * ```tsx
+ *  import { ComposedChart } from '@trinityui/design-system';
+ *
+ *  <ComposedChart />
+ *  ```
+ */
+import React from 'react';
+import { ComposedChartProps } from './types';
+/**
+ * ComposedChart - Combines line, bar, and area charts
+ *
+ * @example
+ * ```tsx
+ * <ComposedChart
+ *   data={salesData}
+ *   xAxisKey="month"
+ *   series={[
+ *     { key: 'revenue', type: 'bar', name: 'Revenue' },
+ *     { key: 'orders', type: 'line', name: 'Orders' },
+ *     { key: 'target', type: 'area', name: 'Target' },
+ *   ]}
+ *   title="Sales Dashboard"
+ * />
+ * ```
+ */
+export declare const ComposedChart: React.FC<ComposedChartProps>;
+export default ComposedChart;
+//# sourceMappingURL=ComposedChart.d.ts.map

package/dist/components/Charts/ComposedChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposedChart.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/ComposedChart.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAIH,OAAO,KAAkB,MAAM,OAAO,CAAC;AA0BvC,OAAO,EAAE,kBAAkB,EAAwB,MAAM,SAAS,CAAC;AAWnE;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8UtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Charts/CustomLegend.d.ts

@@ -0,0 +1,69 @@
+/**
+ * @fileoverview CustomLegend component.
+ * @module components/Charts/CustomLegend
+ * Custom Legend Component
+ * Trinity-styled legend for all chart types
+ * @example
+ * ```tsx
+ *  import { CustomLegend } from '@trinityui/design-system';
+ *
+ *  <CustomLegend
+ *    value="Example"
+ *    type="Example"
+ *    id="id-1"
+ *    color="Example"
+ *  />
+ *  ```
+ */
+import React from 'react';
+/**
+ * Props for CustomLegend component.
+ */
+export interface CustomLegendProps {
+    /** Payload from Recharts */
+    payload?: Array<{
+        value: string;
+        type: string;
+        id: string;
+        color: string;
+        dataKey?: string;
+    }>;
+    /** Legend layout direction */
+    direction?: 'horizontal' | 'vertical';
+    /** Custom formatter */
+    formatter?: (value: string) => string;
+    /** Click handler for legend items */
+    onClick?: (dataKey: string) => void;
+    /** Disabled items */
+    disabledKeys?: string[];
+}
+/**
+ * CustomLegend - Trinity-styled chart legend
+ */
+export declare const CustomLegend: React.FC<CustomLegendProps>;
+/**
+ * Interactive legend with toggle functionality
+ */
+export declare const InteractiveLegend: React.FC<CustomLegendProps & {
+    onToggle: (dataKey: string) => void;
+    hiddenKeys: string[];
+}>;
+/**
+ * Pie chart legend with values
+ */
+export declare const PieLegend: React.FC<{
+    payload?: Array<{
+        value: string;
+        color: string;
+    }>;
+    data?: Array<{
+        name: string;
+        value: number;
+    }>;
+    direction?: 'horizontal' | 'vertical';
+    showValues?: boolean;
+    showPercent?: boolean;
+    valueFormatter?: (value: number) => string;
+}>;
+export default CustomLegend;
+//# sourceMappingURL=CustomLegend.d.ts.map

package/dist/components/Charts/CustomLegend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomLegend.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/CustomLegend.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC,CAAC;IACH,8BAA8B;IAC9B,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,uBAAuB;IACvB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,qCAAqC;IACrC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiEpD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CACtC,iBAAiB,GAAG;IAClB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB,CAkEF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;IACH,IAAI,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5C,CA6EA,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/Charts/CustomTooltip.d.ts

@@ -0,0 +1,55 @@
+/**
+ * @fileoverview CustomTooltip component.
+ * @module components/Charts/CustomTooltip
+ * Custom Tooltip Component
+ * Trinity-styled tooltip for all chart types
+ * @example
+ * ```tsx
+ *  import { CustomTooltip } from '@trinityui/design-system';
+ *
+ *  <CustomTooltip />
+ *  ```
+ */
+import React from 'react';
+/**
+ * Props for CustomTooltip component.
+ */
+export interface CustomTooltipProps {
+    /** Whether the tooltip is active */
+    active?: boolean;
+    /** Tooltip payload data from recharts */
+    payload?: Array<{
+        color?: string;
+        name?: string;
+        value?: number | string;
+    }>;
+    /** Label for the tooltip */
+    label?: string | number;
+    /** Custom formatter for values */
+    valueFormatter?: (value: number) => string;
+    /** Custom formatter for labels */
+    labelFormatter?: (label: string) => string;
+    /** Show total for stacked charts */
+    showTotal?: boolean;
+    /** Unit suffix */
+    unit?: string;
+}
+/**
+ * CustomTooltip - Trinity-styled chart tooltip
+ */
+export declare const CustomTooltip: React.FC<CustomTooltipProps>;
+/**
+ * Simple tooltip for single values
+ */
+export declare const SimpleTooltip: React.FC<{
+    active?: boolean;
+    payload?: Array<{
+        value: number;
+        name: string;
+        color: string;
+    }>;
+    valueFormatter?: (value: number) => string;
+    unit?: string;
+}>;
+export default CustomTooltip;
+//# sourceMappingURL=CustomTooltip.d.ts.map

package/dist/components/Charts/CustomTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/CustomTooltip.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yCAAyC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5E,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,kCAAkC;IAClC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiItD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CA2CA,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Charts/LineChart.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @fileoverview LineChart component.
+ * @module components/Charts/LineChart
+ * LineChart Component
+ * Trinity-styled line chart with support for multiple series
+ * @example
+ * ```tsx
+ *  import { LineChart } from '@trinityui/design-system';
+ *
+ *  <LineChart />
+ *  ```
+ */
+import React from 'react';
+import { LineChartProps } from './types';
+/**
+ * LineChart - Multi-series line chart with Trinity styling
+ *
+ * @example
+ * ```tsx
+ * <LineChart
+ *   data={[
+ *     { month: 'Jan', sales: 4000, profit: 2400 },
+ *     { month: 'Feb', sales: 3000, profit: 1398 },
+ *   ]}
+ *   series={[
+ *     { dataKey: 'sales', name: 'Sales' },
+ *     { dataKey: 'profit', name: 'Profit' },
+ *   ]}
+ *   xAxis={{ dataKey: 'month' }}
+ *   title="Monthly Performance"
+ * />
+ * ```
+ */
+export declare const LineChart: React.FC<LineChartProps>;
+export default LineChart;
+//# sourceMappingURL=LineChart.d.ts.map

package/dist/components/Charts/LineChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/LineChart.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAIH,OAAO,KAAyB,MAAM,OAAO,CAAC;AAyB9C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsP9C,CAAC;AAEF,eAAe,SAAS,CAAC"}