frosted-ui 0.0.1-canary.9 → 0.0.1-canary.91

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

@@ -0,0 +1,461 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TanstackTable = exports.HorizontalScroll = exports.TableFooter = exports.Variant = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_table_1 = require("@tanstack/react-table");
+const react_1 = tslib_1.__importDefault(require("react"));
+const __1 = require("..");
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Data presentation/Table',
+    component: __1.Table.Root,
+    args: {
+        size: __1.tableRootPropDefs.size.default,
+        variant: __1.tableRootPropDefs.variant.default,
+    },
+    parameters: {
+        // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
+        layout: 'centered',
+    },
+    // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+    tags: ['autodocs'],
+};
+exports.default = meta;
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+exports.Default = {
+    render: (args) => (react_1.default.createElement(__1.Table.Root, { ...args },
+        react_1.default.createElement(__1.Table.Table, null,
+            react_1.default.createElement(__1.Table.Header, null,
+                react_1.default.createElement(__1.Table.Row, null,
+                    react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Full name"),
+                    react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Email"),
+                    react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Group"))),
+            react_1.default.createElement(__1.Table.Body, null,
+                react_1.default.createElement(__1.Table.Row, null,
+                    react_1.default.createElement(__1.Table.RowHeaderCell, null, "Danilo Sousa"),
+                    react_1.default.createElement(__1.Table.Cell, null, "danilo@example.com"),
+                    react_1.default.createElement(__1.Table.Cell, null,
+                        react_1.default.createElement(__1.Badge, { color: "green" }, "Developer"))),
+                react_1.default.createElement(__1.Table.Row, null,
+                    react_1.default.createElement(__1.Table.RowHeaderCell, null, "Zahra Ambessa"),
+                    react_1.default.createElement(__1.Table.Cell, null, "zahra@example.com"),
+                    react_1.default.createElement(__1.Table.Cell, null,
+                        react_1.default.createElement(__1.Badge, { color: "amber" }, "Admin"))),
+                react_1.default.createElement(__1.Table.Row, null,
+                    react_1.default.createElement(__1.Table.RowHeaderCell, null, "Jasper Eriksson"),
+                    react_1.default.createElement(__1.Table.Cell, null, "jasper@example.com"),
+                    react_1.default.createElement(__1.Table.Cell, null,
+                        react_1.default.createElement(__1.Badge, { color: "green" }, "Developer"))))),
+        react_1.default.createElement(__1.Table.BottomBar, null, "Showing 1 to 3 of 3 entries"))),
+};
+exports.Variant = {
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'row', gap: 'var(--space-3)' } },
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(__1.Table.Root, { ...args, variant: "ghost" },
+                react_1.default.createElement(__1.Table.Table, null,
+                    react_1.default.createElement(__1.Table.Header, null,
+                        react_1.default.createElement(__1.Table.Row, null,
+                            react_1.default.createElement(__1.Table.ColumnHeaderCell, null,
+                                react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-3)' } },
+                                    react_1.default.createElement(__1.Checkbox, null),
+                                    "Full name")),
+                            react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Email"),
+                            react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Group"))),
+                    react_1.default.createElement(__1.Table.Body, null,
+                        react_1.default.createElement(__1.Table.Row, null,
+                            react_1.default.createElement(__1.Table.RowHeaderCell, null,
+                                react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-3)' } },
+                                    react_1.default.createElement(__1.Checkbox, null),
+                                    "Danilo Sousa")),
+                            react_1.default.createElement(__1.Table.Cell, null, "danilo@example.com"),
+                            react_1.default.createElement(__1.Table.Cell, null,
+                                react_1.default.createElement(__1.Badge, { color: "green" }, "Developer"))),
+                        react_1.default.createElement(__1.Table.Row, null,
+                            react_1.default.createElement(__1.Table.RowHeaderCell, null,
+                                react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-3)' } },
+                                    react_1.default.createElement(__1.Checkbox, null),
+                                    "Zahra Ambessa")),
+                            react_1.default.createElement(__1.Table.Cell, null, "zahra@example.com"),
+                            react_1.default.createElement(__1.Table.Cell, null,
+                                react_1.default.createElement(__1.Badge, { color: "amber" }, "Admin"))),
+                        react_1.default.createElement(__1.Table.Row, null,
+                            react_1.default.createElement(__1.Table.RowHeaderCell, null,
+                                react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-3)' } },
+                                    react_1.default.createElement(__1.Checkbox, null),
+                                    "Jasper Eriksson")),
+                            react_1.default.createElement(__1.Table.Cell, null, "jasper@example.com"),
+                            react_1.default.createElement(__1.Table.Cell, null,
+                                react_1.default.createElement(__1.Badge, { color: "green" }, "Developer"))))))),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(__1.Table.Root, { ...args, variant: "surface" },
+                react_1.default.createElement(__1.Table.Table, null,
+                    react_1.default.createElement(__1.Table.Header, null,
+                        react_1.default.createElement(__1.Table.Row, null,
+                            react_1.default.createElement(__1.Table.ColumnHeaderCell, null,
+                                react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-3)' } },
+                                    react_1.default.createElement(__1.Checkbox, null),
+                                    "Full name")),
+                            react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Email"),
+                            react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Group"))),
+                    react_1.default.createElement(__1.Table.Body, null,
+                        react_1.default.createElement(__1.Table.Row, null,
+                            react_1.default.createElement(__1.Table.RowHeaderCell, null,
+                                react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-3)' } },
+                                    react_1.default.createElement(__1.Checkbox, null),
+                                    "Danilo Sousa")),
+                            react_1.default.createElement(__1.Table.Cell, null, "danilo@example.com"),
+                            react_1.default.createElement(__1.Table.Cell, null,
+                                react_1.default.createElement(__1.Badge, { color: "green" }, "Developer"))),
+                        react_1.default.createElement(__1.Table.Row, null,
+                            react_1.default.createElement(__1.Table.RowHeaderCell, null,
+                                react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-3)' } },
+                                    react_1.default.createElement(__1.Checkbox, null),
+                                    "Zahra Ambessa")),
+                            react_1.default.createElement(__1.Table.Cell, null, "zahra@example.com"),
+                            react_1.default.createElement(__1.Table.Cell, null,
+                                react_1.default.createElement(__1.Badge, { color: "amber" }, "Admin"))),
+                        react_1.default.createElement(__1.Table.Row, null,
+                            react_1.default.createElement(__1.Table.RowHeaderCell, null,
+                                react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-3)' } },
+                                    react_1.default.createElement(__1.Checkbox, null),
+                                    "Jasper Eriksson")),
+                            react_1.default.createElement(__1.Table.Cell, null, "jasper@example.com"),
+                            react_1.default.createElement(__1.Table.Cell, null,
+                                react_1.default.createElement(__1.Badge, { color: "green" }, "Developer"))))))))),
+};
+exports.TableFooter = {
+    render: (args) => (react_1.default.createElement("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 'var(--space-6)',
+            justifyContent: 'center',
+            alignItems: 'center',
+        } },
+        react_1.default.createElement(__1.Text, { style: { maxWidth: 700 } },
+            "The ",
+            react_1.default.createElement(__1.Code, null, '<TableFooter />'),
+            " component is usually used as summary of the columns, e.g., a sum of the given numbers in a column."),
+        react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'row', gap: 'var(--space-8)' } },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(__1.Table.Root, { ...args, variant: "ghost" },
+                    react_1.default.createElement(__1.Table.Table, null,
+                        react_1.default.createElement(__1.Table.Header, null,
+                            react_1.default.createElement(__1.Table.Row, null,
+                                react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Product"),
+                                react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Price"))),
+                        react_1.default.createElement(__1.Table.Body, null,
+                            react_1.default.createElement(__1.Table.Row, null,
+                                react_1.default.createElement(__1.Table.RowHeaderCell, null, "Pizza"),
+                                react_1.default.createElement(__1.Table.Cell, null, "$20")),
+                            react_1.default.createElement(__1.Table.Row, null,
+                                react_1.default.createElement(__1.Table.RowHeaderCell, null, "Confetti"),
+                                react_1.default.createElement(__1.Table.Cell, null, "$30")),
+                            react_1.default.createElement(__1.Table.Row, null,
+                                react_1.default.createElement(__1.Table.RowHeaderCell, null, "Beer"),
+                                react_1.default.createElement(__1.Table.Cell, null, "$43"))),
+                        react_1.default.createElement(__1.Table.Footer, null,
+                            react_1.default.createElement(__1.Table.Row, null,
+                                react_1.default.createElement(__1.Table.RowHeaderCell, null, "Total"),
+                                react_1.default.createElement(__1.Table.Cell, null,
+                                    react_1.default.createElement(__1.Text, { color: "green" }, "$93"))))))),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(__1.Table.Root, { ...args, variant: "surface" },
+                    react_1.default.createElement(__1.Table.Table, null,
+                        react_1.default.createElement(__1.Table.Header, null,
+                            react_1.default.createElement(__1.Table.Row, null,
+                                react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Product"),
+                                react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Price"))),
+                        react_1.default.createElement(__1.Table.Body, null,
+                            react_1.default.createElement(__1.Table.Row, null,
+                                react_1.default.createElement(__1.Table.RowHeaderCell, null, "Pizza"),
+                                react_1.default.createElement(__1.Table.Cell, null, "$20")),
+                            react_1.default.createElement(__1.Table.Row, null,
+                                react_1.default.createElement(__1.Table.RowHeaderCell, null, "Confetti"),
+                                react_1.default.createElement(__1.Table.Cell, null, "$30")),
+                            react_1.default.createElement(__1.Table.Row, null,
+                                react_1.default.createElement(__1.Table.RowHeaderCell, null, "Beer"),
+                                react_1.default.createElement(__1.Table.Cell, null, "$43"))),
+                        react_1.default.createElement(__1.Table.Footer, null,
+                            react_1.default.createElement(__1.Table.Row, null,
+                                react_1.default.createElement(__1.Table.RowHeaderCell, null, "Total"),
+                                react_1.default.createElement(__1.Table.Cell, null,
+                                    react_1.default.createElement(__1.Text, { color: "green" }, "$93")))))))))),
+};
+exports.HorizontalScroll = {
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'row', gap: 'var(--space-8)' } },
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(__1.Table.Root, { ...args, variant: "ghost", style: { maxWidth: 400, whiteSpace: 'nowrap' } },
+                react_1.default.createElement(__1.ScrollArea, { scrollbars: "horizontal" },
+                    react_1.default.createElement(__1.Table.Table, null,
+                        react_1.default.createElement(__1.Table.Header, null,
+                            react_1.default.createElement(__1.Table.Row, null,
+                                react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Product"),
+                                react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Availability"),
+                                react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Store"),
+                                react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Price"),
+                                react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Tax"))),
+                        react_1.default.createElement(__1.Table.Body, null,
+                            react_1.default.createElement(__1.Table.Row, null,
+                                react_1.default.createElement(__1.Table.RowHeaderCell, null, "Pizza"),
+                                react_1.default.createElement(__1.Table.Cell, null,
+                                    react_1.default.createElement(__1.Badge, { color: "green" }, "In stock")),
+                                react_1.default.createElement(__1.Table.Cell, null, "Tesco"),
+                                react_1.default.createElement(__1.Table.Cell, null, "$20"),
+                                react_1.default.createElement(__1.Table.Cell, null, "$2")),
+                            react_1.default.createElement(__1.Table.Row, null,
+                                react_1.default.createElement(__1.Table.RowHeaderCell, null, "Confetti"),
+                                react_1.default.createElement(__1.Table.Cell, null,
+                                    react_1.default.createElement(__1.Badge, { color: "green" }, "In stock")),
+                                react_1.default.createElement(__1.Table.Cell, null, "Wallmart"),
+                                react_1.default.createElement(__1.Table.Cell, null, "$30"),
+                                react_1.default.createElement(__1.Table.Cell, null, "$3.50")),
+                            react_1.default.createElement(__1.Table.Row, null,
+                                react_1.default.createElement(__1.Table.RowHeaderCell, null, "Beer"),
+                                react_1.default.createElement(__1.Table.Cell, null,
+                                    react_1.default.createElement(__1.Badge, { color: "red" }, "Out of stock")),
+                                react_1.default.createElement(__1.Table.Cell, null, "Beer Enthusiast"),
+                                react_1.default.createElement(__1.Table.Cell, null, "$43"),
+                                react_1.default.createElement(__1.Table.Cell, null, "$13.75"))),
+                        react_1.default.createElement(__1.Table.Footer, null,
+                            react_1.default.createElement(__1.Table.Row, null,
+                                react_1.default.createElement(__1.Table.RowHeaderCell, { colSpan: 3 }, "Total"),
+                                react_1.default.createElement(__1.Table.Cell, null,
+                                    react_1.default.createElement(__1.Text, { color: "green" }, "$93")),
+                                react_1.default.createElement(__1.Table.Cell, null,
+                                    react_1.default.createElement(__1.Text, { color: "red" }, "$19.25")))))),
+                react_1.default.createElement(__1.Table.BottomBar, null,
+                    react_1.default.createElement(__1.Text, { size: "1", color: "gray", align: "center" }, "Birthday party shopping list.")))),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(__1.Table.Root, { ...args, variant: "surface", style: { maxWidth: 400, whiteSpace: 'nowrap' } },
+                react_1.default.createElement(__1.ScrollArea, { scrollbars: "horizontal" },
+                    react_1.default.createElement(__1.Table.Table, null,
+                        react_1.default.createElement(__1.Table.Header, null,
+                            react_1.default.createElement(__1.Table.Row, null,
+                                react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Product"),
+                                react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Availability"),
+                                react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Store"),
+                                react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Price"),
+                                react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Tax"))),
+                        react_1.default.createElement(__1.Table.Body, null,
+                            react_1.default.createElement(__1.Table.Row, null,
+                                react_1.default.createElement(__1.Table.RowHeaderCell, null, "Pizza"),
+                                react_1.default.createElement(__1.Table.Cell, null,
+                                    react_1.default.createElement(__1.Badge, { color: "green" }, "In stock")),
+                                react_1.default.createElement(__1.Table.Cell, null, "Tesco"),
+                                react_1.default.createElement(__1.Table.Cell, null, "$20"),
+                                react_1.default.createElement(__1.Table.Cell, null, "$2")),
+                            react_1.default.createElement(__1.Table.Row, null,
+                                react_1.default.createElement(__1.Table.RowHeaderCell, null, "Confetti"),
+                                react_1.default.createElement(__1.Table.Cell, null,
+                                    react_1.default.createElement(__1.Badge, { color: "green" }, "In stock")),
+                                react_1.default.createElement(__1.Table.Cell, null, "Wallmart"),
+                                react_1.default.createElement(__1.Table.Cell, null, "$30"),
+                                react_1.default.createElement(__1.Table.Cell, null, "$3.50")),
+                            react_1.default.createElement(__1.Table.Row, null,
+                                react_1.default.createElement(__1.Table.RowHeaderCell, null, "Beer"),
+                                react_1.default.createElement(__1.Table.Cell, null,
+                                    react_1.default.createElement(__1.Badge, { color: "red" }, "Out of stock")),
+                                react_1.default.createElement(__1.Table.Cell, null, "Beer Enthusiast"),
+                                react_1.default.createElement(__1.Table.Cell, null, "$43"),
+                                react_1.default.createElement(__1.Table.Cell, null, "$13.75"))),
+                        react_1.default.createElement(__1.Table.Footer, null,
+                            react_1.default.createElement(__1.Table.Row, null,
+                                react_1.default.createElement(__1.Table.RowHeaderCell, { colSpan: 3 }, "Total"),
+                                react_1.default.createElement(__1.Table.Cell, null,
+                                    react_1.default.createElement(__1.Text, { color: "green" }, "$93")),
+                                react_1.default.createElement(__1.Table.Cell, null,
+                                    react_1.default.createElement(__1.Text, { color: "red" }, "$19.25")))))),
+                react_1.default.createElement(__1.Table.BottomBar, null,
+                    react_1.default.createElement(__1.Text, { size: "1", color: "gray", align: "center" }, "Birthday party shopping list.")))))),
+};
+const data = [
+    {
+        id: '3u1reuv4',
+        amount: 242,
+        status: 'success',
+        email: 'ilya@gmail.com',
+    },
+    {
+        id: 'derv1ws0',
+        amount: 837,
+        status: 'processing',
+        email: 'jamie@gmail.com',
+    },
+    {
+        id: 'm5gr84i9',
+        amount: 316,
+        status: 'success',
+        email: 'artur@yahoo.com',
+    },
+    {
+        id: '5kma53ae',
+        amount: 874,
+        status: 'success',
+        email: 'fj@gmail.com',
+    },
+    {
+        id: 'bhqecj4p',
+        amount: 721,
+        status: 'failed',
+        email: 'steven@whop.com',
+    },
+    {
+        id: '5kma23ae',
+        amount: 874,
+        status: 'success',
+        email: 'es@whop.com',
+    },
+    {
+        id: '8jqecj4p',
+        amount: 721,
+        status: 'failed',
+        email: 'dima@yahoo.com',
+    },
+    {
+        id: 'asma53ae',
+        amount: 174,
+        status: 'success',
+        email: 'tester@wp.pl',
+    },
+    {
+        id: 'bhqokj4p',
+        amount: 721,
+        status: 'failed',
+        email: 'someone@gmail.com',
+    },
+    {
+        id: '5kma93ae',
+        amount: 894,
+        status: 'success',
+        email: 'tristan@whop.com',
+    },
+];
+const columns = [
+    {
+        id: 'select',
+        header: ({ table }) => (react_1.default.createElement(__1.Checkbox, { checked: table.getIsAllRowsSelected() || (table.getIsSomeRowsSelected() && 'indeterminate'), onCheckedChange: (value) => table.toggleAllRowsSelected(!!value), "aria-label": "Select all" })),
+        cell: ({ row }) => (react_1.default.createElement(__1.Checkbox, { checked: row.getIsSelected(), onCheckedChange: (value) => row.toggleSelected(!!value), "aria-label": "Select row" })),
+        enableSorting: false,
+        enableHiding: false,
+    },
+    {
+        accessorKey: 'status',
+        header: ({ column }) => (react_1.default.createElement(__1.Table.ColumnHeaderCellButton, { isSortable: column.getCanSort(), sortDirection: column.getIsSorted(), onClick: () => column.toggleSorting() }, "Status")),
+        cell: ({ row }) => row.getValue('status'),
+    },
+    {
+        accessorKey: 'email',
+        header: ({ column }) => {
+            return (react_1.default.createElement(__1.Table.ColumnHeaderCellButton, { isSortable: column.getCanSort(), sortDirection: column.getIsSorted(), onClick: () => column.toggleSorting() }, "Email"));
+        },
+        cell: ({ row }) => row.getValue('email'),
+    },
+    {
+        enableSorting: true,
+        accessorKey: 'amount',
+        header: ({ column }) => {
+            return (react_1.default.createElement(__1.Table.ColumnHeaderCellButton, { isSortable: column.getCanSort(), sortDirection: column.getIsSorted(), onClick: () => column.toggleSorting() }, "Amount"));
+        },
+        cell: ({ row }) => {
+            const amount = parseFloat(row.getValue('amount'));
+            // Format the amount as a dollar amount
+            const formatted = new Intl.NumberFormat('en-US', {
+                style: 'currency',
+                currency: 'USD',
+            }).format(amount);
+            return react_1.default.createElement(__1.Text, { color: "green" }, formatted);
+        },
+    },
+    {
+        id: 'actions',
+        enableHiding: false,
+        cell: ({ row }) => {
+            const payment = row.original;
+            return (react_1.default.createElement("div", { style: { display: 'flex', justifyContent: 'end' } },
+                react_1.default.createElement(__1.DropdownMenu.Root, null,
+                    react_1.default.createElement(__1.DropdownMenu.Trigger, null,
+                        react_1.default.createElement(__1.IconButton, { variant: "ghost", color: "gray", "aria-label": "Open menu", style: { margin: 0 } },
+                            react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { width: 16, height: 16 } },
+                                react_1.default.createElement("circle", { cx: "12", cy: "12", r: "1" }),
+                                react_1.default.createElement("circle", { cx: "19", cy: "12", r: "1" }),
+                                react_1.default.createElement("circle", { cx: "5", cy: "12", r: "1" })))),
+                    react_1.default.createElement(__1.DropdownMenu.Content, { align: "end" },
+                        react_1.default.createElement(__1.DropdownMenu.Item, null, "View customer"),
+                        react_1.default.createElement(__1.DropdownMenu.Item, null, "View payment details"),
+                        react_1.default.createElement(__1.DropdownMenu.Separator, null),
+                        react_1.default.createElement(__1.DropdownMenu.Label, null, "Actions"),
+                        react_1.default.createElement(__1.DropdownMenu.Item, { onClick: () => navigator.clipboard.writeText(payment.id) }, "Copy payment ID"),
+                        react_1.default.createElement(__1.DropdownMenu.Item, { color: "danger" }, "Refund")))));
+        },
+    },
+];
+const TanstackTableExample = (props) => {
+    var _a, _b, _c;
+    const [sorting, setSorting] = react_1.default.useState([]);
+    const [columnFilters, setColumnFilters] = react_1.default.useState([]);
+    const [columnVisibility, setColumnVisibility] = react_1.default.useState({});
+    const [rowSelection, setRowSelection] = react_1.default.useState({});
+    const [pagination, setPagination] = react_1.default.useState({
+        pageSize: 5,
+        pageIndex: 0,
+    });
+    const table = (0, react_table_1.useReactTable)({
+        data,
+        columns,
+        onSortingChange: setSorting,
+        onColumnFiltersChange: setColumnFilters,
+        getCoreRowModel: (0, react_table_1.getCoreRowModel)(),
+        getPaginationRowModel: (0, react_table_1.getPaginationRowModel)(),
+        getSortedRowModel: (0, react_table_1.getSortedRowModel)(),
+        getFilteredRowModel: (0, react_table_1.getFilteredRowModel)(),
+        onColumnVisibilityChange: setColumnVisibility,
+        onRowSelectionChange: setRowSelection,
+        onPaginationChange: setPagination,
+        state: {
+            sorting,
+            columnFilters,
+            columnVisibility,
+            rowSelection,
+            pagination,
+        },
+    });
+    return (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-4)', width: 580 } },
+        react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-4)', width: '100%' } },
+            react_1.default.createElement("div", { style: { width: '100%' } },
+                react_1.default.createElement(__1.TextField.Input, { placeholder: "Filter emails...", value: (_b = (_a = table.getColumn('email')) === null || _a === void 0 ? void 0 : _a.getFilterValue()) !== null && _b !== void 0 ? _b : '', onChange: (event) => { var _a; return (_a = table.getColumn('email')) === null || _a === void 0 ? void 0 : _a.setFilterValue(event.target.value); }, style: { width: '100%' }, width: '100%' })),
+            react_1.default.createElement(__1.DropdownMenu.Root, null,
+                react_1.default.createElement(__1.DropdownMenu.Trigger, null,
+                    react_1.default.createElement(__1.Button, { variant: "surface", className: "ml-auto" }, "Columns")),
+                react_1.default.createElement(__1.DropdownMenu.Content, { align: "end" }, table
+                    .getAllColumns()
+                    .filter((column) => column.getCanHide())
+                    .map((column) => {
+                    return (react_1.default.createElement(__1.DropdownMenu.CheckboxItem, { key: column.id, className: "capitalize", checked: column.getIsVisible(), onCheckedChange: (value) => column.toggleVisibility(!!value), onSelect: (event) => event.preventDefault() }, column.id));
+                })))),
+        react_1.default.createElement(__1.Table.Root, { ...props },
+            react_1.default.createElement(__1.Table.Table, null,
+                react_1.default.createElement(__1.Table.Header, null, table.getHeaderGroups().map((headerGroup) => (react_1.default.createElement(__1.Table.Row, { key: headerGroup.id }, headerGroup.headers.map((header) => {
+                    return (react_1.default.createElement(__1.Table.ColumnHeaderCell, { key: header.id }, header.isPlaceholder
+                        ? null
+                        : (0, react_table_1.flexRender)(header.column.columnDef.header, header.getContext())));
+                }))))),
+                react_1.default.createElement(__1.Table.Body, null, ((_c = table.getRowModel().rows) === null || _c === void 0 ? void 0 : _c.length) ? (table.getRowModel().rows.map((row) => (react_1.default.createElement(__1.Table.Row, { key: row.id, "data-state": row.getIsSelected() && 'selected' }, row.getVisibleCells().map((cell) => (react_1.default.createElement(__1.Table.Cell, { key: cell.id }, (0, react_table_1.flexRender)(cell.column.columnDef.cell, cell.getContext())))))))) : (react_1.default.createElement(__1.Table.Row, null,
+                    react_1.default.createElement(__1.Table.Cell, { colSpan: columns.length }, "No results."))))),
+            react_1.default.createElement(__1.Table.BottomBar, null,
+                react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between' } },
+                    react_1.default.createElement(__1.Text, { color: "gray", size: "2" },
+                        table.getFilteredSelectedRowModel().rows.length,
+                        " of ",
+                        table.getFilteredRowModel().rows.length,
+                        " row(s) selected."),
+                    react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)' } },
+                        react_1.default.createElement(__1.Button, { variant: "surface", onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage() }, "Previous"),
+                        react_1.default.createElement(__1.Button, { variant: "surface", onClick: () => table.nextPage(), disabled: !table.getCanNextPage() }, "Next"),
+                        react_1.default.createElement(__1.Select.Root, { onValueChange: (newPerPage) => table.setPageSize(Number(newPerPage)), size: "2", value: table.getState().pagination.pageSize.toString(), "aria-label": "Rows per page" },
+                            react_1.default.createElement(__1.Select.Trigger, { color: "gray", variant: "soft" }),
+                            react_1.default.createElement(__1.Select.Content, null, [2, 5, 10].map((option) => (react_1.default.createElement(__1.Select.Item, { key: option, value: option.toString() }, option)))))))))));
+};
+exports.TanstackTable = {
+    render: (args) => react_1.default.createElement(TanstackTableExample, { ...args }),
+};
+//# sourceMappingURL=table.stories.js.map

package/dist/cjs/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/cjs/components/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export * as Tabs from './tabs';
+export * from './tabs.props';

package/dist/cjs/components/tabs/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tabs = void 0;
+const tslib_1 = require("tslib");
+exports.Tabs = tslib_1.__importStar(require("./tabs"));
+tslib_1.__exportStar(require("./tabs.props"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tabs/index.ts"],"names":[],"mappings":";;;;AAAA,uDAA+B;AAC/B,uDAA6B"}

package/dist/cjs/components/tabs/tabs.d.ts

@@ -0,0 +1,31 @@
+import { Tabs as TabsPrimitive } from 'radix-ui';
+import * as React from 'react';
+import { tabsListPropDefs } from './tabs.props';
+import type { GetPropDefTypes } from '../../helpers';
+interface TabsRootProps extends React.ComponentProps<typeof TabsPrimitive.Root> {
+}
+declare const TabsRoot: {
+    (props: TabsRootProps): React.JSX.Element;
+    displayName: string;
+};
+type TabsListOwnProps = GetPropDefTypes<typeof tabsListPropDefs>;
+interface TabsListProps extends React.ComponentProps<typeof TabsPrimitive.List>, TabsListOwnProps {
+}
+declare const TabsList: {
+    (props: TabsListProps): React.JSX.Element;
+    displayName: string;
+};
+interface TabsTriggerProps extends React.ComponentProps<typeof TabsPrimitive.Trigger> {
+}
+declare const TabsTrigger: {
+    (props: TabsTriggerProps): React.JSX.Element;
+    displayName: string;
+};
+interface TabsContentProps extends React.ComponentProps<typeof TabsPrimitive.Content> {
+}
+declare const TabsContent: {
+    (props: TabsContentProps): React.JSX.Element;
+    displayName: string;
+};
+export { TabsContent as Content, TabsList as List, TabsRoot as Root, TabsTrigger as Trigger };
+export type { TabsContentProps as ContentProps, TabsListProps as ListProps, TabsRootProps as RootProps, TabsTriggerProps as TriggerProps, };

package/dist/cjs/components/tabs/tabs.js

@@ -0,0 +1,33 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Trigger = exports.Root = exports.List = exports.Content = void 0;
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const radix_ui_1 = require("radix-ui");
+const React = tslib_1.__importStar(require("react"));
+const tabs_props_1 = require("./tabs.props");
+const TabsRoot = (props) => {
+    const { className, ...rootProps } = props;
+    return React.createElement(radix_ui_1.Tabs.Root, { ...rootProps, className: (0, classnames_1.default)('fui-TabsRoot', className) });
+};
+exports.Root = TabsRoot;
+TabsRoot.displayName = 'TabsRoot';
+const TabsList = (props) => {
+    const { className, size = tabs_props_1.tabsListPropDefs.size.default, ...listProps } = props;
+    return (React.createElement(radix_ui_1.Tabs.List, { ...listProps, className: (0, classnames_1.default)('fui-BaseTabsList', 'fui-TabsList', className, `fui-r-size-${size}`) }));
+};
+exports.List = TabsList;
+TabsList.displayName = 'TabsList';
+const TabsTrigger = (props) => {
+    const { className, children, ...triggerProps } = props;
+    return (React.createElement(radix_ui_1.Tabs.Trigger, { ...triggerProps, className: (0, classnames_1.default)('fui-reset', 'fui-BaseTabsTrigger', 'fui-TabsTrigger', className) },
+        React.createElement("span", { className: "fui-BaseTabsTriggerInner fui-TabsTriggerInner" }, children),
+        React.createElement("span", { className: "fui-BaseTabsTriggerInnerHidden fui-TabsTriggerInnerHidden" }, children)));
+};
+exports.Trigger = TabsTrigger;
+TabsTrigger.displayName = 'TabsTrigger';
+const TabsContent = (props) => (React.createElement(radix_ui_1.Tabs.Content, { ...props, className: (0, classnames_1.default)('fui-TabsContent', props.className) }));
+exports.Content = TabsContent;
+TabsContent.displayName = 'TabsContent';
+//# sourceMappingURL=tabs.js.map

package/dist/cjs/components/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,oEAAoC;AACpC,uCAAiD;AACjD,qDAA+B;AAE/B,6CAAgD;AAMhD,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IACxC,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1C,OAAO,oBAAC,eAAa,CAAC,IAAI,OAAK,SAAS,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,SAAS,CAAC,GAAI,CAAC;AACjG,CAAC,CAAC;AAwC6D,wBAAI;AAvCnE,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAKlC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IACxC,MAAM,EAAE,SAAS,EAAE,IAAI,GAAG,6BAAgB,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAChF,OAAO,CACL,oBAAC,eAAa,CAAC,IAAI,OACb,SAAS,EACb,SAAS,EAAE,IAAA,oBAAU,EAAC,kBAAkB,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,IAAI,EAAE,CAAC,GAC1F,CACH,CAAC;AACJ,CAAC,CAAC;AA0B2C,wBAAI;AAzBjD,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAIlC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC9C,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,GAAG,KAAK,CAAC;IACvD,OAAO,CACL,oBAAC,eAAa,CAAC,OAAO,OAChB,YAAY,EAChB,SAAS,EAAE,IAAA,oBAAU,EAAC,WAAW,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,SAAS,CAAC;QAEvF,8BAAM,SAAS,EAAC,+CAA+C,IAAE,QAAQ,CAAQ;QACjF,8BAAM,SAAS,EAAC,2DAA2D,IAAE,QAAQ,CAAQ,CACvE,CACzB,CAAC;AACJ,CAAC,CAAC;AAUkF,8BAAO;AAT3F,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAIxC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE,CAAC,CAC/C,oBAAC,eAAa,CAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,GAAI,CAChG,CAAC;AAGsB,8BAAO;AAF/B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/cjs/components/tabs/tabs.props.d.ts

@@ -0,0 +1 @@
+export { baseTabsListPropDefs as tabsListPropDefs } from '../base-tabs-list/base-tabs-list.props';

package/dist/cjs/components/tabs/tabs.props.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tabsListPropDefs = void 0;
+var base_tabs_list_props_1 = require("../base-tabs-list/base-tabs-list.props");
+Object.defineProperty(exports, "tabsListPropDefs", { enumerable: true, get: function () { return base_tabs_list_props_1.baseTabsListPropDefs; } });
+//# sourceMappingURL=tabs.props.js.map

package/dist/cjs/components/tabs/tabs.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.props.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.props.ts"],"names":[],"mappings":";;;AAAA,+EAAkG;AAAzF,wHAAA,oBAAoB,OAAoB"}

package/dist/cjs/components/tabs/tabs.stories.d.ts

@@ -0,0 +1,20 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import { Tabs } from '..';
+declare const meta: {
+    title: string;
+    component: {
+        (props: Tabs.ListProps): React.JSX.Element;
+        displayName: string;
+    };
+    args: {
+        size: "2";
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;