@orion-ds/react 2.0.1 → 2.0.3

package/AI_COMPONENTS.md

@@ -187,6 +187,13 @@ Use these for landing pages, marketing sites, and product pages. **DO NOT create
 | `Container` | Constrain content width |
 | `Section` | Vertical section with spacing |
 
+### AI Chat Sections
+
+| Section | Use When | Required Props |
+|---------|----------|----------------|
+| `ChatSection` | Chat UI with sidebar | `messages`, `onSendMessage` |
+| `ChatPageTemplate` | Full-page chat app | `messages`, `onSendMessage` |
+
 ---
 
 ## Complete Landing Page Example
@@ -478,6 +485,66 @@ Some components use the compound pattern with dot notation:
 </Drawer>
 ```
 
+### Chat (AI Chat Interface)
+
+Full-featured chat interface with multimodal support (text, images, audio, files, code).
+
+```tsx
+<Chat>
+  <Chat.Header title="AI Assistant" subtitle="Online" />
+  <Chat.Messages>
+    {messages.map(msg => (
+      <Chat.Message
+        key={msg.id}
+        role={msg.role}
+        content={msg.content}
+        timestamp={msg.timestamp}
+        attachments={msg.attachments}
+      />
+    ))}
+    {isTyping && <Chat.TypingIndicator />}
+  </Chat.Messages>
+  <Chat.Input
+    onSend={handleSend}
+    allowAttachments
+    allowVoiceRecording
+  />
+</Chat>
+```
+
+**Chat Sub-components:**
+- `Chat.Header` - Title, avatar, and actions
+- `Chat.Messages` - Scrollable message container with auto-scroll
+- `Chat.Message` - Individual message (user/assistant/system)
+- `Chat.Input` - Multi-line input with attachments and voice
+- `Chat.TypingIndicator` - Animated "typing" dots
+- `Chat.CodeBlock` - Syntax-highlighted code
+- `Chat.Markdown` - Markdown rendering
+- `Chat.ImagePreview` - Image with lightbox
+- `Chat.AudioPlayer` - Audio playback
+- `Chat.VoiceRecorder` - Voice recording
+- `Chat.FileUpload` - Drag-and-drop file upload
+- `Chat.Attachment` - Attachment preview
+- `Chat.Sidebar` - Conversation history list
+
+**Pre-built Sections:**
+- `ChatSection` - Chat with sidebar layout
+- `ChatPageTemplate` - Full-page ChatGPT-style layout
+
+```tsx
+// Full-page template (ChatGPT-style)
+<ChatPageTemplate
+  conversations={conversations}
+  activeConversationId={activeId}
+  messages={messages}
+  onSendMessage={handleSend}
+  onSelectConversation={handleSelect}
+  onNewConversation={handleNew}
+  isTyping={isTyping}
+  user={{ name: 'John', avatar: '...' }}
+/>
+```
+
 ---
 
 ## Icons (Lucide)
@@ -535,7 +602,7 @@ function ThemeSwitcher() {
 }
 ```
 
-**Available brands:** `orion`, `red`, `deepblue`, `orange`
+**Available brands:** `orion`, `red`, `deepblue`, `orange`, `lemon`
 **Available themes:** `light`, `dark`
 
 ---

package/AI_QUICKREF.md

@@ -46,7 +46,7 @@ import { Search } from 'lucide-react';
 ## Theme Switching
 ```tsx
 const { theme, brand, setTheme, setBrand } = useThemeContext();
-// brands: orion, red, deepblue, orange
+// brands: orion, red, deepblue, orange, lemon
 // themes: light, dark
 ```
 

package/README.md

@@ -22,6 +22,8 @@ TypeScript-first React component library built on the Orion Design System. Featu
 
 ## Installation
 
+### Option A: npm install (full library)
+
 \`\`\`bash
 npm install @orion-ds/react @orion-ds/core
 # or
@@ -32,6 +34,18 @@ yarn add @orion-ds/react @orion-ds/core
 
 > **Note**: `@orion-ds/core` is a peer dependency that must be installed alongside `@orion-ds/react`.
 
+### Option B: CLI copy (own the code)
+
+Copy individual components into your project, shadcn-style. You own the source and can modify freely.
+
+\`\`\`bash
+npx @orion-ds/cli init                    # Creates orion.json, installs @orion-ds/core
+npx @orion-ds/cli add button card modal   # Copies component source files
+npx @orion-ds/cli list                    # Shows all 90 available items
+\`\`\`
+
+See [@orion-ds/cli README](../cli/README.md) for full documentation.
+
 ## CSS Setup
 
 ### Option 1: Single Import (Recommended)

package/dist/components/AlertDialog/AlertDialog.d.ts

@@ -0,0 +1,28 @@
+/**
+ * AlertDialog Component
+ *
+ * A confirmation dialog that forces a user response.
+ * Unlike Modal, it does NOT close on backdrop click or Escape by default.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialog open={open} onClose={handleClose}>
+ *   <AlertDialog.Icon variant="danger" />
+ *   <AlertDialog.Title>Delete account?</AlertDialog.Title>
+ *   <AlertDialog.Description>This action cannot be undone.</AlertDialog.Description>
+ *   <AlertDialog.Actions>
+ *     <Button variant="ghost" onClick={handleClose}>Cancel</Button>
+ *     <Button variant="primary" onClick={handleConfirm}>Delete</Button>
+ *   </AlertDialog.Actions>
+ * </AlertDialog>
+ * ```
+ */
+import React from 'react';
+import type { AlertDialogProps, AlertDialogIconProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogActionsProps } from './AlertDialog.types';
+export declare const AlertDialog: React.FC<AlertDialogProps> & {
+    Icon: React.FC<AlertDialogIconProps>;
+    Title: React.FC<AlertDialogTitleProps>;
+    Description: React.FC<AlertDialogDescriptionProps>;
+    Actions: React.FC<AlertDialogActionsProps>;
+};
+//# sourceMappingURL=AlertDialog.d.ts.map

package/dist/components/AlertDialog/AlertDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAsD,MAAM,OAAO,CAAC;AAG3E,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,2BAA2B,EAC3B,uBAAuB,EACxB,MAAM,qBAAqB,CAAC;AAsB7B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,GAAG;IACrD,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC;IACvC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC;IACnD,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC;CAgE5C,CAAC"}

package/dist/components/AlertDialog/AlertDialog.types.d.ts

@@ -0,0 +1,95 @@
+/**
+ * AlertDialog Component Types
+ *
+ * Type definitions for the Orion AlertDialog component.
+ * Unlike Modal, AlertDialog forces a user response (no close on backdrop/escape by default).
+ */
+import type { ReactNode } from 'react';
+/**
+ * AlertDialog variant — controls accent color of icon
+ */
+export type AlertDialogVariant = 'info' | 'warning' | 'danger';
+/**
+ * AlertDialog component props
+ *
+ * @example
+ * ```tsx
+ * <AlertDialog open={open} onClose={handleClose}>
+ *   <AlertDialog.Icon variant="danger" />
+ *   <AlertDialog.Title>Delete account?</AlertDialog.Title>
+ *   <AlertDialog.Description>This action cannot be undone.</AlertDialog.Description>
+ *   <AlertDialog.Actions>
+ *     <Button variant="ghost" onClick={handleClose}>Cancel</Button>
+ *     <Button variant="primary" onClick={handleConfirm}>Delete</Button>
+ *   </AlertDialog.Actions>
+ * </AlertDialog>
+ * ```
+ */
+export interface AlertDialogProps {
+    /**
+     * Whether the dialog is open
+     */
+    open: boolean;
+    /**
+     * Callback when dialog should close
+     */
+    onClose: () => void;
+    /**
+     * Close on backdrop click
+     * @default false
+     */
+    closeOnBackdrop?: boolean;
+    /**
+     * Close on Escape key
+     * @default false
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Dialog content (use compound components)
+     */
+    children?: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * AlertDialog.Icon props
+ */
+export interface AlertDialogIconProps {
+    /**
+     * Visual variant — controls icon and color
+     * @default 'info'
+     */
+    variant?: AlertDialogVariant;
+    /**
+     * Custom icon (overrides default)
+     */
+    icon?: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * AlertDialog.Title props
+ */
+export interface AlertDialogTitleProps {
+    children?: ReactNode;
+    className?: string;
+}
+/**
+ * AlertDialog.Description props
+ */
+export interface AlertDialogDescriptionProps {
+    children?: ReactNode;
+    className?: string;
+}
+/**
+ * AlertDialog.Actions props
+ */
+export interface AlertDialogActionsProps {
+    children?: ReactNode;
+    className?: string;
+}
+//# sourceMappingURL=AlertDialog.types.d.ts.map

package/dist/components/AlertDialog/AlertDialog.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.types.d.ts","sourceRoot":"","sources":["../../../src/components/AlertDialog/AlertDialog.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE/D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -0,0 +1,21 @@
+/**
+ * AlertDialog Component - Confirmation dialogs that force a user response.
+ *
+ * @example
+ * ```tsx
+ * import { AlertDialog, Button } from '@orion-ds/react';
+ *
+ * <AlertDialog open={open} onClose={handleClose}>
+ *   <AlertDialog.Icon variant="danger" />
+ *   <AlertDialog.Title>Delete account?</AlertDialog.Title>
+ *   <AlertDialog.Description>This action cannot be undone.</AlertDialog.Description>
+ *   <AlertDialog.Actions>
+ *     <Button variant="ghost" onClick={handleClose}>Cancel</Button>
+ *     <Button variant="primary" onClick={handleConfirm}>Delete</Button>
+ *   </AlertDialog.Actions>
+ * </AlertDialog>
+ * ```
+ */
+export { AlertDialog } from './AlertDialog';
+export type { AlertDialogProps, AlertDialogVariant, AlertDialogIconProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogActionsProps, } from './AlertDialog.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AlertDialog/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,qBAAqB,EACrB,2BAA2B,EAC3B,uBAAuB,GACxB,MAAM,qBAAqB,CAAC"}

package/dist/components/Calendar/Calendar.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Calendar Component
+ *
+ * A date picker grid supporting single, range, and multiple selection.
+ * Built without react-day-picker — uses date-fns for date manipulation.
+ *
+ * @example
+ * ```tsx
+ * // Single date
+ * <Calendar selected={date} onSelect={setDate} />
+ *
+ * // Range
+ * <Calendar mode="range" selected={range} onSelect={setRange} />
+ *
+ * // Multiple
+ * <Calendar mode="multiple" selected={dates} onSelect={setDates} />
+ * ```
+ */
+import React from 'react';
+import type { CalendarProps } from './Calendar.types';
+export declare const Calendar: React.FC<CalendarProps>;
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/components/Calendar/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAgD,MAAM,OAAO,CAAC;AAkBrE,OAAO,KAAK,EACV,aAAa,EAEd,MAAM,kBAAkB,CAAC;AAW1B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuN5C,CAAC"}

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

@@ -0,0 +1,79 @@
+/**
+ * Calendar Component Types
+ *
+ * Type definitions for the Orion Calendar component.
+ * Supports single, range, and multiple date selection.
+ */
+import type { HTMLAttributes } from 'react';
+/**
+ * Date range value
+ */
+export interface DateRange {
+    from: Date | undefined;
+    to: Date | undefined;
+}
+/**
+ * Calendar selection mode
+ */
+export type CalendarMode = 'single' | 'range' | 'multiple';
+/**
+ * Base calendar props shared across all modes
+ */
+interface CalendarBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    /**
+     * Minimum selectable date
+     */
+    min?: Date;
+    /**
+     * Maximum selectable date
+     */
+    max?: Date;
+    /**
+     * Disabled dates — array of dates or predicate function
+     */
+    disabled?: Date[] | ((date: Date) => boolean);
+    /**
+     * Day the week starts on (0 = Sunday, 1 = Monday, etc.)
+     * @default 0
+     */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Show days from adjacent months
+     * @default true
+     */
+    showOutsideDays?: boolean;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * Single date selection
+ */
+export interface CalendarSingleProps extends CalendarBaseProps {
+    mode?: 'single';
+    selected?: Date;
+    onSelect?: (date: Date | undefined) => void;
+}
+/**
+ * Range date selection
+ */
+export interface CalendarRangeProps extends CalendarBaseProps {
+    mode: 'range';
+    selected?: DateRange;
+    onSelect?: (range: DateRange | undefined) => void;
+}
+/**
+ * Multiple date selection
+ */
+export interface CalendarMultipleProps extends CalendarBaseProps {
+    mode: 'multiple';
+    selected?: Date[];
+    onSelect?: (dates: Date[]) => void;
+}
+/**
+ * Union type for all calendar modes
+ */
+export type CalendarProps = CalendarSingleProps | CalendarRangeProps | CalendarMultipleProps;
+export {};
+//# sourceMappingURL=Calendar.types.d.ts.map

package/dist/components/Calendar/Calendar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IACvB,EAAE,EAAE,IAAI,GAAG,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AAE3D;;GAEG;AACH,UAAU,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAClF;;OAEG;IACH,GAAG,CAAC,EAAE,IAAI,CAAC;IAEX;;OAEG;IACH,GAAG,CAAC,EAAE,IAAI,CAAC;IAEX;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAE9C;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAEzC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;CAC7C;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;CACnD;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAC9D,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACpC;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GACrB,mBAAmB,GACnB,kBAAkB,GAClB,qBAAqB,CAAC"}

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

@@ -0,0 +1,14 @@
+/**
+ * Calendar Component - Date selection with single, range, and multiple modes.
+ *
+ * @example
+ * ```tsx
+ * import { Calendar } from '@orion-ds/react';
+ *
+ * <Calendar selected={date} onSelect={setDate} />
+ * <Calendar mode="range" selected={range} onSelect={setRange} />
+ * ```
+ */
+export { Calendar } from './Calendar';
+export type { CalendarProps, CalendarMode, CalendarSingleProps, CalendarRangeProps, CalendarMultipleProps, DateRange, } from './Calendar.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,aAAa,EACb,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,SAAS,GACV,MAAM,kBAAkB,CAAC"}

package/dist/components/Chart/Chart.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Chart Component
+ *
+ * Lightweight wrapper around Recharts providing Orion token theming.
+ * Does NOT wrap Recharts — user accesses Recharts components directly.
+ * Provides: ChartContainer (CSS variable injection), ChartTooltipContent,
+ * and ChartLegendContent styled with Orion tokens.
+ *
+ * @example
+ * ```tsx
+ * const config: ChartConfig = {
+ *   revenue: { label: 'Revenue', color: 'var(--color-brand-500)' },
+ *   expenses: { label: 'Expenses', color: 'var(--status-error)' },
+ * };
+ *
+ * <ChartContainer config={config}>
+ *   <BarChart data={data}>
+ *     <XAxis dataKey="month" />
+ *     <YAxis />
+ *     <ChartTooltip content={<ChartTooltipContent />} />
+ *     <ChartLegend content={<ChartLegendContent />} />
+ *     <Bar dataKey="revenue" fill="var(--color-revenue)" />
+ *   </BarChart>
+ * </ChartContainer>
+ * ```
+ */
+import React from 'react';
+import { Tooltip, Legend } from 'recharts';
+import type { ChartContainerProps, ChartTooltipContentProps, ChartLegendContentProps } from './Chart.types';
+/**
+ * ChartContainer — wraps Recharts with CSS variable injection from config
+ */
+export declare const ChartContainer: React.FC<ChartContainerProps>;
+/**
+ * ChartTooltipContent — Orion-styled tooltip for Recharts
+ */
+export declare const ChartTooltipContent: React.FC<ChartTooltipContentProps>;
+/**
+ * ChartLegendContent — Orion-styled legend for Recharts
+ */
+export declare const ChartLegendContent: React.FC<ChartLegendContentProps>;
+export declare const ChartTooltip: typeof Tooltip;
+export declare const ChartLegend: typeof Legend;
+//# sourceMappingURL=Chart.d.ts.map

package/dist/components/Chart/Chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/Chart.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAuB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,KAAK,EAEV,mBAAmB,EACnB,wBAAwB,EACxB,uBAAuB,EACxB,MAAM,eAAe,CAAC;AAMvB;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkCxD,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAwDlE,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA8BhE,CAAC;AAKF,eAAO,MAAM,YAAY,gBAAU,CAAC;AACpC,eAAO,MAAM,WAAW,eAAS,CAAC"}

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

@@ -0,0 +1,117 @@
+/**
+ * Chart Component Types
+ *
+ * Type definitions for the Orion Chart wrapper components.
+ * Provides themed containers, tooltips, and legends for Recharts.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Configuration for a single data series in a chart
+ */
+export interface ChartConfigItem {
+    /**
+     * Display label for the series
+     */
+    label: string;
+    /**
+     * CSS color value or token variable (e.g., 'var(--color-brand-500)')
+     */
+    color: string;
+    /**
+     * Optional icon for the legend
+     */
+    icon?: ReactNode;
+}
+/**
+ * Chart configuration object — maps data keys to display settings
+ *
+ * @example
+ * ```ts
+ * const config: ChartConfig = {
+ *   revenue: { label: 'Revenue', color: 'var(--color-brand-500)' },
+ *   expenses: { label: 'Expenses', color: 'var(--status-error)' },
+ * };
+ * ```
+ */
+export type ChartConfig = Record<string, ChartConfigItem>;
+/**
+ * ChartContainer props — wraps Recharts with CSS variable injection
+ */
+export interface ChartContainerProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Chart configuration mapping data keys to colors/labels
+     */
+    config: ChartConfig;
+    /**
+     * The Recharts chart element
+     */
+    children: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * ChartTooltipContent props
+ */
+export interface ChartTooltipContentProps {
+    /**
+     * Whether to show the color indicator dot
+     * @default true
+     */
+    indicator?: 'dot' | 'line' | 'dashed';
+    /**
+     * Hide the label text
+     * @default false
+     */
+    hideLabel?: boolean;
+    /**
+     * Hide the indicator
+     * @default false
+     */
+    hideIndicator?: boolean;
+    /**
+     * Custom label formatter
+     */
+    labelFormatter?: (label: string) => string;
+    /**
+     * Custom value formatter
+     */
+    formatter?: (value: number, name: string) => string;
+    /**
+     * Additional class name
+     */
+    className?: string;
+    /**
+     * Recharts injected props (passed automatically)
+     */
+    active?: boolean;
+    payload?: Array<{
+        name: string;
+        value: number;
+        dataKey: string;
+        color: string;
+        payload: Record<string, unknown>;
+    }>;
+    label?: string;
+}
+/**
+ * ChartLegendContent props
+ */
+export interface ChartLegendContentProps {
+    /**
+     * Additional class name
+     */
+    className?: string;
+    /**
+     * Recharts injected props (passed automatically)
+     */
+    payload?: Array<{
+        value: string;
+        type: string;
+        id: string;
+        color: string;
+        dataKey: string;
+    }>;
+}
+//# sourceMappingURL=Chart.types.d.ts.map

package/dist/components/Chart/Chart.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/Chart.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;GAUG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE;;OAEG;IACH,MAAM,EAAE,WAAW,CAAC;IAEpB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEtC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAE3C;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAEpD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAClC,CAAC,CAAC;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,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,EAAE,MAAM,CAAC;KACjB,CAAC,CAAC;CACJ"}

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

@@ -0,0 +1,22 @@
+/**
+ * Chart Component - Orion-themed wrappers for Recharts.
+ *
+ * @example
+ * ```tsx
+ * import { ChartContainer, ChartTooltipContent, ChartLegendContent } from '@orion-ds/react';
+ * import { BarChart, Bar, XAxis, YAxis, Tooltip, Legend } from 'recharts';
+ *
+ * <ChartContainer config={config}>
+ *   <BarChart data={data}>
+ *     <XAxis dataKey="month" />
+ *     <YAxis />
+ *     <Tooltip content={<ChartTooltipContent />} />
+ *     <Legend content={<ChartLegendContent />} />
+ *     <Bar dataKey="revenue" fill="var(--color-revenue)" />
+ *   </BarChart>
+ * </ChartContainer>
+ * ```
+ */
+export { ChartContainer, ChartTooltipContent, ChartLegendContent, ChartTooltip, ChartLegend, } from './Chart';
+export type { ChartConfig, ChartConfigItem, ChartContainerProps, ChartTooltipContentProps, ChartLegendContentProps, } from './Chart.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,YAAY,EACZ,WAAW,GACZ,MAAM,SAAS,CAAC;AACjB,YAAY,EACV,WAAW,EACX,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,eAAe,CAAC"}

package/dist/components/Chat/Chat.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Chat Component
+ *
+ * A flexible compound component for building AI chat interfaces.
+ * Supports multimodal content including text, images, audio, files, and code.
+ *
+ * @example
+ * ```tsx
+ * <Chat>
+ *   <Chat.Header title="AI Assistant" />
+ *   <Chat.Messages>
+ *     {messages.map(msg => (
+ *       <Chat.Message
+ *         key={msg.id}
+ *         role={msg.role}
+ *         content={msg.content}
+ *       />
+ *     ))}
+ *     {isTyping && <Chat.TypingIndicator />}
+ *   </Chat.Messages>
+ *   <Chat.Input onSend={handleSend} />
+ * </Chat>
+ * ```
+ */
+import React from 'react';
+import type { ChatProps } from './Chat.types';
+import { ChatMessage, ChatMessages, ChatInput, ChatHeader, ChatTypingIndicator, ChatCodeBlock, ChatMarkdown, ChatImagePreview, ChatAudioPlayer, ChatVoiceRecorder, ChatFileUpload, ChatAttachment, ChatSidebar } from './components';
+type ChatComponent = React.FC<ChatProps> & {
+    Header: typeof ChatHeader;
+    Messages: typeof ChatMessages;
+    Message: typeof ChatMessage;
+    Input: typeof ChatInput;
+    TypingIndicator: typeof ChatTypingIndicator;
+    CodeBlock: typeof ChatCodeBlock;
+    Markdown: typeof ChatMarkdown;
+    ImagePreview: typeof ChatImagePreview;
+    AudioPlayer: typeof ChatAudioPlayer;
+    VoiceRecorder: typeof ChatVoiceRecorder;
+    FileUpload: typeof ChatFileUpload;
+    Attachment: typeof ChatAttachment;
+    Sidebar: typeof ChatSidebar;
+};
+export declare const Chat: ChatComponent;
+export {};
+//# sourceMappingURL=Chat.d.ts.map

package/dist/components/Chat/Chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EACL,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EACV,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,WAAW,EACZ,MAAM,cAAc,CAAC;AAwBtB,KAAK,aAAa,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG;IACzC,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B,QAAQ,EAAE,OAAO,YAAY,CAAC;IAC9B,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,KAAK,EAAE,OAAO,SAAS,CAAC;IACxB,eAAe,EAAE,OAAO,mBAAmB,CAAC;IAC5C,SAAS,EAAE,OAAO,aAAa,CAAC;IAChC,QAAQ,EAAE,OAAO,YAAY,CAAC;IAC9B,YAAY,EAAE,OAAO,gBAAgB,CAAC;IACtC,WAAW,EAAE,OAAO,eAAe,CAAC;IACpC,aAAa,EAAE,OAAO,iBAAiB,CAAC;IACxC,UAAU,EAAE,OAAO,cAAc,CAAC;IAClC,UAAU,EAAE,OAAO,cAAc,CAAC;IAClC,OAAO,EAAE,OAAO,WAAW,CAAC;CAC7B,CAAC;AAGF,eAAO,MAAM,IAAI,EAAe,aAAa,CAAC"}