@urbicon-ui/table 6.1.4

package/dist/variants/table.variants.d.ts

@@ -0,0 +1,428 @@
+/**
+ * TABLE VARIANTS
+ * Variant definitions for the table component (see docs/MIGRATION-v5.md §3
+ * for the v4 → v5 appearance API).
+ */
+import { type VariantProps } from '@urbicon-ui/blocks';
+/**
+ * TABLE HEADER VARIANTS
+ */
+export declare const tableHeaderVariants: (props?: import("@urbicon-ui/blocks").TVProps<{
+    size: {
+        sm: {
+            cell: ("h-8" | "px-0.5 py-0.5")[];
+            title: string;
+        };
+        md: {
+            cell: ("h-10" | "px-1 py-1")[];
+            title: string;
+        };
+        lg: {
+            cell: ("h-12" | "px-2 py-2")[];
+            title: string;
+        };
+    };
+    align: {
+        left: {
+            content: string;
+            title: string;
+        };
+        center: {
+            content: string;
+            title: string;
+        };
+        right: {
+            content: string;
+            title: string;
+        };
+    };
+    sortable: {
+        true: {
+            cell: string;
+            sortIcon: string;
+        };
+        false: {
+            sortIcon: string;
+        };
+    };
+    sorted: {
+        none: {
+            sortIcon: string;
+        };
+        asc: {
+            cell: "bg-primary-subtle text-primary-emphasis font-semibold";
+            sortIcon: string;
+        };
+        desc: {
+            cell: "bg-primary-subtle text-primary-emphasis font-semibold";
+            sortIcon: string;
+        };
+    };
+    sticky: {
+        true: {
+            header: string[];
+            row: string;
+        };
+        false: {};
+    };
+}> | undefined) => {
+    header: (props?: ({
+        size?: "sm" | "md" | "lg" | undefined;
+        align?: "left" | "center" | "right" | undefined;
+        sortable?: boolean | undefined;
+        sorted?: "none" | "asc" | "desc" | undefined;
+        sticky?: boolean | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    row: (props?: ({
+        size?: "sm" | "md" | "lg" | undefined;
+        align?: "left" | "center" | "right" | undefined;
+        sortable?: boolean | undefined;
+        sorted?: "none" | "asc" | "desc" | undefined;
+        sticky?: boolean | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    cell: (props?: ({
+        size?: "sm" | "md" | "lg" | undefined;
+        align?: "left" | "center" | "right" | undefined;
+        sortable?: boolean | undefined;
+        sorted?: "none" | "asc" | "desc" | undefined;
+        sticky?: boolean | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    cellContent: (props?: ({
+        size?: "sm" | "md" | "lg" | undefined;
+        align?: "left" | "center" | "right" | undefined;
+        sortable?: boolean | undefined;
+        sorted?: "none" | "asc" | "desc" | undefined;
+        sticky?: boolean | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    content: (props?: ({
+        size?: "sm" | "md" | "lg" | undefined;
+        align?: "left" | "center" | "right" | undefined;
+        sortable?: boolean | undefined;
+        sorted?: "none" | "asc" | "desc" | undefined;
+        sticky?: boolean | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    titleContainer: (props?: ({
+        size?: "sm" | "md" | "lg" | undefined;
+        align?: "left" | "center" | "right" | undefined;
+        sortable?: boolean | undefined;
+        sorted?: "none" | "asc" | "desc" | undefined;
+        sticky?: boolean | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    titleContent: (props?: ({
+        size?: "sm" | "md" | "lg" | undefined;
+        align?: "left" | "center" | "right" | undefined;
+        sortable?: boolean | undefined;
+        sorted?: "none" | "asc" | "desc" | undefined;
+        sticky?: boolean | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    title: (props?: ({
+        size?: "sm" | "md" | "lg" | undefined;
+        align?: "left" | "center" | "right" | undefined;
+        sortable?: boolean | undefined;
+        sorted?: "none" | "asc" | "desc" | undefined;
+        sticky?: boolean | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    sortIcon: (props?: ({
+        size?: "sm" | "md" | "lg" | undefined;
+        align?: "left" | "center" | "right" | undefined;
+        sortable?: boolean | undefined;
+        sorted?: "none" | "asc" | "desc" | undefined;
+        sticky?: boolean | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    indicators: (props?: ({
+        size?: "sm" | "md" | "lg" | undefined;
+        align?: "left" | "center" | "right" | undefined;
+        sortable?: boolean | undefined;
+        sorted?: "none" | "asc" | "desc" | undefined;
+        sticky?: boolean | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    actionIndicators: (props?: ({
+        size?: "sm" | "md" | "lg" | undefined;
+        align?: "left" | "center" | "right" | undefined;
+        sortable?: boolean | undefined;
+        sorted?: "none" | "asc" | "desc" | undefined;
+        sticky?: boolean | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    actionIndicatorBar: (props?: ({
+        size?: "sm" | "md" | "lg" | undefined;
+        align?: "left" | "center" | "right" | undefined;
+        sortable?: boolean | undefined;
+        sorted?: "none" | "asc" | "desc" | undefined;
+        sticky?: boolean | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    menu: (props?: ({
+        size?: "sm" | "md" | "lg" | undefined;
+        align?: "left" | "center" | "right" | undefined;
+        sortable?: boolean | undefined;
+        sorted?: "none" | "asc" | "desc" | undefined;
+        sticky?: boolean | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+};
+/**
+ * HEADER INDICATOR VARIANTS
+ * Small dot indicators for filter/group/summary in header.
+ */
+export declare const headerIndicatorVariants: (props?: import("@urbicon-ui/blocks").TVProps<{
+    type: {
+        filter: "bg-filter";
+        group: "bg-group";
+        summary: "bg-summary";
+        primary: "bg-primary";
+        success: "bg-success";
+        warning: "bg-warning";
+        danger: "bg-danger";
+    };
+    size: {
+        xs: "w-1 h-1";
+        sm: "w-1.5 h-1.5";
+        md: "w-2 h-2";
+        lg: "w-2.5 h-2.5";
+    };
+    state: {
+        default: string;
+        hover: string;
+        active: string;
+    };
+}> | undefined) => string;
+/**
+ * TABLE ROW VARIANTS
+ */
+export declare const tableRowVariants: (props?: import("@urbicon-ui/blocks").TVProps<{
+    size: {
+        sm: {
+            row: "h-8";
+            cell: "px-0.5 py-0.5";
+        };
+        md: {
+            row: "h-10";
+            cell: "px-1 py-1";
+        };
+        lg: {
+            row: "h-12";
+            cell: "px-2 py-1.5";
+        };
+    };
+    state: {
+        default: {
+            row: "hover:bg-surface-hover";
+        };
+        selected: {
+            row: "bg-primary-subtle border-primary";
+        };
+        expanded: {
+            row: "bg-surface-hover";
+        };
+        disabled: {
+            row: "opacity-50 pointer-events-none";
+        };
+    };
+    interactive: {
+        true: {
+            row: string;
+        };
+        false: {};
+    };
+    striped: {
+        even: {
+            row: string;
+        };
+        odd: {};
+    };
+}> | undefined) => {
+    row: (props?: ({
+        size?: "sm" | "md" | "lg" | undefined;
+        state?: "default" | "selected" | "expanded" | "disabled" | undefined;
+        interactive?: boolean | undefined;
+        striped?: "even" | "odd" | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    cell: (props?: ({
+        size?: "sm" | "md" | "lg" | undefined;
+        state?: "default" | "selected" | "expanded" | "disabled" | undefined;
+        interactive?: boolean | undefined;
+        striped?: "even" | "odd" | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+};
+/**
+ * TABLE CELL VARIANTS
+ */
+export declare const tableCellVariants: (props?: import("@urbicon-ui/blocks").TVProps<{
+    align: {
+        left: string;
+        center: string;
+        right: string;
+    };
+    truncate: {
+        true: string;
+        false: string;
+    };
+    nowrap: {
+        true: string;
+        false: string;
+    };
+}> | undefined) => string;
+export type TableHeaderVariantProps = VariantProps<typeof tableHeaderVariants>;
+export type TableRowVariantProps = VariantProps<typeof tableRowVariants>;
+export type TableCellVariantProps = VariantProps<typeof tableCellVariants>;
+export type HeaderIndicatorVariantProps = VariantProps<typeof headerIndicatorVariants>;
+/**
+ * TABLE CONTAINER VARIANTS
+ *
+ * Slot model (post-Sticky refactor):
+ * - `container`: outer flex-column wrapper, holds toolbar + scrollArea
+ * - `toolbar`: optional sticky toolbar layer (L1)
+ * - `scrollArea`: visible frame (border, radius, shadow, bg). NEVER sets `overflow`,
+ *   so `position: sticky` children pin against the page scroll ancestor instead
+ *   of being trapped by an `overflow` clip
+ * - `table`, `body`: rendered inside scrollArea
+ *
+ * Sticky-related properties consumed downstream:
+ *   --blocks-table-sticky-top (consumer, default 0)
+ *   --blocks-table-toolbar-h  (set internally via ResizeObserver)
+ *   --blocks-table-thead-h    (set internally via ResizeObserver)
+ *   --blocks-table-avail-top  (set internally; container's document-top offset,
+ *                              consumed by the `contained` height cap)
+ */
+export declare const tableContainerVariants: (props?: import("@urbicon-ui/blocks").TVProps<{
+    appearance: {
+        flush: {
+            scrollArea: never[];
+        };
+        surface: {
+            scrollArea: string[];
+        };
+        framed: {
+            scrollArea: string[];
+        };
+    };
+    size: {
+        sm: {
+            container: string;
+            table: string;
+        };
+        md: {
+            container: string;
+            table: string;
+        };
+        lg: {
+            container: string;
+            table: string;
+        };
+    };
+    responsive: {
+        true: {
+            table: string;
+        };
+        false: {};
+    };
+    stickyToolbar: {
+        true: {
+            toolbar: string[];
+        };
+        false: {};
+    };
+    contained: {
+        true: {
+            container: string[];
+            scrollArea: string[];
+            toolbar: string[];
+        };
+        false: {};
+    };
+}> | undefined) => {
+    container: (props?: ({
+        appearance?: "flush" | "surface" | "framed" | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
+        responsive?: boolean | undefined;
+        stickyToolbar?: boolean | undefined;
+        contained?: boolean | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    toolbar: (props?: ({
+        appearance?: "flush" | "surface" | "framed" | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
+        responsive?: boolean | undefined;
+        stickyToolbar?: boolean | undefined;
+        contained?: boolean | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    scrollArea: (props?: ({
+        appearance?: "flush" | "surface" | "framed" | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
+        responsive?: boolean | undefined;
+        stickyToolbar?: boolean | undefined;
+        contained?: boolean | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    table: (props?: ({
+        appearance?: "flush" | "surface" | "framed" | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
+        responsive?: boolean | undefined;
+        stickyToolbar?: boolean | undefined;
+        contained?: boolean | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    body: (props?: ({
+        appearance?: "flush" | "surface" | "framed" | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
+        responsive?: boolean | undefined;
+        stickyToolbar?: boolean | undefined;
+        contained?: boolean | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+};
+export type TableContainerVariantProps = VariantProps<typeof tableContainerVariants>;