@majoo-ui/react 1.61.24 → 1.61.25-rc.2

package/{components → src/components}/editableTable/EditableTable.d.ts

@@ -1,432 +1,432 @@
-import React from 'react';
-import { Column, Row, SortingRule } from 'react-table';
-import { CSS } from '../../config/stitches.config';
-import { EmptyDataProps } from '../table/Table';
-interface CustomRows {
-    predicate: boolean;
-    css?: CSS;
-    Row?: any;
-    showInMobile?: boolean;
-}
-interface EditableTableProps<Data extends object> {
-    css?: CSS;
-    /**
-     * Columns of table.
-     */
-    columns: ReadonlyArray<Column<Data>>;
-    /**
-     * Data record array to be displayed.
-     */
-    data: Data[];
-    /**
-     * Define custom empty data props.<br/>
-     * interface EmptyDataProps { <br/>
-     * &nbsp;&nbsp;&nbsp;&nbsp;(define the doodle image component)<br/>
-     * &nbsp;&nbsp;&nbsp;&nbsp;doodleImage?: React.ReactNode;<br/>
-     * &nbsp;&nbsp;&nbsp;&nbsp;(define the title)<br/>
-     * &nbsp;&nbsp;&nbsp;&nbsp;title?: string | React.ReactNode;<br/>
-     * &nbsp;&nbsp;&nbsp;&nbsp;(define the description)<br/>
-     * &nbsp;&nbsp;&nbsp;&nbsp;description?: string | React.ReactNode;<br/>
-     * }
-     */
-    customEmptyDataProps?: EmptyDataProps;
-    /**
-     * Additional height of the rows.
-     */
-    rowHeight?: number;
-    /**
-     * Additional align items of the rows.
-     */
-    align?: 'top' | 'center' | 'bottom';
-    /**
-     * Additional customize one of the rows based on the specified condition
-     */
-    customRows?: (row: Row<object>) => CustomRows[];
-    /**
-     * Show checkbox table selection.
-     */
-    showCheckbox?: boolean;
-    /**
-     * Change event handler table selection.
-     */
-    onSelectedChange?: (data: any) => void;
-    /**
-     * Checkbox callback props.
-     */
-    getCheckboxProps?: (data: any) => void;
-    /**
-     * 	Row's unique key (for selectedIds & onSelectedChange purpose).
-     */
-    keyId?: string;
-    /**
-     * Selected data id (based on the keyId prop).
-     * Example:<br/>
-     * {
-     *   '8192389219289': true,
-     *   '2130912039281': true,
-     *   '2130912039382': true
-     * }
-     */
-    selectedIds?: Record<string, boolean>;
-    /**
-     * expanded row callback.
-     */
-    onExpand?: (expanded: boolean) => void;
-    /**
-     * Override isMobile condition
-     */
-    isMobileLayout?: boolean;
-    /**
-     * Array of hidden column id
-     */
-    hiddenColumns?: string[];
-    /**
-     * Activate table row virtualizer support
-     */
-    virtualized?: boolean;
-    /**
-     * Sort by changes callback
-     */
-    onSortByChange?: (sortBy: SortingRule<object>[]) => void;
-}
-interface RemoveProps {
-    position?: 'leftBottom' | 'rightBottom' | 'leftTop' | 'rightTop';
-    onRemove?: React.ChangeEventHandler;
-}
-declare function EditableTable(props: EditableTableProps<any>): JSX.Element;
-declare namespace EditableTable {
-    var Product: ({ name, label, variants }: {
-        name: any;
-        label: any;
-        variants: any;
-    }) => JSX.Element;
-    var Input: import("@stitches/react/types/styled-component").StyledComponent<any, {}, {
-        sm: "(min-width: 359px)";
-        md: "(min-width: 767px)";
-        lg: "(min-width: 1023px)";
-        xl: "(min-width: 1199px)";
-        '2xl': "(min-width: 1399px)";
-        '3xl': "(min-width: 1600px)";
-    }, import("@stitches/react/types/css-util").CSS<{
-        sm: "(min-width: 359px)";
-        md: "(min-width: 767px)";
-        lg: "(min-width: 1023px)";
-        xl: "(min-width: 1199px)";
-        '2xl': "(min-width: 1399px)";
-        '3xl': "(min-width: 1600px)";
-    }, {
-        colors: unknown;
-        space: unknown;
-        shadows: unknown;
-        fontSizes: unknown;
-        fonts: unknown;
-        lineHeights: unknown;
-        letterSpacings: unknown;
-        radii: unknown;
-        sizes: unknown;
-        zIndices: unknown;
-        toastPosition: unknown;
-    }, import("@stitches/react/types/config").DefaultThemeMap, {
-        m: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            margin: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mt: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            }; /**
-             * Define custom empty data props.<br/>
-             * interface EmptyDataProps { <br/>
-             * &nbsp;&nbsp;&nbsp;&nbsp;(define the doodle image component)<br/>
-             * &nbsp;&nbsp;&nbsp;&nbsp;doodleImage?: React.ReactNode;<br/>
-             * &nbsp;&nbsp;&nbsp;&nbsp;(define the title)<br/>
-             * &nbsp;&nbsp;&nbsp;&nbsp;title?: string | React.ReactNode;<br/>
-             * &nbsp;&nbsp;&nbsp;&nbsp;(define the description)<br/>
-             * &nbsp;&nbsp;&nbsp;&nbsp;description?: string | React.ReactNode;<br/>
-             * }
-             */
-        };
-        mr: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mb: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        ml: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mx: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        my: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        size: (value: {
-            readonly [$$PropertyValue]: "width";
-        }) => {
-            width: {
-                readonly [$$PropertyValue]: "width";
-            };
-            height: {
-                readonly [$$PropertyValue]: "width";
-            };
-        };
-        subtleColor: (value: string) => {
-            color: string;
-            backgroundColor: string;
-        };
-    }>>;
-    var Switch: (props: any) => JSX.Element;
-    var Remove: (props: RemoveProps) => JSX.Element;
-    var TableRow: import("@stitches/react/types/styled-component").StyledComponent<"tr", {
-        subRow?: boolean | "true" | undefined;
-    }, {
-        sm: "(min-width: 359px)";
-        md: "(min-width: 767px)";
-        lg: "(min-width: 1023px)";
-        xl: "(min-width: 1199px)";
-        '2xl': "(min-width: 1399px)";
-        '3xl': "(min-width: 1600px)";
-    }, import("@stitches/react/types/css-util").CSS<{
-        sm: "(min-width: 359px)";
-        md: "(min-width: 767px)";
-        lg: "(min-width: 1023px)";
-        xl: "(min-width: 1199px)";
-        '2xl': "(min-width: 1399px)";
-        '3xl': "(min-width: 1600px)";
-    }, {
-        colors: unknown;
-        space: unknown;
-        shadows: unknown;
-        fontSizes: unknown;
-        fonts: unknown;
-        lineHeights: unknown;
-        letterSpacings: unknown;
-        radii: unknown;
-        sizes: unknown;
-        zIndices: unknown;
-        toastPosition: unknown;
-    }, import("@stitches/react/types/config").DefaultThemeMap, {
-        m: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            margin: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mt: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            }; /**
-             * Define custom empty data props.<br/>
-             * interface EmptyDataProps { <br/>
-             * &nbsp;&nbsp;&nbsp;&nbsp;(define the doodle image component)<br/>
-             * &nbsp;&nbsp;&nbsp;&nbsp;doodleImage?: React.ReactNode;<br/>
-             * &nbsp;&nbsp;&nbsp;&nbsp;(define the title)<br/>
-             * &nbsp;&nbsp;&nbsp;&nbsp;title?: string | React.ReactNode;<br/>
-             * &nbsp;&nbsp;&nbsp;&nbsp;(define the description)<br/>
-             * &nbsp;&nbsp;&nbsp;&nbsp;description?: string | React.ReactNode;<br/>
-             * }
-             */
-        };
-        mr: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mb: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        ml: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mx: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        my: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        size: (value: {
-            readonly [$$PropertyValue]: "width";
-        }) => {
-            width: {
-                readonly [$$PropertyValue]: "width";
-            };
-            height: {
-                readonly [$$PropertyValue]: "width";
-            };
-        };
-        subtleColor: (value: string) => {
-            color: string;
-            backgroundColor: string;
-        };
-    }>>;
-    var TableCell: import("@stitches/react/types/styled-component").StyledComponent<"td", {
-        verticalAlign?: "bottom" | "top" | "middle" | undefined;
-    }, {
-        sm: "(min-width: 359px)";
-        md: "(min-width: 767px)";
-        lg: "(min-width: 1023px)";
-        xl: "(min-width: 1199px)";
-        '2xl': "(min-width: 1399px)";
-        '3xl': "(min-width: 1600px)";
-    }, import("@stitches/react/types/css-util").CSS<{
-        sm: "(min-width: 359px)";
-        md: "(min-width: 767px)";
-        lg: "(min-width: 1023px)";
-        xl: "(min-width: 1199px)";
-        '2xl': "(min-width: 1399px)";
-        '3xl': "(min-width: 1600px)";
-    }, {
-        colors: unknown;
-        space: unknown;
-        shadows: unknown;
-        fontSizes: unknown;
-        fonts: unknown;
-        lineHeights: unknown;
-        letterSpacings: unknown;
-        radii: unknown;
-        sizes: unknown;
-        zIndices: unknown;
-        toastPosition: unknown;
-    }, import("@stitches/react/types/config").DefaultThemeMap, {
-        m: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            margin: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mt: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            }; /**
-             * Define custom empty data props.<br/>
-             * interface EmptyDataProps { <br/>
-             * &nbsp;&nbsp;&nbsp;&nbsp;(define the doodle image component)<br/>
-             * &nbsp;&nbsp;&nbsp;&nbsp;doodleImage?: React.ReactNode;<br/>
-             * &nbsp;&nbsp;&nbsp;&nbsp;(define the title)<br/>
-             * &nbsp;&nbsp;&nbsp;&nbsp;title?: string | React.ReactNode;<br/>
-             * &nbsp;&nbsp;&nbsp;&nbsp;(define the description)<br/>
-             * &nbsp;&nbsp;&nbsp;&nbsp;description?: string | React.ReactNode;<br/>
-             * }
-             */
-        };
-        mr: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mb: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        ml: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mx: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        my: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        size: (value: {
-            readonly [$$PropertyValue]: "width";
-        }) => {
-            width: {
-                readonly [$$PropertyValue]: "width";
-            };
-            height: {
-                readonly [$$PropertyValue]: "width";
-            };
-        };
-        subtleColor: (value: string) => {
-            color: string;
-            backgroundColor: string;
-        };
-    }>>;
-}
-export declare const MemoizedEditableTable: React.MemoExoticComponent<typeof EditableTable>;
-export default EditableTable;
+import React from 'react';
+import { Column, Row, SortingRule } from 'react-table';
+import { CSS } from '../../config/stitches.config';
+import { EmptyDataProps } from '../table/Table';
+interface CustomRows {
+    predicate: boolean;
+    css?: CSS;
+    Row?: any;
+    showInMobile?: boolean;
+}
+interface EditableTableProps<Data extends object> {
+    css?: CSS;
+    /**
+     * Columns of table.
+     */
+    columns: ReadonlyArray<Column<Data>>;
+    /**
+     * Data record array to be displayed.
+     */
+    data: Data[];
+    /**
+     * Define custom empty data props.<br/>
+     * interface EmptyDataProps { <br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;(define the doodle image component)<br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;doodleImage?: React.ReactNode;<br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;(define the title)<br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;title?: string | React.ReactNode;<br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;(define the description)<br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;description?: string | React.ReactNode;<br/>
+     * }
+     */
+    customEmptyDataProps?: EmptyDataProps;
+    /**
+     * Additional height of the rows.
+     */
+    rowHeight?: number;
+    /**
+     * Additional align items of the rows.
+     */
+    align?: 'top' | 'center' | 'bottom';
+    /**
+     * Additional customize one of the rows based on the specified condition
+     */
+    customRows?: (row: Row<object>) => CustomRows[];
+    /**
+     * Show checkbox table selection.
+     */
+    showCheckbox?: boolean;
+    /**
+     * Change event handler table selection.
+     */
+    onSelectedChange?: (data: any) => void;
+    /**
+     * Checkbox callback props.
+     */
+    getCheckboxProps?: (data: any) => void;
+    /**
+     * 	Row's unique key (for selectedIds & onSelectedChange purpose).
+     */
+    keyId?: string;
+    /**
+     * Selected data id (based on the keyId prop).
+     * Example:<br/>
+     * {
+     *   '8192389219289': true,
+     *   '2130912039281': true,
+     *   '2130912039382': true
+     * }
+     */
+    selectedIds?: Record<string, boolean>;
+    /**
+     * expanded row callback.
+     */
+    onExpand?: (expanded: boolean) => void;
+    /**
+     * Override isMobile condition
+     */
+    isMobileLayout?: boolean;
+    /**
+     * Array of hidden column id
+     */
+    hiddenColumns?: string[];
+    /**
+     * Activate table row virtualizer support
+     */
+    virtualized?: boolean;
+    /**
+     * Sort by changes callback
+     */
+    onSortByChange?: (sortBy: SortingRule<object>[]) => void;
+}
+interface RemoveProps {
+    position?: 'leftBottom' | 'rightBottom' | 'leftTop' | 'rightTop';
+    onRemove?: React.ChangeEventHandler;
+}
+declare function EditableTable(props: EditableTableProps<any>): JSX.Element;
+declare namespace EditableTable {
+    var Product: ({ name, label, variants }: {
+        name: any;
+        label: any;
+        variants: any;
+    }) => JSX.Element;
+    var Input: import("@stitches/react/types/styled-component").StyledComponent<any, {}, {
+        sm: "(min-width: 359px)";
+        md: "(min-width: 767px)";
+        lg: "(min-width: 1023px)";
+        xl: "(min-width: 1199px)";
+        '2xl': "(min-width: 1399px)";
+        '3xl': "(min-width: 1600px)";
+    }, import("@stitches/react/types/css-util").CSS<{
+        sm: "(min-width: 359px)";
+        md: "(min-width: 767px)";
+        lg: "(min-width: 1023px)";
+        xl: "(min-width: 1199px)";
+        '2xl': "(min-width: 1399px)";
+        '3xl': "(min-width: 1600px)";
+    }, {
+        colors: unknown;
+        space: unknown;
+        shadows: unknown;
+        fontSizes: unknown;
+        fonts: unknown;
+        lineHeights: unknown;
+        letterSpacings: unknown;
+        radii: unknown;
+        sizes: unknown;
+        zIndices: unknown;
+        toastPosition: unknown;
+    }, import("@stitches/react/types/config").DefaultThemeMap, {
+        m: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            margin: {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mt: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: {
+                readonly [$$ScaleValue]: "space";
+            }; /**
+             * Define custom empty data props.<br/>
+             * interface EmptyDataProps { <br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;(define the doodle image component)<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;doodleImage?: React.ReactNode;<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;(define the title)<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;title?: string | React.ReactNode;<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;(define the description)<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;description?: string | React.ReactNode;<br/>
+             * }
+             */
+        };
+        mr: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginRight: {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mb: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginBottom: {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        ml: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mx: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginRight: {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        my: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginBottom: {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        size: (value: {
+            readonly [$$PropertyValue]: "width";
+        }) => {
+            width: {
+                readonly [$$PropertyValue]: "width";
+            };
+            height: {
+                readonly [$$PropertyValue]: "width";
+            };
+        };
+        subtleColor: (value: string) => {
+            color: string;
+            backgroundColor: string;
+        };
+    }>>;
+    var Switch: (props: any) => JSX.Element;
+    var Remove: (props: RemoveProps) => JSX.Element;
+    var TableRow: import("@stitches/react/types/styled-component").StyledComponent<"tr", {
+        subRow?: boolean | "true" | undefined;
+    }, {
+        sm: "(min-width: 359px)";
+        md: "(min-width: 767px)";
+        lg: "(min-width: 1023px)";
+        xl: "(min-width: 1199px)";
+        '2xl': "(min-width: 1399px)";
+        '3xl': "(min-width: 1600px)";
+    }, import("@stitches/react/types/css-util").CSS<{
+        sm: "(min-width: 359px)";
+        md: "(min-width: 767px)";
+        lg: "(min-width: 1023px)";
+        xl: "(min-width: 1199px)";
+        '2xl': "(min-width: 1399px)";
+        '3xl': "(min-width: 1600px)";
+    }, {
+        colors: unknown;
+        space: unknown;
+        shadows: unknown;
+        fontSizes: unknown;
+        fonts: unknown;
+        lineHeights: unknown;
+        letterSpacings: unknown;
+        radii: unknown;
+        sizes: unknown;
+        zIndices: unknown;
+        toastPosition: unknown;
+    }, import("@stitches/react/types/config").DefaultThemeMap, {
+        m: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            margin: {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mt: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: {
+                readonly [$$ScaleValue]: "space";
+            }; /**
+             * Define custom empty data props.<br/>
+             * interface EmptyDataProps { <br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;(define the doodle image component)<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;doodleImage?: React.ReactNode;<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;(define the title)<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;title?: string | React.ReactNode;<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;(define the description)<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;description?: string | React.ReactNode;<br/>
+             * }
+             */
+        };
+        mr: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginRight: {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mb: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginBottom: {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        ml: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mx: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginRight: {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        my: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginBottom: {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        size: (value: {
+            readonly [$$PropertyValue]: "width";
+        }) => {
+            width: {
+                readonly [$$PropertyValue]: "width";
+            };
+            height: {
+                readonly [$$PropertyValue]: "width";
+            };
+        };
+        subtleColor: (value: string) => {
+            color: string;
+            backgroundColor: string;
+        };
+    }>>;
+    var TableCell: import("@stitches/react/types/styled-component").StyledComponent<"td", {
+        verticalAlign?: "bottom" | "top" | "middle" | undefined;
+    }, {
+        sm: "(min-width: 359px)";
+        md: "(min-width: 767px)";
+        lg: "(min-width: 1023px)";
+        xl: "(min-width: 1199px)";
+        '2xl': "(min-width: 1399px)";
+        '3xl': "(min-width: 1600px)";
+    }, import("@stitches/react/types/css-util").CSS<{
+        sm: "(min-width: 359px)";
+        md: "(min-width: 767px)";
+        lg: "(min-width: 1023px)";
+        xl: "(min-width: 1199px)";
+        '2xl': "(min-width: 1399px)";
+        '3xl': "(min-width: 1600px)";
+    }, {
+        colors: unknown;
+        space: unknown;
+        shadows: unknown;
+        fontSizes: unknown;
+        fonts: unknown;
+        lineHeights: unknown;
+        letterSpacings: unknown;
+        radii: unknown;
+        sizes: unknown;
+        zIndices: unknown;
+        toastPosition: unknown;
+    }, import("@stitches/react/types/config").DefaultThemeMap, {
+        m: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            margin: {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mt: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: {
+                readonly [$$ScaleValue]: "space";
+            }; /**
+             * Define custom empty data props.<br/>
+             * interface EmptyDataProps { <br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;(define the doodle image component)<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;doodleImage?: React.ReactNode;<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;(define the title)<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;title?: string | React.ReactNode;<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;(define the description)<br/>
+             * &nbsp;&nbsp;&nbsp;&nbsp;description?: string | React.ReactNode;<br/>
+             * }
+             */
+        };
+        mr: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginRight: {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mb: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginBottom: {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        ml: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mx: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginRight: {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        my: (value: {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginBottom: {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        size: (value: {
+            readonly [$$PropertyValue]: "width";
+        }) => {
+            width: {
+                readonly [$$PropertyValue]: "width";
+            };
+            height: {
+                readonly [$$PropertyValue]: "width";
+            };
+        };
+        subtleColor: (value: string) => {
+            color: string;
+            backgroundColor: string;
+        };
+    }>>;
+}
+export declare const MemoizedEditableTable: React.MemoExoticComponent<typeof EditableTable>;
+export default EditableTable;