@orion-ds/react 2.0.2 → 2.0.4

package/README.md

@@ -20,6 +20,16 @@ TypeScript-first React component library built on the Orion Design System. Featu
 - ♿ **Accessible** - WCAG AA compliant
 - 📦 **Tree-Shakeable** - ESM + CJS
 
+## Compatibility
+
+| Dependency | Supported Versions |
+|------------|-------------------|
+| **React** | `^18.0.0 \|\| ^19.0.0` |
+| **React DOM** | `^18.0.0 \|\| ^19.0.0` |
+| **@orion-ds/core** | `^1.2.0` |
+
+The library uses standard React APIs (`forwardRef`, `useState`, `useEffect`, `useContext`, `useRef`, etc.) and does not rely on React 19-exclusive features, so it works with both React 18 and 19.
+
 ## Installation
 
 ### Option A: npm install (full library)

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,60 @@
+/**
+ * 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, ChartGradientProps } 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>;
+/**
+ * ChartGradient — SVG linearGradient helper for elegant area chart fills.
+ *
+ * Place inside `<defs>` within a Recharts chart, then reference via `fill="url(#id)"`.
+ *
+ * @example
+ * ```tsx
+ * <AreaChart data={data}>
+ *   <defs>
+ *     <ChartGradient id="fillRevenue" color="var(--chart-1)" />
+ *   </defs>
+ *   <Area dataKey="revenue" fill="url(#fillRevenue)" fillOpacity={1} />
+ * </AreaChart>
+ * ```
+ */
+export declare const ChartGradient: React.FC<ChartGradientProps>;
+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,EACvB,kBAAkB,EACnB,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;AAIF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAUtD,CAAC;AAKF,eAAO,MAAM,YAAY,gBAAU,CAAC;AACpC,eAAO,MAAM,WAAW,eAAS,CAAC"}

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

@@ -0,0 +1,140 @@
+/**
+ * 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;
+}
+/**
+ * ChartGradient props — SVG linearGradient helper for area charts
+ */
+export interface ChartGradientProps {
+    /**
+     * Unique ID for the gradient (referenced via `fill="url(#id)"`)
+     */
+    id: string;
+    /**
+     * CSS color value or token variable
+     */
+    color: string;
+    /**
+     * Opacity at the top of the gradient
+     * @default 0.8
+     */
+    startOpacity?: number;
+    /**
+     * Opacity at the bottom of the gradient
+     * @default 0.1
+     */
+    endOpacity?: number;
+}
+/**
+ * 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,kBAAkB;IACjC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;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, ChartGradient, ChartTooltip, ChartLegend, } from './Chart';
+export type { ChartConfig, ChartConfigItem, ChartContainerProps, ChartTooltipContentProps, ChartLegendContentProps, ChartGradientProps, } 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,aAAa,EACb,YAAY,EACZ,WAAW,GACZ,MAAM,SAAS,CAAC;AACjB,YAAY,EACV,WAAW,EACX,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,uBAAuB,EACvB,kBAAkB,GACnB,MAAM,eAAe,CAAC"}

package/dist/components/Command/Command.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Command Component
+ *
+ * A searchable command palette with keyboard navigation.
+ * Built without cmdk — uses internal context for search state and filtering.
+ *
+ * @example
+ * ```tsx
+ * <Command>
+ *   <Command.Input placeholder="Type a command..." />
+ *   <Command.List>
+ *     <Command.Empty>No results found.</Command.Empty>
+ *     <Command.Group heading="Suggestions">
+ *       <Command.Item onSelect={() => navigate('/calendar')}>
+ *         <CalendarIcon size={16} /> Calendar
+ *         <Command.Shortcut>⌘C</Command.Shortcut>
+ *       </Command.Item>
+ *     </Command.Group>
+ *   </Command.List>
+ * </Command>
+ * ```
+ */
+import React from 'react';
+import type { CommandProps, CommandDialogProps, CommandInputProps, CommandListProps, CommandEmptyProps, CommandGroupProps, CommandItemProps, CommandSeparatorProps, CommandShortcutProps } from './Command.types';
+export declare const Command: React.FC<CommandProps> & {
+    Input: React.FC<CommandInputProps>;
+    List: React.FC<CommandListProps>;
+    Empty: React.FC<CommandEmptyProps>;
+    Group: React.FC<CommandGroupProps>;
+    Item: React.FC<CommandItemProps>;
+    Separator: React.FC<CommandSeparatorProps>;
+    Shortcut: React.FC<CommandShortcutProps>;
+    Dialog: React.FC<CommandDialogProps>;
+};
+//# sourceMappingURL=Command.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../../src/components/Command/Command.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KASN,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EACV,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AAqCzB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,GAAG;IAC7C,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;IACnC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACjC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;IACnC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;IACnC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACjC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC;IACzC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;CAiGtC,CAAC"}