@expcat/tigercat-vue 1.2.43 → 1.2.46

package/dist/components/AreaChart.d.mts

@@ -403,12 +403,12 @@ declare const AreaChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSeries-click"?: ((...args: any[]) => any) | undefined;
     "onSeries-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    hoverable: boolean;
+    strokeWidth: number;
     width: number;
     height: number;
     padding: ChartPadding;
     gradient: boolean;
-    hoverable: boolean;
-    strokeWidth: number;
     fillOpacity: number;
     selectable: boolean;
     xTicks: number;

package/dist/components/AreaChart.d.ts

@@ -403,12 +403,12 @@ declare const AreaChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSeries-click"?: ((...args: any[]) => any) | undefined;
     "onSeries-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    hoverable: boolean;
+    strokeWidth: number;
     width: number;
     height: number;
     padding: ChartPadding;
     gradient: boolean;
-    hoverable: boolean;
-    strokeWidth: number;
     fillOpacity: number;
     selectable: boolean;
     xTicks: number;

package/dist/components/AutoComplete.d.mts

@@ -46,7 +46,7 @@ declare const AutoComplete: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("search" | "select" | "change" | "update:modelValue")[], "search" | "select" | "change" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "select" | "search" | "update:modelValue")[], "change" | "select" | "search" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     modelValue: {
         type: PropType<string | number>;
         default: string;
@@ -88,8 +88,8 @@ declare const AutoComplete: vue.DefineComponent<vue.ExtractPropTypes<{
         default: boolean;
     };
 }>> & Readonly<{
-    onSelect?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {

package/dist/components/AutoComplete.d.ts

@@ -46,7 +46,7 @@ declare const AutoComplete: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("search" | "select" | "change" | "update:modelValue")[], "search" | "select" | "change" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "select" | "search" | "update:modelValue")[], "change" | "select" | "search" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     modelValue: {
         type: PropType<string | number>;
         default: string;
@@ -88,8 +88,8 @@ declare const AutoComplete: vue.DefineComponent<vue.ExtractPropTypes<{
         default: boolean;
     };
 }>> & Readonly<{
-    onSelect?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {

package/dist/components/Avatar.d.mts

@@ -151,9 +151,9 @@ declare const Avatar: vue.DefineComponent<vue.ExtractPropTypes<{
     size: AvatarSize;
     className: string;
     style: Record<string, string | number>;
-    text: string;
     src: string;
     alt: string;
+    text: string;
     shape: AvatarShape;
     bgColor: string;
     textColor: string;

package/dist/components/Avatar.d.ts

@@ -151,9 +151,9 @@ declare const Avatar: vue.DefineComponent<vue.ExtractPropTypes<{
     size: AvatarSize;
     className: string;
     style: Record<string, string | number>;
-    text: string;
     src: string;
     alt: string;
+    text: string;
     shape: AvatarShape;
     bgColor: string;
     textColor: string;

package/dist/components/Badge.d.mts

@@ -92,14 +92,14 @@ declare const Badge: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    type: BadgeType;
     size: BadgeSize;
     className: string;
     style: Record<string, string | number>;
+    type: BadgeType;
     variant: BadgeVariant;
-    max: number;
-    content: string | number;
     position: BadgePosition;
+    content: string | number;
+    max: number;
     showZero: boolean;
     standalone: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/Badge.d.ts

@@ -92,14 +92,14 @@ declare const Badge: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    type: BadgeType;
     size: BadgeSize;
     className: string;
     style: Record<string, string | number>;
+    type: BadgeType;
     variant: BadgeVariant;
-    max: number;
-    content: string | number;
     position: BadgePosition;
+    content: string | number;
+    max: number;
     showZero: boolean;
     standalone: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/BarChart.d.mts

@@ -364,11 +364,11 @@ declare const BarChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onBar-click"?: ((...args: any[]) => any) | undefined;
     "onBar-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    hoverable: boolean;
     width: number;
     height: number;
     padding: ChartPadding;
     gradient: boolean;
-    hoverable: boolean;
     selectable: boolean;
     xTicks: number;
     yTicks: number;

package/dist/components/BarChart.d.ts

@@ -364,11 +364,11 @@ declare const BarChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onBar-click"?: ((...args: any[]) => any) | undefined;
     "onBar-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    hoverable: boolean;
     width: number;
     height: number;
     padding: ChartPadding;
     gradient: boolean;
-    hoverable: boolean;
     selectable: boolean;
     xTicks: number;
     yTicks: number;

package/dist/components/Breadcrumb.d.mts

@@ -136,12 +136,12 @@ declare const BreadcrumbItem: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     className: string;
     style: Record<string, unknown>;
+    href: string;
+    target: "_blank" | "_self" | "_parent" | "_top";
     icon: string | VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>;
     separator: string;
-    href: string;
-    target: "_blank" | "_self" | "_parent" | "_top";
     current: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const Breadcrumb: vue.DefineComponent<vue.ExtractPropTypes<{

package/dist/components/Breadcrumb.d.ts

@@ -136,12 +136,12 @@ declare const BreadcrumbItem: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     className: string;
     style: Record<string, unknown>;
+    href: string;
+    target: "_blank" | "_self" | "_parent" | "_top";
     icon: string | VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>;
     separator: string;
-    href: string;
-    target: "_blank" | "_self" | "_parent" | "_top";
     current: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const Breadcrumb: vue.DefineComponent<vue.ExtractPropTypes<{

package/dist/components/Button.d.mts

@@ -132,13 +132,13 @@ declare const Button: vue.DefineComponent<vue.ExtractPropTypes<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
     size: ButtonSize;
+    loading: boolean;
     className: string;
     style: Record<string, unknown>;
+    variant: ButtonVariant;
+    danger: boolean;
     disabled: boolean;
-    loading: boolean;
     block: boolean;
-    danger: boolean;
-    variant: ButtonVariant;
     iconPosition: ButtonIconPosition;
     htmlType: ButtonHtmlType;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/Button.d.ts

@@ -132,13 +132,13 @@ declare const Button: vue.DefineComponent<vue.ExtractPropTypes<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
     size: ButtonSize;
+    loading: boolean;
     className: string;
     style: Record<string, unknown>;
+    variant: ButtonVariant;
+    danger: boolean;
     disabled: boolean;
-    loading: boolean;
     block: boolean;
-    danger: boolean;
-    variant: ButtonVariant;
     iconPosition: ButtonIconPosition;
     htmlType: ButtonHtmlType;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/ButtonGroup.d.mts

@@ -34,9 +34,9 @@ declare const ButtonGroup: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    vertical: boolean;
     size: ButtonSize;
     className: string;
+    vertical: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { BUTTON_GROUP_INJECTION_KEY, ButtonGroup, type ButtonGroupContext, type VueButtonGroupProps, ButtonGroup as default };

package/dist/components/ButtonGroup.d.ts

@@ -34,9 +34,9 @@ declare const ButtonGroup: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    vertical: boolean;
     size: ButtonSize;
     className: string;
+    vertical: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { BUTTON_GROUP_INJECTION_KEY, ButtonGroup, type ButtonGroupContext, type VueButtonGroupProps, ButtonGroup as default };

package/dist/components/Calendar.d.mts

@@ -60,8 +60,8 @@ declare const Calendar: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     className: string;
     mode: CalendarMode;
-    modelValue: Date;
     fullscreen: boolean;
+    modelValue: Date;
     disabledDate: (date: Date) => boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/Calendar.d.ts

@@ -60,8 +60,8 @@ declare const Calendar: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     className: string;
     mode: CalendarMode;
-    modelValue: Date;
     fullscreen: boolean;
+    modelValue: Date;
     disabledDate: (date: Date) => boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/Card.d.mts

@@ -137,13 +137,13 @@ declare const Card: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    direction: CardDirection;
     size: CardSize;
     className: string;
     style: Record<string, string | number>;
     variant: CardVariant;
-    cover: string;
     hoverable: boolean;
+    direction: CardDirection;
+    cover: string;
     coverAlt: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/Card.d.ts

@@ -137,13 +137,13 @@ declare const Card: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    direction: CardDirection;
     size: CardSize;
     className: string;
     style: Record<string, string | number>;
     variant: CardVariant;
-    cover: string;
     hoverable: boolean;
+    direction: CardDirection;
+    cover: string;
     coverAlt: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/ChartGrid.d.mts

@@ -97,11 +97,11 @@ declare const ChartGrid: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
     };
 }>> & Readonly<{}>, {
+    strokeWidth: number;
     x: number;
     y: number;
     show: ChartGridLine;
     lineStyle: ChartGridLineStyle;
-    strokeWidth: number;
     xTicks: number;
     yTicks: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/ChartGrid.d.ts

@@ -97,11 +97,11 @@ declare const ChartGrid: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
     };
 }>> & Readonly<{}>, {
+    strokeWidth: number;
     x: number;
     y: number;
     show: ChartGridLine;
     lineStyle: ChartGridLineStyle;
-    strokeWidth: number;
     xTicks: number;
     yTicks: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/ChatWindow.d.mts

@@ -225,20 +225,20 @@ declare const ChatWindow: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<Record<string, string | number>>;
     };
 }>> & Readonly<{
-    onInput?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onSend?: ((...args: any[]) => any) | undefined;
 }>, {
     emptyText: string;
+    showAvatar: boolean;
+    showTime: boolean;
     disabled: boolean;
     defaultValue: string;
     virtual: boolean;
     placeholder: string;
     virtualHeight: number;
     virtualItemHeight: number;
-    showAvatar: boolean;
-    showTime: boolean;
     messages: ChatMessage[];
     sendText: string;
     statusVariant: string;

package/dist/components/ChatWindow.d.ts

@@ -225,20 +225,20 @@ declare const ChatWindow: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<Record<string, string | number>>;
     };
 }>> & Readonly<{
-    onInput?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onSend?: ((...args: any[]) => any) | undefined;
 }>, {
     emptyText: string;
+    showAvatar: boolean;
+    showTime: boolean;
     disabled: boolean;
     defaultValue: string;
     virtual: boolean;
     placeholder: string;
     virtualHeight: number;
     virtualItemHeight: number;
-    showAvatar: boolean;
-    showTime: boolean;
     messages: ChatMessage[];
     sendText: string;
     statusVariant: string;

package/dist/components/CodeEditor.d.mts

@@ -162,11 +162,11 @@ declare const CodeEditor: vue.DefineComponent<vue.ExtractPropTypes<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }>, {
-    theme: CodeEditorTheme;
     className: string;
     style: Record<string, string | number>;
-    disabled: boolean;
     value: string;
+    disabled: boolean;
+    theme: CodeEditorTheme;
     defaultValue: string;
     placeholder: string;
     language: CodeLanguage;

package/dist/components/CodeEditor.d.ts

@@ -162,11 +162,11 @@ declare const CodeEditor: vue.DefineComponent<vue.ExtractPropTypes<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }>, {
-    theme: CodeEditorTheme;
     className: string;
     style: Record<string, string | number>;
-    disabled: boolean;
     value: string;
+    disabled: boolean;
+    theme: CodeEditorTheme;
     defaultValue: string;
     placeholder: string;
     language: CodeLanguage;

package/dist/components/Collapse.d.mts

@@ -151,8 +151,8 @@ declare const Collapse: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     className: string;
     style: Record<string, string | number>;
-    ghost: boolean;
     bordered: boolean;
+    ghost: boolean;
     expandIconPosition: ExpandIconPosition;
     activeKey: string | number | (string | number)[];
     defaultActiveKey: string | number | (string | number)[];

package/dist/components/Collapse.d.ts

@@ -151,8 +151,8 @@ declare const Collapse: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     className: string;
     style: Record<string, string | number>;
-    ghost: boolean;
     bordered: boolean;
+    ghost: boolean;
     expandIconPosition: ExpandIconPosition;
     activeKey: string | number | (string | number)[];
     defaultActiveKey: string | number | (string | number)[];

package/dist/components/CollapsePanel.d.mts

@@ -103,8 +103,8 @@ declare const CollapsePanel: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     className: string;
-    header: string;
     style: Record<string, string | number>;
+    header: string;
     disabled: boolean;
     showArrow: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/CollapsePanel.d.ts

@@ -103,8 +103,8 @@ declare const CollapsePanel: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     className: string;
-    header: string;
     style: Record<string, string | number>;
+    header: string;
     disabled: boolean;
     showArrow: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/ColorSwatch.d.mts

@@ -68,11 +68,11 @@ declare const ColorSwatch: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: ColorSwatchSize;
+    groups: ColorSwatchGroup[];
     disabled: boolean;
     modelValue: string;
     ariaLabel: string;
     columns: number;
-    groups: ColorSwatchGroup[];
     colors: ColorSwatchOptionInput[];
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/ColorSwatch.d.ts

@@ -68,11 +68,11 @@ declare const ColorSwatch: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: ColorSwatchSize;
+    groups: ColorSwatchGroup[];
     disabled: boolean;
     modelValue: string;
     ariaLabel: string;
     columns: number;
-    groups: ColorSwatchGroup[];
     colors: ColorSwatchOptionInput[];
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/CommentThread.d.mts

@@ -194,13 +194,13 @@ declare const CommentThread: vue.DefineComponent<vue.ExtractPropTypes<{
     onAction?: ((...args: any[]) => any) | undefined;
     "onLoad-more"?: ((...args: any[]) => any) | undefined;
 }>, {
+    items: CommentNode[];
     emptyText: string;
+    showAvatar: boolean;
     className: string;
     style: Record<string, string | number>;
-    items: CommentNode[];
     defaultExpandedKeys: (string | number)[];
     expandedKeys: (string | number)[];
-    showAvatar: boolean;
     nodes: CommentNode[];
     maxDepth: number;
     maxReplies: number;

package/dist/components/CommentThread.d.ts

@@ -194,13 +194,13 @@ declare const CommentThread: vue.DefineComponent<vue.ExtractPropTypes<{
     onAction?: ((...args: any[]) => any) | undefined;
     "onLoad-more"?: ((...args: any[]) => any) | undefined;
 }>, {
+    items: CommentNode[];
     emptyText: string;
+    showAvatar: boolean;
     className: string;
     style: Record<string, string | number>;
-    items: CommentNode[];
     defaultExpandedKeys: (string | number)[];
     expandedKeys: (string | number)[];
-    showAvatar: boolean;
     nodes: CommentNode[];
     maxDepth: number;
     maxReplies: number;

package/dist/components/ConfigProvider.d.mts

@@ -67,8 +67,8 @@ declare const ConfigProvider: vue.DefineComponent<ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    locale: TigerLocaleInput;
     direction: TigerLocaleDirection;
+    locale: TigerLocaleInput;
     theme: string;
     colorScheme: ColorScheme;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/ConfigProvider.d.ts

@@ -67,8 +67,8 @@ declare const ConfigProvider: vue.DefineComponent<ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    locale: TigerLocaleInput;
     direction: TigerLocaleDirection;
+    locale: TigerLocaleInput;
     theme: string;
     colorScheme: ColorScheme;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/DataTableWithToolbar.d.mts

@@ -1,8 +1,17 @@
 import * as vue from 'vue';
-import { PropType } from 'vue';
-import { TableColumn, SortState, TableSize, TigerLocaleInput, TigerLocaleTable, RowSelectionConfig, TableResponsiveMode, TableCardBreakpoint, TableToolbarProps, PaginationConfig, TableToolbarFilterValue, TableToolbarAction } from '@expcat/tigercat-core';
+import { PropType, VNodeChild } from 'vue';
+import { TableColumn, SortState, TableSize, TigerLocaleInput, TigerLocaleTable, RowSelectionConfig, TableResponsiveMode, TableCardBreakpoint, TableCardLayoutItem, TableToolbarProps, TableToolbarFilter, TableToolbarFilterRenderContext, PaginationConfig, TableToolbarFilterValue, TableToolbarAction, TableToolbarFiltersExtraContext } from '@expcat/tigercat-core';
 
-interface VueTableToolbarProps extends Omit<TableToolbarProps, 'onSearchChange' | 'onSearch' | 'onFiltersChange' | 'onBulkAction'> {
+interface VueTableToolbarProps extends Omit<TableToolbarProps, 'filters' | 'filtersExtra' | 'onSearchChange' | 'onSearch' | 'onFiltersChange' | 'onBulkAction'> {
+    filters?: VueTableToolbarFilter[];
+}
+interface VueTableToolbarFilterRenderContext extends Omit<TableToolbarFilterRenderContext, 'filter'> {
+    filter: VueTableToolbarFilter;
+}
+interface VueTableToolbarFiltersExtraContext extends TableToolbarFiltersExtraContext {
+}
+interface VueTableToolbarFilter extends Omit<TableToolbarFilter, 'render'> {
+    render?: (context: VueTableToolbarFilterRenderContext) => VNodeChild;
 }
 interface VueDataTableWithToolbarProps {
     columns: TableColumn[];
@@ -29,6 +38,7 @@ interface VueDataTableWithToolbarProps {
     maxHeight?: string | number;
     responsiveMode?: TableResponsiveMode;
     cardBreakpoint?: TableCardBreakpoint;
+    cardLayout?: TableCardLayoutItem[];
     toolbar?: VueTableToolbarProps;
     pagination?: PaginationConfig | false;
     className?: string;
@@ -131,6 +141,10 @@ declare const DataTableWithToolbar: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<TableCardBreakpoint>;
         default: TableCardBreakpoint;
     };
+    cardLayout: {
+        type: PropType<TableCardLayoutItem[]>;
+        default: undefined;
+    };
     toolbar: {
         type: PropType<VueTableToolbarProps>;
         default: undefined;
@@ -260,6 +274,10 @@ declare const DataTableWithToolbar: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<TableCardBreakpoint>;
         default: TableCardBreakpoint;
     };
+    cardLayout: {
+        type: PropType<TableCardLayoutItem[]>;
+        default: undefined;
+    };
     toolbar: {
         type: PropType<VueTableToolbarProps>;
         default: undefined;
@@ -291,34 +309,35 @@ declare const DataTableWithToolbar: vue.DefineComponent<vue.ExtractPropTypes<{
     "onFilters-change"?: ((_filters: Record<string, TableToolbarFilterValue>) => any) | undefined;
     "onBulk-action"?: ((_action: TableToolbarAction, _keys: (string | number)[]) => any) | undefined;
 }>, {
-    locale: TigerLocaleInput;
-    pagination: false | PaginationConfig;
-    sort: SortState;
-    emptyText: string;
-    labels: Partial<TigerLocaleTable>;
     size: TableSize;
+    loading: boolean;
+    emptyText: string;
     className: string;
     style: Record<string, string | number>;
-    loading: boolean;
+    sort: SortState;
+    bordered: boolean;
+    hoverable: boolean;
+    filters: Record<string, unknown>;
+    locale: TigerLocaleInput;
+    pagination: false | PaginationConfig;
+    labels: Partial<TigerLocaleTable>;
     dataSource: Record<string, unknown>[];
     toolbar: VueTableToolbarProps;
-    filters: Record<string, unknown>;
     columnLockable: boolean;
     hiddenColumnKeys: string[];
     defaultHiddenColumnKeys: string[];
     defaultSort: SortState;
     defaultFilters: Record<string, unknown>;
-    bordered: boolean;
     striped: boolean;
-    hoverable: boolean;
     rowSelection: RowSelectionConfig<Record<string, unknown>>;
     rowKey: string | ((record: Record<string, unknown>) => string | number);
     rowClassName: string | ((record: Record<string, unknown>, index: number) => string);
     stickyHeader: boolean;
     maxHeight: string | number;
-    tableLayout: "auto" | "fixed";
+    tableLayout: "fixed" | "auto";
     responsiveMode: TableResponsiveMode;
     cardBreakpoint: TableCardBreakpoint;
+    cardLayout: TableCardLayoutItem[];
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { DataTableWithToolbar, type VueDataTableWithToolbarProps, type VueTableToolbarProps, DataTableWithToolbar as default };
+export { DataTableWithToolbar, type VueDataTableWithToolbarProps, type VueTableToolbarFilter, type VueTableToolbarFilterRenderContext, type VueTableToolbarFiltersExtraContext, type VueTableToolbarProps, DataTableWithToolbar as default };