@trinityui/design-system 1.0.3 → 1.0.4

package/dist/components/Combobox/Combobox.d.ts

@@ -0,0 +1,99 @@
+/**
+ * @fileoverview Combobox component with single and multi-select support, creatable options, and custom rendering.
+ * @module components/Combobox
+ * @example
+ * ```tsx
+ *  import { Combobox } from '@trinityui/design-system';
+ *
+ *  <Combobox
+ *    options={[]}
+ *  />
+ *  ```
+ */
+import * as React from 'react';
+export interface ComboboxOption {
+    /** Unique identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Optional secondary text */
+    secondary?: string;
+    /** Optional group */
+    group?: string;
+    /** Optional icon */
+    icon?: React.ReactNode;
+    /** Whether option is disabled */
+    disabled?: boolean;
+    /** Custom data */
+    data?: Record<string, unknown>;
+}
+/**
+ * Props for Combobox component.
+ */
+export interface ComboboxProps {
+    /** Available options */
+    options: ComboboxOption[];
+    /** Selected values (for controlled mode) */
+    value?: ComboboxOption[];
+    /** Default selected values (for uncontrolled mode) */
+    defaultValue?: ComboboxOption[];
+    /** Callback when selection changes */
+    onChange?: (selected: ComboboxOption[]) => void;
+    /** Allow creating new options */
+    creatable?: boolean;
+    /** Callback when new option is created */
+    onCreate?: (inputValue: string) => ComboboxOption | Promise<ComboboxOption>;
+    /** Create new option text template */
+    createText?: string;
+    /** Enable multi-select */
+    multiple?: boolean;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Label text */
+    label?: string;
+    /** Helper text */
+    helperText?: string;
+    /** Error state */
+    error?: boolean;
+    /** Error message */
+    errorMessage?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Full width */
+    fullWidth?: boolean;
+    /** Size variant */
+    size?: 'small' | 'medium';
+    /** Limit number of visible tags */
+    limitTags?: number;
+    /** Show checkbox for multi-select */
+    showCheckbox?: boolean;
+    /** Group options by group property */
+    groupBy?: boolean;
+    /** Loading state */
+    loading?: boolean;
+    /** No options text */
+    noOptionsText?: string;
+    /** Custom filter function */
+    filterOptions?: (options: ComboboxOption[], state: {
+        inputValue: string;
+    }) => ComboboxOption[];
+    /** Custom render option */
+    renderOption?: (option: ComboboxOption, props: {
+        selected: boolean;
+    }) => React.ReactNode;
+    /** Custom render tag */
+    renderTag?: (option: ComboboxOption, onDelete: (event: React.SyntheticEvent) => void) => React.ReactNode;
+    /** Free solo mode (allow any input) */
+    freeSolo?: boolean;
+    /** Auto highlight first option */
+    autoHighlight?: boolean;
+    /** Clear on escape */
+    clearOnEscape?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Custom styles */
+    sx?: Record<string, unknown>;
+}
+export declare const Combobox: React.FC<ComboboxProps>;
+export default Combobox;
+//# sourceMappingURL=Combobox.d.ts.map

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

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

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

@@ -0,0 +1,3 @@
+export { Combobox, type ComboboxProps, type ComboboxOption } from './Combobox';
+export { default } from './Combobox';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/CommandPalette/CommandPalette.d.ts

@@ -0,0 +1,76 @@
+/**
+ * @fileoverview CommandPalette component - keyboard-driven command menu (⌘K pattern)
+ * @module components/CommandPalette
+ * @example
+ * ```tsx
+ *  import { CommandPalette } from '@trinityui/design-system';
+ *
+ *  <CommandPalette
+ *    open={false}
+ *    onClose={() => {}}
+ *    commands={[]}
+ *  />
+ *  ```
+ */
+import * as React from 'react';
+export interface CommandItem {
+    /** Unique identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Optional description */
+    description?: string;
+    /** Icon */
+    icon?: React.ReactNode;
+    /** Keyboard shortcut */
+    shortcut?: string[];
+    /** Group this command belongs to */
+    group?: string;
+    /** Action to perform */
+    onSelect?: () => void;
+    /** Whether the command is disabled */
+    disabled?: boolean;
+    /** Keywords for search */
+    keywords?: string[];
+    /** Custom right-side content */
+    suffix?: React.ReactNode;
+}
+export interface CommandGroup {
+    /** Group identifier */
+    id: string;
+    /** Group label */
+    label: string;
+    /** Group icon */
+    icon?: React.ReactNode;
+}
+/**
+ * Props for CommandPalette component.
+ */
+export interface CommandPaletteProps {
+    /** Whether the palette is open */
+    open: boolean;
+    /** Callback when palette should close */
+    onClose: () => void;
+    /** Available commands */
+    commands: CommandItem[];
+    /** Command groups for organization */
+    groups?: CommandGroup[];
+    /** Placeholder text */
+    placeholder?: string;
+    /** Empty state message */
+    emptyMessage?: string;
+    /** Loading state */
+    loading?: boolean;
+    /** Recent commands */
+    recentCommands?: string[];
+    /** Callback when a command is selected */
+    onCommandSelect?: (command: CommandItem) => void;
+    /** Max height of the command list */
+    maxHeight?: number;
+    /** Show keyboard navigation hints */
+    showHints?: boolean;
+    /** Custom filter function */
+    filterFn?: (command: CommandItem, query: string) => boolean;
+}
+export declare const CommandPalette: React.FC<CommandPaletteProps>;
+//# sourceMappingURL=CommandPalette.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPalette.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,MAAM,WAAW,WAAW;IAC1B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW;IACX,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,gCAAgC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,YAAY;IAC3B,uBAAuB;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,yCAAyC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yBAAyB;IACzB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,sCAAsC;IACtC,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;IACxB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,0CAA0C;IAC1C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CAC7D;AA2BD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyUxD,CAAC"}

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

@@ -0,0 +1,2 @@
+export { CommandPalette, type CommandPaletteProps, type CommandItem, type CommandGroup } from './CommandPalette';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/DataCard/DataCard.d.ts

@@ -0,0 +1,60 @@
+/**
+ * @fileoverview DataCard component for displaying metrics with trends and sparklines
+ * @module components/DataCard
+ * @example
+ * ```tsx
+ *  import { DataCard } from '@trinityui/design-system';
+ *
+ *  <DataCard
+ *    title="Example"
+ *    value={0}
+ *  />
+ *  ```
+ */
+import * as React from 'react';
+export type TrendDirection = 'up' | 'down' | 'flat';
+/**
+ * Props for DataCard component.
+ */
+export interface DataCardProps {
+    /** Card title */
+    title: string;
+    /** Main value to display */
+    value: string | number;
+    /** Unit or suffix for the value */
+    unit?: string;
+    /** Trend direction */
+    trend?: TrendDirection;
+    /** Trend percentage value */
+    trendValue?: number;
+    /** Trend label (e.g., "vs last month") */
+    trendLabel?: string;
+    /** Sparkline data points */
+    sparklineData?: number[];
+    /** Optional subtitle or description */
+    subtitle?: string;
+    /** Optional icon */
+    icon?: React.ReactNode;
+    /** Icon background color */
+    iconColor?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+    /** Comparison value (e.g., "Target: 1,000") */
+    comparison?: string;
+    /** Loading state */
+    loading?: boolean;
+    /** Tooltip info text */
+    infoTooltip?: string;
+    /** Callback when more options clicked */
+    onMoreClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    /** Card click handler */
+    onClick?: () => void;
+    /** Custom footer content */
+    footer?: React.ReactNode;
+    /** Size variant */
+    size?: 'small' | 'medium' | 'large';
+    /** Highlight/emphasis variant */
+    variant?: 'default' | 'outlined' | 'filled';
+    /** Full height */
+    fullHeight?: boolean;
+}
+export declare const DataCard: React.FC<DataCardProps>;
+//# sourceMappingURL=DataCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataCard.d.ts","sourceRoot":"","sources":["../../../src/components/DataCard/DataCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAgDpD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oBAAoB;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/E,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC7D,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mBAAmB;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,iCAAiC;IACjC,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC5C,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA8BD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6P5C,CAAC"}

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

@@ -0,0 +1,2 @@
+export { DataCard, type DataCardProps, type TrendDirection } from './DataCard';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/DataTable/CellRenderers.d.ts

@@ -0,0 +1,78 @@
+/**
+ * @fileoverview CellRenderers component.
+ * @module components/DataTable/CellRenderers
+ * Custom Cell Renderers
+ * Specialized cell components for Trinity DataTable
+ * @example
+ * ```tsx
+ *  import { CellRenderers } from '@trinityui/design-system';
+ *
+ *  <CellRenderers />
+ *  ```
+ */
+import React from 'react';
+import { GridValidRowModel } from '@mui/x-data-grid';
+import { RowAction } from './types';
+interface StatusCellProps {
+    value: string;
+    statusColors?: Record<string, 'success' | 'warning' | 'error' | 'info' | 'default'>;
+}
+export declare const StatusCell: React.FC<StatusCellProps>;
+interface AvatarCellProps {
+    name: string;
+    email?: string;
+    src?: string;
+    size?: number;
+    fontSize?: number;
+    showEmail?: boolean;
+}
+export declare const AvatarCell: React.FC<AvatarCellProps>;
+interface ProgressCellProps {
+    value: number;
+    max?: number;
+    showLabel?: boolean;
+    color?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+}
+export declare const ProgressCell: React.FC<ProgressCellProps>;
+interface RatingCellProps {
+    value: number;
+    max?: number;
+    readOnly?: boolean;
+    size?: 'small' | 'medium' | 'large';
+}
+export declare const RatingCell: React.FC<RatingCellProps>;
+interface CurrencyCellProps {
+    value: number;
+    currency?: string;
+    locale?: string;
+}
+export declare const CurrencyCell: React.FC<CurrencyCellProps>;
+interface ActionsCellProps<R extends GridValidRowModel> {
+    row: R;
+    actions: RowAction<R>[];
+    maxInline?: number;
+}
+export declare const ActionsCell: <R extends GridValidRowModel>({ row, actions, maxInline, }: ActionsCellProps<R>) => import("react/jsx-runtime").JSX.Element;
+interface EditableCellProps {
+    value: string | number;
+    onSave: (newValue: string | number) => void;
+    type?: 'text' | 'number';
+}
+export declare const EditableCell: React.FC<EditableCellProps>;
+interface HoverActionsCellProps<R extends GridValidRowModel> {
+    row: R;
+    actions: RowAction<R>[];
+    isHovered?: boolean;
+}
+export declare const HoverActionsCell: <R extends GridValidRowModel>({ row, actions, isHovered, }: HoverActionsCellProps<R>) => import("react/jsx-runtime").JSX.Element;
+interface DragHandleCellProps {
+    isDragging?: boolean;
+}
+export declare const DragHandleCell: React.FC<DragHandleCellProps>;
+interface TextCellProps {
+    primary: string;
+    secondary?: string;
+}
+export declare const TextCell: React.FC<TextCellProps>;
+export default StatusCell;
+//# sourceMappingURL=CellRenderers.d.ts.map

package/dist/components/DataTable/CellRenderers.d.ts.map

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

package/dist/components/DataTable/DataTable.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @fileoverview DataTable component.
+ * @module components/DataTable/DataTable
+ * Trinity DataTable Component
+ * A comprehensive data table built on MUI X DataGrid v8
+ * Combines clean styling with powerful functionality
+ *
+ * Features (Free Version):
+ * - Density modes (compact, standard, comfortable)
+ * - Inline editing
+ * - Custom cell renderers
+ * - Bulk actions & row actions (menu mode)
+ * - Gmail-style hover actions
+ * - Search, filtering, sorting
+ * - Export (CSV, JSON, clipboard)
+ * - Full light/dark mode support
+ * - Loading skeleton states
+ * - Inline add row
+ *
+ * Features (Require @mui/x-data-grid-pro):
+ * - Tree data support
+ * - Column pinning
+ * - Row reordering / drag-drop
+ * - Row grouping
+ * @example
+ * ```tsx
+ *  import { DataTable } from '@trinityui/design-system';
+ *
+ *  <DataTable />
+ *  ```
+ */
+import { GridValidRowModel } from '@mui/x-data-grid';
+import { DataTableProps } from './types';
+export declare const DataTable: <R extends GridValidRowModel>({ rows, columns, loading, getRowId, density: initialDensity, allowDensityChange, selection, pagination, sorting, filtering, editing, treeData, rowGrouping: _rowGrouping, inlineAdd, columnPinning, rowReorder: _rowReorder, rowActions, rowActionsConfig, bulkActions, toolbar, title, subtitle, height, maxHeight, minHeight, stickyHeader: _stickyHeader, stripedRows, showBorders, elevation, borderRadius, onRowClick, onRowDoubleClick, onCellClick, onSelectionChange, onSortChange, onFilterChange, onPageChange, onRowUpdate, onRowAdd, onRowDelete: _onRowDelete, onRefresh, onExport, sx, className, getRowClassName, getCellClassName, slots, slotProps, }: DataTableProps<R>) => import("react/jsx-runtime").JSX.Element;
+export default DataTable;
+//# sourceMappingURL=DataTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAsBH,OAAO,EAaL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAM1B,OAAO,EAAE,cAAc,EAAyC,MAAM,SAAS,CAAC;AA0bhF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,iBAAiB,EAAE,woBA0FpD,cAAc,CAAC,CAAC,CAAC,4CA8kBnB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/DataTable/InlineAddRow.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @fileoverview InlineAddRow component.
+ * @module components/DataTable/InlineAddRow
+ * Inline Add Row Component
+ * Renders a row for adding new data inline within the table
+ * @example
+ * ```tsx
+ *  import { InlineAddRow } from '@trinityui/design-system';
+ *
+ *  <InlineAddRow />
+ *  ```
+ */
+import { GridColDef, GridValidRowModel } from '@mui/x-data-grid';
+import { InlineAddConfig, TableDensity } from './types';
+interface InlineAddRowProps<R extends GridValidRowModel> {
+    columns: GridColDef[];
+    config: InlineAddConfig<R>;
+    density: TableDensity;
+    onAdd: (newRow: Partial<R>) => void;
+    onCancel: () => void;
+    isActive: boolean;
+    onActivate: () => void;
+    mode?: 'light' | 'dark';
+}
+export declare const InlineAddRow: <R extends GridValidRowModel>({ columns, config, density, onAdd, onCancel, isActive, onActivate, mode, }: InlineAddRowProps<R>) => import("react/jsx-runtime").JSX.Element;
+export default InlineAddRow;
+//# sourceMappingURL=InlineAddRow.d.ts.map

package/dist/components/DataTable/InlineAddRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineAddRow.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/InlineAddRow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAkBH,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGxD,UAAU,iBAAiB,CAAC,CAAC,SAAS,iBAAiB;IACrD,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC3B,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,iBAAiB,EAAE,4EASvD,iBAAiB,CAAC,CAAC,CAAC,4CA+OtB,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,6 @@
+export { DataTable } from './DataTable';
+export { InlineAddRow } from './InlineAddRow';
+export { StatusCell, AvatarCell, ProgressCell, RatingCell, CurrencyCell, ActionsCell, EditableCell, HoverActionsCell, DragHandleCell, TextCell, } from './CellRenderers';
+export type { TableDensity, TreeDataRow, TrinityColumnDef, ToolbarConfig, InlineAddConfig, TreeDataConfig, RowGroupingConfig, SelectionConfig, PaginationConfig, SortingConfig, FilteringConfig, EditingConfig, ColumnPinningConfig, RowReorderConfig, RowActionsMode, RowActionsConfig, RowAction, BulkAction, DataTableProps, } from './types';
+export { densityTokens, tableColors, tableTypography, tableSpacing, tableAnimation, tableBorders, tableShadows, statusBadgeTokens, tableTheme, } from './tokens';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,QAAQ,GACT,MAAM,iBAAiB,CAAC;AAGzB,YAAY,EACV,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,cAAc,GACf,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,aAAa,EACb,WAAW,EACX,eAAe,EACf,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,UAAU,GACX,MAAM,UAAU,CAAC"}

package/dist/components/DataTable/tokens.d.ts

@@ -0,0 +1,132 @@
+/**
+ * DataTable Design Tokens
+ * Consistent styling for Trinity DataTable
+ */
+export type TableDensity = 'compact' | 'standard' | 'comfortable';
+export declare const densityTokens: Record<TableDensity, {
+    rowHeight: number;
+    headerHeight: number;
+    fontSize: number;
+    padding: string;
+    cellPaddingY: number;
+    avatarSize: number;
+    avatarFontSize: number;
+    chipHeight: number;
+    iconSize: number;
+    progressWidth: number;
+}>;
+/**
+ * NOTE:
+ * Header background and border grays intentionally differ
+ * from baseTokens.gray scale.
+ *
+ * These values are tuned for dense tabular readability and
+ * preserve historical visual parity.
+ *
+ * Do not normalize unless approved as a visual change.
+ */
+export declare const tableColors: {
+    light: {
+        headerBg: string;
+        headerText: string;
+        headerBorder: string;
+        background: string;
+        alternateRow: string;
+        hover: string;
+        selected: string;
+        borderColor: string;
+        text: string;
+        textSecondary: string;
+    };
+    dark: {
+        headerBg: string;
+        headerText: string;
+        headerBorder: string;
+        background: string;
+        alternateRow: string;
+        hover: string;
+        selected: string;
+        borderColor: string;
+        text: string;
+        textSecondary: string;
+    };
+};
+export declare const tableTypography: {
+    fontFamily: string;
+    headerWeight: number;
+    cellWeight: number;
+    header: {
+        fontSize: number;
+        fontWeight: number;
+        letterSpacing: string;
+        textTransform: "none";
+    };
+    cell: {
+        fontSize: number;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    cellSecondary: {
+        fontSize: number;
+        fontWeight: number;
+        color: string;
+    };
+    footer: {
+        fontSize: number;
+        fontWeight: number;
+    };
+};
+export declare const tableSpacing: {
+    cellPaddingX: number;
+    cellPaddingY: number;
+    headerPaddingX: number;
+    headerPaddingY: number;
+    toolbarPadding: number;
+    actionGap: number;
+};
+export declare const tableAnimation: {
+    duration: number;
+    easing: string;
+    hover: string;
+};
+export declare const tableBorders: {
+    radius: number;
+    width: number;
+    style: string;
+};
+export declare const tableShadows: {
+    default: string;
+    hover: string;
+    elevated: string;
+    card: string;
+};
+export declare const statusBadgeTokens: Record<'success' | 'warning' | 'error' | 'info' | 'default', {
+    background: string;
+    text: string;
+    border: string;
+}>;
+export declare const tableTheme: {
+    light: {
+        background: string;
+        headerBg: string;
+        rowBackground: string;
+        rowBackgroundAlt: string;
+        rowHover: string;
+        rowSelected: string;
+        border: string;
+        text: string;
+        textSecondary: string;
+    };
+    dark: {
+        background: string;
+        headerBg: string;
+        rowBackground: string;
+        rowBackgroundAlt: string;
+        rowHover: string;
+        rowSelected: string;
+        border: string;
+        text: string;
+        textSecondary: string;
+    };
+};
+//# sourceMappingURL=tokens.d.ts.map

package/dist/components/DataTable/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/tokens.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC;AAMlE,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,YAAY,EAAE;IAC/C,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;CACvB,CAqCA,CAAC;AAMF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;CAyBvB,CAAC;AAMF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;CAwB3B,CAAC;AAMF,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAC;AAMF,eAAO,MAAM,cAAc;;;;CAI1B,CAAC;AAMF,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAMF,eAAO,MAAM,YAAY;;;;;CAKxB,CAAC;AAMF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,EAAE;IAC3F,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,CA0BA,CAAC;AAMF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;CAuBtB,CAAC"}