@andreagiugni/tailwind-dashboard-ui 0.2.0 → 0.3.0

package/dist/index.d.cts

@@ -137,30 +137,8 @@ interface DropzoneProps {
 /** Drag-and-drop file upload area — dependency-free (native HTML5 drag/drop). */
 declare const Dropzone: React.FC<DropzoneProps>;
 
-interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
-}
-declare const Table: React.FC<TableProps>;
-interface TableSectionProps extends React.HTMLAttributes<HTMLTableSectionElement> {
-}
-declare const TableHeader: React.FC<TableSectionProps>;
-declare const TableBody: React.FC<TableSectionProps>;
-interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
-}
-declare const TableRow: React.FC<TableRowProps>;
-interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
-    isHeader?: boolean;
-}
-declare const TableCell: React.FC<TableCellProps>;
-
-interface PaginationProps {
-    currentPage: number;
-    totalPages: number;
-    onPageChange: (page: number) => void;
-}
-declare const Pagination: React.FC<PaginationProps>;
-
 type SortDirection = "asc" | "desc";
-interface DataTableColumn<T> {
+interface TableColumn<T> {
     /** Key into the row object — also the value used for sorting/searching. */
     key: Extract<keyof T, string>;
     /** Column header label. */
@@ -174,12 +152,17 @@ interface DataTableColumn<T> {
     /** Extra classes applied to this column's header and body cells. */
     className?: string;
 }
-interface DataTableProps<T> {
+interface TableProps<T = Record<string, unknown>> extends Omit<React.TableHTMLAttributes<HTMLTableElement>, "children"> {
+    /**
+     * Composable content (Table / TableHeader / TableBody / TableRow / TableCell).
+     * Used when `columns` is **not** provided.
+     */
+    children?: React.ReactNode;
     /** The array of row objects to display. */
-    data: T[];
-    /** Column definitions (label, sortable, custom render, …). */
-    columns: DataTableColumn<T>[];
-    /** Rows shown per page. Default: 10. */
+    data?: T[];
+    /** Column definitions. Providing this switches Table into data-driven mode. */
+    columns?: TableColumn<T>[];
+    /** Maximum number of rows shown per page. Default: 10. */
     rowsPerPage?: number;
     /** Options for the "Show N entries" selector. Default: [5, 10, 25, 50]. Pass [] to hide it. */
     rowsPerPageOptions?: number[];
@@ -187,12 +170,13 @@ interface DataTableProps<T> {
     pagination?: boolean;
     /** Render the "Show N entries" selector (only when pagination is on). Default: true. */
     showSizeSelector?: boolean;
-    /** Render the search field. Default: true. */
-    searchable?: boolean;
+    /**
+     * Fields matched when searching. The search input is shown **only** when this
+     * is a non-empty array — omit it (or pass `[]`) to hide the search box.
+     */
+    searchKeys?: Extract<keyof T, string>[];
     /** Placeholder for the search field. Default: "Search...". */
     searchPlaceholder?: string;
-    /** Keys matched when searching. Defaults to every column key. */
-    searchKeys?: Extract<keyof T, string>[];
     /** Column sorted on first render. */
     defaultSortKey?: Extract<keyof T, string>;
     /** Initial sort direction. Default: "asc". */
@@ -203,10 +187,26 @@ interface DataTableProps<T> {
     onRowClick?: (row: T, index: number) => void;
     /** Shown when no rows match. Default: "No matching records". */
     emptyContent?: React.ReactNode;
-    /** Extra classes for the outer wrapper. */
-    className?: string;
 }
-declare function DataTable<T extends Record<string, unknown>>({ data, columns, rowsPerPage, rowsPerPageOptions, pagination, showSizeSelector, searchable, searchPlaceholder, searchKeys, defaultSortKey, defaultSortDirection, getRowId, onRowClick, emptyContent, className, }: DataTableProps<T>): React.JSX.Element;
+interface TableSectionProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+declare const TableHeader: React.FC<TableSectionProps>;
+declare const TableBody: React.FC<TableSectionProps>;
+interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+}
+declare const TableRow: React.FC<TableRowProps>;
+interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+    isHeader?: boolean;
+}
+declare const TableCell: React.FC<TableCellProps>;
+declare function Table<T extends Record<string, unknown> = Record<string, unknown>>({ children, data, columns, rowsPerPage, rowsPerPageOptions, pagination, showSizeSelector, searchKeys, searchPlaceholder, defaultSortKey, defaultSortDirection, getRowId, onRowClick, emptyContent, className, ...rest }: TableProps<T>): React.JSX.Element;
+
+interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+}
+declare const Pagination: React.FC<PaginationProps>;
 
 interface BreadcrumbItem {
     label: string;
@@ -609,4 +609,4 @@ interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>,
 }
 declare const Slider: React.FC<SliderProps>;
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSelectionMode, Alert, type AlertProps, type AlertVariant, Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, AvatarText, type AvatarTextProps, Badge, type BadgeColor, type BadgeProps, type BadgeSize, type BadgeVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, Code, type CodeColor, type CodeProps, type CodeSize, ColorOverrideProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Drawer, type DrawerPlacement, type DrawerProps, Dropdown, DropdownItem, type DropdownItemProps, type DropdownItemVariant, type DropdownProps, Dropzone, type DropzoneProps, FileInput, type FileInputProps, Form, type FormProps, Input, type InputProps, Label, type LabelProps, Modal, type ModalProps, type ModalVariant, MultiSelect, type MultiSelectProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, Popover, type PopoverPlacement, type PopoverProps, Progress, type ProgressColor, type ProgressProps, type ProgressSize, Radio, type RadioProps, RadioSm, type RadioSmProps, Ribbon, type RibbonColor, type RibbonPosition, type RibbonProps, type RibbonVariant, Select, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderColor, type SliderProps, Snippet, type SnippetProps, type SnippetSize, type SortDirection, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, TableCell, type TableCellProps, TableHeader, type TableProps, TableRow, type TableRowProps, type TableSectionProps, Tabs, type TabsProps, type TabsVariant, TextArea, type TextAreaProps, ThemeToggleButton, type ThemeToggleButtonProps, Toast, type ToastProps, type ToastVariant, Tooltip, type TooltipPlacement, type TooltipProps, cn };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSelectionMode, Alert, type AlertProps, type AlertVariant, Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, AvatarText, type AvatarTextProps, Badge, type BadgeColor, type BadgeProps, type BadgeSize, type BadgeVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, Code, type CodeColor, type CodeProps, type CodeSize, ColorOverrideProps, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Drawer, type DrawerPlacement, type DrawerProps, Dropdown, DropdownItem, type DropdownItemProps, type DropdownItemVariant, type DropdownProps, Dropzone, type DropzoneProps, FileInput, type FileInputProps, Form, type FormProps, Input, type InputProps, Label, type LabelProps, Modal, type ModalProps, type ModalVariant, MultiSelect, type MultiSelectProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, Popover, type PopoverPlacement, type PopoverProps, Progress, type ProgressColor, type ProgressProps, type ProgressSize, Radio, type RadioProps, RadioSm, type RadioSmProps, Ribbon, type RibbonColor, type RibbonPosition, type RibbonProps, type RibbonVariant, Select, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderColor, type SliderProps, Snippet, type SnippetProps, type SnippetSize, type SortDirection, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, TableCell, type TableCellProps, type TableColumn, TableHeader, type TableProps, TableRow, type TableRowProps, type TableSectionProps, Tabs, type TabsProps, type TabsVariant, TextArea, type TextAreaProps, ThemeToggleButton, type ThemeToggleButtonProps, Toast, type ToastProps, type ToastVariant, Tooltip, type TooltipPlacement, type TooltipProps, cn };

package/dist/index.d.ts

@@ -137,30 +137,8 @@ interface DropzoneProps {
 /** Drag-and-drop file upload area — dependency-free (native HTML5 drag/drop). */
 declare const Dropzone: React.FC<DropzoneProps>;
 
-interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
-}
-declare const Table: React.FC<TableProps>;
-interface TableSectionProps extends React.HTMLAttributes<HTMLTableSectionElement> {
-}
-declare const TableHeader: React.FC<TableSectionProps>;
-declare const TableBody: React.FC<TableSectionProps>;
-interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
-}
-declare const TableRow: React.FC<TableRowProps>;
-interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
-    isHeader?: boolean;
-}
-declare const TableCell: React.FC<TableCellProps>;
-
-interface PaginationProps {
-    currentPage: number;
-    totalPages: number;
-    onPageChange: (page: number) => void;
-}
-declare const Pagination: React.FC<PaginationProps>;
-
 type SortDirection = "asc" | "desc";
-interface DataTableColumn<T> {
+interface TableColumn<T> {
     /** Key into the row object — also the value used for sorting/searching. */
     key: Extract<keyof T, string>;
     /** Column header label. */
@@ -174,12 +152,17 @@ interface DataTableColumn<T> {
     /** Extra classes applied to this column's header and body cells. */
     className?: string;
 }
-interface DataTableProps<T> {
+interface TableProps<T = Record<string, unknown>> extends Omit<React.TableHTMLAttributes<HTMLTableElement>, "children"> {
+    /**
+     * Composable content (Table / TableHeader / TableBody / TableRow / TableCell).
+     * Used when `columns` is **not** provided.
+     */
+    children?: React.ReactNode;
     /** The array of row objects to display. */
-    data: T[];
-    /** Column definitions (label, sortable, custom render, …). */
-    columns: DataTableColumn<T>[];
-    /** Rows shown per page. Default: 10. */
+    data?: T[];
+    /** Column definitions. Providing this switches Table into data-driven mode. */
+    columns?: TableColumn<T>[];
+    /** Maximum number of rows shown per page. Default: 10. */
     rowsPerPage?: number;
     /** Options for the "Show N entries" selector. Default: [5, 10, 25, 50]. Pass [] to hide it. */
     rowsPerPageOptions?: number[];
@@ -187,12 +170,13 @@ interface DataTableProps<T> {
     pagination?: boolean;
     /** Render the "Show N entries" selector (only when pagination is on). Default: true. */
     showSizeSelector?: boolean;
-    /** Render the search field. Default: true. */
-    searchable?: boolean;
+    /**
+     * Fields matched when searching. The search input is shown **only** when this
+     * is a non-empty array — omit it (or pass `[]`) to hide the search box.
+     */
+    searchKeys?: Extract<keyof T, string>[];
     /** Placeholder for the search field. Default: "Search...". */
     searchPlaceholder?: string;
-    /** Keys matched when searching. Defaults to every column key. */
-    searchKeys?: Extract<keyof T, string>[];
     /** Column sorted on first render. */
     defaultSortKey?: Extract<keyof T, string>;
     /** Initial sort direction. Default: "asc". */
@@ -203,10 +187,26 @@ interface DataTableProps<T> {
     onRowClick?: (row: T, index: number) => void;
     /** Shown when no rows match. Default: "No matching records". */
     emptyContent?: React.ReactNode;
-    /** Extra classes for the outer wrapper. */
-    className?: string;
 }
-declare function DataTable<T extends Record<string, unknown>>({ data, columns, rowsPerPage, rowsPerPageOptions, pagination, showSizeSelector, searchable, searchPlaceholder, searchKeys, defaultSortKey, defaultSortDirection, getRowId, onRowClick, emptyContent, className, }: DataTableProps<T>): React.JSX.Element;
+interface TableSectionProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+declare const TableHeader: React.FC<TableSectionProps>;
+declare const TableBody: React.FC<TableSectionProps>;
+interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+}
+declare const TableRow: React.FC<TableRowProps>;
+interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+    isHeader?: boolean;
+}
+declare const TableCell: React.FC<TableCellProps>;
+declare function Table<T extends Record<string, unknown> = Record<string, unknown>>({ children, data, columns, rowsPerPage, rowsPerPageOptions, pagination, showSizeSelector, searchKeys, searchPlaceholder, defaultSortKey, defaultSortDirection, getRowId, onRowClick, emptyContent, className, ...rest }: TableProps<T>): React.JSX.Element;
+
+interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+}
+declare const Pagination: React.FC<PaginationProps>;
 
 interface BreadcrumbItem {
     label: string;
@@ -609,4 +609,4 @@ interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>,
 }
 declare const Slider: React.FC<SliderProps>;
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSelectionMode, Alert, type AlertProps, type AlertVariant, Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, AvatarText, type AvatarTextProps, Badge, type BadgeColor, type BadgeProps, type BadgeSize, type BadgeVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, Code, type CodeColor, type CodeProps, type CodeSize, ColorOverrideProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Drawer, type DrawerPlacement, type DrawerProps, Dropdown, DropdownItem, type DropdownItemProps, type DropdownItemVariant, type DropdownProps, Dropzone, type DropzoneProps, FileInput, type FileInputProps, Form, type FormProps, Input, type InputProps, Label, type LabelProps, Modal, type ModalProps, type ModalVariant, MultiSelect, type MultiSelectProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, Popover, type PopoverPlacement, type PopoverProps, Progress, type ProgressColor, type ProgressProps, type ProgressSize, Radio, type RadioProps, RadioSm, type RadioSmProps, Ribbon, type RibbonColor, type RibbonPosition, type RibbonProps, type RibbonVariant, Select, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderColor, type SliderProps, Snippet, type SnippetProps, type SnippetSize, type SortDirection, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, TableCell, type TableCellProps, TableHeader, type TableProps, TableRow, type TableRowProps, type TableSectionProps, Tabs, type TabsProps, type TabsVariant, TextArea, type TextAreaProps, ThemeToggleButton, type ThemeToggleButtonProps, Toast, type ToastProps, type ToastVariant, Tooltip, type TooltipPlacement, type TooltipProps, cn };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSelectionMode, Alert, type AlertProps, type AlertVariant, Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, AvatarText, type AvatarTextProps, Badge, type BadgeColor, type BadgeProps, type BadgeSize, type BadgeVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, Code, type CodeColor, type CodeProps, type CodeSize, ColorOverrideProps, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Drawer, type DrawerPlacement, type DrawerProps, Dropdown, DropdownItem, type DropdownItemProps, type DropdownItemVariant, type DropdownProps, Dropzone, type DropzoneProps, FileInput, type FileInputProps, Form, type FormProps, Input, type InputProps, Label, type LabelProps, Modal, type ModalProps, type ModalVariant, MultiSelect, type MultiSelectProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, Popover, type PopoverPlacement, type PopoverProps, Progress, type ProgressColor, type ProgressProps, type ProgressSize, Radio, type RadioProps, RadioSm, type RadioSmProps, Ribbon, type RibbonColor, type RibbonPosition, type RibbonProps, type RibbonVariant, Select, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderColor, type SliderProps, Snippet, type SnippetProps, type SnippetSize, type SortDirection, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, TableCell, type TableCellProps, type TableColumn, TableHeader, type TableProps, TableRow, type TableRowProps, type TableSectionProps, Tabs, type TabsProps, type TabsVariant, TextArea, type TextAreaProps, ThemeToggleButton, type ThemeToggleButtonProps, Toast, type ToastProps, type ToastVariant, Tooltip, type TooltipPlacement, type TooltipProps, cn };

package/dist/index.js

@@ -7,7 +7,7 @@ export { Editor } from './chunk-4OETC46A.js';
 import { cn } from './chunk-ZLIYUUA4.js';
 export { cn } from './chunk-ZLIYUUA4.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import React5, { useRef, useEffect, useState, useMemo, useCallback, useId } from 'react';
+import React5, { useRef, useEffect, useState, useCallback, useId, useMemo } from 'react';
 import flatpickr from 'flatpickr';
 import 'flatpickr/dist/flatpickr.css';
 
@@ -546,19 +546,6 @@ var Dropzone = ({
     }
   );
 };
-var Table = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("table", { className: cn("min-w-full", className), ...rest, children });
-var TableHeader = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("thead", { className, ...rest, children });
-var TableBody = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("tbody", { className, ...rest, children });
-var TableRow = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("tr", { className, ...rest, children });
-var TableCell = ({
-  children,
-  isHeader = false,
-  className,
-  ...rest
-}) => {
-  const Tag = isHeader ? "th" : "td";
-  return /* @__PURE__ */ jsx(Tag, { className, ...rest, children });
-};
 var Pagination = ({
   currentPage,
   totalPages,
@@ -648,6 +635,18 @@ var Input = ({
     hint && /* @__PURE__ */ jsx("p", { className: cn("mt-1.5 text-xs", error ? "text-error-500" : success ? "text-success-500" : "text-gray-500"), children: hint })
   ] });
 };
+var TableHeader = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("thead", { className, ...rest, children });
+var TableBody = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("tbody", { className, ...rest, children });
+var TableRow = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("tr", { className, ...rest, children });
+var TableCell = ({
+  children,
+  isHeader = false,
+  className,
+  ...rest
+}) => {
+  const Tag = isHeader ? "th" : "td";
+  return /* @__PURE__ */ jsx(Tag, { className, ...rest, children });
+};
 var alignClass = {
   left: "text-left",
   center: "text-center",
@@ -664,16 +663,15 @@ function SortIcon({
     /* @__PURE__ */ jsx("svg", { width: "10", height: "6", viewBox: "0 0 10 6", fill: "currentColor", "aria-hidden": "true", className: active && direction === "desc" ? on : off, children: /* @__PURE__ */ jsx("path", { d: "M5 6 1 1h8z" }) })
   ] });
 }
-function DataTable({
+function DataDrivenTable({
   data,
   columns,
   rowsPerPage = 10,
   rowsPerPageOptions = [5, 10, 25, 50],
   pagination = true,
   showSizeSelector = true,
-  searchable = true,
-  searchPlaceholder = "Search...",
   searchKeys,
+  searchPlaceholder = "Search...",
   defaultSortKey,
   defaultSortDirection = "asc",
   getRowId,
@@ -686,13 +684,13 @@ function DataTable({
   const [sortKey, setSortKey] = useState(defaultSortKey);
   const [sortDir, setSortDir] = useState(defaultSortDirection);
   const [page, setPage] = useState(1);
+  const showSearch = !!(searchKeys && searchKeys.length > 0);
   const filtered = useMemo(() => {
-    const keys = searchKeys ?? columns.map((c) => c.key);
     const q = search.trim().toLowerCase();
     let rows = data;
-    if (searchable && q) {
+    if (showSearch && q) {
       rows = rows.filter(
-        (row) => keys.some((k) => String(row[k] ?? "").toLowerCase().includes(q))
+        (row) => searchKeys.some((k) => String(row[k] ?? "").toLowerCase().includes(q))
       );
     }
     if (sortKey) {
@@ -704,7 +702,7 @@ function DataTable({
       });
     }
     return rows;
-  }, [data, columns, search, searchable, searchKeys, sortKey, sortDir]);
+  }, [data, search, showSearch, searchKeys, sortKey, sortDir]);
   const total = filtered.length;
   const totalPages = pagination ? Math.max(1, Math.ceil(total / pageSize)) : 1;
   const current = Math.min(page, totalPages);
@@ -721,7 +719,7 @@ function DataTable({
   };
   const sizeOptions = rowsPerPageOptions.length ? rowsPerPageOptions : [];
   const showSelector = pagination && showSizeSelector && sizeOptions.length > 1;
-  const showControls = searchable || showSelector;
+  const showControls = showSearch || showSelector;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -748,7 +746,7 @@ function DataTable({
             ),
             "entries"
           ] }) : /* @__PURE__ */ jsx("span", {}),
-          searchable && /* @__PURE__ */ jsx(
+          showSearch && /* @__PURE__ */ jsx(
             Input,
             {
               type: "search",
@@ -763,7 +761,7 @@ function DataTable({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "overflow-x-auto border-y border-gray-100 dark:border-white/[0.05]", children: /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx("div", { className: "overflow-x-auto border-y border-gray-100 dark:border-white/[0.05]", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full", children: [
           /* @__PURE__ */ jsx(TableHeader, { className: "border-b border-gray-100 bg-gray-50 dark:border-white/[0.05] dark:bg-white/[0.06]", children: /* @__PURE__ */ jsx(TableRow, { children: columns.map((col) => {
             const isActive = sortKey === col.key;
             return /* @__PURE__ */ jsx(
@@ -828,6 +826,47 @@ function DataTable({
     }
   );
 }
+function Table({
+  children,
+  data,
+  columns,
+  rowsPerPage,
+  rowsPerPageOptions,
+  pagination,
+  showSizeSelector,
+  searchKeys,
+  searchPlaceholder,
+  defaultSortKey,
+  defaultSortDirection,
+  getRowId,
+  onRowClick,
+  emptyContent,
+  className,
+  ...rest
+}) {
+  if (columns && data) {
+    return /* @__PURE__ */ jsx(
+      DataDrivenTable,
+      {
+        data,
+        columns,
+        rowsPerPage,
+        rowsPerPageOptions,
+        pagination,
+        showSizeSelector,
+        searchKeys,
+        searchPlaceholder,
+        defaultSortKey,
+        defaultSortDirection,
+        getRowId,
+        onRowClick,
+        emptyContent,
+        className
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("table", { className: cn("min-w-full", className), ...rest, children });
+}
 var ChevronIcon = () => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -3035,6 +3074,6 @@ var Slider = ({
   ] });
 };
 
-export { Accordion, AccordionItem, Alert, Avatar, AvatarText, Badge, Breadcrumb, Button, Card, Checkbox, Chip, Code, DataTable, DatePicker, DateTimePicker, Drawer, Dropdown, DropdownItem, Dropzone, FileInput, Form, Input, Label, MultiSelect, Pagination, PasswordInput, Popover, Progress, Radio, RadioSm, Ribbon, Select, Skeleton, Slider, Snippet, Spinner, Switch, Tab, Table, TableBody, TableCell, TableHeader, TableRow, Tabs, TextArea, ThemeToggleButton, Toast, Tooltip, styleOverride };
+export { Accordion, AccordionItem, Alert, Avatar, AvatarText, Badge, Breadcrumb, Button, Card, Checkbox, Chip, Code, DatePicker, DateTimePicker, Drawer, Dropdown, DropdownItem, Dropzone, FileInput, Form, Input, Label, MultiSelect, Pagination, PasswordInput, Popover, Progress, Radio, RadioSm, Ribbon, Select, Skeleton, Slider, Snippet, Spinner, Switch, Tab, Table, TableBody, TableCell, TableHeader, TableRow, Tabs, TextArea, ThemeToggleButton, Toast, Tooltip, styleOverride };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map