@itilite/lumina-ui 0.0.323 → 1.0.0-alpha

package/dist/Avatar-DX2JwvAs.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+interface AvatarProps {
+    img?: string;
+    className?: string;
+    name: string;
+    height?: number;
+    width?: number;
+    size?: "small" | "normal";
+}
+
+declare function Avatar({ img, className, name, height, width, size, }: AvatarProps): React.JSX.Element;
+declare namespace Avatar {
+    var displayName: string;
+}
+
+export { type AvatarProps as A, Avatar as a };

package/dist/Table-BA0D3p1m.d.mts

@@ -0,0 +1,78 @@
+import * as React from 'react';
+import { TableProps as TableProps$1, TablePaginationConfig } from 'antd';
+
+interface TableAccordionProps {
+    /** Accordion header title */
+    title: string;
+    /** Optional subtitle rendered below the title */
+    subtitle?: string;
+    /** Start expanded. Defaults to true */
+    defaultOpen?: boolean;
+    /** Extra class on the root wrapper */
+    className?: string;
+}
+interface TableToolbarProps {
+    /** Placeholder for the search input */
+    searchPlaceholder?: string;
+    /** Called when search value changes */
+    onSearch?: (value: string) => void;
+    /** Label for the Edit Columns button */
+    editColumnsLabel?: string;
+    /** Called when Edit Columns is clicked */
+    onEditColumns?: () => void;
+    /** Label for the Add Filter button */
+    addFilterLabel?: string;
+    /** Called when Add Filter is clicked */
+    onAddFilter?: () => void;
+    /** Extra class on the root wrapper */
+    className?: string;
+}
+interface TableProps<RecordType = any> extends Omit<TableProps$1<RecordType>, "size" | "bordered" | "pagination"> {
+    /**
+     * Lumina UI table variant.
+     * - `default`         – plain table card
+     * - `hover`           – row highlight on mouse-over
+     * - `selectable`      – intended for use with rowSelection
+     * - `accordion`       – renders table inside an Accordion card (uses accordionProps)
+     * - `toolbar`         – renders table inside a Toolbar layout (uses toolbarProps)
+     * - `accordion-child` – stripped variant for use when parent handles Accordion wrapper
+     * - `toolbar-child`   – stripped variant for use when parent handles Toolbar wrapper
+     */
+    variant?: "default" | "hover" | "selectable" | "accordion" | "toolbar" | "accordion-child" | "toolbar-child";
+    /**
+     * Table size. Defaults to 'middle'.
+     */
+    size?: "small" | "middle" | "large";
+    /**
+     * Extra class applied on the outermost wrapper div.
+     */
+    className?: string;
+    /**
+     * AntD pagination config. Pass `false` to hide pagination.
+     */
+    pagination?: TablePaginationConfig | boolean;
+    /**
+     * Props for the Accordion wrapper (used when variant="accordion")
+     */
+    accordionProps?: TableAccordionProps;
+    /**
+     * Props for the Toolbar wrapper (used when variant="toolbar")
+     */
+    toolbarProps?: TableToolbarProps;
+    /**
+     * Analytics metadata forwarded to the consuming app's tracking layer.
+     */
+    analytics?: Record<string, unknown>;
+}
+
+/**
+ * The unified Lumina Table component.
+ * It can be used as a standalone table card, or as an accordion/toolbar table
+ * by setting the `variant` prop.
+ */
+declare function Table<RecordType extends object = any>(props: TableProps<RecordType>): React.JSX.Element;
+declare namespace Table {
+    var displayName: string;
+}
+
+export { type TableAccordionProps as T, type TableToolbarProps as a, Table as b, type TableProps as c };

package/dist/Table-BA0D3p1m.d.ts

@@ -0,0 +1,78 @@
+import * as React from 'react';
+import { TableProps as TableProps$1, TablePaginationConfig } from 'antd';
+
+interface TableAccordionProps {
+    /** Accordion header title */
+    title: string;
+    /** Optional subtitle rendered below the title */
+    subtitle?: string;
+    /** Start expanded. Defaults to true */
+    defaultOpen?: boolean;
+    /** Extra class on the root wrapper */
+    className?: string;
+}
+interface TableToolbarProps {
+    /** Placeholder for the search input */
+    searchPlaceholder?: string;
+    /** Called when search value changes */
+    onSearch?: (value: string) => void;
+    /** Label for the Edit Columns button */
+    editColumnsLabel?: string;
+    /** Called when Edit Columns is clicked */
+    onEditColumns?: () => void;
+    /** Label for the Add Filter button */
+    addFilterLabel?: string;
+    /** Called when Add Filter is clicked */
+    onAddFilter?: () => void;
+    /** Extra class on the root wrapper */
+    className?: string;
+}
+interface TableProps<RecordType = any> extends Omit<TableProps$1<RecordType>, "size" | "bordered" | "pagination"> {
+    /**
+     * Lumina UI table variant.
+     * - `default`         – plain table card
+     * - `hover`           – row highlight on mouse-over
+     * - `selectable`      – intended for use with rowSelection
+     * - `accordion`       – renders table inside an Accordion card (uses accordionProps)
+     * - `toolbar`         – renders table inside a Toolbar layout (uses toolbarProps)
+     * - `accordion-child` – stripped variant for use when parent handles Accordion wrapper
+     * - `toolbar-child`   – stripped variant for use when parent handles Toolbar wrapper
+     */
+    variant?: "default" | "hover" | "selectable" | "accordion" | "toolbar" | "accordion-child" | "toolbar-child";
+    /**
+     * Table size. Defaults to 'middle'.
+     */
+    size?: "small" | "middle" | "large";
+    /**
+     * Extra class applied on the outermost wrapper div.
+     */
+    className?: string;
+    /**
+     * AntD pagination config. Pass `false` to hide pagination.
+     */
+    pagination?: TablePaginationConfig | boolean;
+    /**
+     * Props for the Accordion wrapper (used when variant="accordion")
+     */
+    accordionProps?: TableAccordionProps;
+    /**
+     * Props for the Toolbar wrapper (used when variant="toolbar")
+     */
+    toolbarProps?: TableToolbarProps;
+    /**
+     * Analytics metadata forwarded to the consuming app's tracking layer.
+     */
+    analytics?: Record<string, unknown>;
+}
+
+/**
+ * The unified Lumina Table component.
+ * It can be used as a standalone table card, or as an accordion/toolbar table
+ * by setting the `variant` prop.
+ */
+declare function Table<RecordType extends object = any>(props: TableProps<RecordType>): React.JSX.Element;
+declare namespace Table {
+    var displayName: string;
+}
+
+export { type TableAccordionProps as T, type TableToolbarProps as a, Table as b, type TableProps as c };

package/dist/Table-BLZ6c46U.d.mts

@@ -0,0 +1,77 @@
+import * as React$1 from 'react';
+import { TableProps as TableProps$1, TablePaginationConfig } from 'antd';
+
+type SortOrder = "ascend" | "descend" | undefined;
+interface TableColumnHeaderProps {
+    /** Column label text */
+    label: string;
+    /** Show sort icon and enable sort cycling. Defaults to false. */
+    sortable?: boolean;
+    /**
+     * Current sort direction.
+     * - `undefined`  → unsorted; shows ↑↓ icon when sortable
+     * - `"ascend"`   → shows ↑ icon
+     * - `"descend"`  → shows ↓ icon
+     */
+    sortOrder?: SortOrder;
+    /**
+     * Called when the user clicks the sort area.
+     * Cycles: undefined → ascend → descend → undefined
+     */
+    onSortChange?: (order: SortOrder) => void;
+    /**
+     * Number of active filters applied to this column.
+     * > 0 turns the filter icon red and shows a count badge.
+     */
+    filterCount?: number;
+    /**
+     * Filter dropdown content supplied by the consumer.
+     * Providing this prop renders the filter icon button.
+     * Clicking the icon toggles visibility of this content.
+     */
+    children?: React.ReactNode;
+}
+interface TableProps<RecordType = any> extends Omit<TableProps$1<RecordType>, "size" | "bordered" | "pagination"> {
+    /**
+     * Lumina UI table variant.
+     * - `default`         – standalone table card with rounded border
+     * - `hover`           – row highlight on mouse-over
+     * - `selectable`      – use with `rowSelection` for checkbox rows
+     * - `accordion-child` – strips outer card chrome; place inside your own accordion wrapper
+     * - `toolbar-child`   – strips outer card chrome; place inside your own toolbar/container wrapper
+     */
+    variant?: "default" | "hover" | "selectable" | "accordion-child" | "toolbar-child";
+    /**
+     * Table size. Defaults to 'middle'.
+     */
+    size?: "small" | "middle" | "large";
+    /**
+     * Extra class applied on the outermost wrapper div.
+     */
+    className?: string;
+    /**
+     * AntD pagination config. Pass `false` to hide pagination.
+     */
+    pagination?: TablePaginationConfig | boolean;
+    /**
+     * Analytics metadata forwarded to the consuming app's tracking layer.
+     */
+    analytics?: Record<string, unknown>;
+}
+
+/**
+ * Lumina Table component.
+ *
+ * Variants:
+ * - `default`         – standalone table card with rounded border
+ * - `hover`           – row highlight on mouse-over
+ * - `selectable`      – use with `rowSelection` for checkbox rows
+ * - `accordion-child` – strips outer card chrome; place inside your own accordion wrapper
+ * - `toolbar-child`   – strips outer card chrome; place inside your own toolbar/container wrapper
+ */
+declare function Table<RecordType extends object = any>(props: TableProps<RecordType>): React$1.JSX.Element;
+declare namespace Table {
+    var displayName: string;
+}
+
+export { type SortOrder as S, Table as T, type TableColumnHeaderProps as a, type TableProps as b };

package/dist/Table-BLZ6c46U.d.ts

@@ -0,0 +1,77 @@
+import * as React$1 from 'react';
+import { TableProps as TableProps$1, TablePaginationConfig } from 'antd';
+
+type SortOrder = "ascend" | "descend" | undefined;
+interface TableColumnHeaderProps {
+    /** Column label text */
+    label: string;
+    /** Show sort icon and enable sort cycling. Defaults to false. */
+    sortable?: boolean;
+    /**
+     * Current sort direction.
+     * - `undefined`  → unsorted; shows ↑↓ icon when sortable
+     * - `"ascend"`   → shows ↑ icon
+     * - `"descend"`  → shows ↓ icon
+     */
+    sortOrder?: SortOrder;
+    /**
+     * Called when the user clicks the sort area.
+     * Cycles: undefined → ascend → descend → undefined
+     */
+    onSortChange?: (order: SortOrder) => void;
+    /**
+     * Number of active filters applied to this column.
+     * > 0 turns the filter icon red and shows a count badge.
+     */
+    filterCount?: number;
+    /**
+     * Filter dropdown content supplied by the consumer.
+     * Providing this prop renders the filter icon button.
+     * Clicking the icon toggles visibility of this content.
+     */
+    children?: React.ReactNode;
+}
+interface TableProps<RecordType = any> extends Omit<TableProps$1<RecordType>, "size" | "bordered" | "pagination"> {
+    /**
+     * Lumina UI table variant.
+     * - `default`         – standalone table card with rounded border
+     * - `hover`           – row highlight on mouse-over
+     * - `selectable`      – use with `rowSelection` for checkbox rows
+     * - `accordion-child` – strips outer card chrome; place inside your own accordion wrapper
+     * - `toolbar-child`   – strips outer card chrome; place inside your own toolbar/container wrapper
+     */
+    variant?: "default" | "hover" | "selectable" | "accordion-child" | "toolbar-child";
+    /**
+     * Table size. Defaults to 'middle'.
+     */
+    size?: "small" | "middle" | "large";
+    /**
+     * Extra class applied on the outermost wrapper div.
+     */
+    className?: string;
+    /**
+     * AntD pagination config. Pass `false` to hide pagination.
+     */
+    pagination?: TablePaginationConfig | boolean;
+    /**
+     * Analytics metadata forwarded to the consuming app's tracking layer.
+     */
+    analytics?: Record<string, unknown>;
+}
+
+/**
+ * Lumina Table component.
+ *
+ * Variants:
+ * - `default`         – standalone table card with rounded border
+ * - `hover`           – row highlight on mouse-over
+ * - `selectable`      – use with `rowSelection` for checkbox rows
+ * - `accordion-child` – strips outer card chrome; place inside your own accordion wrapper
+ * - `toolbar-child`   – strips outer card chrome; place inside your own toolbar/container wrapper
+ */
+declare function Table<RecordType extends object = any>(props: TableProps<RecordType>): React$1.JSX.Element;
+declare namespace Table {
+    var displayName: string;
+}
+
+export { type SortOrder as S, Table as T, type TableColumnHeaderProps as a, type TableProps as b };

package/dist/Table-BMqYnFi4.d.mts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { TableProps as TableProps$1 } from 'antd';
+
+interface TableProps<RecordType = any> extends Omit<TableProps$1<RecordType>, "size" | "bordered"> {
+    /**
+     * Lumina UI specific table variations if any are needed
+     */
+    variant?: "default" | "card";
+    /**
+     * Table size defaults to 'large' in AntD, but Lumina tables are typically 'middle' sized padding
+     */
+    size?: "small" | "middle" | "large";
+    /**
+     * Custom classes applied over the table wrapper
+     */
+    className?: string;
+    analytics?: Record<string, unknown>;
+}
+
+declare function Table<RecordType extends object = any>(props: TableProps<RecordType>): React.JSX.Element;
+declare namespace Table {
+    var displayName: string;
+}
+
+export { Table as T, type TableProps as a };

package/dist/Table-BMqYnFi4.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { TableProps as TableProps$1 } from 'antd';
+
+interface TableProps<RecordType = any> extends Omit<TableProps$1<RecordType>, "size" | "bordered"> {
+    /**
+     * Lumina UI specific table variations if any are needed
+     */
+    variant?: "default" | "card";
+    /**
+     * Table size defaults to 'large' in AntD, but Lumina tables are typically 'middle' sized padding
+     */
+    size?: "small" | "middle" | "large";
+    /**
+     * Custom classes applied over the table wrapper
+     */
+    className?: string;
+    analytics?: Record<string, unknown>;
+}
+
+declare function Table<RecordType extends object = any>(props: TableProps<RecordType>): React.JSX.Element;
+declare namespace Table {
+    var displayName: string;
+}
+
+export { Table as T, type TableProps as a };

package/dist/Table-BOq-_9Nr.d.mts

@@ -0,0 +1,121 @@
+import * as React from 'react';
+import { TableProps as TableProps$1, TablePaginationConfig } from 'antd';
+
+type SortOrder = "ascend" | "descend" | undefined;
+type AntColumnType<RecordType> = NonNullable<TableProps$1<RecordType>["columns"]>[number];
+/**
+ * Header icon configuration added to any column definition.
+ * The Table component reads these props and renders sort/filter icons automatically.
+ */
+interface LuminaColumnHeaderProps {
+    /** Show sort icon. Clicking cycles: undefined (↑↓) → ascend (↑) → descend (↓) → undefined */
+    sortable?: boolean;
+    /** Current sort direction. Provide to make sort controlled. */
+    sortOrder?: SortOrder;
+    /** Called when the user clicks the sort icon. */
+    onSortChange?: (order: SortOrder) => void;
+    /**
+     * Custom sort icon. This MUST be provided if sortable is true.
+     * If omitted, no icon will be rendered.
+     */
+    sortIcon?: React.ReactNode;
+    /** > 0 turns the filter icon red and shows a count badge. */
+    filterCount?: number;
+    /**
+     * Custom filter icon. This MUST be provided if filterContent is present.
+     * If omitted, no icon will be rendered.
+     */
+    filterIcon?: React.ReactNode;
+    /**
+     * Filter dropdown content from the consumer.
+     * Providing this prop renders the filter icon button.
+     * Clicking the icon toggles visibility of this content.
+     */
+    filterContent?: React.ReactNode;
+    /** Optional class name to apply to the header label. */
+    className?: string;
+}
+/**
+ * AntD ColumnType extended with optional `headerProps` for Lumina sort/filter icons.
+ */
+type LuminaColumnType<RecordType = any> = AntColumnType<RecordType> & {
+    headerProps?: LuminaColumnHeaderProps;
+};
+type LuminaColumnsType<RecordType = any> = LuminaColumnType<RecordType>[];
+interface TableProps<RecordType = any> extends Omit<TableProps$1<RecordType>, "size" | "bordered" | "pagination" | "columns"> {
+    /**
+     * Lumina UI table variant.
+     * - `default`    – standard table
+     * - `selectable` – checkbox rows; clicking any row toggles its checkbox
+     */
+    variant?: "default" | "selectable";
+    /** If true, strips outer card chrome to fit inside an Accordion parent. */
+    isAccordion?: boolean;
+    /** If true, strips outer card chrome to fit inside a Toolbar/Container parent. */
+    isToolbar?: boolean;
+    /** Table size. Defaults to 'middle'. */
+    size?: "small" | "middle" | "large";
+    /** Extra class applied on the outermost wrapper div. */
+    className?: string;
+    /** AntD pagination config. Pass `false` to hide pagination. */
+    pagination?: TablePaginationConfig | boolean;
+    /**
+     * Column definitions. Add `headerProps` to any column to get sort/filter icons
+     * rendered automatically in the column header.
+     */
+    columns?: LuminaColumnsType<RecordType>;
+    /** Total number of items in the dataset (for server-side pagination). */
+    total?: number;
+    /** Current page number (1-indexed). */
+    current?: number;
+    /** Number of rows per page. */
+    pageSize?: number;
+    /** Called when the page or page size changes. */
+    onPaginationChange?: TablePaginationConfig["onChange"];
+    /**
+     * Custom content to show when the table has no data.
+     * If provided, it overrides the default Ant Design "No Data" view.
+     */
+    emptyState?: React.ReactNode;
+    /**
+     * If true, the table header (the row with column labels) will be hidden.
+     * Useful during loading or for specific visual variants.
+     */
+    hideHeader?: boolean;
+    /**
+     * Custom loading indicator (e.g. a spinner or skeleton).
+     * If provided, this will be rendered when the table is in a loading state.
+     */
+    loadingIndicator?: React.ReactElement;
+}
+
+/**
+ * Lumina Table component.
+ *
+ * Variants:
+ * - `default`         – standalone table card with rounded border
+ * - `hover`           – row highlight on mouse-over
+ * - `selectable`      – use with `rowSelection`; clicking any row toggles its checkbox
+ * - `accordion-child` – strips outer card chrome; place inside your own accordion wrapper
+ * - `toolbar-child`   – strips outer card chrome; place inside your own toolbar/container wrapper
+ *
+ * Column header icons — add `headerProps` to any column definition:
+ * ```tsx
+ * columns={[{
+ *   key: "name", dataIndex: "name", title: "Name",
+ *   headerProps: {
+ *     sortable: true,
+ *     sortOrder: sortOrders.name,
+ *     onSortChange: (order) => setSortOrders(prev => ({ ...prev, name: order })),
+ *     filterCount: activeFilters.name ?? 0,
+ *     filterContent: <MyFilterPanel />,
+ *   },
+ * }]}
+ * ```
+ */
+declare function Table<RecordType extends object = any>(props: TableProps<RecordType>): React.JSX.Element;
+declare namespace Table {
+    var displayName: string;
+}
+
+export { type LuminaColumnHeaderProps as L, type SortOrder as S, Table as T, type LuminaColumnType as a, type LuminaColumnsType as b, type TableProps as c };

package/dist/Table-BOq-_9Nr.d.ts

@@ -0,0 +1,121 @@
+import * as React from 'react';
+import { TableProps as TableProps$1, TablePaginationConfig } from 'antd';
+
+type SortOrder = "ascend" | "descend" | undefined;
+type AntColumnType<RecordType> = NonNullable<TableProps$1<RecordType>["columns"]>[number];
+/**
+ * Header icon configuration added to any column definition.
+ * The Table component reads these props and renders sort/filter icons automatically.
+ */
+interface LuminaColumnHeaderProps {
+    /** Show sort icon. Clicking cycles: undefined (↑↓) → ascend (↑) → descend (↓) → undefined */
+    sortable?: boolean;
+    /** Current sort direction. Provide to make sort controlled. */
+    sortOrder?: SortOrder;
+    /** Called when the user clicks the sort icon. */
+    onSortChange?: (order: SortOrder) => void;
+    /**
+     * Custom sort icon. This MUST be provided if sortable is true.
+     * If omitted, no icon will be rendered.
+     */
+    sortIcon?: React.ReactNode;
+    /** > 0 turns the filter icon red and shows a count badge. */
+    filterCount?: number;
+    /**
+     * Custom filter icon. This MUST be provided if filterContent is present.
+     * If omitted, no icon will be rendered.
+     */
+    filterIcon?: React.ReactNode;
+    /**
+     * Filter dropdown content from the consumer.
+     * Providing this prop renders the filter icon button.
+     * Clicking the icon toggles visibility of this content.
+     */
+    filterContent?: React.ReactNode;
+    /** Optional class name to apply to the header label. */
+    className?: string;
+}
+/**
+ * AntD ColumnType extended with optional `headerProps` for Lumina sort/filter icons.
+ */
+type LuminaColumnType<RecordType = any> = AntColumnType<RecordType> & {
+    headerProps?: LuminaColumnHeaderProps;
+};
+type LuminaColumnsType<RecordType = any> = LuminaColumnType<RecordType>[];
+interface TableProps<RecordType = any> extends Omit<TableProps$1<RecordType>, "size" | "bordered" | "pagination" | "columns"> {
+    /**
+     * Lumina UI table variant.
+     * - `default`    – standard table
+     * - `selectable` – checkbox rows; clicking any row toggles its checkbox
+     */
+    variant?: "default" | "selectable";
+    /** If true, strips outer card chrome to fit inside an Accordion parent. */
+    isAccordion?: boolean;
+    /** If true, strips outer card chrome to fit inside a Toolbar/Container parent. */
+    isToolbar?: boolean;
+    /** Table size. Defaults to 'middle'. */
+    size?: "small" | "middle" | "large";
+    /** Extra class applied on the outermost wrapper div. */
+    className?: string;
+    /** AntD pagination config. Pass `false` to hide pagination. */
+    pagination?: TablePaginationConfig | boolean;
+    /**
+     * Column definitions. Add `headerProps` to any column to get sort/filter icons
+     * rendered automatically in the column header.
+     */
+    columns?: LuminaColumnsType<RecordType>;
+    /** Total number of items in the dataset (for server-side pagination). */
+    total?: number;
+    /** Current page number (1-indexed). */
+    current?: number;
+    /** Number of rows per page. */
+    pageSize?: number;
+    /** Called when the page or page size changes. */
+    onPaginationChange?: TablePaginationConfig["onChange"];
+    /**
+     * Custom content to show when the table has no data.
+     * If provided, it overrides the default Ant Design "No Data" view.
+     */
+    emptyState?: React.ReactNode;
+    /**
+     * If true, the table header (the row with column labels) will be hidden.
+     * Useful during loading or for specific visual variants.
+     */
+    hideHeader?: boolean;
+    /**
+     * Custom loading indicator (e.g. a spinner or skeleton).
+     * If provided, this will be rendered when the table is in a loading state.
+     */
+    loadingIndicator?: React.ReactElement;
+}
+
+/**
+ * Lumina Table component.
+ *
+ * Variants:
+ * - `default`         – standalone table card with rounded border
+ * - `hover`           – row highlight on mouse-over
+ * - `selectable`      – use with `rowSelection`; clicking any row toggles its checkbox
+ * - `accordion-child` – strips outer card chrome; place inside your own accordion wrapper
+ * - `toolbar-child`   – strips outer card chrome; place inside your own toolbar/container wrapper
+ *
+ * Column header icons — add `headerProps` to any column definition:
+ * ```tsx
+ * columns={[{
+ *   key: "name", dataIndex: "name", title: "Name",
+ *   headerProps: {
+ *     sortable: true,
+ *     sortOrder: sortOrders.name,
+ *     onSortChange: (order) => setSortOrders(prev => ({ ...prev, name: order })),
+ *     filterCount: activeFilters.name ?? 0,
+ *     filterContent: <MyFilterPanel />,
+ *   },
+ * }]}
+ * ```
+ */
+declare function Table<RecordType extends object = any>(props: TableProps<RecordType>): React.JSX.Element;
+declare namespace Table {
+    var displayName: string;
+}
+
+export { type LuminaColumnHeaderProps as L, type SortOrder as S, Table as T, type LuminaColumnType as a, type LuminaColumnsType as b, type TableProps as c };