@kjun-ui/native 0.0.0-stage → 0.3.1

package/dist/types/shared/package-runtime/layer-state.d.cts

@@ -0,0 +1,40 @@
+/** Internal window ownership. Paint order, dismissal and surface appearance are independent. */
+export type LayerKind = 'window' | 'popup' | 'tooltip';
+export interface FocusTarget {
+    focus?: (options?: {
+        preventScroll?: boolean;
+    }) => void;
+    isConnected?: boolean;
+}
+export interface LayerEntry {
+    id: string;
+    kind: LayerKind;
+    parent?: string;
+    owner?: string;
+    order: number;
+    windowOrder: number;
+    blocked: boolean;
+    closing: boolean;
+    closeRequested: boolean;
+    dismiss: () => void;
+    returnTarget?: FocusTarget | null;
+    root?: FocusTarget | null;
+}
+export declare function createLayerState(): {
+    entries: Map<string, LayerEntry>;
+    topWindow: () => LayerEntry | undefined;
+    top: () => LayerEntry | undefined;
+    windowOf: (id?: string) => string | undefined;
+    isRestoredFocus(target?: FocusTarget | null): boolean;
+    clearRestoredFocus(target?: FocusTarget | null): void;
+    markClosing(id: string): void;
+    subscribe(listener: () => void): () => void;
+    snapshot: () => number;
+    open(id: string, kind: LayerKind, parent: string | undefined, dismissCallback: () => void, returnTarget?: FocusTarget | null): LayerEntry;
+    remove(id: string, focused?: FocusTarget | null): FocusTarget | null | undefined;
+    requestClose(id: string): void;
+    isActive(id: string): boolean;
+    isBlocked(id: string): boolean;
+    zIndex(id?: string, role?: "backdrop" | "content" | "popup" | "tooltip" | "toast"): number;
+};
+export type LayerState = ReturnType<typeof createLayerState>;

package/dist/types/shared/package-runtime/layer-state.d.ts

@@ -0,0 +1,40 @@
+/** Internal window ownership. Paint order, dismissal and surface appearance are independent. */
+export type LayerKind = 'window' | 'popup' | 'tooltip';
+export interface FocusTarget {
+    focus?: (options?: {
+        preventScroll?: boolean;
+    }) => void;
+    isConnected?: boolean;
+}
+export interface LayerEntry {
+    id: string;
+    kind: LayerKind;
+    parent?: string;
+    owner?: string;
+    order: number;
+    windowOrder: number;
+    blocked: boolean;
+    closing: boolean;
+    closeRequested: boolean;
+    dismiss: () => void;
+    returnTarget?: FocusTarget | null;
+    root?: FocusTarget | null;
+}
+export declare function createLayerState(): {
+    entries: Map<string, LayerEntry>;
+    topWindow: () => LayerEntry | undefined;
+    top: () => LayerEntry | undefined;
+    windowOf: (id?: string) => string | undefined;
+    isRestoredFocus(target?: FocusTarget | null): boolean;
+    clearRestoredFocus(target?: FocusTarget | null): void;
+    markClosing(id: string): void;
+    subscribe(listener: () => void): () => void;
+    snapshot: () => number;
+    open(id: string, kind: LayerKind, parent: string | undefined, dismissCallback: () => void, returnTarget?: FocusTarget | null): LayerEntry;
+    remove(id: string, focused?: FocusTarget | null): FocusTarget | null | undefined;
+    requestClose(id: string): void;
+    isActive(id: string): boolean;
+    isBlocked(id: string): boolean;
+    zIndex(id?: string, role?: "backdrop" | "content" | "popup" | "tooltip" | "toast"): number;
+};
+export type LayerState = ReturnType<typeof createLayerState>;

package/dist/types/shared/package-runtime/market-cards.d.cts

@@ -0,0 +1,44 @@
+export interface MarketMetric {
+    label: string;
+    format?: string;
+    sortKey?: string | null;
+    formatter?: (value: unknown) => string;
+}
+export interface MetricStorage {
+    getItem: (key: string) => string | null;
+    setItem: (key: string, value: string) => void;
+}
+export interface MarketCardsModelProps {
+    columns: {
+        key: string;
+        sortable?: boolean;
+        defaultSort?: boolean;
+    }[];
+    metricConfig: Record<string, MarketMetric>;
+    excludeKeys?: string[];
+    storageNamespace: string;
+    storage?: MetricStorage;
+    sortKey?: string | null;
+    emitSortOnMount?: boolean;
+    onSort?: (key: string) => void;
+}
+export declare function useMarketCardsModel(props: MarketCardsModelProps, persistence: () => MetricStorage | undefined): {
+    pills: {
+        sortKey: string | null | undefined;
+        isDefaultSort: boolean | undefined;
+        label: string;
+        format?: string;
+        formatter?: (value: unknown) => string;
+        key: string;
+    }[];
+    key: string;
+    pill: {
+        sortKey: string | null | undefined;
+        isDefaultSort: boolean | undefined;
+        label: string;
+        format?: string;
+        formatter?: (value: unknown) => string;
+        key: string;
+    };
+    select: (key: string) => void;
+};

package/dist/types/shared/package-runtime/market-cards.d.ts

@@ -0,0 +1,44 @@
+export interface MarketMetric {
+    label: string;
+    format?: string;
+    sortKey?: string | null;
+    formatter?: (value: unknown) => string;
+}
+export interface MetricStorage {
+    getItem: (key: string) => string | null;
+    setItem: (key: string, value: string) => void;
+}
+export interface MarketCardsModelProps {
+    columns: {
+        key: string;
+        sortable?: boolean;
+        defaultSort?: boolean;
+    }[];
+    metricConfig: Record<string, MarketMetric>;
+    excludeKeys?: string[];
+    storageNamespace: string;
+    storage?: MetricStorage;
+    sortKey?: string | null;
+    emitSortOnMount?: boolean;
+    onSort?: (key: string) => void;
+}
+export declare function useMarketCardsModel(props: MarketCardsModelProps, persistence: () => MetricStorage | undefined): {
+    pills: {
+        sortKey: string | null | undefined;
+        isDefaultSort: boolean | undefined;
+        label: string;
+        format?: string;
+        formatter?: (value: unknown) => string;
+        key: string;
+    }[];
+    key: string;
+    pill: {
+        sortKey: string | null | undefined;
+        isDefaultSort: boolean | undefined;
+        label: string;
+        format?: string;
+        formatter?: (value: unknown) => string;
+        key: string;
+    };
+    select: (key: string) => void;
+};

package/dist/types/shared/package-runtime/market-layout.d.cts

@@ -0,0 +1,40 @@
+export interface LayoutColumn {
+    key?: string;
+    label?: string;
+    width?: number | string;
+    align?: "left" | "right" | "center";
+}
+export declare const marketGeometry: {
+    readonly headerHeight: 44;
+    readonly rowHeight: 70;
+    readonly identityWidth: 240;
+    readonly columnWidth: 160;
+    readonly actionsWidth: 96;
+    readonly sortIconSize: 14;
+    readonly sparklineWidth: 72;
+    readonly sparklineHeight: 22;
+    readonly valueSkeletonWidth: 56;
+    readonly valueSkeletonHeight: 16;
+    readonly actionSkeletonWidth: 32;
+    readonly headerSkeletonHeight: 14;
+};
+export declare const isMarketIdentity: (key?: string) => boolean;
+export declare const normalizeMarketColumns: (columns: (LayoutColumn | string)[]) => LayoutColumn[];
+/** Preserve CSS widths and Vue's historical class-based width overrides. */
+export declare const isCssMarketWidth: (width: unknown) => width is string;
+export declare const legacyMarketWidthClass: (column: LayoutColumn) => string;
+export declare function webMarketLayout(columns: LayoutColumn[], showActions: boolean, widthClass?: (column: LayoutColumn) => string): {
+    tableStyle: {
+        width: string;
+    };
+    columns: {
+        className: string;
+        style: {
+            width: string | undefined;
+        };
+    }[];
+};
+export declare function nativeMarketLayout(columns: LayoutColumn[], showActions: boolean, containerWidth: number): {
+    widths: number[];
+    width: number;
+};

package/dist/types/shared/package-runtime/market-layout.d.ts

@@ -0,0 +1,40 @@
+export interface LayoutColumn {
+    key?: string;
+    label?: string;
+    width?: number | string;
+    align?: "left" | "right" | "center";
+}
+export declare const marketGeometry: {
+    readonly headerHeight: 44;
+    readonly rowHeight: 70;
+    readonly identityWidth: 240;
+    readonly columnWidth: 160;
+    readonly actionsWidth: 96;
+    readonly sortIconSize: 14;
+    readonly sparklineWidth: 72;
+    readonly sparklineHeight: 22;
+    readonly valueSkeletonWidth: 56;
+    readonly valueSkeletonHeight: 16;
+    readonly actionSkeletonWidth: 32;
+    readonly headerSkeletonHeight: 14;
+};
+export declare const isMarketIdentity: (key?: string) => boolean;
+export declare const normalizeMarketColumns: (columns: (LayoutColumn | string)[]) => LayoutColumn[];
+/** Preserve CSS widths and Vue's historical class-based width overrides. */
+export declare const isCssMarketWidth: (width: unknown) => width is string;
+export declare const legacyMarketWidthClass: (column: LayoutColumn) => string;
+export declare function webMarketLayout(columns: LayoutColumn[], showActions: boolean, widthClass?: (column: LayoutColumn) => string): {
+    tableStyle: {
+        width: string;
+    };
+    columns: {
+        className: string;
+        style: {
+            width: string | undefined;
+        };
+    }[];
+};
+export declare function nativeMarketLayout(columns: LayoutColumn[], showActions: boolean, containerWidth: number): {
+    widths: number[];
+    width: number;
+};

package/dist/types/shared/package-runtime/navigation.d.cts

@@ -0,0 +1,6 @@
+export declare function useInitialTab(value: string, candidate: string | undefined, change: (name: string) => void): void;
+export declare function useAccordionState(multiple: boolean): {
+    opened: Set<string>;
+    toggle: (id: string) => void;
+    register: (id: string, defaultOpen: boolean) => () => void;
+};

package/dist/types/shared/package-runtime/navigation.d.ts

@@ -0,0 +1,6 @@
+export declare function useInitialTab(value: string, candidate: string | undefined, change: (name: string) => void): void;
+export declare function useAccordionState(multiple: boolean): {
+    opened: Set<string>;
+    toggle: (id: string) => void;
+    register: (id: string, defaultOpen: boolean) => () => void;
+};

package/dist/types/shared/package-runtime/number-motion.d.cts

@@ -0,0 +1,4 @@
+export declare function createNumberMotion(apply: (value: number | string) => void): {
+    update(value: number | string, animated: boolean, fromPrevious: boolean, reduced: boolean): void;
+    cancel: () => void;
+};

package/dist/types/shared/package-runtime/number-motion.d.ts

@@ -0,0 +1,4 @@
+export declare function createNumberMotion(apply: (value: number | string) => void): {
+    update(value: number | string, animated: boolean, fromPrevious: boolean, reduced: boolean): void;
+    cancel: () => void;
+};

package/dist/types/shared/package-runtime/options.d.cts

@@ -0,0 +1,34 @@
+export type OptionValue = string | number;
+export type SelectOption = OptionValue | {
+    [key: string]: unknown;
+};
+export declare const optionValue: (option: SelectOption, key?: string) => OptionValue;
+export declare const optionLabel: (option: SelectOption, key?: string) => string;
+export declare const optionDisabled: (option: SelectOption) => boolean;
+export declare function optionKey(option: SelectOption, key: string, index: number): string;
+export declare function optionSelected(value: OptionValue | OptionValue[] | null, option: SelectOption, key: string): boolean;
+export declare function nextOptionValue(value: OptionValue | OptionValue[] | null, option: SelectOption, key: string, multiple: boolean): OptionValue | OptionValue[];
+export declare function selectOptions<T extends SelectOption>({ options, value, labelKey, valueKey, query, pageSize, limit, loading, multiple, }: {
+    options: T[];
+    value: OptionValue | OptionValue[] | null;
+    labelKey: string;
+    valueKey: string;
+    query: string;
+    pageSize: number;
+    limit: number;
+    loading: boolean;
+    multiple: boolean;
+}): {
+    selected: (option: T) => boolean;
+    matching: {
+        option: T;
+        key: string;
+    }[];
+    visible: {
+        option: T;
+        key: string;
+    }[];
+    selectedOption: T | undefined;
+    label: string;
+    nextValue: (option: T) => OptionValue | OptionValue[];
+};

package/dist/types/shared/package-runtime/options.d.ts

@@ -0,0 +1,34 @@
+export type OptionValue = string | number;
+export type SelectOption = OptionValue | {
+    [key: string]: unknown;
+};
+export declare const optionValue: (option: SelectOption, key?: string) => OptionValue;
+export declare const optionLabel: (option: SelectOption, key?: string) => string;
+export declare const optionDisabled: (option: SelectOption) => boolean;
+export declare function optionKey(option: SelectOption, key: string, index: number): string;
+export declare function optionSelected(value: OptionValue | OptionValue[] | null, option: SelectOption, key: string): boolean;
+export declare function nextOptionValue(value: OptionValue | OptionValue[] | null, option: SelectOption, key: string, multiple: boolean): OptionValue | OptionValue[];
+export declare function selectOptions<T extends SelectOption>({ options, value, labelKey, valueKey, query, pageSize, limit, loading, multiple, }: {
+    options: T[];
+    value: OptionValue | OptionValue[] | null;
+    labelKey: string;
+    valueKey: string;
+    query: string;
+    pageSize: number;
+    limit: number;
+    loading: boolean;
+    multiple: boolean;
+}): {
+    selected: (option: T) => boolean;
+    matching: {
+        option: T;
+        key: string;
+    }[];
+    visible: {
+        option: T;
+        key: string;
+    }[];
+    selectedOption: T | undefined;
+    label: string;
+    nextValue: (option: T) => OptionValue | OptionValue[];
+};

package/dist/types/shared/package-runtime/relative-time.d.cts

@@ -0,0 +1 @@
+export declare function formatRelativeTime(value: string | number | Date, now?: number): string;

package/dist/types/shared/package-runtime/relative-time.d.ts

@@ -0,0 +1 @@
+export declare function formatRelativeTime(value: string | number | Date, now?: number): string;

package/dist/types/shared/package-runtime/search-input.d.cts

@@ -0,0 +1,20 @@
+export interface SearchInputModelProps<T> {
+    value: string;
+    disabled?: boolean;
+    debounce?: number;
+    loadOptions?: (query: string, context: {
+        signal: AbortSignal;
+    }) => Promise<T[]>;
+    minChars?: number;
+    onValueChange?: (value: string) => void;
+    onSearchError?: (error: unknown) => void;
+}
+export declare function useSearchInputModel<T>({ value, disabled, debounce, loadOptions, minChars, onValueChange, onSearchError, }: SearchInputModelProps<T>, open: boolean): {
+    query: string;
+    options: T[];
+    loading: boolean;
+    failed: boolean;
+    update: (v: string) => void;
+    clear: () => void;
+    select: (label: string) => void;
+};

package/dist/types/shared/package-runtime/search-input.d.ts

@@ -0,0 +1,20 @@
+export interface SearchInputModelProps<T> {
+    value: string;
+    disabled?: boolean;
+    debounce?: number;
+    loadOptions?: (query: string, context: {
+        signal: AbortSignal;
+    }) => Promise<T[]>;
+    minChars?: number;
+    onValueChange?: (value: string) => void;
+    onSearchError?: (error: unknown) => void;
+}
+export declare function useSearchInputModel<T>({ value, disabled, debounce, loadOptions, minChars, onValueChange, onSearchError, }: SearchInputModelProps<T>, open: boolean): {
+    query: string;
+    options: T[];
+    loading: boolean;
+    failed: boolean;
+    update: (v: string) => void;
+    clear: () => void;
+    select: (label: string) => void;
+};

package/dist/types/shared/package-runtime/select.d.cts

@@ -0,0 +1,10 @@
+/** A request does not change controlled state. Reset only on logical dismissal. */
+export declare function useSelectState(controlled: boolean | undefined, disabled: boolean, pageSize: number, onOpenChange?: (open: boolean) => void): {
+    open: boolean;
+    query: string;
+    limit: number;
+    session: number;
+    changeOpen: (next: boolean) => void;
+    search: (next: string) => void;
+    showMore: () => void;
+};

package/dist/types/shared/package-runtime/select.d.ts

@@ -0,0 +1,10 @@
+/** A request does not change controlled state. Reset only on logical dismissal. */
+export declare function useSelectState(controlled: boolean | undefined, disabled: boolean, pageSize: number, onOpenChange?: (open: boolean) => void): {
+    open: boolean;
+    query: string;
+    limit: number;
+    session: number;
+    changeOpen: (next: boolean) => void;
+    search: (next: string) => void;
+    showMore: () => void;
+};

package/dist/types/shared/package-runtime/table-presentation.d.cts

@@ -0,0 +1,56 @@
+import type { ReactNode } from "react";
+import { type TableColumn, type TableCardSection, type TableProps, type useTableModel } from "./table.cjs";
+export declare function tablePresentation<Row extends object>(props: TableProps<Row, unknown>, mobile: boolean): {
+    card: boolean;
+    visible: TableColumn<Row>[];
+    title: TableColumn<Row> | undefined;
+    subtitle: TableColumn<Row> | undefined;
+    badges: TableColumn<Row>[];
+    actions: TableColumn<Row> | undefined;
+    inline: TableColumn<Row>[];
+    sections: TableCardSection[];
+    columnsForSection(row: Row, section: TableCardSection): TableColumn<Row>[];
+};
+export declare function tableCellValue<Row extends object>(props: TableProps<Row, unknown>, column: TableColumn<Row>, row: Row, index: number): {
+    value: unknown;
+    body: ReactNode;
+};
+export interface TableRowsProps<Row extends object> {
+    initialLoading: boolean;
+    skeletonRows: number;
+    state: Pick<ReturnType<typeof useTableModel<Row>>, "rows" | "key" | "expanded" | "selectedRow">;
+    onRowClick: TableProps<Row>["onRowClick"];
+    selectable: boolean;
+    expandable: boolean;
+    checkbox: (row: Row, index: number) => ReactNode;
+    expand: (row: Row, index: number) => ReactNode;
+    cell: (column: TableColumn<Row>, row: Row, index: number, role?: "title") => ReactNode;
+    renderExpand: TableProps<Row>["renderExpand"];
+    emptyContent: ReactNode;
+    emptyText: string;
+}
+export interface TableCardsProps<Row extends object> extends TableRowsProps<Row> {
+    layout: ReturnType<typeof tablePresentation<Row>>;
+}
+export interface TableGridProps<Row extends object, Height> extends TableRowsProps<Row> {
+    state: TableRowsProps<Row>["state"] & Pick<ReturnType<typeof useTableModel<Row>>, "all" | "some" | "toggleAll" | "sort" | "sortColumn">;
+    visible: TableColumn<Row>[];
+    maxHeight?: Height;
+    stickyHeader: boolean;
+    sortable?: boolean;
+    compact: boolean;
+    striped: boolean;
+    hoverable: boolean;
+}
+export interface TableToolbarProps<Row extends object> {
+    selectable: boolean;
+    selected: Row[];
+    toggleAll: () => void;
+    clearSelection: () => void;
+    renderSelectionToolbar: TableProps<Row>["renderSelectionToolbar"];
+    searchable: boolean;
+    search: string;
+    searchChange: (value: string) => void;
+    searchPlaceholder: string;
+    toolbar: ReactNode;
+}

package/dist/types/shared/package-runtime/table-presentation.d.ts

@@ -0,0 +1,56 @@
+import type { ReactNode } from "react";
+import { type TableColumn, type TableCardSection, type TableProps, type useTableModel } from "./table.js";
+export declare function tablePresentation<Row extends object>(props: TableProps<Row, unknown>, mobile: boolean): {
+    card: boolean;
+    visible: TableColumn<Row>[];
+    title: TableColumn<Row> | undefined;
+    subtitle: TableColumn<Row> | undefined;
+    badges: TableColumn<Row>[];
+    actions: TableColumn<Row> | undefined;
+    inline: TableColumn<Row>[];
+    sections: TableCardSection[];
+    columnsForSection(row: Row, section: TableCardSection): TableColumn<Row>[];
+};
+export declare function tableCellValue<Row extends object>(props: TableProps<Row, unknown>, column: TableColumn<Row>, row: Row, index: number): {
+    value: unknown;
+    body: ReactNode;
+};
+export interface TableRowsProps<Row extends object> {
+    initialLoading: boolean;
+    skeletonRows: number;
+    state: Pick<ReturnType<typeof useTableModel<Row>>, "rows" | "key" | "expanded" | "selectedRow">;
+    onRowClick: TableProps<Row>["onRowClick"];
+    selectable: boolean;
+    expandable: boolean;
+    checkbox: (row: Row, index: number) => ReactNode;
+    expand: (row: Row, index: number) => ReactNode;
+    cell: (column: TableColumn<Row>, row: Row, index: number, role?: "title") => ReactNode;
+    renderExpand: TableProps<Row>["renderExpand"];
+    emptyContent: ReactNode;
+    emptyText: string;
+}
+export interface TableCardsProps<Row extends object> extends TableRowsProps<Row> {
+    layout: ReturnType<typeof tablePresentation<Row>>;
+}
+export interface TableGridProps<Row extends object, Height> extends TableRowsProps<Row> {
+    state: TableRowsProps<Row>["state"] & Pick<ReturnType<typeof useTableModel<Row>>, "all" | "some" | "toggleAll" | "sort" | "sortColumn">;
+    visible: TableColumn<Row>[];
+    maxHeight?: Height;
+    stickyHeader: boolean;
+    sortable?: boolean;
+    compact: boolean;
+    striped: boolean;
+    hoverable: boolean;
+}
+export interface TableToolbarProps<Row extends object> {
+    selectable: boolean;
+    selected: Row[];
+    toggleAll: () => void;
+    clearSelection: () => void;
+    renderSelectionToolbar: TableProps<Row>["renderSelectionToolbar"];
+    searchable: boolean;
+    search: string;
+    searchChange: (value: string) => void;
+    searchPlaceholder: string;
+    toolbar: ReactNode;
+}

package/dist/types/shared/package-runtime/table.d.cts

@@ -0,0 +1,96 @@
+import { type TableSort, type QueryDisplayProps } from "@kjun-ui/tokens";
+export type { TableSort } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+export interface TableColumn<Row extends object = Record<string, unknown>> {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    width?: number | string;
+    align?: "left" | "center" | "right";
+    type?: "number" | "date" | "datetime" | "text";
+    format?: (value: unknown, row: Row) => ReactNode;
+    render?: (value: unknown, row: Row, index: number) => ReactNode;
+    pill?: boolean;
+    badge?: boolean;
+    inlineInCard?: boolean;
+    hideInCard?: boolean;
+    hideEmptyInCard?: boolean;
+    fullWidthInCard?: boolean;
+    secondary?: boolean;
+    className?: string;
+    headerClass?: string;
+}
+export interface TableCardSection {
+    key?: string;
+    label?: string;
+    labelAlign?: "left" | "right";
+    layout?: "stack" | "grid" | "metrics";
+    columns: string[];
+}
+export interface TablePagination {
+    page: number;
+    total: number;
+    pageSize?: number;
+}
+export interface TableProps<Row extends object = Record<string, unknown>, MaxHeight = number> extends QueryDisplayProps {
+    columns: TableColumn<Row>[];
+    data?: Row[];
+    rowKey?: string;
+    skeletonRows?: number;
+    emptyText?: string;
+    sortable?: boolean;
+    sort?: TableSort | null;
+    sortMode?: "client" | "server";
+    hoverable?: boolean;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    stickyHeader?: boolean;
+    maxHeight?: MaxHeight;
+    pagination?: TablePagination | null;
+    compact?: boolean;
+    striped?: boolean;
+    ariaLabel?: string;
+    responsive?: "card" | "compact" | "none" | null;
+    mobileColumns?: string[];
+    cardTitle?: string | null;
+    cardSubtitle?: string | null;
+    cardSections?: TableCardSection[];
+    expandable?: boolean;
+    expandedRows?: (string | number)[];
+    expandSingle?: boolean;
+    rowClass?: string | ((row: Row, index: number) => string);
+    selectable?: boolean;
+    selected?: Row[];
+    toolbar?: ReactNode;
+    emptyContent?: ReactNode;
+    renderCell?: (value: unknown, column: TableColumn<Row>, row: Row, index: number) => ReactNode;
+    formatValue?: (value: unknown, column: TableColumn<Row>, row: Row) => ReactNode;
+    renderExpand?: (row: Row, index: number) => ReactNode;
+    renderSelectionToolbar?: (selected: Row[]) => ReactNode;
+    onSortChange?: (value: {
+        key: string;
+        order: "asc" | "desc";
+    }) => void;
+    onSelectionChange?: (selected: Row[]) => void;
+    onExpandedRowsChange?: (keys: (string | number)[]) => void;
+    onPageChange?: (page: number) => void;
+    onRowClick?: (row: Row, index: number) => void;
+    onSearch?: (query: string) => void;
+    onRetry?: () => void;
+}
+export declare function getValue(row: object, key: string): unknown;
+export declare function useTableModel<Row extends object>(props: TableProps<Row, unknown>): {
+    rows: Row[];
+    key: (row: Row, index?: number) => string | number;
+    sort: TableSort;
+    search: string;
+    all: boolean;
+    some: boolean;
+    selectedRow: (row: Row) => boolean;
+    expanded: (string | number)[];
+    searchChange: (q: string) => void;
+    sortColumn: (col: TableColumn<Row>) => void;
+    toggleRow: (row: Row) => void | undefined;
+    toggleAll: () => void | undefined;
+    toggleExpand: (row: Row, index: number) => void;
+};