eidos-ui 0.1.0

package/dist/color-picker/index.d.ts

@@ -0,0 +1,40 @@
+import React__default from 'react';
+import { C as ComponentSizeProps } from '../sizes-DM6Rrrgq.js';
+
+type ColorFormat = 'hex' | 'rgb' | 'hsl';
+interface RGBColor {
+    r: number;
+    g: number;
+    b: number;
+}
+interface HSLColor {
+    h: number;
+    s: number;
+    l: number;
+}
+interface ColorPickerProps {
+    /** Controlled hex value, e.g. '#6366f1' */
+    value?: string;
+    /** Initial hex value for uncontrolled usage */
+    defaultValue?: string;
+    /** Fires on every color change with the new hex string */
+    onChange?: (hex: string) => void;
+    /** Which text-input format to show initially. Default: 'hex' */
+    format?: ColorFormat;
+    /** Show the alpha (opacity) slider. Default: false */
+    showAlpha?: boolean;
+    /** Show preset colour swatches. Default: true */
+    showSwatches?: boolean;
+    /** Override the default swatch palette with custom hex strings */
+    swatches?: string[];
+    disabled?: boolean;
+    size?: ComponentSizeProps;
+    /** Render the picker panel inline - no popover trigger. Default: false */
+    inline?: boolean;
+    label?: string;
+    className?: string;
+}
+
+declare const ColorPicker: React__default.FC<ColorPickerProps>;
+
+export { type ColorFormat, ColorPicker, type ColorPickerProps, type HSLColor, type RGBColor };

package/dist/color-picker/index.js

@@ -0,0 +1,9 @@
+import {
+  ColorPicker
+} from "../chunk-T56K5IKQ.js";
+import "../chunk-SXF3TCYA.js";
+import "../chunk-5WRI5ZAA.js";
+export {
+  ColorPicker
+};
+//# sourceMappingURL=index.js.map

package/dist/color-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/combobox/index.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkGI7WPGP2cjs = require('../chunk-GI7WPGP2.cjs');
+require('../chunk-CDV2OAS3.cjs');
+require('../chunk-KV2FG7AN.cjs');
+require('../chunk-TBMVUI7S.cjs');
+require('../chunk-R5QPUQSI.cjs');
+require('../chunk-DZUJEN5N.cjs');
+
+
+exports.Combobox = _chunkGI7WPGP2cjs.Combobox;
+//# sourceMappingURL=index.cjs.map

package/dist/combobox/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/combobox/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,8CAAC","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/combobox/index.cjs"}

package/dist/combobox/index.d.cts

@@ -0,0 +1,37 @@
+import React__default from 'react';
+import { C as ComponentSizeProps } from '../sizes-DM6Rrrgq.cjs';
+
+interface ComboboxOption {
+    id: string;
+    label: string;
+    value: string;
+    description?: string;
+    disabled?: boolean;
+    group?: string;
+}
+interface ComboboxProps {
+    options?: ComboboxOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    onSearch?: (query: string) => void;
+    placeholder?: string;
+    loading?: boolean;
+    loadingText?: string;
+    emptyText?: string;
+    allowFreeText?: boolean;
+    clearable?: boolean;
+    disabled?: boolean;
+    size?: ComponentSizeProps;
+    label?: string;
+    error?: string;
+    hint?: string;
+    fullWidth?: boolean;
+    className?: string;
+    maxHeight?: number | string;
+    renderOption?: (option: ComboboxOption) => React__default.ReactNode;
+}
+
+declare const Combobox: React__default.FC<ComboboxProps>;
+
+export { Combobox, type ComboboxOption, type ComboboxProps };

package/dist/combobox/index.d.ts

@@ -0,0 +1,37 @@
+import React__default from 'react';
+import { C as ComponentSizeProps } from '../sizes-DM6Rrrgq.js';
+
+interface ComboboxOption {
+    id: string;
+    label: string;
+    value: string;
+    description?: string;
+    disabled?: boolean;
+    group?: string;
+}
+interface ComboboxProps {
+    options?: ComboboxOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    onSearch?: (query: string) => void;
+    placeholder?: string;
+    loading?: boolean;
+    loadingText?: string;
+    emptyText?: string;
+    allowFreeText?: boolean;
+    clearable?: boolean;
+    disabled?: boolean;
+    size?: ComponentSizeProps;
+    label?: string;
+    error?: string;
+    hint?: string;
+    fullWidth?: boolean;
+    className?: string;
+    maxHeight?: number | string;
+    renderOption?: (option: ComboboxOption) => React__default.ReactNode;
+}
+
+declare const Combobox: React__default.FC<ComboboxProps>;
+
+export { Combobox, type ComboboxOption, type ComboboxProps };

package/dist/combobox/index.js

@@ -0,0 +1,12 @@
+import {
+  Combobox
+} from "../chunk-XMRMCWSQ.js";
+import "../chunk-A35Y5MRJ.js";
+import "../chunk-SXF3TCYA.js";
+import "../chunk-XSGUFMT4.js";
+import "../chunk-H523JFY2.js";
+import "../chunk-5WRI5ZAA.js";
+export {
+  Combobox
+};
+//# sourceMappingURL=index.js.map

package/dist/combobox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/command-palette/index.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkPEPYVWGYcjs = require('../chunk-PEPYVWGY.cjs');
+require('../chunk-VW32UTUE.cjs');
+require('../chunk-5TGBNYZK.cjs');
+require('../chunk-DZUJEN5N.cjs');
+
+
+exports.CommandPalette = _chunkPEPYVWGYcjs.CommandPalette;
+//# sourceMappingURL=index.cjs.map

package/dist/command-palette/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/command-palette/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,0DAAC","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/command-palette/index.cjs"}

package/dist/command-palette/index.d.cts

@@ -0,0 +1,7 @@
+import React__default from 'react';
+import { a as CommandPaletteProps } from '../CommandPalette.types-DRMMS_ev.cjs';
+export { C as CommandItem } from '../CommandPalette.types-DRMMS_ev.cjs';
+
+declare const CommandPalette: React__default.FC<CommandPaletteProps>;
+
+export { CommandPalette, CommandPaletteProps };

package/dist/command-palette/index.d.ts

@@ -0,0 +1,7 @@
+import React__default from 'react';
+import { a as CommandPaletteProps } from '../CommandPalette.types-DRMMS_ev.js';
+export { C as CommandItem } from '../CommandPalette.types-DRMMS_ev.js';
+
+declare const CommandPalette: React__default.FC<CommandPaletteProps>;
+
+export { CommandPalette, CommandPaletteProps };

package/dist/command-palette/index.js

@@ -0,0 +1,10 @@
+import {
+  CommandPalette
+} from "../chunk-VFYG7GAH.js";
+import "../chunk-XUZOU2EB.js";
+import "../chunk-73EKJU4G.js";
+import "../chunk-5WRI5ZAA.js";
+export {
+  CommandPalette
+};
+//# sourceMappingURL=index.js.map

package/dist/command-palette/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/context-menu/index.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkP74HNSNJcjs = require('../chunk-P74HNSNJ.cjs');
+require('../chunk-BFYSYUA6.cjs');
+require('../chunk-KV2FG7AN.cjs');
+require('../chunk-5TGBNYZK.cjs');
+require('../chunk-TBMVUI7S.cjs');
+require('../chunk-R5QPUQSI.cjs');
+require('../chunk-DZUJEN5N.cjs');
+
+
+exports.ContextMenu = _chunkP74HNSNJcjs.ContextMenu;
+//# sourceMappingURL=index.cjs.map

package/dist/context-menu/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/context-menu/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,oDAAC","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/context-menu/index.cjs"}

package/dist/context-menu/index.d.cts

@@ -0,0 +1,38 @@
+import React__default from 'react';
+import { b as MenuItemType } from '../Menu.types-DwcuCZM7.cjs';
+import '../renderIcon-C2lEMMzb.cjs';
+
+interface ContextMenuProps {
+    /** Menu items to show on right-click. Supports all MenuItemType variants. */
+    items: MenuItemType[];
+    /** The element(s) that the context menu is attached to. */
+    children: React.ReactNode;
+    /** Disable the context menu (falls through to the browser's native menu). */
+    disabled?: boolean;
+    className?: string;
+}
+
+/**
+ * ContextMenu - wraps any content and attaches a right-click (or long-press)
+ * triggered menu positioned at the cursor.
+ *
+ * The browser's native context menu is suppressed when `disabled` is false.
+ * The menu closes on: click outside, item selection, Escape, and scroll.
+ *
+ * @example
+ * ```tsx
+ * <ContextMenu
+ *   items={[
+ *     { type: 'item', id: 'copy',   label: 'Copy',   icon: Copy,   onClick: () => copy() },
+ *     { type: 'item', id: 'cut',    label: 'Cut',    icon: Scissors, onClick: () => cut() },
+ *     { type: 'separator', id: 'sep1' },
+ *     { type: 'item', id: 'delete', label: 'Delete', icon: Trash2, onClick: () => remove(), disabled: true },
+ *   ]}
+ * >
+ *   <div className="canvas-area">...</div>
+ * </ContextMenu>
+ * ```
+ */
+declare const ContextMenu: React__default.FC<ContextMenuProps>;
+
+export { ContextMenu, type ContextMenuProps };

package/dist/context-menu/index.d.ts

@@ -0,0 +1,38 @@
+import React__default from 'react';
+import { b as MenuItemType } from '../Menu.types-DNIpjSAK.js';
+import '../renderIcon-C2lEMMzb.js';
+
+interface ContextMenuProps {
+    /** Menu items to show on right-click. Supports all MenuItemType variants. */
+    items: MenuItemType[];
+    /** The element(s) that the context menu is attached to. */
+    children: React.ReactNode;
+    /** Disable the context menu (falls through to the browser's native menu). */
+    disabled?: boolean;
+    className?: string;
+}
+
+/**
+ * ContextMenu - wraps any content and attaches a right-click (or long-press)
+ * triggered menu positioned at the cursor.
+ *
+ * The browser's native context menu is suppressed when `disabled` is false.
+ * The menu closes on: click outside, item selection, Escape, and scroll.
+ *
+ * @example
+ * ```tsx
+ * <ContextMenu
+ *   items={[
+ *     { type: 'item', id: 'copy',   label: 'Copy',   icon: Copy,   onClick: () => copy() },
+ *     { type: 'item', id: 'cut',    label: 'Cut',    icon: Scissors, onClick: () => cut() },
+ *     { type: 'separator', id: 'sep1' },
+ *     { type: 'item', id: 'delete', label: 'Delete', icon: Trash2, onClick: () => remove(), disabled: true },
+ *   ]}
+ * >
+ *   <div className="canvas-area">...</div>
+ * </ContextMenu>
+ * ```
+ */
+declare const ContextMenu: React__default.FC<ContextMenuProps>;
+
+export { ContextMenu, type ContextMenuProps };

package/dist/context-menu/index.js

@@ -0,0 +1,13 @@
+import {
+  ContextMenu
+} from "../chunk-YCUT6NQ4.js";
+import "../chunk-O6B4KB4D.js";
+import "../chunk-SXF3TCYA.js";
+import "../chunk-73EKJU4G.js";
+import "../chunk-XSGUFMT4.js";
+import "../chunk-H523JFY2.js";
+import "../chunk-5WRI5ZAA.js";
+export {
+  ContextMenu
+};
+//# sourceMappingURL=index.js.map

package/dist/context-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/data-grid/index.cjs

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkHPIBYEGEcjs = require('../chunk-HPIBYEGE.cjs');
+require('../chunk-L3UPSLJ5.cjs');
+require('../chunk-R36SGSJX.cjs');
+require('../chunk-VZ43OLU6.cjs');
+require('../chunk-SAFSEXMU.cjs');
+require('../chunk-SJDTFR3I.cjs');
+require('../chunk-I44YNYI6.cjs');
+require('../chunk-VYV45YOK.cjs');
+require('../chunk-QGZF5MOS.cjs');
+require('../chunk-XJAXKENE.cjs');
+require('../chunk-V5JNYS77.cjs');
+require('../chunk-G2FANEA2.cjs');
+require('../chunk-CDV2OAS3.cjs');
+require('../chunk-BFYSYUA6.cjs');
+require('../chunk-KV2FG7AN.cjs');
+require('../chunk-5TGBNYZK.cjs');
+require('../chunk-EACNRR3C.cjs');
+require('../chunk-LTOHGCU4.cjs');
+require('../chunk-I6UOIS4J.cjs');
+require('../chunk-TBMVUI7S.cjs');
+require('../chunk-R5QPUQSI.cjs');
+require('../chunk-DZUJEN5N.cjs');
+
+
+exports.DataGrid = _chunkHPIBYEGEcjs.DataGrid;
+//# sourceMappingURL=index.cjs.map

package/dist/data-grid/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/data-grid/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,8CAAC","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/data-grid/index.cjs"}

package/dist/data-grid/index.d.cts

@@ -0,0 +1,217 @@
+import React__default from 'react';
+import { I as IconType } from '../renderIcon-C2lEMMzb.cjs';
+import { b as MenuItemType } from '../Menu.types-DwcuCZM7.cjs';
+import { d as TableFilters, B as BulkAction } from '../Table.types-DQ0ReOLj.cjs';
+export { a as BulkActionButton, b as BulkActionSplitButton, c as BulkActionSplitOption } from '../Table.types-DQ0ReOLj.cjs';
+import '../Button.types-DZRCVqyN.cjs';
+import '../sizes-DM6Rrrgq.cjs';
+
+type DataGridCellType = 'text' | 'number' | 'select' | 'checkbox' | 'date' | 'readonly' | 'actions';
+interface DataGridSelectOption {
+    value: string;
+    label: string;
+}
+/**
+ * Defines one filterable field for the grid's filter dropdown - see
+ * `DataGridProps.filterConfig`. Deliberately decoupled from `columns`: `key`
+ * doesn't need to match a rendered column, so you can filter on any row-data
+ * field (including ones you don't display), without hunting through column
+ * definitions to find which ones set a filter flag.
+ */
+interface DataGridFilterField {
+    /** Row data key this filter reads/writes. Does not need to match a `columns` entry. */
+    key: string;
+    label: string;
+    /** Filter UI type. @default 'text' */
+    filterType?: 'text' | 'select' | 'date' | 'boolean';
+    /** Options for filterType='select'. */
+    filterOptions?: Array<{
+        id: string;
+        value: string;
+        label: string;
+    }>;
+    /** UI mode for filterType='date'. @default 'single' */
+    dateFilterMode?: 'single' | 'multiple' | 'range';
+}
+/** A single entry in a `type: 'actions'` column's menu - see `DataGridColumn.actions`. */
+interface DataGridRowAction<T = Record<string, unknown>> {
+    /** Defaults to `label` if omitted - only needs to be unique within this column's `actions`. */
+    id?: string;
+    label: string;
+    icon?: IconType;
+    onClick: (row: T, index: number) => void;
+    disabled?: boolean | ((row: T) => boolean);
+    /** Styles the item (and its icon) in the danger colour, e.g. for a destructive action. */
+    danger?: boolean;
+    /** Renders a separator directly above this item. */
+    divider?: boolean;
+}
+interface DataGridColumn<T = Record<string, unknown>> {
+    /** Matches the key in the data row object. Unused when `type: 'actions'`, but still required - any placeholder string works. */
+    key: string;
+    header: string;
+    /** @default 'text' */
+    type?: DataGridCellType;
+    width?: number | string;
+    minWidth?: number | string;
+    /** @default true */
+    editable?: boolean;
+    /** Show error if cell is left empty */
+    required?: boolean;
+    /** For type='select' */
+    options?: DataGridSelectOption[];
+    /** Return an error string or `true` if valid */
+    validate?: (value: unknown) => string | true;
+    renderCell?: (value: unknown, row: T, rowIndex: number) => React__default.ReactNode;
+    renderEditor?: (value: unknown, onChange: (v: unknown) => void, row: T) => React__default.ReactNode;
+    /** Enable click-to-sort on this column */
+    sortable?: boolean;
+    /** Lock this column to the left or right edge on horizontal scroll */
+    pin?: 'left' | 'right';
+    /**
+     * The menu items shown for this row. Required for the column to render
+     * anything - a `type: 'actions'` column with no `actions` renders nothing.
+     * Only one column may set `type: 'actions'`; if several do, only the
+     * first is honored. Always rendered at the far right in table mode
+     * (regardless of the column's position in `columns` or any `pin`), and
+     * in the card's top-right corner in card view, regardless of position.
+     */
+    actions?: DataGridRowAction<T>[];
+    /** Overrides the default vertical "more" (⋮) trigger icon. */
+    actionsIcon?: IconType;
+    /**
+     * Escape hatch for menu capabilities `actions` can't express - nested
+     * submenus (`type: 'nested'`), custom content (`type: 'component'`), or
+     * keyboard `shortcut` labels. When set, this completely replaces `actions`
+     * for this column: you build the full `MenuItemType[]` yourself (including
+     * `id`s and `onClick` callbacks bound to `row`/`index`), and `actions` is
+     * ignored.
+     */
+    renderActions?: (row: T, index: number) => MenuItemType[];
+    /**
+     * Render this column's value as the card's title instead of a label:value
+     * field row. Only the first column with `cardHeader` set is used - if
+     * several are marked, the rest are silently ignored.
+     */
+    cardHeader?: boolean;
+    /**
+     * Render this column's value as the card's subtitle, directly under the
+     * `cardHeader` value. Only the first column with `cardSubheader` set is
+     * used. Has no effect without a `cardHeader` column also being set.
+     */
+    cardSubheader?: boolean;
+}
+interface DataGridProps<T extends Record<string, unknown> = Record<string, unknown>> {
+    columns: DataGridColumn<T>[];
+    data: T[];
+    /** Field name used as React key. @default 'id' */
+    rowKey?: string;
+    /** Called after each cell commit with the full updated dataset */
+    onChange?: (data: T[]) => void;
+    /** Returns a blank row object; if omitted, no Add-row button is shown */
+    onRowAdd?: () => T;
+    /** Master editable switch. @default false */
+    editable?: boolean;
+    loading?: boolean;
+    emptyText?: string;
+    className?: string;
+    stickyHeader?: boolean;
+    maxHeight?: string | number;
+    /** @default false */
+    showRowNumbers?: boolean;
+    /** Enable drag-to-reorder rows with a grip handle. @default false */
+    draggableRows?: boolean;
+    /** Called with the full re-ordered dataset after a drop. */
+    onRowReorder?: (newData: T[]) => void;
+    /** Controlled sort state. When provided, component is in server-side sort mode. */
+    currentSort?: {
+        key: string;
+        direction: 'asc' | 'desc';
+    };
+    /** Server-side sort callback. When omitted, sorting is handled client-side. */
+    onSortChange?: (key: string, direction: 'asc' | 'desc') => void;
+    /** Show the filter button in the toolbar. */
+    showFilters?: boolean;
+    /**
+     * Which fields can be filtered, and how - a dedicated schema array, kept
+     * separate from `columns` so it's one place to see every filterable field
+     * (including ones that aren't rendered as a column at all), rather than
+     * columns each carrying their own filter flag.
+     */
+    filterConfig?: DataGridFilterField[];
+    /** Controlled filter state (the current values, keyed by `filterConfig[].key`). When provided with onFiltersChange → server-side mode. */
+    filters?: TableFilters;
+    /** Filter change callback. When omitted, filtering is handled client-side. */
+    onFiltersChange?: (filters: TableFilters) => void;
+    showPagination?: boolean;
+    /** @default 10 */
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    /** Total row count for server-side pagination. Defaults to data.length. */
+    totalRows?: number;
+    /** Server-side pagination callback. When omitted, pagination is client-side. */
+    onPageChange?: (page: number, pageSize: number) => void;
+    selectable?: boolean;
+    /** Controlled selected row keys. */
+    selectedRows?: string[];
+    defaultSelectedRows?: string[];
+    onSelectionChange?: (selectedKeys: string[], selectedRows: T[]) => void;
+    bulkActions?: BulkAction<T>[];
+    /**
+     * Renders a chevron column (table mode) / toolbar toggle (card mode) that
+     * expands the row to show `renderExpandedContent`. Rendering nothing for a
+     * `renderExpandedContent`-less grid, since there'd be nothing to expand into.
+     * @default false
+     */
+    expandable?: boolean;
+    /** Content shown below a row once it's expanded. Required for `expandable` to do anything. */
+    renderExpandedContent?: (row: T, index: number) => React__default.ReactNode;
+    /** Per-row opt-out - rows this returns `false` for render no chevron/toggle and can't be expanded. */
+    isRowExpandable?: (row: T) => boolean;
+    /**
+     * Allow more than one row expanded at once. When `false`, expanding a row
+     * collapses whichever other row was open (accordion behaviour).
+     * @default true
+     */
+    expandMultiple?: boolean;
+    /** Controlled expanded row keys. */
+    expandedRows?: string[];
+    /** Uncontrolled initial expanded row keys. */
+    defaultExpandedRows?: string[];
+    onExpandedRowsChange?: (expandedKeys: string[]) => void;
+    /** @default 'comfortable' */
+    density?: 'compact' | 'comfortable' | 'spacious';
+    /** Show a density picker dropdown in the toolbar. @default false */
+    showDensity?: boolean;
+    /**
+     * Below `cardViewBreakpoint`, swap the table for a stacked list of cards -
+     * one per row. Only the row rendering changes: pagination, filtering,
+     * sorting, selection, and cell editing all keep working exactly as in
+     * table mode, driven off the grid's own measured width (not the viewport),
+     * so it responds correctly even inside a narrow sidebar on a wide screen.
+     * Row drag-reordering (`draggableRows`) is not available in card view.
+     * @default false
+     */
+    hasCardView?: boolean;
+    /** Container width (px) at/below which card view kicks in. @default 640 */
+    cardViewBreakpoint?: number;
+    /**
+     * Cards lay out in a responsive grid (CSS `repeat(auto-fill, minmax(...))`)
+     * rather than one per row - this sets the minimum width (px) a card can
+     * shrink to before the next one wraps to a new row, so as many fit per row
+     * as the container allows.
+     * @default 280
+     */
+    cardMinWidth?: number;
+}
+type EditingCell = {
+    rowIndex: number;
+    colKey: string;
+} | null;
+
+declare function DataGridInner<T extends Record<string, unknown>>({ columns, data, rowKey, onChange, onRowAdd, editable, loading, emptyText, className, stickyHeader, maxHeight, showRowNumbers, draggableRows, onRowReorder, currentSort, onSortChange, showFilters, filterConfig, filters, onFiltersChange, showPagination, pageSize, pageSizeOptions, totalRows: totalRowsProp, onPageChange, selectable, selectedRows: controlledSelectedRows, defaultSelectedRows, onSelectionChange, bulkActions, expandable, renderExpandedContent, isRowExpandable, expandMultiple, expandedRows: controlledExpandedRows, defaultExpandedRows, onExpandedRowsChange, density, showDensity, hasCardView, cardViewBreakpoint, cardMinWidth, }: DataGridProps<T>): React__default.ReactElement;
+declare const DataGrid: typeof DataGridInner & {
+    displayName: string;
+};
+
+export { BulkAction, DataGrid, type DataGridCellType, type DataGridColumn, type DataGridFilterField, type DataGridProps, type DataGridRowAction, type DataGridSelectOption, type EditingCell };