@kala-ui/react 0.0.1-beta.1

package/dist/src/components/table/table-skeleton.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Table Skeleton Component
+ * Provides a loading placeholder that matches the actual Table component structure
+ * to prevent Cumulative Layout Shift (CLS)
+ */
+import { cn } from "../../lib/utils";
+import { tableBodyStyles, tableCellStyles, tableHeaderStyles, tableHeadStyles, tableRowStyles, } from "../../config/table";
+import { Skeleton } from "../skeleton";
+export function TableSkeleton({ rows = 5, columns = 4, headers, columnWidths, showActions = false, showCheckboxes = false, stickyHeader = false, }) {
+    const _totalColumns = columns + (showActions ? 1 : 0);
+    const displayHeaders = headers || Array(columns).fill("");
+    // Use provided column widths or default to full width
+    const getCellWidth = (index) => {
+        if (columnWidths && index < columnWidths.length) {
+            return columnWidths[index];
+        }
+        // Calculate default width based on alignment to match typical column behavior
+        return undefined; // Let CSS handle default width
+    };
+    return (_jsx("div", { className: "relative w-full overflow-x-auto border rounded-lg bg-card theme-card shadow-sm", children: _jsxs("table", { "data-slot": "table", className: "w-full caption-bottom text-sm", children: [_jsx("thead", { "data-slot": "table-header", className: cn(tableHeaderStyles.base, "bg-muted/50", stickyHeader && "sticky top-0 z-1"), children: _jsxs("tr", { "data-slot": "table-row", className: cn(tableRowStyles.base, "border-0"), children: [showCheckboxes && _jsx("th", { "data-slot": "table-head", className: cn(tableHeadStyles.base, "w-12") }), displayHeaders.map((header, index) => (_jsx("th", { "data-slot": "table-head", className: tableHeadStyles.base, style: { width: getCellWidth(index) }, children: header || _jsx(Skeleton, { className: "h-4 w-24" }) }, `header-${header || index}-${crypto.randomUUID()}`))), showActions && _jsx("th", { "data-slot": "table-head", className: tableHeadStyles.base, children: "Actions" }, "actions-header")] }) }), _jsx("tbody", { "data-slot": "table-body", className: tableBodyStyles.base, children: Array.from({ length: rows }).map(() => {
+                        const rowId = crypto.randomUUID();
+                        return (_jsxs("tr", { "data-slot": "table-row", className: cn(tableRowStyles.base, "border-0"), children: [showCheckboxes && (_jsx("td", { "data-slot": "table-cell", className: tableCellStyles.base, children: _jsx(Skeleton, { className: "h-4 w-4 rounded" }) })), Array.from({ length: columns }).map((_, colIndex) => {
+                                    const cellId = crypto.randomUUID();
+                                    return (_jsx("td", { "data-slot": "table-cell", className: tableCellStyles.base, children: _jsx(Skeleton, { className: "h-4", style: { width: getCellWidth(colIndex) || "100%" } }) }, cellId));
+                                }), showActions && (_jsx("td", { "data-slot": "table-cell", className: tableCellStyles.base, children: _jsx(Skeleton, { className: "h-8 w-8" }) }))] }, rowId));
+                    }) })] }) }));
+}
+//# sourceMappingURL=table-skeleton.js.map

package/dist/src/components/table/table-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-skeleton.js","sourceRoot":"","sources":["../../../../src/components/table/table-skeleton.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,54 @@
+import type * as React from "react";
+import type { TableSkeletonConfig } from "./table.types";
+declare function TableSkeleton({ rows, columns, headers, showActions, showCheckboxes, }: TableSkeletonConfig): import("react/jsx-runtime").JSX.Element;
+export interface TableProps extends React.ComponentProps<"table"> {
+    /**
+     * Show loading skeleton instead of content
+     */
+    isLoading?: boolean;
+    /**
+     * Number of skeleton rows to show when loading (default: 5) - DEPRECATED: Use skeletonConfig
+     */
+    loadingRows?: number;
+    /**
+     * Number of skeleton columns to show when loading (default: 4) - DEPRECATED: Use skeletonConfig
+     */
+    loadingColumns?: number;
+    /**
+     * Show actions column in skeleton (default: false) - DEPRECATED: Use skeletonConfig
+     */
+    loadingShowActions?: boolean;
+    /**
+     * Headers to show in skeleton (optional) - DEPRECATED: Use skeletonConfig
+     */
+    loadingHeaders?: string[];
+    /**
+     * Skeleton configuration for advanced control (preferred)
+     */
+    skeletonConfig?: TableSkeletonConfig;
+    /**
+     * Custom skeleton override
+     */
+    skeleton?: React.ReactNode;
+}
+declare function Table({ className, isLoading, loadingRows, loadingColumns, loadingShowActions, loadingHeaders, skeletonConfig, skeleton, ...props }: TableProps): 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, translationKey, ...props }: React.ComponentProps<"th"> & {
+    /** Optional translation key for header text */
+    translationKey?: string;
+    /** Indicates the column is sortable and the current sort direction */
+    "aria-sort"?: "ascending" | "descending" | "none" | "other";
+}): import("react/jsx-runtime").JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
+declare function TableCaption({ className, emptyStateKey, paginationLabelKey, ...props }: React.ComponentProps<"caption"> & {
+    /** Optional translation key for empty state text */
+    emptyStateKey?: string;
+    /** Optional translation key for pagination label */
+    paginationLabelKey?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, TableSkeleton, };
+export type { TableSkeletonConfig } from "./table.types";
+//# sourceMappingURL=table.d.ts.map

package/dist/src/components/table/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAapC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAGzD,iBAAS,aAAa,CAAC,EACtB,IAAQ,EACR,OAAW,EACX,OAAO,EACP,WAAmB,EACnB,cAAsB,GACtB,EAAE,mBAAmB,2CAqErB;AAED,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;IAChE;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,KAAK,CAAC,EACd,SAAS,EACT,SAAS,EACT,WAAe,EACf,cAAkB,EAClB,kBAA0B,EAC1B,cAAc,EACd,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,UAAU,2CA+BZ;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQ1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQ1E;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQpE;AAED,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,cAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG;IAC/B,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sEAAsE;IACtE,WAAW,CAAC,EAAE,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;CAC5D,2CAQA;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQrE;AAED,iBAAS,YAAY,CAAC,EACrB,SAAS,EACT,aAAa,EACb,kBAAkB,EAClB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG;IACpC,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC5B,2CAQA;AAED,OAAO,EACN,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,aAAa,GACb,CAAC;AAGF,YAAY,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC"}

package/dist/src/components/table/table.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Skeleton } from "../skeleton/skeleton";
+import { tableBodyStyles, tableCaptionStyles, tableCellStyles, tableFooterStyles, tableHeaderStyles, tableHeadStyles, tableRowStyles, } from "../../config/table";
+import { cn } from "../../lib/utils";
+// Table Skeleton component (defined inline to avoid circular dependencies)
+function TableSkeleton({ rows = 5, columns = 4, headers, showActions = false, showCheckboxes = false, }) {
+    return (_jsx("div", { className: "relative w-full overflow-x-auto border rounded-lg bg-card theme-card", children: _jsxs("table", { className: "w-full caption-bottom text-sm", children: [headers ? (_jsx("thead", { className: "border-b bg-muted/50", children: _jsxs("tr", { children: [showCheckboxes && (_jsx("th", { className: "w-10 px-4 py-3 text-left", children: _jsx(Skeleton, { className: "h-4 w-4" }) })), headers.map((_header, i) => (_jsx("th", { className: "px-4 py-3 text-left", children: _jsx(Skeleton, { className: "h-4 w-24" }) }, i))), showActions && (_jsx("th", { className: "w-16 px-4 py-3 text-right", children: _jsx(Skeleton, { className: "ml-auto h-4 w-8" }) }))] }) })) : (_jsx("thead", { className: "border-b bg-muted/50", children: _jsxs("tr", { children: [showCheckboxes && (_jsx("th", { className: "w-10 px-4 py-3 text-left", children: _jsx(Skeleton, { className: "h-4 w-4" }) })), Array.from({ length: columns }).map((_, i) => (_jsx("th", { className: "px-4 py-3 text-left", children: _jsx(Skeleton, { className: "h-4 w-24" }) }, i))), showActions && (_jsx("th", { className: "w-16 px-4 py-3 text-right", children: _jsx(Skeleton, { className: "ml-auto h-4 w-8" }) }))] }) })), _jsx("tbody", { className: tableBodyStyles.base, children: Array.from({ length: rows }).map((_, rowIndex) => (_jsxs("tr", { className: "border-b transition-colors hover:bg-muted/50", children: [showCheckboxes && (_jsx("td", { className: "w-10 px-4 py-3", children: _jsx(Skeleton, { className: "h-4 w-4" }) })), Array.from({ length: columns }).map((_, colIndex) => (_jsx("td", { className: "px-4 py-3", children: _jsx(Skeleton, { className: "h-4 w-full max-w-[200px]" }) }, colIndex))), showActions && (_jsx("td", { className: "w-16 px-4 py-3 text-right", children: _jsx(Skeleton, { className: "ml-auto h-4 w-8" }) }))] }, rowIndex))) })] }) }));
+}
+function Table({ className, isLoading, loadingRows = 5, loadingColumns = 4, loadingShowActions = false, loadingHeaders, skeletonConfig, skeleton, ...props }) {
+    // Render skeleton state directly
+    if (isLoading) {
+        // Use custom skeleton if provided
+        if (skeleton) {
+            return _jsx(_Fragment, { children: skeleton });
+        }
+        // Use skeletonConfig if provided, otherwise fall back to legacy props
+        const config = skeletonConfig || {
+            rows: loadingRows,
+            columns: loadingColumns,
+            headers: loadingHeaders,
+            showActions: loadingShowActions,
+        };
+        return _jsx(TableSkeleton, { ...config });
+    }
+    return (_jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto border rounded-lg bg-card theme-card", children: _jsx("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm", className), ...props }) }));
+}
+function TableHeader({ className, ...props }) {
+    return (_jsx("thead", { "data-slot": "table-header", className: cn(tableHeaderStyles.base, className), ...props }));
+}
+function TableBody({ className, ...props }) {
+    return (_jsx("tbody", { "data-slot": "table-body", className: cn(tableBodyStyles.base, className), ...props }));
+}
+function TableFooter({ className, ...props }) {
+    return (_jsx("tfoot", { "data-slot": "table-footer", className: cn(tableFooterStyles.base, className), ...props }));
+}
+function TableRow({ className, ...props }) {
+    return (_jsx("tr", { "data-slot": "table-row", className: cn(tableRowStyles.base, className), ...props }));
+}
+function TableHead({ className, translationKey, ...props }) {
+    return (_jsx("th", { "data-slot": "table-head", className: cn(tableHeadStyles.base, className), ...props }));
+}
+function TableCell({ className, ...props }) {
+    return (_jsx("td", { "data-slot": "table-cell", className: cn(tableCellStyles.base, className), ...props }));
+}
+function TableCaption({ className, emptyStateKey, paginationLabelKey, ...props }) {
+    return (_jsx("caption", { "data-slot": "table-caption", className: cn(tableCaptionStyles.base, className), ...props }));
+}
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, TableSkeleton, };
+// Allow Table.Skeleton syntax (using Object.defineProperty on Table function)
+Object.defineProperty(Table, "Skeleton", {
+    get() {
+        return TableSkeleton;
+    },
+    enumerable: true,
+    configurable: true,
+});
+//# sourceMappingURL=table.js.map

package/dist/src/components/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../src/components/table/table.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/table/table.stories.d.ts

@@ -0,0 +1,83 @@
+import type { StoryObj } from "@storybook/react";
+import { Table } from "./table";
+declare const meta: {
+    title: string;
+    component: typeof Table;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Basic table example
+ */
+export declare const Default: Story;
+/**
+ * Table with footer for totals
+ */
+export declare const WithFooter: Story;
+/**
+ * Striped rows for better readability
+ */
+export declare const Striped: Story;
+/**
+ * Bordered table with all cells having borders
+ */
+export declare const Bordered: Story;
+/**
+ * Borderless table - clean minimal look
+ */
+export declare const Borderless: Story;
+/**
+ * Small/Compact table with reduced padding
+ */
+export declare const Small: Story;
+/**
+ * Table with contextual classes for row states
+ */
+export declare const ContextualRows: Story;
+/**
+ * Hoverable rows with pointer cursor
+ */
+export declare const Hoverable: Story;
+/**
+ * Responsive table that stacks on mobile
+ */
+export declare const Responsive: Story;
+/**
+ * Table with column spanning
+ */
+export declare const WithColspan: Story;
+/**
+ * Table with center-aligned content
+ */
+export declare const CenterAligned: Story;
+/**
+ * Dark theme table
+ */
+export declare const BackgroundExample: Story;
+/**
+ * Scrollable table with fixed height - useful for tables with many rows
+ * Wraps table in a container with max-height and overflow-y-auto
+ */
+export declare const ScrollableWithManyRows: Story;
+/**
+ * Table skeleton loading state
+ */
+export declare const SkeletonDefault: Story;
+/**
+ * Table skeleton with headers
+ */
+export declare const SkeletonWithHeaders: Story;
+/**
+ * Table skeleton with actions column
+ */
+export declare const SkeletonWithActions: Story;
+/**
+ * Recommended pattern: using Table with isLoading prop
+ */
+export declare const LoadingState: Story;
+export declare const LoadingSkeleton: Story;
+//# sourceMappingURL=table.stories.d.ts.map

package/dist/src/components/table/table.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/table/table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EACN,KAAK,EAQL,MAAM,SAAS,CAAC;AAGjB,QAAA,MAAM,IAAI;;;;;;;CAOoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KA+CrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAoCxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAyDrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAiCtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAiCxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KA2BnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KA4C5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAwDvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAsDxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAgCzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KA+B3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAyC/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KA8DpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAQjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KA6C1B,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,KAgC7B,CAAC"}

package/dist/src/components/table/table.stories.js

@@ -0,0 +1,244 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Badge } from "../badge";
+import { Button } from "../button";
+import { Skeleton } from "../skeleton/skeleton";
+import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from "./table";
+import { TableSkeleton } from "./table-skeleton";
+const meta = {
+    title: "Data Display/Table",
+    component: Table,
+    parameters: {
+        layout: "padded",
+    },
+    tags: ["autodocs"],
+};
+export default meta;
+/**
+ * Basic table example
+ */
+export const Default = {
+    args: {},
+    render: () => (_jsxs(Table, { children: [_jsx(TableCaption, { children: "A list of your recent invoices." }), _jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-[100px]", children: "Invoice" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { children: "Method" }), _jsx(TableHead, { className: "text-right", children: "Amount" })] }) }), _jsxs(TableBody, { children: [_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: "INV001" }), _jsx(TableCell, { children: "Paid" }), _jsx(TableCell, { children: "Credit Card" }), _jsx(TableCell, { className: "text-right", children: "$250.00" })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: "INV002" }), _jsx(TableCell, { children: "Pending" }), _jsx(TableCell, { children: "PayPal" }), _jsx(TableCell, { className: "text-right", children: "$150.00" })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: "INV003" }), _jsx(TableCell, { children: "Unpaid" }), _jsx(TableCell, { children: "Bank Transfer" }), _jsx(TableCell, { className: "text-right", children: "$350.00" })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: "INV004" }), _jsx(TableCell, { children: "Paid" }), _jsx(TableCell, { children: "Credit Card" }), _jsx(TableCell, { className: "text-right", children: "$450.00" })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: "INV005" }), _jsx(TableCell, { children: "Paid" }), _jsx(TableCell, { children: "PayPal" }), _jsx(TableCell, { className: "text-right", children: "$550.00" })] })] })] })),
+};
+/**
+ * Table with footer for totals
+ */
+export const WithFooter = {
+    args: {},
+    render: () => (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Product" }), _jsx(TableHead, { children: "Quantity" }), _jsx(TableHead, { className: "text-right", children: "Price" })] }) }), _jsxs(TableBody, { children: [_jsxs(TableRow, { children: [_jsx(TableCell, { children: "Item 1" }), _jsx(TableCell, { children: "2" }), _jsx(TableCell, { className: "text-right", children: "$100.00" })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Item 2" }), _jsx(TableCell, { children: "1" }), _jsx(TableCell, { className: "text-right", children: "$50.00" })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Item 3" }), _jsx(TableCell, { children: "3" }), _jsx(TableCell, { className: "text-right", children: "$75.00" })] })] }), _jsx(TableFooter, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { colSpan: 2, children: "Total" }), _jsx(TableCell, { className: "text-right font-semibold", children: "$225.00" })] }) })] })),
+};
+/**
+ * Striped rows for better readability
+ */
+export const Striped = {
+    render: () => (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Name" }), _jsx(TableHead, { children: "Email" }), _jsx(TableHead, { children: "Role" }), _jsx(TableHead, { className: "text-right", children: "Salary" })] }) }), _jsx(TableBody, { children: [
+                    {
+                        name: "Alice Johnson",
+                        email: "alice@example.com",
+                        role: "Manager",
+                        salary: "$85,000",
+                    },
+                    {
+                        name: "Bob Smith",
+                        email: "bob@example.com",
+                        role: "Developer",
+                        salary: "$75,000",
+                    },
+                    {
+                        name: "Carol White",
+                        email: "carol@example.com",
+                        role: "Designer",
+                        salary: "$70,000",
+                    },
+                    {
+                        name: "David Brown",
+                        email: "david@example.com",
+                        role: "Developer",
+                        salary: "$72,000",
+                    },
+                    {
+                        name: "Eve Davis",
+                        email: "eve@example.com",
+                        role: "Manager",
+                        salary: "$90,000",
+                    },
+                ].map((person, idx) => (_jsxs(TableRow, { className: idx % 2 === 0 ? "bg-muted/50" : "", children: [_jsx(TableCell, { className: "font-medium", children: person.name }), _jsx(TableCell, { children: person.email }), _jsx(TableCell, { children: person.role }), _jsx(TableCell, { className: "text-right", children: person.salary })] }, person.email))) })] })),
+};
+/**
+ * Bordered table with all cells having borders
+ */
+export const Bordered = {
+    render: () => (_jsxs(Table, { className: "border-collapse [&_td]:border [&_th]:border", children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "#" }), _jsx(TableHead, { children: "First Name" }), _jsx(TableHead, { children: "Last Name" }), _jsx(TableHead, { children: "Username" })] }) }), _jsxs(TableBody, { children: [_jsxs(TableRow, { children: [_jsx(TableCell, { children: "1" }), _jsx(TableCell, { children: "Mark" }), _jsx(TableCell, { children: "Otto" }), _jsx(TableCell, { children: "@mdo" })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { children: "2" }), _jsx(TableCell, { children: "Jacob" }), _jsx(TableCell, { children: "Thornton" }), _jsx(TableCell, { children: "@fat" })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { children: "3" }), _jsx(TableCell, { children: "Larry" }), _jsx(TableCell, { children: "Bird" }), _jsx(TableCell, { children: "@twitter" })] })] })] })),
+};
+/**
+ * Borderless table - clean minimal look
+ */
+export const Borderless = {
+    render: () => (_jsxs(Table, { className: "[&_tr]:border-0", children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "#" }), _jsx(TableHead, { children: "First Name" }), _jsx(TableHead, { children: "Last Name" }), _jsx(TableHead, { children: "Username" })] }) }), _jsxs(TableBody, { children: [_jsxs(TableRow, { children: [_jsx(TableCell, { children: "1" }), _jsx(TableCell, { children: "Mark" }), _jsx(TableCell, { children: "Otto" }), _jsx(TableCell, { children: "@mdo" })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { children: "2" }), _jsx(TableCell, { children: "Jacob" }), _jsx(TableCell, { children: "Thornton" }), _jsx(TableCell, { children: "@fat" })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { children: "3" }), _jsx(TableCell, { children: "Larry" }), _jsx(TableCell, { children: "Bird" }), _jsx(TableCell, { children: "@twitter" })] })] })] })),
+};
+/**
+ * Small/Compact table with reduced padding
+ */
+export const Small = {
+    render: () => (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "py-2", children: "#" }), _jsx(TableHead, { className: "py-2", children: "First Name" }), _jsx(TableHead, { className: "py-2", children: "Last Name" }), _jsx(TableHead, { className: "py-2", children: "Username" })] }) }), _jsx(TableBody, { children: [
+                    { id: 1, first: "Mark", last: "Otto", username: "@mdo" },
+                    { id: 2, first: "Jacob", last: "Thornton", username: "@fat" },
+                    { id: 3, first: "Larry", last: "Bird", username: "@twitter" },
+                ].map((row) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "py-2", children: row.id }), _jsx(TableCell, { className: "py-2", children: row.first }), _jsx(TableCell, { className: "py-2", children: row.last }), _jsx(TableCell, { className: "py-2", children: row.username })] }, row.id))) })] })),
+};
+/**
+ * Table with contextual classes for row states
+ */
+export const ContextualRows = {
+    render: () => (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Name" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { children: "Progress" })] }) }), _jsxs(TableBody, { children: [_jsxs(TableRow, { children: [_jsx(TableCell, { children: "Default Row" }), _jsx(TableCell, { children: "Normal" }), _jsx(TableCell, { children: "50%" })] }), _jsxs(TableRow, { className: "bg-primary/10", children: [_jsx(TableCell, { children: "Primary Row" }), _jsx(TableCell, { children: "Active" }), _jsx(TableCell, { children: "100%" })] }), _jsxs(TableRow, { className: "bg-success/10", children: [_jsx(TableCell, { children: "Success Row" }), _jsx(TableCell, { children: "Completed" }), _jsx(TableCell, { children: "100%" })] }), _jsxs(TableRow, { className: "bg-warning/10", children: [_jsx(TableCell, { children: "Warning Row" }), _jsx(TableCell, { children: "Pending" }), _jsx(TableCell, { children: "75%" })] }), _jsxs(TableRow, { className: "bg-destructive/10", children: [_jsx(TableCell, { children: "Danger Row" }), _jsx(TableCell, { children: "Failed" }), _jsx(TableCell, { children: "0%" })] }), _jsxs(TableRow, { className: "bg-muted/50", children: [_jsx(TableCell, { children: "Info Row" }), _jsx(TableCell, { children: "Processing" }), _jsx(TableCell, { children: "25%" })] })] })] })),
+};
+/**
+ * Hoverable rows with pointer cursor
+ */
+export const Hoverable = {
+    render: () => (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "#" }), _jsx(TableHead, { children: "Name" }), _jsx(TableHead, { children: "Email" }), _jsx(TableHead, { children: "Status" })] }) }), _jsx(TableBody, { children: [
+                    {
+                        id: 1,
+                        name: "John Doe",
+                        email: "john@example.com",
+                        status: "Active",
+                    },
+                    {
+                        id: 2,
+                        name: "Jane Smith",
+                        email: "jane@example.com",
+                        status: "Active",
+                    },
+                    {
+                        id: 3,
+                        name: "Bob Wilson",
+                        email: "bob@example.com",
+                        status: "Inactive",
+                    },
+                ].map((user) => (_jsxs(TableRow, { className: "cursor-pointer hover:bg-primary/10", onClick: () => alert(`Clicked ${user.name}`), children: [_jsx(TableCell, { children: user.id }), _jsx(TableCell, { className: "font-medium", children: user.name }), _jsx(TableCell, { children: user.email }), _jsx(TableCell, { children: _jsx("span", { className: `inline-flex px-2 py-1 text-xs font-semibold rounded-full ${user.status === "Active"
+                                    ? "bg-success/10 text-success"
+                                    : "bg-muted text-muted-foreground"}`, children: user.status }) })] }, user.id))) })] })),
+};
+/**
+ * Responsive table that stacks on mobile
+ */
+export const Responsive = {
+    render: () => (_jsx("div", { className: "w-full max-w-4xl", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Product" }), _jsx(TableHead, { className: "hidden sm:table-cell", children: "Category" }), _jsx(TableHead, { className: "hidden md:table-cell", children: "Stock" }), _jsx(TableHead, { className: "text-right", children: "Price" })] }) }), _jsx(TableBody, { children: [
+                        {
+                            product: "Laptop Pro",
+                            category: "Electronics",
+                            stock: "45",
+                            price: "$1,299.00",
+                        },
+                        {
+                            product: "Wireless Mouse",
+                            category: "Accessories",
+                            stock: "120",
+                            price: "$29.99",
+                        },
+                        {
+                            product: "USB-C Cable",
+                            category: "Accessories",
+                            stock: "200",
+                            price: "$12.99",
+                        },
+                        {
+                            product: 'Monitor 27"',
+                            category: "Electronics",
+                            stock: "30",
+                            price: "$399.00",
+                        },
+                    ].map((item) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: item.product }), _jsx(TableCell, { className: "hidden sm:table-cell", children: item.category }), _jsx(TableCell, { className: "hidden md:table-cell", children: item.stock }), _jsx(TableCell, { className: "text-right", children: item.price })] }, item.product))) })] }) })),
+};
+/**
+ * Table with column spanning
+ */
+export const WithColspan = {
+    render: () => (_jsxs(Table, { children: [_jsxs(TableHeader, { children: [_jsxs(TableRow, { children: [_jsx(TableHead, { rowSpan: 2, children: "#" }), _jsx(TableHead, { rowSpan: 2, children: "Name" }), _jsx(TableHead, { colSpan: 2, className: "text-center", children: "Contact" })] }), _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Email" }), _jsx(TableHead, { children: "Phone" })] })] }), _jsxs(TableBody, { children: [_jsxs(TableRow, { children: [_jsx(TableCell, { children: "1" }), _jsx(TableCell, { children: "Alice Johnson" }), _jsx(TableCell, { children: "alice@example.com" }), _jsx(TableCell, { children: "555-0101" })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { children: "2" }), _jsx(TableCell, { children: "Bob Smith" }), _jsx(TableCell, { children: "bob@example.com" }), _jsx(TableCell, { children: "555-0102" })] })] })] })),
+};
+/**
+ * Table with center-aligned content
+ */
+export const CenterAligned = {
+    render: () => (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "text-center", children: "#" }), _jsx(TableHead, { className: "text-center", children: "Status" }), _jsx(TableHead, { className: "text-center", children: "Progress" }), _jsx(TableHead, { className: "text-center", children: "Actions" })] }) }), _jsx(TableBody, { children: [
+                    { id: 1, status: "✓ Complete", progress: "100%" },
+                    { id: 2, status: "⏳ Pending", progress: "50%" },
+                    { id: 3, status: "✗ Failed", progress: "0%" },
+                ].map((item) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "text-center", children: item.id }), _jsx(TableCell, { className: "text-center", children: item.status }), _jsx(TableCell, { className: "text-center", children: item.progress }), _jsx(TableCell, { className: "text-center", children: _jsx(Button, { variant: "link", size: "sm", className: "h-auto p-0", children: "View" }) })] }, item.id))) })] })),
+};
+/**
+ * Dark theme table
+ */
+export const BackgroundExample = {
+    render: () => (_jsx("div", { className: "p-6 bg-card rounded-lg border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Name" }), _jsx(TableHead, { children: "Email" }), _jsx(TableHead, { children: "Role" }), _jsx(TableHead, { className: "text-right", children: "Status" })] }) }), _jsxs(TableBody, { children: [_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: "Alice Johnson" }), _jsx(TableCell, { children: "alice@example.com" }), _jsx(TableCell, { children: "Admin" }), _jsx(TableCell, { className: "text-right", children: _jsx(Badge, { variant: "success", children: "Active" }) })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: "Bob Smith" }), _jsx(TableCell, { children: "bob@example.com" }), _jsx(TableCell, { children: "User" }), _jsx(TableCell, { className: "text-right", children: _jsx(Badge, { variant: "success", children: "Active" }) })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: "Carol White" }), _jsx(TableCell, { children: "carol@example.com" }), _jsx(TableCell, { children: "User" }), _jsx(TableCell, { className: "text-right", children: _jsx(Badge, { variant: "secondary", children: "Inactive" }) })] })] })] }) })),
+};
+/**
+ * Scrollable table with fixed height - useful for tables with many rows
+ * Wraps table in a container with max-height and overflow-y-auto
+ */
+export const ScrollableWithManyRows = {
+    render: () => {
+        // Generate 50 rows of data
+        const generateRows = (count) => {
+            const roles = ["Admin", "User", "Moderator", "Guest"];
+            const statuses = ["Active", "Inactive", "Pending"];
+            return Array.from({ length: count }, (_, i) => ({
+                id: i + 1,
+                name: `User ${i + 1}`,
+                email: `user${i + 1}@example.com`,
+                role: roles[i % roles.length],
+                status: statuses[i % statuses.length],
+            }));
+        };
+        const rows = generateRows(50);
+        return (_jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "text-sm text-muted-foreground", children: "This table has 50 rows with a maximum height of 600px and vertical scrolling." }), _jsx("div", { className: "max-h-[600px] overflow-y-auto rounded-lg border", children: _jsxs(Table, { children: [_jsx(TableHeader, { className: "sticky top-0 bg-card z-10", children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-[80px]", children: "#" }), _jsx(TableHead, { children: "Name" }), _jsx(TableHead, { children: "Email" }), _jsx(TableHead, { children: "Role" }), _jsx(TableHead, { className: "text-right", children: "Status" })] }) }), _jsx(TableBody, { children: rows.map((row) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: row.id }), _jsx(TableCell, { children: row.name }), _jsx(TableCell, { children: row.email }), _jsx(TableCell, { children: row.role }), _jsx(TableCell, { className: "text-right", children: _jsx(Badge, { variant: row.status === "Active"
+                                                    ? "success"
+                                                    : row.status === "Inactive"
+                                                        ? "secondary"
+                                                        : "warning", children: row.status }) })] }, row.id))) })] }) })] }));
+    },
+};
+/**
+ * Table skeleton loading state
+ */
+export const SkeletonDefault = {
+    render: () => _jsx(TableSkeleton, {}),
+};
+/**
+ * Table skeleton with headers
+ */
+export const SkeletonWithHeaders = {
+    render: () => (_jsx(TableSkeleton, { rows: 5, columns: 4, headers: ["Name", "Email", "Role", "Status"] })),
+};
+/**
+ * Table skeleton with actions column
+ */
+export const SkeletonWithActions = {
+    render: () => (_jsx(TableSkeleton, { rows: 5, columns: 3, headers: ["Product", "Price", "Stock"], showActions: true })),
+};
+/**
+ * Recommended pattern: using Table with isLoading prop
+ */
+export const LoadingState = {
+    render: () => {
+        const [isLoading, setIsLoading] = useState(true);
+        const data = [
+            { id: 1, name: "John Doe", email: "john@example.com", role: "Admin" },
+            { id: 2, name: "Jane Smith", email: "jane@example.com", role: "User" },
+            { id: 3, name: "Bob Johnson", email: "bob@example.com", role: "User" },
+        ];
+        return (_jsxs("div", { children: [_jsx("div", { className: "mb-4", children: _jsx(Button, { onClick: () => setIsLoading(!isLoading), children: isLoading ? "Show Data" : "Show Loading" }) }), _jsxs(Table, { isLoading: isLoading, loadingRows: 3, loadingColumns: 4, loadingHeaders: ["ID", "Name", "Email", "Role"], children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "ID" }), _jsx(TableHead, { children: "Name" }), _jsx(TableHead, { children: "Email" }), _jsx(TableHead, { children: "Role" })] }) }), _jsx(TableBody, { children: data.map((row) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: row.id }), _jsx(TableCell, { children: row.name }), _jsx(TableCell, { children: row.email }), _jsx(TableCell, { children: row.role })] }, row.id))) })] })] }));
+    },
+};
+export const LoadingSkeleton = {
+    render: () => (_jsx("div", { className: "w-full", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: _jsx(Skeleton, { className: "h-4 w-16" }) }), _jsx(TableHead, { children: _jsx(Skeleton, { className: "h-4 w-24" }) }), _jsx(TableHead, { children: _jsx(Skeleton, { className: "h-4 w-32" }) }), _jsx(TableHead, { children: _jsx(Skeleton, { className: "h-4 w-20" }) })] }) }), _jsx(TableBody, { children: Array.from({ length: 5 }).map((_, i) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-12" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-32" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-40" }) }), _jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-24" }) })] }, i))) })] }) })),
+    parameters: {
+        docs: {
+            description: {
+                story: "Loading skeleton placeholders for table rows while data is loading.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=table.stories.js.map

package/dist/src/components/table/table.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../../../src/components/table/table.stories.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/table/table.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=table.test.d.ts.map

package/dist/src/components/table/table.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.test.d.ts","sourceRoot":"","sources":["../../../../src/components/table/table.test.tsx"],"names":[],"mappings":""}