@inf-monkeys-tech/monkeys-design 0.4.31 → 0.4.32

package/README.md

@@ -95,6 +95,10 @@ import {
 - `BaseInput`
 - `BaseTextarea`
 - `BaseSelect`
+- `BaseLayout`
+- `BaseLayoutPane`
+- `BaseLayoutSplit`
+- `BaseLayoutResizeHandle`
 - `BaseSwitch`
 - `BaseCheckbox`
 - `BaseRadioGroup`
@@ -120,6 +124,8 @@ import {
 
 `BaseAppearance` 用于控制 preset、density、radius、border、background、slot className 和 inline style 覆盖。
 
+`BaseLayout` 提供中立布局 primitives：`BaseLayout` 管 header/sidebar/main/aside/footer 区域，`BaseLayoutPane` 管主题化区域表面，`BaseLayoutSplit` 管固定或可调的左右/上下分割。`gap` 可显式控制区域间距，number 按 px，string 原样作为 CSS 长度；不传时继续使用 `BaseAppearance` 的主题间距。可调分割支持 `defaultSize`、受控 `size`、`minSize`、`maxSize` 和 `onSizeChange`；尺寸是否持久化仍由使用方控制。
+
 ## Data Explorer
 
 `components/data-explorer` 提供面向数据密集页面的组合组件。组件库负责可复用的控制、展示、预览、详情和布局结构；数据请求、权限、路由、弹窗和业务动作由使用方控制。

package/dist/components/workbench/index.d.mts

@@ -0,0 +1,561 @@
+import * as React from 'react';
+import { ReactNode, MouseEvent, ElementType, CSSProperties, ComponentPropsWithoutRef, ComponentType } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { aN as BaseTableSortDirection, c as BaseAppearance, aw as BaseTableColumnSizes, au as BaseTableColumnOrderChangeDetail, av as BaseTableColumnSizeChangeDetail } from '../../types-BgEEUqSm.mjs';
+import '@radix-ui/react-context-menu';
+
+interface WorkbenchResizableSidebarItem {
+    id: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    active?: boolean;
+    disabled?: boolean;
+    href?: string;
+    to?: string;
+    title?: string;
+    endContent?: ReactNode;
+    className?: string;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+}
+interface WorkbenchResizableSidebarClassNames {
+    root?: string;
+    header?: string;
+    title?: string;
+    collapseButton?: string;
+    list?: string;
+    item?: string;
+    itemIcon?: string;
+    itemLabel?: string;
+    resizeHandle?: string;
+    mobileNav?: string;
+    mobileItem?: string;
+}
+interface WorkbenchResizableSidebarProps {
+    title?: ReactNode;
+    items: WorkbenchResizableSidebarItem[];
+    activeItemId?: string;
+    itemAs?: ElementType;
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    width?: number;
+    onWidthChange?: (width: number) => void;
+    defaultWidth?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    collapsedWidth?: number;
+    collapseThreshold?: number;
+    storageKey?: string;
+    resizable?: boolean;
+    collapsible?: boolean;
+    collapseLabel?: string;
+    expandLabel?: string;
+    resizeLabel?: string;
+    desktopClassName?: string;
+    mobileClassName?: string;
+    className?: string;
+    classNames?: WorkbenchResizableSidebarClassNames;
+    style?: CSSProperties;
+}
+declare const WorkbenchResizableSidebar: React.ForwardRefExoticComponent<WorkbenchResizableSidebarProps & React.RefAttributes<HTMLElement>>;
+
+interface WorkbenchContentPaneClassNames {
+    root?: string;
+    header?: string;
+    body?: string;
+    footer?: string;
+}
+interface WorkbenchContentPaneBodyProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className'> {
+    className?: string;
+}
+interface WorkbenchContentPaneProps extends Omit<ComponentPropsWithoutRef<'section'>, 'children' | 'className' | 'style'> {
+    as?: ElementType;
+    bodyAs?: ElementType;
+    header?: ReactNode;
+    footer?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    headerClassName?: string;
+    bodyClassName?: string;
+    footerClassName?: string;
+    bodyProps?: WorkbenchContentPaneBodyProps;
+    classNames?: WorkbenchContentPaneClassNames;
+    style?: CSSProperties;
+    [key: string]: any;
+}
+declare const WorkbenchContentPane: React.ForwardRefExoticComponent<Omit<WorkbenchContentPaneProps, "ref"> & React.RefAttributes<HTMLElement>>;
+
+interface WorkbenchGalleryColumn {
+    key: string;
+    label?: ReactNode;
+    renderType?: string;
+    type?: string;
+    wrap?: boolean;
+    [key: string]: any;
+}
+
+interface WorkbenchGallerySettingsValue {
+    visibleColumnKeys?: string[];
+    galleryFieldKey?: string;
+    galleryLayout?: 'fixed' | 'masonry' | string;
+    galleryDensity?: 'compact' | 'comfortable' | 'detailed' | string;
+    galleryGridColumns?: number | 'auto' | string;
+    galleryBentoColumns?: 1 | 2 | 3 | number;
+    galleryDetailVisibility?: 'all' | 'limit' | string;
+    galleryDetailLimit?: number | string;
+    [key: string]: any;
+}
+interface WorkbenchGallerySettingsOption<Value extends string | number = string> {
+    value: Value;
+    label: ReactNode;
+    disabled?: boolean;
+}
+interface WorkbenchGallerySettingsLabels {
+    settingsButton?: ReactNode;
+    title?: ReactNode;
+    visibleColumns?: ReactNode;
+    coverField?: ReactNode;
+    autoDetect?: ReactNode;
+    cardDensity?: ReactNode;
+    cardColumns?: ReactNode;
+    detailColumns?: ReactNode;
+    fieldVisibility?: ReactNode;
+    fieldLimit?: ReactNode;
+    fieldLimitHint?: ReactNode;
+    layout?: ReactNode;
+    compact?: ReactNode;
+    comfortable?: ReactNode;
+    detailed?: ReactNode;
+    autoColumns?: ReactNode;
+    columns?: (count: number) => ReactNode;
+    bentoColumns?: (count: number) => ReactNode;
+    topLimit?: ReactNode;
+    allFields?: ReactNode;
+    adaptiveGrid?: ReactNode;
+    masonry?: ReactNode;
+}
+interface WorkbenchGallerySettingsPanelClassNames {
+    root?: string;
+    section?: string;
+    sectionHeader?: string;
+    columnList?: string;
+    columnItem?: string;
+    control?: string;
+}
+interface WorkbenchGallerySettingsPanelProps {
+    columns?: WorkbenchGalleryColumn[];
+    galleryFieldOptions?: WorkbenchGalleryColumn[];
+    value?: WorkbenchGallerySettingsValue;
+    onValueChange?: (nextValue: WorkbenchGallerySettingsValue, patch: Partial<WorkbenchGallerySettingsValue>) => void;
+    labels?: WorkbenchGallerySettingsLabels;
+    densityOptions?: Array<WorkbenchGallerySettingsOption>;
+    gridColumnOptions?: Array<WorkbenchGallerySettingsOption<number | 'auto'>>;
+    bentoColumnOptions?: Array<WorkbenchGallerySettingsOption<number>>;
+    detailVisibilityOptions?: Array<WorkbenchGallerySettingsOption>;
+    layoutOptions?: Array<WorkbenchGallerySettingsOption>;
+    getColumnLabel?: (column: WorkbenchGalleryColumn) => ReactNode;
+    getColumnDescription?: (column: WorkbenchGalleryColumn) => ReactNode;
+    showColumnVisibility?: boolean;
+    showGalleryControls?: boolean;
+    showLayoutControl?: boolean;
+    showGridColumns?: boolean;
+    showDetailColumns?: boolean;
+    allowEmptyVisibleColumns?: boolean;
+    className?: string;
+    classNames?: WorkbenchGallerySettingsPanelClassNames;
+}
+interface WorkbenchGallerySettingsButtonClassNames {
+    root?: string;
+    trigger?: string;
+    popover?: string;
+    header?: string;
+    panel?: string;
+}
+interface WorkbenchGallerySettingsButtonProps extends WorkbenchGallerySettingsPanelProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    triggerIcon?: ReactNode;
+    triggerLabel?: ReactNode;
+    triggerTitle?: string;
+    align?: 'start' | 'end';
+    popoverWidth?: number;
+    panelHeader?: ReactNode;
+    panelBefore?: ReactNode;
+    panelAfter?: ReactNode;
+    panelClassName?: string;
+    buttonClassName?: string;
+    popoverClassName?: string;
+    buttonClassNames?: WorkbenchGallerySettingsButtonClassNames;
+}
+declare function WorkbenchGallerySettingsPanel({ columns, galleryFieldOptions, value, onValueChange, labels, densityOptions, gridColumnOptions, bentoColumnOptions, detailVisibilityOptions, layoutOptions, getColumnLabel, getColumnDescription, showColumnVisibility, showGalleryControls, showLayoutControl, showGridColumns, showDetailColumns, allowEmptyVisibleColumns, className, classNames, }: WorkbenchGallerySettingsPanelProps): react_jsx_runtime.JSX.Element;
+declare function WorkbenchGallerySettingsButton({ open, defaultOpen, onOpenChange, triggerIcon, triggerLabel, triggerTitle, align, popoverWidth, panelHeader, panelBefore, panelAfter, panelClassName, buttonClassName, popoverClassName, buttonClassNames, labels, className, classNames, ...panelProps }: WorkbenchGallerySettingsButtonProps): react_jsx_runtime.JSX.Element;
+
+interface WorkbenchContentToolbarViewModeOption {
+    value: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+}
+interface WorkbenchContentToolbarClassNames {
+    root?: string;
+    start?: string;
+    end?: string;
+    viewModeRoot?: string;
+    viewModeTrigger?: string;
+    viewModeMenu?: string;
+    viewModeItem?: string;
+    settings?: string;
+}
+interface WorkbenchContentToolbarProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className'> {
+    as?: ElementType;
+    children?: ReactNode;
+    end?: ReactNode;
+    viewMode?: string;
+    viewModeOptions?: WorkbenchContentToolbarViewModeOption[];
+    onViewModeChange?: (nextValue: string, option: WorkbenchContentToolbarViewModeOption) => void;
+    gallerySettings?: WorkbenchGallerySettingsButtonProps | false;
+    gallerySettingsPlacement?: 'start' | 'end';
+    className?: string;
+    startClassName?: string;
+    endClassName?: string;
+    classNames?: WorkbenchContentToolbarClassNames;
+    [key: string]: any;
+}
+declare const WorkbenchContentToolbar: React.ForwardRefExoticComponent<Omit<WorkbenchContentToolbarProps, "ref"> & React.RefAttributes<HTMLElement>>;
+
+interface WorkbenchDetailSidebarClassNames {
+    root?: string;
+    header?: string;
+    body?: string;
+    footer?: string;
+    resizeHandle?: string;
+    autoBody?: string;
+    section?: string;
+    sectionHeader?: string;
+    sectionTitle?: string;
+    sectionDescription?: string;
+    descriptionList?: string;
+    descriptionListItem?: string;
+    descriptionListTerm?: string;
+    descriptionListValue?: string;
+    fieldLabel?: string;
+    fieldLabelIcon?: string;
+    fieldValue?: string;
+    mediaValue?: string;
+    mediaImage?: string;
+    mediaCaption?: string;
+    emptyState?: string;
+}
+interface WorkbenchDetailSidebarBodyProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className'> {
+    className?: string;
+}
+interface WorkbenchDetailSidebarField<Row = any> {
+    key: string;
+    label?: ReactNode;
+    labelIcon?: ReactNode | ElementType;
+    icon?: ReactNode | ElementType;
+    renderType?: string;
+    value?: ReactNode | ((record: Row | null | undefined, field: WorkbenchDetailSidebarField<Row>) => ReactNode);
+    description?: ReactNode;
+    hidden?: boolean | ((field: WorkbenchDetailSidebarField<Row>, record: Row | null | undefined) => boolean);
+    emptyValue?: ReactNode;
+    [key: string]: any;
+}
+interface WorkbenchDetailSidebarSection<Row = any> {
+    id?: string;
+    title?: ReactNode;
+    description?: ReactNode;
+    fields?: WorkbenchDetailSidebarField<Row>[];
+    columns?: 1 | 2 | 3;
+    hidden?: boolean | ((section: WorkbenchDetailSidebarSection<Row>, record: Row | null | undefined) => boolean);
+    emptyState?: ReactNode;
+    [key: string]: any;
+}
+interface WorkbenchDetailSidebarRenderContext<Row = any> {
+    field: WorkbenchDetailSidebarField<Row>;
+    fieldIndex: number;
+    section: WorkbenchDetailSidebarSection<Row>;
+    sectionIndex: number;
+    record: Row | null | undefined;
+}
+interface WorkbenchDetailSidebarProps<Row = any> extends Omit<ComponentPropsWithoutRef<'aside'>, 'children' | 'className' | 'style'> {
+    as?: ElementType;
+    bodyAs?: ElementType;
+    open?: boolean;
+    width?: number | string;
+    header?: ReactNode;
+    footer?: ReactNode;
+    resizeHandle?: ReactNode;
+    children?: ReactNode;
+    record?: Row | null;
+    fields?: WorkbenchDetailSidebarField<Row>[];
+    sections?: WorkbenchDetailSidebarSection<Row>[];
+    fieldColumns?: 1 | 2 | 3;
+    emptyValue?: ReactNode;
+    emptyState?: ReactNode;
+    getFieldValue?: (field: WorkbenchDetailSidebarField<Row>, record: Row | null | undefined, context: WorkbenchDetailSidebarRenderContext<Row>) => unknown;
+    renderFieldValue?: (field: WorkbenchDetailSidebarField<Row>, record: Row | null | undefined, context: WorkbenchDetailSidebarRenderContext<Row>) => ReactNode;
+    formatFieldValue?: (value: unknown, context: WorkbenchDetailSidebarRenderContext<Row>) => ReactNode;
+    formatFieldLabel?: (label: ReactNode, context: Omit<WorkbenchDetailSidebarRenderContext<Row>, 'fieldIndex'> & {
+        field: WorkbenchDetailSidebarField<Row>;
+        fieldIndex?: number;
+    }) => ReactNode;
+    className?: string;
+    headerClassName?: string;
+    bodyClassName?: string;
+    footerClassName?: string;
+    resizeHandleClassName?: string;
+    bodyProps?: WorkbenchDetailSidebarBodyProps;
+    classNames?: WorkbenchDetailSidebarClassNames;
+    style?: CSSProperties;
+    [key: string]: any;
+}
+declare const WorkbenchDetailSidebar: React.ForwardRefExoticComponent<Omit<WorkbenchDetailSidebarProps<any>, "ref"> & React.RefAttributes<HTMLElement>>;
+
+interface WorkbenchTableViewColumn {
+    key: string;
+    label?: ReactNode;
+    helperText?: ReactNode;
+    renderType?: string;
+    type?: string;
+    description?: ReactNode;
+    meta?: ReactNode;
+    actions?: ReactNode;
+    trailing?: ReactNode;
+    wrap?: boolean;
+    align?: 'left' | 'center' | 'right';
+    width?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    sortable?: boolean;
+    sortDirection?: BaseTableSortDirection;
+    sortLabel?: string;
+    draggable?: boolean;
+    dragLabel?: string;
+    resizable?: boolean;
+    resizeLabel?: string;
+    compactHeaderClassName?: string;
+    compactCellClassName?: string;
+    headerClassName?: string;
+    cellClassName?: string;
+    [key: string]: any;
+}
+interface WorkbenchTableViewClassNames {
+    root?: string;
+    scrollArea?: string;
+    table?: string;
+    header?: string;
+    headerRow?: string;
+    headerCell?: string;
+    body?: string;
+    row?: string;
+    cell?: string;
+    footer?: string;
+    helper?: string;
+}
+interface WorkbenchTableViewRenderContext<Row = any> {
+    row: Row;
+    rowIndex: number;
+    column: WorkbenchTableViewColumn;
+    columnIndex: number;
+    compact: boolean;
+    surface: 'list' | string;
+}
+interface WorkbenchTableViewHeaderContext<Row = any> {
+    column: WorkbenchTableViewColumn;
+    columnIndex: number;
+    columns: WorkbenchTableViewColumn[];
+    rows: Row[];
+    columnType?: string;
+}
+interface WorkbenchTableViewProps<Row = any> {
+    rows?: Row[];
+    columns?: WorkbenchTableViewColumn[];
+    onRowClick?: (row: Row, rowIndex: number) => void;
+    selectedRowKey?: string;
+    selectedLinkKey?: string;
+    activePrimaryColumn?: WorkbenchTableViewColumn | null;
+    activeTablePrimaryColumn?: WorkbenchTableViewColumn | null;
+    renderedRowCount?: number;
+    totalRowCount?: number;
+    tableMinWidth?: number;
+    minWidth?: number;
+    bodyMaxHeight?: number | string;
+    stickyFirstColumn?: boolean;
+    appearance?: BaseAppearance;
+    columnOrder?: string[];
+    columnSizes?: BaseTableColumnSizes;
+    columnDragEnabled?: boolean;
+    columnResizeEnabled?: boolean;
+    className?: string;
+    tableClassName?: string;
+    rowClassName?: string | ((row: Row, rowIndex: number) => string | undefined);
+    classNames?: WorkbenchTableViewClassNames;
+    style?: CSSProperties;
+    renderCell?: (column: WorkbenchTableViewColumn, row: Row, context: WorkbenchTableViewRenderContext<Row>) => ReactNode;
+    renderFieldValue?: (column: WorkbenchTableViewColumn, row: Row, context: WorkbenchTableViewRenderContext<Row>) => ReactNode;
+    renderColumnHeader?: (column: WorkbenchTableViewColumn, context: WorkbenchTableViewHeaderContext<Row>) => ReactNode;
+    onColumnOrderChange?: (nextOrder: string[], detail: BaseTableColumnOrderChangeDetail) => void;
+    onColumnSizeChange?: (columnId: string, width: number, detail: BaseTableColumnSizeChangeDetail) => void;
+    onSort?: (columnKey: string, column: WorkbenchTableViewColumn) => void;
+    formatLabel?: (value: ReactNode, context?: {
+        column?: WorkbenchTableViewColumn;
+    }) => ReactNode;
+    getColumnDataType?: (columnKey: string, rows: Row[], column?: WorkbenchTableViewColumn) => string | undefined;
+    getColumnIcon?: (columnType?: string, column?: WorkbenchTableViewColumn) => ReactNode | ComponentType<{
+        className?: string;
+    }> | null | undefined;
+    getColumnTypeIcon?: (columnType?: string, column?: WorkbenchTableViewColumn) => ReactNode | ComponentType<{
+        className?: string;
+    }> | null | undefined;
+    getRowKey?: (row: Row, rowIndex: number) => string | number;
+    getRowSelectionKey?: (row: Row, rowIndex: number) => string | number | undefined;
+    isActionColumn?: (column: WorkbenchTableViewColumn) => boolean;
+    isActionField?: (column: WorkbenchTableViewColumn) => boolean;
+    isRowDisabled?: (row: Row, rowIndex: number) => boolean;
+    isWorkbenchPlaceholderRow?: (row: Row, rowIndex?: number) => boolean;
+    emptyState?: ReactNode;
+    hiddenRowsMessage?: ReactNode | ((hiddenRowCount: number, renderedRowCount: number, totalRowCount: number) => ReactNode);
+}
+declare function WorkbenchTableView<Row = any>({ rows, columns, onRowClick, selectedRowKey, selectedLinkKey, activePrimaryColumn, activeTablePrimaryColumn, renderedRowCount, totalRowCount, tableMinWidth, minWidth, bodyMaxHeight, stickyFirstColumn, appearance, columnOrder, columnSizes, columnDragEnabled, columnResizeEnabled, className, tableClassName, rowClassName, classNames, style, renderCell, renderFieldValue, renderColumnHeader, onColumnOrderChange, onColumnSizeChange, onSort, formatLabel, getColumnDataType, getColumnIcon, getColumnTypeIcon, getRowKey, getRowSelectionKey, isActionColumn, isActionField, isRowDisabled, isWorkbenchPlaceholderRow, emptyState, hiddenRowsMessage, }: WorkbenchTableViewProps<Row>): react_jsx_runtime.JSX.Element;
+
+interface WorkbenchGalleryRecordVisual {
+    Icon?: ComponentType<{
+        className?: string;
+    }> | ReactNode;
+    icon?: ComponentType<{
+        className?: string;
+    }> | ReactNode;
+    chipClassName?: string;
+    iconClassName?: string;
+    label?: ReactNode;
+    title?: ReactNode;
+    [key: string]: any;
+}
+interface WorkbenchGalleryLabels {
+    fieldCount?: (count: number) => ReactNode;
+    coverOnlyHint?: ReactNode;
+}
+interface WorkbenchGalleryCardProps<Row = any> {
+    row: Row;
+    columns: WorkbenchGalleryColumn[];
+    onClick?: () => void;
+    isSelected?: boolean;
+    isMasonry?: boolean;
+    galleryFieldKey?: string;
+    galleryDensity?: 'compact' | 'comfortable' | 'detailed' | string;
+    galleryBentoColumns?: 1 | 2 | 3 | number;
+    galleryDetailVisibility?: 'all' | 'limit' | string;
+    galleryDetailLimit?: number | string;
+    shouldEnhanceMultimodal?: boolean;
+    getFieldValue?: (column: WorkbenchGalleryColumn, row: Row) => unknown;
+    isMediaColumn?: (column: WorkbenchGalleryColumn, row: Row) => boolean;
+    isTitleCandidate?: (column: WorkbenchGalleryColumn, row: Row) => boolean;
+    isSummaryCandidate?: (column: WorkbenchGalleryColumn, row: Row) => boolean;
+    getDisplayText?: (value: unknown) => ReactNode;
+    renderFieldValue?: (column: WorkbenchGalleryColumn, row: Row, context: {
+        compact?: boolean;
+        surface?: string;
+    }) => ReactNode;
+    getImagePreviewSrc?: (value: unknown, rowId?: string | number, columnLabel?: ReactNode) => string;
+    isImageField?: (column: WorkbenchGalleryColumn, value: unknown) => boolean;
+    isAudioField?: (column: WorkbenchGalleryColumn, value: unknown) => boolean;
+    AudioPlayerComponent?: ComponentType<{
+        filename: string;
+    }>;
+    cardVariant?: 'default' | 'image-only' | 'preview-only' | 'chromatic-bento' | string;
+    renderPreview?: (context: WorkbenchGalleryCardRenderContext<Row>) => ReactNode;
+    renderMeta?: (context: WorkbenchGalleryCardMetaContext<Row>) => ReactNode;
+    renderLeadingVisual?: (context: WorkbenchGalleryCardMetaContext<Row> & {
+        iconVisual?: WorkbenchGalleryRecordVisual | null;
+    }) => ReactNode;
+    resolveRecordVisual?: (value: unknown, row: Row, iconColumn?: WorkbenchGalleryColumn) => WorkbenchGalleryRecordVisual | null | undefined;
+    hiddenDetailFieldKeys?: string[];
+    labels?: WorkbenchGalleryLabels;
+    formatLabel?: (value: ReactNode, context?: {
+        column?: WorkbenchGalleryColumn;
+    }) => ReactNode;
+    className?: string;
+}
+interface WorkbenchGalleryCardRenderContext<Row = any> {
+    row: Row;
+    mediaColumn?: WorkbenchGalleryColumn | null;
+    mediaValue: unknown;
+    isImageMedia: boolean;
+    isAudioMedia: boolean;
+    iconVisual?: WorkbenchGalleryRecordVisual | null;
+    IconComponent?: ComponentType<{
+        className?: string;
+    }> | null;
+    previewClassName: string;
+}
+interface WorkbenchGalleryCardMetaContext<Row = any> {
+    row: Row;
+    contentColumns: WorkbenchGalleryColumn[];
+    detailColumns: WorkbenchGalleryColumn[];
+    titleColumn?: WorkbenchGalleryColumn | null;
+    summaryColumn?: WorkbenchGalleryColumn | null;
+    getDisplayText: (value: unknown) => ReactNode;
+    getFieldValue: (column: WorkbenchGalleryColumn, row: Row) => unknown;
+}
+declare function WorkbenchGalleryCard<Row = any>({ row, columns, onClick, isSelected, isMasonry, galleryFieldKey, galleryDensity, galleryBentoColumns, galleryDetailVisibility, galleryDetailLimit, shouldEnhanceMultimodal, getFieldValue, isMediaColumn, isTitleCandidate, isSummaryCandidate, getDisplayText, renderFieldValue, getImagePreviewSrc, isImageField, isAudioField, AudioPlayerComponent, cardVariant, renderPreview, renderMeta, renderLeadingVisual, resolveRecordVisual, hiddenDetailFieldKeys, labels, formatLabel, className, }: WorkbenchGalleryCardProps<Row>): react_jsx_runtime.JSX.Element;
+
+interface WorkbenchMasonryItemSize {
+    width?: number | string;
+    height?: number | string;
+    columnSpan?: number;
+    rowSpan?: number;
+}
+interface WorkbenchMasonryLayoutContext {
+    columnCount: number;
+    columnSpan?: number;
+    columnWidth: number;
+    containerWidth: number;
+    gap: number;
+    itemWidth?: number;
+    placementStrategy: 'shelf' | 'dense';
+    rowSpan?: number;
+    rowHeight: number;
+    size?: WorkbenchMasonryItemSize;
+}
+interface WorkbenchMasonryLayoutProps<Item = any> {
+    items?: Item[];
+    renderItem: (item: Item, context: WorkbenchMasonryLayoutContext) => ReactNode;
+    getItemKey?: (item: Item, index: number) => string | number;
+    getItemSize?: (item: Item, context: WorkbenchMasonryLayoutContext) => WorkbenchMasonryItemSize | undefined;
+    columnWidth?: number | string;
+    gap?: number;
+    rowHeight?: number;
+    placementStrategy?: 'shelf' | 'dense';
+    className?: string;
+}
+declare function WorkbenchMasonryLayout<Item = any>({ items, renderItem, getItemKey, getItemSize, columnWidth, gap, rowHeight, placementStrategy, className, }: WorkbenchMasonryLayoutProps<Item>): react_jsx_runtime.JSX.Element;
+
+interface WorkbenchGalleryViewProps<Row = any> extends Omit<WorkbenchGalleryCardProps<Row>, 'row' | 'columns' | 'onClick' | 'isSelected' | 'isMasonry'> {
+    rows?: Row[];
+    columns?: WorkbenchGalleryColumn[];
+    onRowClick?: (row: Row, rowIndex: number) => void;
+    selectedLinkKey?: string;
+    selectedRowKey?: string;
+    className?: string;
+    isMasonry?: boolean;
+    galleryLayoutMode?: 'auto' | 'rail' | string;
+    galleryRailCardWidth?: number;
+    galleryGridColumns?: number | 'auto' | string;
+    galleryGridCardWidth?: number | string;
+    galleryMasonryColumnWidth?: number | string;
+    masonryPlacementStrategy?: 'shelf' | 'dense';
+    getMasonryItemSize?: (row: Row, context: {
+        defaultSize: WorkbenchMasonryItemSize;
+        columnCount: number;
+        columnWidth: number;
+        containerWidth: number;
+        gap: number;
+        placementStrategy: 'shelf' | 'dense';
+        rowHeight: number;
+    }) => WorkbenchMasonryItemSize | undefined;
+}
+declare function WorkbenchGalleryView<Row = any>({ rows, columns, onRowClick, selectedLinkKey, selectedRowKey, className, isMasonry, galleryLayoutMode, galleryRailCardWidth, galleryGridColumns, galleryGridCardWidth, galleryMasonryColumnWidth, masonryPlacementStrategy, galleryFieldKey, galleryDensity, galleryBentoColumns, galleryDetailVisibility, galleryDetailLimit, shouldEnhanceMultimodal, getFieldValue, isMediaColumn, isTitleCandidate, isSummaryCandidate, getDisplayText, renderFieldValue, getImagePreviewSrc, isImageField, isAudioField, AudioPlayerComponent, cardVariant, renderPreview, renderMeta, renderLeadingVisual, resolveRecordVisual, hiddenDetailFieldKeys, labels, formatLabel, getMasonryItemSize, }: WorkbenchGalleryViewProps<Row>): react_jsx_runtime.JSX.Element;
+
+export { WorkbenchContentPane, type WorkbenchContentPaneBodyProps, type WorkbenchContentPaneClassNames, type WorkbenchContentPaneProps, WorkbenchContentToolbar, type WorkbenchContentToolbarClassNames, type WorkbenchContentToolbarProps, type WorkbenchContentToolbarViewModeOption, WorkbenchDetailSidebar, type WorkbenchDetailSidebarBodyProps, type WorkbenchDetailSidebarClassNames, type WorkbenchDetailSidebarField, type WorkbenchDetailSidebarProps, type WorkbenchDetailSidebarRenderContext, type WorkbenchDetailSidebarSection, WorkbenchGalleryCard, type WorkbenchGalleryCardMetaContext, type WorkbenchGalleryCardProps, type WorkbenchGalleryCardRenderContext, type WorkbenchGalleryColumn, type WorkbenchGalleryLabels, type WorkbenchGalleryRecordVisual, WorkbenchGallerySettingsButton, type WorkbenchGallerySettingsButtonClassNames, type WorkbenchGallerySettingsButtonProps, type WorkbenchGallerySettingsLabels, type WorkbenchGallerySettingsOption, WorkbenchGallerySettingsPanel, type WorkbenchGallerySettingsPanelClassNames, type WorkbenchGallerySettingsPanelProps, type WorkbenchGallerySettingsValue, WorkbenchGalleryView, type WorkbenchGalleryViewProps, type WorkbenchMasonryItemSize, WorkbenchMasonryLayout, type WorkbenchMasonryLayoutContext, type WorkbenchMasonryLayoutProps, WorkbenchResizableSidebar, type WorkbenchResizableSidebarClassNames, type WorkbenchResizableSidebarItem, type WorkbenchResizableSidebarProps, WorkbenchTableView, type WorkbenchTableViewClassNames, type WorkbenchTableViewColumn, type WorkbenchTableViewHeaderContext, type WorkbenchTableViewProps, type WorkbenchTableViewRenderContext };