@superblocksteam/library 2.0.0-next.10 → 2.0.0-next.100

package/dist-types/lib/user-facing/components/table/components/edit-multi-select-cell.d.ts

@@ -1,12 +1,12 @@
 import type { TableCellProps } from "../table-utilities.jsx";
-import type { CompactMode, EditProps } from "../types.js";
+import type { RowDensity, EditProps } from "../types.js";
 import type { Position } from "./edit-utils.js";
 import type { UserAccessibleTheme } from "@superblocksteam/library-shared/types";
 declare const EditMultiSelectCell: (props: {
     editProps: EditProps;
     value: any;
     inputPosition: Position;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     cellProps: TableCellProps;
     theme: UserAccessibleTheme;
 }) => import("react").JSX.Element;

package/dist-types/lib/user-facing/components/table/components/edit-single-select-cell.d.ts

@@ -1,12 +1,12 @@
 import type { TableCellProps } from "../table-utilities.jsx";
-import type { CompactMode, EditProps } from "../types.js";
+import type { RowDensity, EditProps } from "../types.js";
 import type { Position } from "./edit-utils.js";
 import type { UserAccessibleTheme } from "@superblocksteam/library-shared/types";
 declare const EditSingleSelectCell: (props: {
     editProps: EditProps;
     value: any;
     inputPosition: Position;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     cellProps: TableCellProps;
     theme: UserAccessibleTheme;
 }) => import("react").JSX.Element;

package/dist-types/lib/user-facing/components/table/components/edit-utils.d.ts

@@ -1,4 +1,4 @@
-import type { SingleCellProperties, CompactMode } from "../types.js";
+import type { SingleCellProperties, RowDensity } from "../types.js";
 export type Position = {
     top: undefined | number;
     left: undefined | number;
@@ -18,7 +18,7 @@ export declare const extractDropdownOptions: (options: string | Array<string | R
 }>;
 type Props = {
     $position: Position;
-    $compactMode: CompactMode;
+    $rowDensity: RowDensity;
     cellProperties: SingleCellProperties;
     clearable?: boolean;
 };

package/dist-types/lib/user-facing/components/table/components/editable-link-cell.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CompactMode, type SingleCellProperties } from "../types.js";
+import { RowDensity, type SingleCellProperties } from "../types.js";
 export declare const EditableLinkCell: (props: {
     url: string;
     label: string;
@@ -8,7 +8,7 @@ export declare const EditableLinkCell: (props: {
     isEdited: boolean;
     value: any;
     cellProperties: SingleCellProperties;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     isFocused: boolean;
     position: {
         currentRowIndex: number;

package/dist-types/lib/user-facing/components/table/components/popover-video.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare const PopoverVideo: (_: {
+declare const PopoverVideo: (props: {
     url: string;
 }) => React.JSX.Element;
 export default PopoverVideo;

package/dist-types/lib/user-facing/components/table/components/table-data-download.d.ts

@@ -8,8 +8,8 @@ interface TableDataDownloadProps {
     columns: ReactTableColumnProps[];
     tableSizes: TableSizes;
     widgetName: string;
-    tableHeader: string;
+    header: string;
     tableCellTextStyle?: TextStyleWithVariant;
 }
-declare const TableDataDownload: ({ data, filteredOrderMap, columns, tableSizes, widgetName, tableHeader, tableCellTextStyle, }: TableDataDownloadProps) => React.JSX.Element;
+declare const TableDataDownload: ({ data, filteredOrderMap, columns, tableSizes, widgetName, header, tableCellTextStyle, }: TableDataDownloadProps) => React.JSX.Element;
 export default TableDataDownload;

package/dist-types/lib/user-facing/components/table/components/table-footer.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { InsertRowOptions, TableSizes } from "../constants.js";
-import type { Pagination, ReactTableColumnProps } from "../types.js";
+import type { PaginationType, ReactTableColumnProps } from "../types.js";
 import type { TextStyleWithVariant, UserAccessibleTheme } from "@superblocksteam/library-shared/types";
 interface TableFooterProps {
     columns: ReactTableColumnProps[];
@@ -10,11 +10,11 @@ interface TableFooterProps {
     prevPageClick: () => void;
     pageNo: number;
     pageCount: number;
-    pageType: Pagination;
+    paginationType: PaginationType;
     tableColumns: ReactTableColumnProps[];
     tableData: Array<Record<string, unknown>>;
     filteredOrderMap: number[] | undefined;
-    tableHeader: string;
+    header: string;
     tableSizes: TableSizes;
     updatePageNo: (pageNo: number) => void;
     isDownloadable: boolean;
@@ -36,5 +36,5 @@ interface TableFooterProps {
     borderColor: string;
     theme: UserAccessibleTheme;
 }
-declare const TableFooter: ({ count, currentPageIndex, nextPageClick, prevPageClick, pageNo, pageCount, pageType, tableColumns, tableData, filteredOrderMap, tableHeader, tableSizes, borderColor, updatePageNo, isDownloadable, multiRowSelection, selectedRowIndices, widgetName, numEdits, numEditErrors, validationMessages, onEditSave, onEditCancel, onRowInsertion, onRowDeletion, isInsertionEnabled, isDeletionEnabled, isSaving, selectedRowIndex, tableCellTextStyle, theme, }: TableFooterProps) => React.JSX.Element;
+declare const TableFooter: ({ count, currentPageIndex, nextPageClick, prevPageClick, pageNo, pageCount, paginationType, tableColumns, tableData, filteredOrderMap, header, tableSizes, borderColor, updatePageNo, isDownloadable, multiRowSelection, selectedRowIndices, widgetName, numEdits, numEditErrors, validationMessages, onEditSave, onEditCancel, onRowInsertion, onRowDeletion, isInsertionEnabled, isDeletionEnabled, isSaving, selectedRowIndex, tableCellTextStyle, theme, }: TableFooterProps) => React.JSX.Element;
 export default TableFooter;

package/dist-types/lib/user-facing/components/table/components/table-header.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { TableSizes } from "../constants.js";
-import type { ColumnProperties, CompactMode, ReactTableColumnProps } from "../types.js";
+import type { ColumnProperties, RowDensity, ReactTableColumnProps } from "../types.js";
 import type { TextStyleWithVariant, UserAccessibleTheme, PerCornerBorderRadius, PerSideBorder } from "@superblocksteam/library-shared/types";
 interface TableHeaderProps {
     isSearchable: boolean;
@@ -8,7 +8,7 @@ interface TableHeaderProps {
     searchTableData: (searchKey: any) => void;
     tableSizes: TableSizes;
     title: string;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     columns: ReactTableColumnProps[];
     updateProperty: (property: string, value: any) => void;
     hiddenColumns?: string[];
@@ -52,7 +52,7 @@ export declare const TableHeaderCell: (props: {
     sourceId: string;
     columnFreezes?: Record<string, boolean>;
     showResizer: boolean;
-    compactMode?: CompactMode;
+    rowDensity?: RowDensity;
     handleHeaderDropped: (index: number, position: number) => void;
     mutableHeaderDragRef: React.MutableRefObject<number>;
     columnHeaderProps?: TextStyleWithVariant;

package/dist-types/lib/user-facing/components/table/components/table-loading-state.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import type { CompactMode } from "../types.js";
+import type { RowDensity } from "../types.js";
 import type { UserAccessibleTheme } from "@superblocksteam/library-shared/types";
-declare const TableLoading: ({ numRows, compactMode, width, dataTest, theme, }: {
+declare const TableLoading: ({ numRows, rowDensity, width, dataTest, theme, }: {
     numRows: number;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     width: number | string;
     dataTest: string;
     theme: UserAccessibleTheme;

package/dist-types/lib/user-facing/components/table/components/table-pagination.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { TableSizes } from "../constants.js";
-import type { Pagination } from "../types.js";
+import type { PaginationType } from "../types.js";
 import type { UserAccessibleTheme } from "@superblocksteam/library-shared/types";
 interface TablePaginationProps {
     updatePageNo: (pageNo: number) => void;
@@ -9,10 +9,10 @@ interface TablePaginationProps {
     count: number;
     pageNo: number;
     pageCount: number;
-    pageType: Pagination;
+    paginationType: PaginationType;
     currentPageIndex: number;
     tableSizes: TableSizes;
     theme: UserAccessibleTheme;
 }
-declare const TablePagination: ({ currentPageIndex, nextPageClick, prevPageClick, pageCount, pageNo, pageType, updatePageNo, tableSizes, theme, }: TablePaginationProps) => React.JSX.Element | null;
+declare const TablePagination: ({ currentPageIndex, nextPageClick, prevPageClick, pageCount, pageNo, paginationType, updatePageNo, tableSizes, theme, }: TablePaginationProps) => React.JSX.Element | null;
 export default TablePagination;

package/dist-types/lib/user-facing/components/table/components/table-tag.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CompactMode } from "../types.js";
+import { RowDensity } from "../types.js";
 import type { MouseEventHandler } from "react";
 /** the minimum horizontal space that should be available to a tag for it to look ok */
 export declare const MIN_TAG_WIDTH = 32;
@@ -10,16 +10,16 @@ interface TableTagProps {
     fgColor: string;
     borderColor: string;
     showTooltip?: boolean;
-    compactMode?: CompactMode;
+    rowDensity?: RowDensity;
     isWrapped?: boolean;
 }
-export declare const TableTag: ({ text, bgColor, fgColor, borderColor, showTooltip, compactMode, isWrapped, }: TableTagProps) => React.JSX.Element;
+export declare const TableTag: ({ text, bgColor, fgColor, borderColor, showTooltip, rowDensity, isWrapped, }: TableTagProps) => React.JSX.Element;
 interface TableTagsShowMoreProps {
     count: number;
     onMouseEnter?: MouseEventHandler<HTMLElement>;
     onMouseLeave?: MouseEventHandler<HTMLElement>;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     isWrapped?: boolean;
 }
-export declare const TableTagsShowMore: ({ count, onMouseEnter, onMouseLeave, compactMode, isWrapped, }: TableTagsShowMoreProps) => React.JSX.Element;
+export declare const TableTagsShowMore: ({ count, onMouseEnter, onMouseLeave, rowDensity, isWrapped, }: TableTagsShowMoreProps) => React.JSX.Element;
 export {};

package/dist-types/lib/user-facing/components/table/constants.d.ts

@@ -1,4 +1,4 @@
-import { TextSizes, IconSize, EditInputType } from "./types.js";
+import { type HorizontalAlignment, type VerticalAlignment, IconSize, EditInputType } from "./types.js";
 import type { Typographies } from "@superblocksteam/shared";
 export type TableSizes = {
     COLUMN_HEADER_HEIGHT: number;
@@ -12,29 +12,9 @@ export type TableSizes = {
     LINK_MENU_ICON_SIZE: IconSize;
     ROW_PADDING: number;
 };
-export declare const JUSTIFY_CONTENT: {
-    LEFT: string;
-    CENTER: string;
-    RIGHT: string;
-};
-export declare const ALIGN_ITEMS: {
-    TOP: string;
-    CENTER: string;
-    BOTTOM: string;
-};
-export declare const TEXT_ALIGN: {
-    LEFT: string;
-    CENTER: string;
-    RIGHT: string;
-};
-export declare const TEXT_SIZES: Record<TextSizes, string>;
-export declare const LEGACY_DEFAULT_CELL_TEXT_SIZE: TextSizes;
-export declare enum FontStyleTypes {
-    BOLD = "BOLD",
-    ITALIC = "ITALIC",
-    REGULAR = "REGULAR",
-    UNDERLINE = "UNDERLINE"
-}
+export declare const JUSTIFY_CONTENT: Record<HorizontalAlignment, string>;
+export declare const ALIGN_ITEMS: Record<VerticalAlignment, string>;
+export declare const TEXT_ALIGN: Record<HorizontalAlignment, string>;
 export declare const TABLE_SIZES: {
     [key: string]: TableSizes;
 };

package/dist-types/lib/user-facing/components/table/derived-properties.d.ts

@@ -10,7 +10,6 @@ export declare function getEditedRows(props: any): {
     originalRows: any[];
 };
 export declare function getAllEdits(props: any): any;
-export declare function getPageSize(props: any): any;
 export declare function getFilteredTableData(props: any): any[];
 export declare function getEditedRowIndices(props: any): {
     deletedRows: {

package/dist-types/lib/user-facing/components/table/index.d.ts

@@ -1,6 +1,6 @@
 export declare const SbTable: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
     general: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
-        tableHeader: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        header: import("../../properties-panel/props-builder.js").Prop<string, true>;
         tableData: import("../../properties-panel/props-builder.js").Prop<import("./types.js").UnknownRow[], false>;
         columns: import("../../properties-panel/props-builder.js").RecordProp<{
             general: import("../../properties-panel/props-builder.js").Section<(Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ({
@@ -8,57 +8,50 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
             } & (Omit<{
                 columnType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").ColumnType, true>;
             }, "columnType"> & ({
-                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                displayedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<undefined, false>;
+            } | {
                 displayedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"text", true>;
             } | {
-                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 notation: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
                 minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
                 maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"number", true>;
             } | {
-                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 notation: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
                 minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
                 maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
-                currency: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                currency: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"currency", true>;
             } | {
-                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
                 maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"percentage", true>;
             } | {
-                openImageUrl: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                openImageUrl: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"image", true>;
             } | {
-                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"video", true>;
             } | {
-                valueFormat: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                displayFormat: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                inputFormat: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                outputFormat: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 manageTimezone: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
                 valueTimezone: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 displayTimezone: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"date", true>;
             } | {
-                buttonLabel: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                buttonLabel: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 isDisabled: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"button", true>;
             } | {
-                linkUrl: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 linkLabel: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                openInNewTab: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"link", true>;
             } | {
-                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"boolean", true>;
             } | {
-                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"tags", true>;
             } | {
-                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 displayedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"email", true>;
             })))) & {
@@ -66,107 +59,111 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
             }>;
             presentation: import("../../properties-panel/props-builder.js").Section<(Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ({
                 headerIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                headerIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, false>;
+                headerIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true>;
             } & (Omit<{
                 columnType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").ColumnType, false>;
             }, "columnType"> & ({
-                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
-                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
-                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
-                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
+                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
+                textWrap: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                cellIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true>;
+                columnType: import("../../properties-panel/props-builder.js").Prop<undefined, false>;
+            } | {
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
+                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 textWrap: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
                 cellIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, false>;
+                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"text", true>;
             } | {
-                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
-                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
-                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
-                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
+                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 textWrap: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
                 cellIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, false>;
+                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"number", true>;
             } | {
-                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
-                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
-                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
-                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
+                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 textWrap: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
                 cellIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, false>;
+                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"currency", true>;
             } | {
-                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
-                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
-                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
-                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
+                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 textWrap: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
                 cellIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, false>;
+                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"percentage", true>;
             } | {
-                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
-                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
-                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
-                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 imageSize: import("../../properties-panel/props-builder.js").Prop<import("./types.js").ImageSize, false>;
-                imageBorderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim, false>;
+                imageBorderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"image", true>;
             } | {
-                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
-                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
-                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
-                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"video", true>;
             } | {
-                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
-                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
-                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
-                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
+                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 textWrap: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
                 cellIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, false>;
+                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"date", true>;
             } | {
-                buttonVariant: import("../../properties-panel/props-builder.js").Prop<import("../button/props.js").ButtonVariant, false>;
+                buttonIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                buttonIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true>;
+                buttonVariant: import("../../properties-panel/props-builder.js").Prop<import("../button/props.js").ButtonVariant, true>;
+                buttonTextStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
                 buttonBackgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                buttonLabelColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                cellIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, false>;
+                buttonBorder: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"button", true>;
             } | {
-                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
-                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
-                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
-                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
+                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"link", true>;
             } | {
-                booleanStyleFalse: import("../../properties-panel/props-builder.js").Prop<import("./types.js").BooleanStyleFalse, false>;
-                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
-                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
-                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
-                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
+                booleanStyleFalse: import("../../properties-panel/props-builder.js").Prop<import("./types.js").BooleanStyleFalse, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"boolean", true>;
             } | {
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
+                tagsWrap: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
                 tagDisplayConfig: import("../../properties-panel/props-builder.js").Prop<any, false>;
-                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
-                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
-                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
-                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"tags", true>;
             } | {
-                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", false>;
-                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", false>;
-                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
-                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
+                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
+                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 textWrap: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
                 cellIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, false>;
+                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"email", true>;
             })))) & {
-                frozen: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                isFrozen: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
             }>;
             interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & Omit<{
                 columnType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").ColumnType, false>;
@@ -194,10 +191,10 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
         multiRowSelection: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         isSearchable: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         isDownloadable: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        pageType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").PaginationTypes, true>;
-        configuredPageSize: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        paginationType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").PaginationType, true>;
+        configuredPageSize: import("../../properties-panel/props-builder.js").Prop<any, false>;
         defaultSort: import("../../properties-panel/props-builder.js").CompositeProp<{
-            column: import("../../properties-panel/props-builder.js").Prop<string, true>;
+            column: import("../../properties-panel/props-builder.js").Prop<string, false>;
             asc: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         }>;
         defaultSearchText: import("../../properties-panel/props-builder.js").Prop<string, false>;
@@ -206,21 +203,21 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
     appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         defaultSelectedRow: import("../../properties-panel/props-builder.js").Prop<number, false>;
         showColumnBorders: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
-        "headerProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
-        "columnHeaderProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
-        "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
-        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
-        selectedRowBackgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
-        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        "headerProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+        "columnHeaderProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+        "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        selectedRowBackgroundColor: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
         borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
-        compactMode: import("../../properties-panel/props-builder.js").Prop<import("./types.js").CompactMode, false>;
-        maxLinesPerRow: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        rowDensity: import("../../properties-panel/props-builder.js").Prop<import("./types.js").RowDensity, true>;
+        maxLinesPerRow: import("../../properties-panel/props-builder.js").Prop<number, true>;
         animateLoading: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
         collapseWhenHidden: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
-        "searchProps.textStyle": import("../../properties-panel/props-builder.js").Prop<any, false>;
-        "searchProps.backgroundColor": import("../../properties-panel/props-builder.js").Prop<string, false>;
-        "searchProps.border": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        "searchProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+        "searchProps.backgroundColor": import("../../properties-panel/props-builder.js").Prop<string, true>;
+        "searchProps.border": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
         "searchProps.borderRadius": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
     }>;
     events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
@@ -236,19 +233,18 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
         selectedRow: import("../../properties-panel/props-builder.js").Prop<any, true>;
         selectedRowSchema: import("../../properties-panel/props-builder.js").Prop<any, true>;
         selectedRows: import("../../properties-panel/props-builder.js").Prop<any, true>;
-        pageSize: import("../../properties-panel/props-builder.js").Prop<number, true>;
         filteredTableData: import("../../properties-panel/props-builder.js").Prop<any[], true>;
         filteredOrderMap: import("../../properties-panel/props-builder.js").Prop<number[], true>;
     }>;
     meta: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
-        selectedRowIndex: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        selectedRowIndex: import("../../properties-panel/props-builder.js").Prop<number, true>;
         selectedRowIndices: import("../../properties-panel/props-builder.js").Prop<any, false>;
-        pageNo: import("../../properties-panel/props-builder.js").Prop<number, true>;
-        sortedColumn: import("../../properties-panel/props-builder.js").Prop<any, false>;
-        searchText: import("../../properties-panel/props-builder.js").Prop<string, false>;
-        filters: import("../../properties-panel/props-builder.js").Prop<any, false>;
+        sortedColumn: import("../../properties-panel/props-builder.js").Prop<any, true>;
+        searchText: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        filters: import("../../properties-panel/props-builder.js").Prop<any, true>;
         hiddenColumns: import("../../properties-panel/props-builder.js").Prop<any, false>;
         columnFreezes: import("../../properties-panel/props-builder.js").Prop<any, false>;
         tagsColorAssignment: import("../../properties-panel/props-builder.js").Prop<any, false>;
+        pageNo: import("../../properties-panel/props-builder.js").Prop<number, true>;
     }>;
 }>>;