@omnitron-dev/prism 0.2.0 → 0.3.0

package/dist/components/accordion/accordion.d.ts

@@ -0,0 +1,149 @@
+/**
+ * Accordion Component
+ *
+ * Expandable content panels.
+ *
+ * @module components/accordion
+ */
+import type { ReactNode, ComponentProps } from 'react';
+import MuiAccordion from '@mui/material/Accordion';
+/**
+ * Accordion item definition.
+ */
+export interface AccordionItem {
+    /** Unique identifier */
+    id: string;
+    /** Header title */
+    title: string;
+    /** Optional subtitle */
+    subtitle?: string;
+    /** Panel content */
+    content: ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Optional icon */
+    icon?: ReactNode;
+}
+/**
+ * Props for Accordion component.
+ */
+export interface AccordionProps {
+    /** Accordion items */
+    items: AccordionItem[];
+    /** Allow multiple panels open (default: false for single-open mode) */
+    multiple?: boolean;
+    /** Default expanded panel(s) */
+    defaultExpanded?: string | string[];
+    /** Controlled expanded state */
+    expanded?: string | string[];
+    /** Change handler */
+    onChange?: (expanded: string[]) => void;
+    /** Accordion variant */
+    variant?: 'default' | 'outlined' | 'elevated';
+    /** Disable gutter between panels */
+    disableGutters?: boolean;
+}
+/**
+ * Accordion - Expandable content panels.
+ *
+ * @example
+ * ```tsx
+ * // Single-open mode (default)
+ * <Accordion
+ *   items={[
+ *     { id: 'panel1', title: 'Section 1', content: <Panel1Content /> },
+ *     { id: 'panel2', title: 'Section 2', content: <Panel2Content /> },
+ *     { id: 'panel3', title: 'Section 3', content: <Panel3Content /> },
+ *   ]}
+ *   defaultExpanded="panel1"
+ * />
+ *
+ * // Multiple-open mode
+ * <Accordion
+ *   items={items}
+ *   multiple
+ *   defaultExpanded={['panel1', 'panel3']}
+ * />
+ * ```
+ */
+export declare function Accordion({ items, multiple, defaultExpanded, expanded: controlledExpanded, onChange, variant, disableGutters, }: AccordionProps): ReactNode;
+/**
+ * Props for SimpleAccordion component.
+ */
+export interface SimpleAccordionProps extends Omit<ComponentProps<typeof MuiAccordion>, 'children'> {
+    /** Header title */
+    title: string;
+    /** Optional subtitle */
+    subtitle?: string;
+    /** Panel content */
+    children: ReactNode;
+    /** Optional icon */
+    icon?: ReactNode;
+}
+/**
+ * SimpleAccordion - Single expandable panel.
+ *
+ * @example
+ * ```tsx
+ * <SimpleAccordion title="Advanced Settings" defaultExpanded>
+ *   <AdvancedSettings />
+ * </SimpleAccordion>
+ * ```
+ */
+export declare function SimpleAccordion({ title, subtitle, children, icon, ...props }: SimpleAccordionProps): ReactNode;
+/**
+ * Hook for managing accordion state externally.
+ */
+export interface UseAccordionOptions {
+    /** Allow multiple panels open */
+    multiple?: boolean;
+    /** Default expanded panel(s) */
+    defaultExpanded?: string | string[];
+    /** Callback when expanded panels change */
+    onChange?: (expanded: string[]) => void;
+}
+export interface UseAccordionReturn {
+    /** Currently expanded panel(s) */
+    expanded: string[];
+    /** Check if a panel is expanded */
+    isExpanded: (id: string) => boolean;
+    /** Toggle a panel */
+    toggle: (id: string) => void;
+    /** Expand a panel */
+    expand: (id: string) => void;
+    /** Collapse a panel */
+    collapse: (id: string) => void;
+    /** Expand all panels */
+    expandAll: (ids: string[]) => void;
+    /** Collapse all panels */
+    collapseAll: () => void;
+    /** Props to spread on Accordion component */
+    accordionProps: {
+        expanded: string[];
+        multiple: boolean;
+        onChange: (expanded: string[]) => void;
+    };
+}
+/**
+ * useAccordion - Hook for external accordion state management.
+ *
+ * @example
+ * ```tsx
+ * const { accordionProps, expandAll, collapseAll } = useAccordion({
+ *   multiple: true,
+ *   defaultExpanded: ['panel1'],
+ * });
+ *
+ * return (
+ *   <>
+ *     <button onClick={() => expandAll(['panel1', 'panel2', 'panel3'])}>
+ *       Expand All
+ *     </button>
+ *     <button onClick={collapseAll}>Collapse All</button>
+ *     <Accordion {...accordionProps} items={items} />
+ *   </>
+ * );
+ * ```
+ */
+export declare function useAccordion({ multiple, defaultExpanded, onChange, }?: UseAccordionOptions): UseAccordionReturn;
+//# sourceMappingURL=accordion.d.ts.map

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

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

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

@@ -0,0 +1,7 @@
+/**
+ * Accordion Component Exports
+ *
+ * @module components/accordion
+ */
+export { Accordion, SimpleAccordion, useAccordion, type AccordionProps, type AccordionItem, type SimpleAccordionProps, type UseAccordionOptions, type UseAccordionReturn, } from './accordion.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,SAAS,EACT,eAAe,EACf,YAAY,EACZ,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,GACxB,MAAM,gBAAgB,CAAC"}

package/dist/components/admin-filters/admin-data-table.d.ts

@@ -0,0 +1,185 @@
+import type { ReactNode } from 'react';
+import type { SxProps, Theme } from '@mui/material/styles';
+export interface ColumnDef<T> {
+    /** Unique column identifier */
+    key: string;
+    /** Column header label */
+    header: string;
+    /** Column width */
+    width?: number | string;
+    /** Whether column is sortable */
+    sortable?: boolean;
+    /** Cell alignment */
+    align?: 'left' | 'center' | 'right';
+    /** Custom cell renderer */
+    render: (row: T, index: number) => ReactNode;
+}
+export interface AdminDataTableProps<T> {
+    /** Column definitions */
+    columns: ColumnDef<T>[];
+    /** Data rows */
+    data: T[];
+    /** Total number of rows (for pagination) */
+    total: number;
+    /** Loading state */
+    loading?: boolean;
+    /**
+     * Placeholder rows drawn while `loading`, capped by `pageSize`.
+     * Defaults to 5 — see the note where they are built.
+     */
+    loadingRows?: number;
+    /** Current page (0-indexed) */
+    page: number;
+    /** Rows per page */
+    pageSize: number;
+    /** Page change handler */
+    onPageChange: (page: number) => void;
+    /** Page size change handler */
+    onPageSizeChange?: (size: number) => void;
+    /** Current sort column key */
+    sortBy?: string;
+    /** Current sort direction */
+    sortOrder?: 'asc' | 'desc';
+    /** Sort change handler */
+    onSort?: (column: string) => void;
+    /** Message shown when no data */
+    emptyMessage?: string;
+    /**
+     * Why the table has no rows, when the reason is a failure rather than an
+     * absence.
+     *
+     * "No data found" and "we could not load this" look identical without it,
+     * and the first reads as a healthy answer. That confusion is not
+     * hypothetical: the omnitron console's traces page had both of its queries
+     * failing against the database schema, had never returned a row, and
+     * displayed "No traces collected yet" — a plausible answer that was not the
+     * true one, for as long as the page had existed.
+     *
+     * When there are no rows, the empty state says the data could not be
+     * loaded and shows this text as the reason, instead of `emptyMessage`.
+     *
+     * When there ARE rows it is a partial failure — some of the data arrived
+     * and some did not — and a bar above the table says so. That case was
+     * originally ignored, on the reasoning that rows on screen are their own
+     * answer. They are not: a list that is short because one of its sources
+     * failed looks exactly like a list that is short, which is the whole
+     * defect this prop exists to remove, surviving in the case where it does
+     * the most damage.
+     */
+    loadError?: string | null;
+    /**
+     * What to CALL a failed read, in the reader's language.
+     *
+     * `loadError` itself is a reason the caller has already translated; these
+     * two are the sentences around it, and they were English literals in this
+     * file. That was invisible while one consumer passed `loadError` at all —
+     * and the moment four more did, four Russian screens grew an English
+     * heading. Same contract as `emptyMessage` and `paginationLabels`: the
+     * component states the situation, the host names it. Omitted, the English
+     * defaults apply.
+     */
+    loadErrorLabels?: {
+        /** Heading when the list is empty AND the read failed. */
+        empty?: string;
+        /** Heading when some rows arrived and the read still failed. */
+        partial?: string;
+    };
+    /** Extract unique key from row */
+    rowKey?: (row: T) => string;
+    /** Row click handler */
+    onRowClick?: (row: T) => void;
+    /**
+     * Per-row styling, for state a single column cannot carry.
+     *
+     * A disabled rule, a superseded release, a row the reader should still be
+     * able to read but not act on: the signal belongs to the whole row, and
+     * painting it cell by cell makes one row look like six unrelated ones.
+     * Returned styles are merged over the row's own (cursor, hover, selected).
+     */
+    rowSx?: (row: T, index: number) => SxProps<Theme>;
+    /**
+     * Detail rendered in a full-width row directly under `row`, when it returns
+     * something. Return `null`/`undefined` for a row that is not expanded.
+     *
+     * Expansion state belongs to the caller — which row is open is usually tied
+     * to a URL, a keyboard handler, or a single-open-at-a-time rule this
+     * component has no opinion about. Without this, a table that expands a row
+     * had to be built by hand, and omnitron's console has two that still are:
+     * pipeline run history and the trace list.
+     */
+    renderExpanded?: (row: T, index: number) => ReactNode;
+    /** Page size options for the selector */
+    pageSizeOptions?: number[];
+    /** Sticky header */
+    stickyHeader?: boolean;
+    /** Dense mode (less padding) */
+    dense?: boolean;
+    /** Container max height */
+    maxHeight?: number | string;
+    /**
+     * Localised labels for the underlying MUI TablePagination. When
+     * omitted, the MUI defaults (English) apply — consumers that
+     * need a translated UI pass the strings from their i18n layer.
+     */
+    paginationLabels?: {
+        /** "Rows per page:" label next to the page-size selector */
+        rowsPerPage?: string;
+        /** Renderer for the "1–10 of 42" line. Same signature as MUI's labelDisplayedRows. */
+        displayedRows?: (info: {
+            from: number;
+            to: number;
+            count: number;
+            page: number;
+        }) => React.ReactNode;
+    };
+    /** Additional styles */
+    sx?: SxProps<Theme>;
+    /**
+     * Multi-select mode — adds a leading checkbox column and a header
+     * checkbox that toggles all rows on the current page. Selection
+     * state is controlled: pass `selectedKeys` and `onSelectionChange`.
+     */
+    selectable?: boolean;
+    /** Currently-selected row keys (matched against `rowKey(row)`). */
+    selectedKeys?: ReadonlySet<string>;
+    /** Selection change handler. The new set is rebuilt every change. */
+    onSelectionChange?: (keys: Set<string>) => void;
+    /**
+     * Render slot displayed above the table whenever `selectedKeys` is
+     * non-empty — typically a row of bulk-action buttons. Receives the
+     * current selection so callers can wire actions without re-tracking
+     * state externally.
+     */
+    bulkActions?: (selected: ReadonlySet<string>) => ReactNode;
+}
+/**
+ * AdminDataTable - Data table optimized for admin sections.
+ *
+ * Features skeleton loading rows, sortable column headers, empty states,
+ * alternating row colors, sticky header support, and compact pagination.
+ *
+ * @example
+ * ```tsx
+ * const columns: ColumnDef<Transaction>[] = [
+ *   { key: 'id', header: 'ID', width: 80, render: (row) => row.id },
+ *   { key: 'amount', header: 'Amount', align: 'right', sortable: true,
+ *     render: (row) => <AmountCell amount={row.amount} currency="BTC" /> },
+ *   { key: 'status', header: 'Status', render: (row) => <StatusChip status={row.status} /> },
+ * ];
+ *
+ * <AdminDataTable
+ *   columns={columns}
+ *   data={transactions}
+ *   total={1200}
+ *   page={0}
+ *   pageSize={25}
+ *   onPageChange={setPage}
+ *   loading={isLoading}
+ *   sortBy="amount"
+ *   sortOrder="desc"
+ *   onSort={handleSort}
+ * />
+ * ```
+ */
+export declare function AdminDataTable<T>({ columns, data, total, loading, loadingRows, page, pageSize, onPageChange, onPageSizeChange, sortBy, sortOrder, onSort, emptyMessage, loadError, loadErrorLabels, rowKey, onRowClick, rowSx, renderExpanded, pageSizeOptions, stickyHeader, dense, maxHeight, paginationLabels, sx, selectable, selectedKeys, onSelectionChange, bulkActions, }: AdminDataTableProps<T>): ReactNode;
+//# sourceMappingURL=admin-data-table.d.ts.map

package/dist/components/admin-filters/admin-data-table.d.ts.map

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

package/dist/components/admin-filters/amount-cell.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Amount Cell Component
+ *
+ * Formatted amount display for financial tables with monospace font,
+ * optional sign coloring, and currency display.
+ *
+ * @module components/admin-filters
+ */
+import type { ReactNode } from 'react';
+import type { SxProps, Theme } from '@mui/material/styles';
+export interface AmountCellProps {
+    /** Amount as string (to preserve precision for crypto values) */
+    amount: string;
+    /** Currency code (e.g. "BTC", "USD", "XMR") */
+    currency?: string;
+    /** Number of decimal places */
+    decimals?: number;
+    /** Show +/- sign prefix */
+    showSign?: boolean;
+    /** Color positive green / negative red */
+    color?: boolean;
+    /** Additional styles */
+    sx?: SxProps<Theme>;
+}
+/**
+ * AmountCell - Formatted amount display for financial data.
+ *
+ * Uses monospace font for alignment. Supports sign display, color coding
+ * (green for positive, red for negative), and currency suffixes.
+ *
+ * @example
+ * ```tsx
+ * <AmountCell amount="1234.56" currency="BTC" decimals={8} />
+ * <AmountCell amount="-500.00" currency="USD" showSign color />
+ * <AmountCell amount="0.00045123" currency="XMR" decimals={12} />
+ * ```
+ */
+export declare function AmountCell({ amount, currency, decimals, showSign, color, sx, }: AmountCellProps): ReactNode;
+//# sourceMappingURL=amount-cell.d.ts.map

package/dist/components/admin-filters/amount-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"amount-cell.d.ts","sourceRoot":"","sources":["../../../src/components/admin-filters/amount-cell.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAQ3D,MAAM,WAAW,eAAe;IAC9B,iEAAiE;IACjE,MAAM,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wBAAwB;IACxB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAiCD;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,KAAa,EACb,EAAE,GACH,EAAE,eAAe,GAAG,SAAS,CAoD7B"}

package/dist/components/admin-filters/filter-toolbar.d.ts

@@ -0,0 +1,99 @@
+/**
+ * Filter Toolbar Component
+ *
+ * Declarative filter toolbar for admin sections. Renders filters based on
+ * a configuration array, supporting search, select, multi-select, date ranges,
+ * boolean toggles, and number ranges.
+ *
+ * @module components/admin-filters
+ */
+import type { ReactNode } from 'react';
+import type { SxProps, Theme } from '@mui/material/styles';
+export type FilterType = 'search' | 'select' | 'multi-select' | 'date-range' | 'boolean' | 'number-range';
+export interface FilterOption {
+    value: string;
+    label: string;
+    color?: string;
+}
+export interface FilterConfig {
+    /** Unique key used as the property name in FilterValues */
+    key: string;
+    /** Type of filter to render */
+    type: FilterType;
+    /** Display label */
+    label: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Options for select / multi-select filters */
+    options?: FilterOption[];
+    /** Width of the filter control */
+    width?: number | string;
+    /** Default value */
+    defaultValue?: unknown;
+}
+export interface FilterValues {
+    [key: string]: unknown;
+    search?: string;
+    dateFrom?: string;
+    dateTo?: string;
+}
+export interface FilterToolbarProps {
+    /** Filter configurations */
+    filters: FilterConfig[];
+    /** Current filter values */
+    values: FilterValues;
+    /** Called when any filter value changes */
+    onChange: (values: FilterValues) => void;
+    /** Called when the reset button is clicked */
+    onReset?: () => void;
+    /** Total count to display */
+    total?: number;
+    /** Debounce delay for search input in ms */
+    searchDebounce?: number;
+    /** Compact mode (single row) */
+    compact?: boolean;
+    /** Additional styles */
+    sx?: SxProps<Theme>;
+    /**
+     * Localized label for the Reset button. Defaults to "Reset" so
+     * existing call sites still work; pass `t('common.reset')` from
+     * the host app to translate.
+     */
+    resetLabel?: string;
+    /**
+     * Formatter for the "N results" counter below the toolbar.
+     * Defaults to English pluralisation. Pass a function from the host
+     * app's i18n to get plural-aware translation, e.g.
+     *   (n) => t('common.resultsCount', { count: n })
+     * Receives the already-formatted number string for direct use.
+     */
+    resultsLabel?: (count: number) => string;
+}
+/**
+ * FilterToolbar - Declarative filter toolbar for admin sections.
+ *
+ * Renders a row of filter controls based on a configuration array.
+ * Supports search (debounced), select, multi-select, date-range,
+ * boolean, and number-range filters.
+ *
+ * @example
+ * ```tsx
+ * const filters: FilterConfig[] = [
+ *   { key: 'search', type: 'search', label: 'Search', placeholder: 'Search users...' },
+ *   { key: 'status', type: 'select', label: 'Status', options: [
+ *     { value: 'active', label: 'Active' },
+ *     { value: 'blocked', label: 'Blocked' },
+ *   ]},
+ *   { key: 'verified', type: 'boolean', label: 'Verified' },
+ * ];
+ *
+ * <FilterToolbar
+ *   filters={filters}
+ *   values={filterValues}
+ *   onChange={setFilterValues}
+ *   total={245}
+ * />
+ * ```
+ */
+export declare function FilterToolbar({ filters, values, onChange, onReset, total, searchDebounce, compact, sx, resetLabel, resultsLabel, }: FilterToolbarProps): ReactNode;
+//# sourceMappingURL=filter-toolbar.d.ts.map

package/dist/components/admin-filters/filter-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/admin-filters/filter-toolbar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAWpD,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAS3D,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,cAAc,GAAG,YAAY,GAAG,SAAS,GAAG,cAAc,CAAC;AAE1G,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,2DAA2D;IAC3D,GAAG,EAAE,MAAM,CAAC;IACZ,+BAA+B;IAC/B,IAAI,EAAE,UAAU,CAAC;IACjB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,oBAAoB;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,4BAA4B;IAC5B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,4BAA4B;IAC5B,MAAM,EAAE,YAAY,CAAC;IACrB,2CAA2C;IAC3C,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB;IACxB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1C;AAkDD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,cAAoB,EACpB,OAAe,EACf,EAAE,EACF,UAAoB,EACpB,YAAY,GACb,EAAE,kBAAkB,GAAG,SAAS,CAyVhC"}

package/dist/components/admin-filters/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Admin Filters & Table Components
+ *
+ * Unified filter toolbar, data table, status chip, and amount cell
+ * for all admin sections of the platform.
+ *
+ * @module components/admin-filters
+ */
+export { FilterToolbar, type FilterConfig, type FilterValues, type FilterOption, type FilterToolbarProps, type FilterType, } from './filter-toolbar.js';
+export { AdminDataTable, type ColumnDef, type AdminDataTableProps } from './admin-data-table.js';
+export { StatusChip, type StatusChipProps, type StatusColor } from './status-chip.js';
+export { AmountCell, type AmountCellProps } from './amount-cell.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/admin-filters/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/admin-filters/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,aAAa,EACb,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,kBAAkB,EACvB,KAAK,UAAU,GAChB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjG,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEtF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/admin-filters/status-chip.d.ts

@@ -0,0 +1,55 @@
+/**
+ * Status Chip Component
+ *
+ * Universal status badge with automatic color mapping.
+ *
+ * @module components/admin-filters
+ */
+import type { ReactNode, Ref } from 'react';
+import { type ChipProps } from '@mui/material/Chip';
+import type { SxProps, Theme } from '@mui/material/styles';
+export type StatusColor = 'success' | 'error' | 'warning' | 'info' | 'default';
+interface StatusChipOwnProps {
+    /** Status string to display (drives color mapping) */
+    status: string;
+    /**
+     * Optional display override — pass a localized label while keeping
+     * `status` as the raw enum value used for color mapping. When omitted,
+     * the chip falls back to the capitalized `status` string.
+     */
+    label?: ReactNode;
+    /** Map status values to colors */
+    colorMap?: Record<string, StatusColor>;
+    /** Chip size */
+    size?: 'small' | 'medium';
+    /** Additional styles */
+    sx?: SxProps<Theme>;
+}
+/**
+ * The chip takes `ref` and passes everything else to MUI's `Chip`, as every
+ * leaf in this library does: the portal's members tab put two of these
+ * inside a `Tooltip`, which attaches its ref and its hover handlers to its
+ * child — and a chip that dropped both was a tooltip that never opened.
+ */
+export type StatusChipProps = StatusChipOwnProps & Omit<ChipProps, keyof StatusChipOwnProps | 'ref'> & {
+    ref?: Ref<HTMLDivElement>;
+};
+/**
+ * StatusChip - Universal status badge with color mapping.
+ *
+ * Automatically maps common status strings to appropriate colors.
+ * Provide a custom `colorMap` to override or extend the defaults.
+ *
+ * @example
+ * ```tsx
+ * <StatusChip status="active" />
+ * <StatusChip status="pending" size="small" />
+ * <StatusChip
+ *   status="custom"
+ *   colorMap={{ custom: 'info', special: 'success' }}
+ * />
+ * ```
+ */
+export declare function StatusChip({ status, label, colorMap, size, sx, ref, ...other }: StatusChipProps): ReactNode;
+export {};
+//# sourceMappingURL=status-chip.d.ts.map

package/dist/components/admin-filters/status-chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-chip.d.ts","sourceRoot":"","sources":["../../../src/components/admin-filters/status-chip.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAM3D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AAE/E,UAAU,kBAAkB;IAC1B,sDAAsD;IACtD,MAAM,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACvC,gBAAgB;IAChB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,wBAAwB;IACxB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,IAAI,CAAC,SAAS,EAAE,MAAM,kBAAkB,GAAG,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,CAAC;AA2CpF;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAc,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,SAAS,CAyCrH"}