munza-x-data-grid 1.5.2 → 1.5.4

package/dist/data-grid.js

@@ -1659,16 +1659,17 @@ var Et = ({ refs: e, axis: t = "both" }) => {
 			r.current || (n.current !== null && cancelAnimationFrame(n.current), n.current = requestAnimationFrame(() => {
 				r.current = !0;
 				let n = e.scrollLeft, i = e.scrollTop;
-				a.forEach((r) => {
-					r !== e && ((t === "x" || t === "both") && r.scrollLeft !== n && (r.scrollLeft = n), (t === "y" || t === "both") && r.scrollTop !== i && (r.scrollTop = i));
-				}), r.current = !1;
+				for (let r of a) r !== e && ((t === "x" || t === "both") && r.scrollLeft !== n && (r.scrollLeft = n), (t === "y" || t === "both") && r.scrollTop !== i && (r.scrollTop = i));
+				r.current = !1;
 			}));
 		};
-		return a.forEach((e) => {
+		for (let e of a) {
 			let t = () => o(e);
 			i.current.set(e, t), e.addEventListener("scroll", t, { passive: !0 });
-		}), () => {
-			i.current.forEach((e, t) => t.removeEventListener("scroll", e)), i.current.clear(), n.current !== null && cancelAnimationFrame(n.current);
+		}
+		return () => {
+			for (let [e, t] of i.current.entries()) e.removeEventListener("scroll", t);
+			i.current.clear(), n.current !== null && (cancelAnimationFrame(n.current), n.current = null);
 		};
 	}, [e, t]);
 }, Dt = n(void 0), Ot = ({ children: e, payload: n, columns: r, state: i = {}, onColumnFiltersChange: a, onPaginationChange: o, onSortingChange: s, setGlobalFilter: u, manualPagination: d = !1, isError: p, isLoading: m, isFetching: h, getRowCanExpand: g, renderSubComponent: _ }) => {
@@ -7126,7 +7127,7 @@ function Kd({ className: e, size: t = "default", ...n }) {
 		children: [/* @__PURE__ */ f("select", {
 			"data-slot": "native-select",
 			"data-size": t,
-			className: "h-8 w-full min-w-0 appearance-none rounded-lg border border-input bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 dark:bg-accent dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+			className: "h-8 w-full min-w-0 appearance-none rounded-lg border border-input bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
 			...n
 		}), /* @__PURE__ */ f(E, {
 			className: "pointer-events-none absolute top-1/2 right-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none",
@@ -7135,10 +7136,11 @@ function Kd({ className: e, size: t = "default", ...n }) {
 		})]
 	});
 }
-function qd({ ...e }) {
+function qd({ className: e, ...t }) {
 	return /* @__PURE__ */ f("option", {
 		"data-slot": "native-select-option",
-		...e
+		className: $("bg-[Canvas] text-[CanvasText]", e),
+		...t
 	});
 }
 //#endregion
@@ -7764,15 +7766,15 @@ var Vf = ({ column: e }) => {
 	let t = c(() => e.getCanFilter() ? {
 		id: e.id.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^./, (e) => e.toUpperCase()),
 		uniqueValues: Array.from(e.getFacetedUniqueValues().keys())
-	} : null, [e]), n = e.getFilterValue(), [r, i] = u(!1);
+	} : null, [e]), n = e.getFilterValue(), { filterVariant: r } = e.columnDef.meta ?? {}, [i, a] = u(!1);
 	return /* @__PURE__ */ f(d, { children: e.getCanFilter() ? /* @__PURE__ */ p(Rf, {
-		open: r,
-		onOpenChange: i,
+		open: i,
+		onOpenChange: a,
 		children: [/* @__PURE__ */ p(zf, {
 			className: "mun:flex mun:whitespace-nowrap mun:items-center mun:gap-2",
 			children: [/* @__PURE__ */ f("span", {
 				className: "mun:size-7 mun:inline-flex mun:items-center mun:justify-center mun:rounded-md mun:transition-all mun:hover:bg-card",
-				children: f(r ? E : O, { size: 16 })
+				children: f(i ? E : O, { size: 16 })
 			}), /* @__PURE__ */ f("span", { children: t?.id })]
 		}), /* @__PURE__ */ f(Bf, { children: /* @__PURE__ */ p("div", {
 			className: "mun:p-3 mun:pr-0",
@@ -7784,7 +7786,8 @@ var Vf = ({ column: e }) => {
 				value: n ?? "",
 				onChange: (t) => e.setFilterValue(t),
 				placeholder: `Search... (${e.getFacetedUniqueValues().size})`,
-				list: e.id + "list"
+				list: e.id + "list",
+				disabled: r === void 0
 			})]
 		}) })]
 	}) : null });

package/package.json

@@ -1,66 +1,64 @@
-{
-  "name": "munza-x-data-grid",
-  "private": false,
-  "version": "1.5.2",
-  "type": "module",
-  "files": [
-    "dist",
-    "README.md"
-  ],
-  "module": "./dist/data-grid.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/data-grid.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./style.css": "./dist/index.css"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/jsdev-robin/munza-x-data-grid.git"
-  },
-  "bugs": {
-    "url": "https://github.com/jsdev-robin/munza-x-data-grid/issues"
-  },
-  "peerDependencies": {
-    "react": "^18 || ^19",
-    "react-dom": "^18 || ^19"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.39.4",
-    "@fontsource-variable/inter": "^5.2.8",
-    "@tailwindcss/vite": "^4.2.1",
-    "@types/node": "^24.12.0",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "@vitejs/plugin-react": "^6.0.0",
-    "class-variance-authority": "0.7.1",
-    "clsx": "2.1.1",
-    "eslint": "^9.39.4",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.5.2",
-    "globals": "^17.4.0",
-    "lucide-react": "0.577.0",
-    "prettier": "^3.8.1",
-    "prettier-plugin-tailwindcss": "^0.7.2",
-    "radix-ui": "1.4.3",
-    "rollup-plugin-copy": "^3.5.0",
-    "shadcn": "^4.0.8",
-    "tailwind-merge": "3.5.0",
-    "tailwindcss": "^4.2.1",
-    "typescript": "~5.9.3",
-    "typescript-eslint": "^8.56.1",
-    "vite": "^8.0.0",
-    "vite-plugin-dts": "^4.5.4"
-  },
-  "dependencies": {
-    "@tanstack/react-table": "^8.21.3"
-  }
-}
+{
+  "name": "munza-x-data-grid",
+  "private": false,
+  "version": "1.5.4",
+  "type": "module",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "module": "./dist/data-grid.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/data-grid.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": "./dist/index.css"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jsdev-robin/munza-x-data-grid.git"
+  },
+  "bugs": {
+    "url": "https://github.com/jsdev-robin/munza-x-data-grid/issues"
+  },
+  "peerDependencies": {
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.4",
+    "@tailwindcss/vite": "^4.2.1",
+    "@types/node": "^24.12.0",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@vitejs/plugin-react": "^6.0.0",
+    "class-variance-authority": "0.7.1",
+    "clsx": "2.1.1",
+    "eslint": "^9.39.4",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "globals": "^17.4.0",
+    "lucide-react": "0.577.0",
+    "prettier": "^3.8.1",
+    "prettier-plugin-tailwindcss": "^0.7.2",
+    "radix-ui": "1.4.3",
+    "rollup-plugin-copy": "^3.5.0",
+    "tailwind-merge": "3.5.0",
+    "tailwindcss": "^4.2.1",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.56.1",
+    "vite": "^8.0.0",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "dependencies": {
+    "@tanstack/react-table": "^8.21.3"
+  }
+}

package/dist/components/feedback/NoDataFoundMsg.d.ts

@@ -1,2 +0,0 @@
-declare const NoDataFoundMsg: () => import("react/jsx-runtime").JSX.Element;
-export default NoDataFoundMsg;

package/dist/components/feedback/TableError.d.ts

@@ -1,2 +0,0 @@
-declare const TableError: () => import("react/jsx-runtime").JSX.Element;
-export default TableError;

package/dist/components/feedback/TableErrorMsg.d.ts

@@ -1,2 +0,0 @@
-declare const TableErrorMsg: () => import("react/jsx-runtime").JSX.Element;
-export default TableErrorMsg;

package/dist/components/feedback/TableNoData.d.ts

@@ -1,2 +0,0 @@
-declare const TableNoData: () => import("react/jsx-runtime").JSX.Element;
-export default TableNoData;

package/dist/components/feedback/TableRowSkeleton.d.ts

@@ -1,7 +0,0 @@
-import { Column } from '@tanstack/react-table';
-declare const TableRowSkeleton: ({ column, i, j, }: {
-    column: Column<unknown, unknown>;
-    i: number;
-    j: number;
-}) => import("react/jsx-runtime").JSX.Element;
-export default TableRowSkeleton;

package/dist/components/feedback/TableSkeleton.d.ts

@@ -1,2 +0,0 @@
-declare const TableSkeleton: () => import("react/jsx-runtime").JSX.Element;
-export default TableSkeleton;

package/dist/components/header/HeaderFilter.d.ts

@@ -1,5 +0,0 @@
-import { Column } from '@tanstack/react-table';
-declare const HeaderFilter: <T>({ column }: {
-    column: Column<T, unknown>;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default HeaderFilter;

package/dist/components/header/HeaderMenu.d.ts

@@ -1,5 +0,0 @@
-import { Header } from '@tanstack/react-table';
-declare const HeaderMenu: <T>({ header }: {
-    header: Header<T, unknown>;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default HeaderMenu;

package/dist/components/header/HeaderSort.d.ts

@@ -1,5 +0,0 @@
-import { Header } from '@tanstack/react-table';
-declare const HeaderSort: <T>({ header }: {
-    header: Header<T, unknown>;
-}) => import("react/jsx-runtime").JSX.Element;
-export default HeaderSort;

package/dist/components/pagination/index.d.ts

@@ -1,4 +0,0 @@
-declare const Pagination: ({ pagination }: {
-    pagination: number[];
-}) => import("react/jsx-runtime").JSX.Element;
-export default Pagination;

package/dist/components/table/TBody.d.ts

@@ -1,2 +0,0 @@
-declare const TBody: () => import("react/jsx-runtime").JSX.Element;
-export default TBody;

package/dist/components/table/TCell.d.ts

@@ -1,6 +0,0 @@
-import { Cell } from '@tanstack/react-table';
-interface TCellProps<T> {
-    cell: Cell<T, unknown>;
-}
-declare const TCell: <T>({ cell }: TCellProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default TCell;

package/dist/components/table/THead.d.ts

@@ -1,6 +0,0 @@
-import { Header } from '@tanstack/react-table';
-interface THeadProps<T> {
-    header: Header<T, unknown>;
-}
-declare const THead: <T>({ header }: THeadProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default THead;

package/dist/components/table/THeader.d.ts

@@ -1,2 +0,0 @@
-declare const THeader: () => import("react/jsx-runtime").JSX.Element;
-export default THeader;

package/dist/components/table/TMain.d.ts

@@ -1,2 +0,0 @@
-declare const TMain: () => import("react/jsx-runtime").JSX.Element;
-export default TMain;

package/dist/components/toolbar/ToolbarFilter.d.ts

@@ -1,5 +0,0 @@
-import { Column } from '@tanstack/react-table';
-declare const ToolbarFilter: <T>({ column }: {
-    column: Column<T, unknown>;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ToolbarFilter;

package/dist/components/toolbar/index.d.ts

@@ -1,2 +0,0 @@
-declare const Toolbar: () => import("react/jsx-runtime").JSX.Element;
-export default Toolbar;

package/dist/components/ui/badge.d.ts

@@ -1,9 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-declare const badgeVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
-    asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export { Badge };

package/dist/components/ui/button.d.ts

@@ -1,10 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export { Button };

package/dist/components/ui/checkbox.d.ts

@@ -1,4 +0,0 @@
-import { Checkbox as CheckboxPrimitive } from 'radix-ui';
-import * as React from 'react';
-declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-export { Checkbox };

package/dist/components/ui/collapsible.d.ts

@@ -1,5 +0,0 @@
-import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
-declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
-export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/components/ui/debounced-input.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-declare const DebouncedInput: ({ value: initialValue, onChange, debounce, ...props }: {
-    value: string | number;
-    onChange: (value: string | number) => void;
-    debounce?: number;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange">) => import("react/jsx-runtime").JSX.Element;
-export default DebouncedInput;

package/dist/components/ui/dropdown-menu.d.ts

@@ -1,29 +0,0 @@
-import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
-import * as React from 'react';
-declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
-    inset?: boolean;
-    variant?: 'default' | 'destructive';
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
-    inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
-    inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
-    inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-    inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };

package/dist/components/ui/empty.d.ts

@@ -1,11 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-declare function Empty({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function EmptyHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare const emptyMediaVariants: (props?: ({
-    variant?: "default" | "icon" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): import("react/jsx-runtime").JSX.Element;
-declare function EmptyTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function EmptyDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
-declare function EmptyContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, };

package/dist/components/ui/input.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-declare function Input({ className, type, ...props }: React.ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;
-export { Input };

package/dist/components/ui/label.d.ts

@@ -1,4 +0,0 @@
-import { Label as LabelPrimitive } from 'radix-ui';
-import * as React from 'react';
-declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-export { Label };

package/dist/components/ui/native-select.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-type NativeSelectProps = Omit<React.ComponentProps<'select'>, 'size'> & {
-    size?: 'sm' | 'default';
-};
-declare function NativeSelect({ className, size, ...props }: NativeSelectProps): import("react/jsx-runtime").JSX.Element;
-declare function NativeSelectOption({ ...props }: React.ComponentProps<'option'>): import("react/jsx-runtime").JSX.Element;
-declare function NativeSelectOptGroup({ className, ...props }: React.ComponentProps<'optgroup'>): import("react/jsx-runtime").JSX.Element;
-export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };

package/dist/components/ui/separator.d.ts

@@ -1,4 +0,0 @@
-import { Separator as SeparatorPrimitive } from 'radix-ui';
-import * as React from 'react';
-declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-export { Separator };

package/dist/components/ui/skeleton.d.ts

@@ -1,2 +0,0 @@
-declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export { Skeleton };

package/dist/components/ui/table.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-declare function Table({ className, ...props }: React.ComponentProps<'table'>): import("react/jsx-runtime").JSX.Element;
-declare function TableHeader({ className, ...props }: React.ComponentProps<'thead'>): import("react/jsx-runtime").JSX.Element;
-declare function TableBody({ className, ...props }: React.ComponentProps<'tbody'>): import("react/jsx-runtime").JSX.Element;
-declare function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>): import("react/jsx-runtime").JSX.Element;
-declare function TableRow({ className, ...props }: React.ComponentProps<'tr'>): import("react/jsx-runtime").JSX.Element;
-declare function TableHead({ className, ...props }: React.ComponentProps<'th'>): import("react/jsx-runtime").JSX.Element;
-declare function TableCell({ className, ...props }: React.ComponentProps<'td'>): import("react/jsx-runtime").JSX.Element;
-declare function TableCaption({ className, ...props }: React.ComponentProps<'caption'>): import("react/jsx-runtime").JSX.Element;
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, };