blimpui 0.0.16 → 0.0.18

package/dist/$/components/primitives/pagination.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { View } from "react-native";
+import { type ButtonProps } from "../../../$/components/ui/button";
+declare const Pagination: React.ForwardRefExoticComponent<import("react-native").ViewProps & React.RefAttributes<View>>;
+declare const PaginationContent: React.ForwardRefExoticComponent<import("react-native").ViewProps & React.RefAttributes<View>>;
+declare const PaginationItem: React.ForwardRefExoticComponent<import("react-native").ViewProps & React.RefAttributes<View>>;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & ButtonProps;
+declare const PaginationLink: {
+    ({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React.ComponentPropsWithoutRef<typeof View>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };
+//# sourceMappingURL=pagination.d.ts.map

package/dist/$/components/primitives/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../$/components/primitives/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAQ,MAAM,cAAc,CAAC;AAG1C,OAAO,EAGN,KAAK,WAAW,EAChB,MAAM,wBAAwB,CAAC;AAEhC,QAAA,MAAM,UAAU,+FAcd,CAAC;AAGH,QAAA,MAAM,iBAAiB,+FASrB,CAAC;AAGH,QAAA,MAAM,cAAc,+FAKlB,CAAC;AAGH,KAAK,mBAAmB,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,WAAW,CAAC;AAEhB,QAAA,MAAM,cAAc;8CAKjB,mBAAmB;;CAQrB,CAAC;AAGF,QAAA,MAAM,kBAAkB;8BAGrB,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC;;CAS7C,CAAC;AAGF,QAAA,MAAM,cAAc;8BAGjB,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC;;CAS7C,CAAC;AAGF,QAAA,MAAM,kBAAkB;8BAGrB,KAAK,CAAC,wBAAwB,CAAC,OAAO,IAAI,CAAC;;CAS7C,CAAC;AAGF,OAAO,EACN,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,kBAAkB,GAClB,CAAC"}

package/dist/$/components/primitives/pagination.js

@@ -0,0 +1,64 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { View, Text } from "react-native";
+import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react-native";
+import { cn } from "../../../$/lib/utils";
+import { Button, } from "../../../$/components/ui/button";
+var Pagination = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx(View, __assign({ ref: ref, role: "navigation", "aria-label": "pagination", className: cn("mx-auto flex-row items-center justify-center gap-1", className) }, props)));
+});
+Pagination.displayName = "Pagination";
+var PaginationContent = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx(View, __assign({ ref: ref, className: cn("flex-row items-center gap-1", className) }, props)));
+});
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx(View, __assign({ ref: ref, className: cn("", className) }, props)));
+});
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = function (_a) {
+    var className = _a.className, isActive = _a.isActive, _b = _a.size, size = _b === void 0 ? "icon" : _b, props = __rest(_a, ["className", "isActive", "size"]);
+    return (_jsx(Button, __assign({ "aria-current": isActive ? "page" : undefined, variant: isActive ? "default" : "ghost", size: size, className: cn("rounded-full", className) }, props)));
+};
+PaginationLink.displayName = "PaginationLink";
+var PaginationPrevious = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx(PaginationLink, __assign({ "aria-label": "Go to previous page", size: "default", className: cn("gap-1 px-2.5 rounded-full", className) }, props, { children: _jsx(ChevronLeft, { className: "h-4 w-4 text-foreground", size: 16 }) })));
+};
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx(PaginationLink, __assign({ "aria-label": "Go to next page", size: "default", className: cn("gap-1 px-2.5 rounded-full", className) }, props, { children: _jsx(ChevronRight, { className: "h-4 w-4 text-foreground", size: 16 }) })));
+};
+PaginationNext.displayName = "PaginationNext";
+var PaginationEllipsis = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsxs(View, __assign({ "aria-hidden": true, className: cn("flex h-9 w-9 items-center justify-center", className) }, props, { children: [_jsx(MoreHorizontal, { className: "h-4 w-4 text-foreground", size: 16 }), _jsx(Text, { className: "sr-only", children: "More pages" })] })));
+};
+PaginationEllipsis.displayName = "PaginationEllipsis";
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };

package/dist/$/components/ui/pagination.d.ts

@@ -0,0 +1,10 @@
+export interface PaginationProps {
+    totalPages: number;
+    currentPage: number;
+    onPageChange: (page: number) => void;
+    siblingCount?: number;
+    className?: string;
+    showPreviousNext?: boolean;
+}
+export declare const Pagination: ({ totalPages, currentPage, onPageChange, siblingCount, className, showPreviousNext, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=pagination.d.ts.map

package/dist/$/components/ui/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../$/components/ui/pagination.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,eAAe;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B;AA+ED,eAAO,MAAM,UAAU,GAAI,uFAOxB,eAAe,4CAqEjB,CAAC"}

package/dist/$/components/ui/pagination.js

@@ -0,0 +1,97 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as PaginationPrimitive from "../primitives/pagination";
+import { cn } from "../../lib/utils";
+var DOTS = "...";
+var range = function (start, end) {
+    var length = end - start + 1;
+    return Array.from({ length: length }, function (_, idx) { return idx + start; });
+};
+var usePaginationRange = function (_a) {
+    var totalPages = _a.totalPages, currentPage = _a.currentPage, _b = _a.siblingCount, siblingCount = _b === void 0 ? 1 : _b;
+    var paginationRange = React.useMemo(function () {
+        // Pages count is determined as siblingCount + firstPage + lastPage + currentPage + 2*DOTS
+        var totalPageNumbers = siblingCount + 5;
+        /*
+      Case 1:
+      If the number of pages is less than the page numbers we want to show in our
+      paginationComponent, we return the range [1..totalPages]
+    */
+        if (totalPageNumbers >= totalPages) {
+            return range(1, totalPages);
+        }
+        /*
+        Calculate left and right sibling index and make sure they are within range 1 and totalPages
+    */
+        var leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
+        var rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);
+        /*
+      We do not show dots just when there is just one page number to be inserted between the extremes of sibling and the page limits i.e 1 and totalPages. Hence we are using leftSiblingIndex > 2 and rightSiblingIndex < totalPages - 2
+    */
+        var shouldShowLeftDots = leftSiblingIndex > 2;
+        var shouldShowRightDots = rightSiblingIndex < totalPages - 2;
+        var firstPageIndex = 1;
+        var lastPageIndex = totalPages;
+        /*
+        Case 2: No left dots to show, but rights dots to be shown
+    */
+        if (!shouldShowLeftDots && shouldShowRightDots) {
+            var leftItemCount = 3 + 2 * siblingCount;
+            var leftRange = range(1, leftItemCount);
+            return __spreadArray(__spreadArray([], leftRange, true), [DOTS, totalPages], false);
+        }
+        /*
+        Case 3: No right dots to show, but left dots to be shown
+    */
+        if (shouldShowLeftDots && !shouldShowRightDots) {
+            var rightItemCount = 3 + 2 * siblingCount;
+            var rightRange = range(totalPages - rightItemCount + 1, totalPages);
+            return __spreadArray([firstPageIndex, DOTS], rightRange, true);
+        }
+        /*
+        Case 4: Both left and right dots to be shown
+    */
+        if (shouldShowLeftDots && shouldShowRightDots) {
+            var middleRange = range(leftSiblingIndex, rightSiblingIndex);
+            return __spreadArray(__spreadArray([firstPageIndex, DOTS], middleRange, true), [DOTS, lastPageIndex], false);
+        }
+        return [];
+    }, [totalPages, siblingCount, currentPage]);
+    return paginationRange;
+};
+export var Pagination = function (_a) {
+    var totalPages = _a.totalPages, currentPage = _a.currentPage, onPageChange = _a.onPageChange, _b = _a.siblingCount, siblingCount = _b === void 0 ? 1 : _b, className = _a.className, _c = _a.showPreviousNext, showPreviousNext = _c === void 0 ? true : _c;
+    var paginationRange = usePaginationRange({
+        currentPage: currentPage,
+        totalPages: totalPages,
+        siblingCount: siblingCount,
+    });
+    if (currentPage === 0 || paginationRange.length < 2) {
+        return null;
+    }
+    var onNext = function () {
+        if (currentPage < totalPages) {
+            onPageChange(currentPage + 1);
+        }
+    };
+    var onPrevious = function () {
+        if (currentPage > 1) {
+            onPageChange(currentPage - 1);
+        }
+    };
+    return (_jsx(PaginationPrimitive.Pagination, { className: cn(className), children: _jsxs(PaginationPrimitive.PaginationContent, { children: [showPreviousNext && (_jsx(PaginationPrimitive.PaginationItem, { children: _jsx(PaginationPrimitive.PaginationPrevious, { onPress: onPrevious, disabled: currentPage === 1, className: cn(currentPage === 1 && "opacity-50") }) })), paginationRange.map(function (pageNumber, idx) {
+                    if (pageNumber === DOTS) {
+                        return (_jsx(PaginationPrimitive.PaginationItem, { children: _jsx(PaginationPrimitive.PaginationEllipsis, {}) }, "dots-".concat(idx)));
+                    }
+                    return (_jsx(PaginationPrimitive.PaginationItem, { children: _jsx(PaginationPrimitive.PaginationLink, { onPress: function () { return onPageChange(pageNumber); }, isActive: pageNumber === currentPage, children: pageNumber }) }, pageNumber));
+                }), showPreviousNext && (_jsx(PaginationPrimitive.PaginationItem, { children: _jsx(PaginationPrimitive.PaginationNext, { onPress: onNext, disabled: currentPage === totalPages, className: cn(currentPage === totalPages && "opacity-50") }) }))] }) }));
+};

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

@@ -0,0 +1,5 @@
+import { TableProps } from "./types";
+export declare function DesktopTable<T>({ data, columns, handlePress, keyExtractor, className, headerRowClassName, rowClassName, bodyClassName, totalPages, currentPage, onPageChange, paginationProps, }: Pick<TableProps<T>, "data" | "columns" | "keyExtractor" | "className" | "headerRowClassName" | "rowClassName" | "bodyClassName" | "totalPages" | "currentPage" | "onPageChange" | "paginationProps"> & {
+    handlePress?: (row: T) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DesktopTable.d.ts.map

package/dist/$/components/ui/table/DesktopTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopTable.d.ts","sourceRoot":"","sources":["../../../../../$/components/ui/table/DesktopTable.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC/B,IAAI,EACJ,OAAO,EACP,WAAW,EACX,YAAY,EACZ,SAAS,EACT,kBAAkB,EAClB,YAAY,EACZ,aAAa,EACb,UAAU,EACV,WAAW,EACX,YAAY,EACZ,eAAe,GACf,EAAE,IAAI,CACN,UAAU,CAAC,CAAC,CAAC,EACX,MAAM,GACN,SAAS,GACT,cAAc,GACd,WAAW,GACX,oBAAoB,GACpB,cAAc,GACd,eAAe,GACf,YAAY,GACZ,aAAa,GACb,cAAc,GACd,iBAAiB,CACnB,GAAG;IACH,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B,2CA8EA"}

package/dist/$/components/ui/table/DesktopTable.js

@@ -0,0 +1,33 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, View } from "react-native";
+import { cn } from "../../../lib/utils";
+import * as TablePrimitive from "../../primitives/table";
+import { Pagination } from "../pagination";
+import { TableCellRenderer } from "./TableCellRenderer";
+export function DesktopTable(_a) {
+    var data = _a.data, columns = _a.columns, handlePress = _a.handlePress, keyExtractor = _a.keyExtractor, className = _a.className, headerRowClassName = _a.headerRowClassName, rowClassName = _a.rowClassName, bodyClassName = _a.bodyClassName, totalPages = _a.totalPages, currentPage = _a.currentPage, onPageChange = _a.onPageChange, paginationProps = _a.paginationProps;
+    return (_jsxs(View, { className: cn("w-full overflow-hidden not-sm:rounded-md", className), children: [_jsxs(TablePrimitive.Root, { children: [_jsx(TablePrimitive.Header, { children: _jsx(TablePrimitive.Row, { className: cn("flex-row border-b-0 bg-muted/50 hover:bg-muted/50", headerRowClassName), children: columns.map(function (col, index) {
+                                var _a;
+                                return (_jsx(TablePrimitive.Head, { className: cn("flex-1 py-4 justify-center px-4", col.className, col.headerClassName), children: typeof col.header === "string" ? (_jsx(Text, { className: "text-muted-foreground text-sm font-medium", children: col.header })) : (col.header) }, col.id || ((_a = col.accessorKey) === null || _a === void 0 ? void 0 : _a.toString()) || index));
+                            }) }) }), _jsx(TablePrimitive.Body, { className: bodyClassName, children: data.map(function (row, rowIndex) { return (_jsx(TablePrimitive.Row, { className: cn("flex-row border-b border-border text-foreground transition-colors hover:bg-muted/50", handlePress && "cursor-pointer", typeof rowClassName === "function"
+                                ? rowClassName(row, rowIndex)
+                                : rowClassName), onPress: handlePress ? function () { return handlePress(row); } : undefined, children: columns.map(function (col, colIndex) {
+                                var _a;
+                                return (_jsx(TablePrimitive.Cell, { className: cn("flex-1 justify-center p-4", col.className, col.cellClassName), children: _jsx(TableCellRenderer, { row: row, column: col }) }, col.id || ((_a = col.accessorKey) === null || _a === void 0 ? void 0 : _a.toString()) || colIndex));
+                            }) }, keyExtractor
+                            ? keyExtractor(row, rowIndex)
+                            : rowIndex)); }) })] }), totalPages !== undefined &&
+                currentPage !== undefined &&
+                onPageChange !== undefined && (_jsx(View, { className: "border-t border-border p-4", children: _jsx(Pagination, __assign({ totalPages: totalPages, currentPage: currentPage, onPageChange: onPageChange }, paginationProps)) }))] }));
+}

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

@@ -0,0 +1,5 @@
+import { TableProps } from "./types";
+export declare function MobileTable<T>({ data, columns, handlePress, keyExtractor, bodyClassName, rowClassName, mobileCardClassName, mobileHeaderClassName, mobileBodyClassName, onEndReached, onEndReachedThreshold, }: Pick<TableProps<T>, "data" | "columns" | "keyExtractor" | "bodyClassName" | "rowClassName" | "mobileCardClassName" | "mobileHeaderClassName" | "mobileBodyClassName" | "onEndReached" | "onEndReachedThreshold"> & {
+    handlePress?: (row: T) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MobileTable.d.ts.map

package/dist/$/components/ui/table/MobileTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileTable.d.ts","sourceRoot":"","sources":["../../../../../$/components/ui/table/MobileTable.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAC9B,IAAI,EACJ,OAAO,EACP,WAAW,EACX,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,YAAY,EACZ,qBAAqB,GACrB,EAAE,IAAI,CACN,UAAU,CAAC,CAAC,CAAC,EACX,MAAM,GACN,SAAS,GACT,cAAc,GACd,eAAe,GACf,cAAc,GACd,qBAAqB,GACrB,uBAAuB,GACvB,qBAAqB,GACrB,cAAc,GACd,uBAAuB,CACzB,GAAG;IACH,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B,2CA6EA"}

package/dist/$/components/ui/table/MobileTable.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LegendList } from "@legendapp/list";
+import { Pressable, Text, View } from "react-native";
+import { cn } from "../../../lib/utils";
+import { TableCellRenderer } from "./TableCellRenderer";
+export function MobileTable(_a) {
+    var data = _a.data, columns = _a.columns, handlePress = _a.handlePress, keyExtractor = _a.keyExtractor, bodyClassName = _a.bodyClassName, rowClassName = _a.rowClassName, mobileCardClassName = _a.mobileCardClassName, mobileHeaderClassName = _a.mobileHeaderClassName, mobileBodyClassName = _a.mobileBodyClassName, onEndReached = _a.onEndReached, onEndReachedThreshold = _a.onEndReachedThreshold;
+    return (_jsx(LegendList, { data: data, estimatedItemSize: 200, keyExtractor: keyExtractor, className: bodyClassName, onEndReached: onEndReached, onEndReachedThreshold: onEndReachedThreshold, renderItem: function (_a) {
+            var item = _a.item, index = _a.index;
+            var headerColumns = columns.filter(function (col) { var _a; return (_a = col.meta) === null || _a === void 0 ? void 0 : _a.isMobileHeader; });
+            var bodyColumns = columns.filter(function (col) { var _a; return !((_a = col.meta) === null || _a === void 0 ? void 0 : _a.isMobileHeader); });
+            var cardContent = (_jsxs(View, { className: cn("mb-4 rounded-xl border border-border bg-card p-4", mobileCardClassName, item && typeof rowClassName === "function"
+                    ? rowClassName(item, index)
+                    : rowClassName), children: [headerColumns.length > 0 && (_jsx(View, { className: cn("mb-4 flex-row items-center justify-between border-b border-border pb-4", mobileHeaderClassName), children: headerColumns.map(function (col, idx) {
+                            var _a, _b;
+                            return (_jsx(View, { className: cn((_a = col.meta) === null || _a === void 0 ? void 0 : _a.mobileClassName, col.className), children: _jsx(TableCellRenderer, { row: item, column: col }) }, col.id || ((_b = col.accessorKey) === null || _b === void 0 ? void 0 : _b.toString()) || idx));
+                        }) })), _jsx(View, { className: cn("gap-4", mobileBodyClassName), children: bodyColumns.map(function (col, idx) {
+                            var _a, _b;
+                            return (_jsxs(View, { className: "flex-row items-center justify-between", children: [_jsx(Text, { className: "text-muted-foreground text-sm font-medium", children: ((_a = col.meta) === null || _a === void 0 ? void 0 : _a.mobileLabel) || col.header }), _jsx(View, { className: cn("flex-1 items-end pl-4", col.className, col.cellClassName), children: _jsx(TableCellRenderer, { row: item, column: col }) })] }, col.id || ((_b = col.accessorKey) === null || _b === void 0 ? void 0 : _b.toString()) || idx));
+                        }) })] }));
+            if (handlePress) {
+                return (_jsx(Pressable, { onPress: function () { return handlePress(item); }, children: cardContent }));
+            }
+            return cardContent;
+        } }));
+}

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { TableColumn } from "./types";
+export declare const getCellValue: <T>(row: T, column: TableColumn<T>) => T[keyof T];
+export declare const TableCellRenderer: <T>({ row, column, }: {
+    row: T;
+    column: TableColumn<T>;
+}) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>>;
+//# sourceMappingURL=TableCellRenderer.d.ts.map

package/dist/$/components/ui/table/TableCellRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCellRenderer.d.ts","sourceRoot":"","sources":["../../../../../$/components/ui/table/TableCellRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,YAAY,GAAI,CAAC,EAAG,KAAK,CAAC,EAAE,QAAQ,WAAW,CAAC,CAAC,CAAC,eAK9D,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,kBAGnC;IACF,GAAG,EAAE,CAAC,CAAC;IACP,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;CACvB,oRAUA,CAAC"}

package/dist/$/components/ui/table/TableCellRenderer.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "react-native";
+export var getCellValue = function (row, column) {
+    if (column.accessorKey) {
+        return row[column.accessorKey];
+    }
+    return null;
+};
+export var TableCellRenderer = function (_a) {
+    var row = _a.row, column = _a.column;
+    var value = getCellValue(row, column);
+    if (column.cell) {
+        return column.cell({ row: row, value: value });
+    }
+    return (_jsx(Text, { className: "text-foreground text-sm font-medium", children: value }));
+};

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

@@ -0,0 +1,4 @@
+import { TableProps } from "./types";
+export declare function Table<T>({ data, columns, mobileBreakpoint, onRowPress, onItemPress, totalPages, currentPage, onPageChange, paginationProps, onEndReached, onEndReachedThreshold, ...props }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+export * from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/$/components/ui/table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../$/components/ui/table/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,wBAAgB,KAAK,CAAC,CAAC,EAAE,EACxB,IAAI,EACJ,OAAO,EACP,gBAAsB,EACtB,UAAU,EACV,WAAW,EACX,UAAU,EACV,WAAW,EACX,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,qBAAqB,EACrB,GAAG,KAAK,EACR,EAAE,UAAU,CAAC,CAAC,CAAC,2CA8Bf;AAED,cAAc,SAAS,CAAC"}

package/dist/$/components/ui/table/index.js

@@ -0,0 +1,37 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useWindowDimensions } from "react-native";
+import { DesktopTable } from "./DesktopTable";
+import { MobileTable } from "./MobileTable";
+export function Table(_a) {
+    var data = _a.data, columns = _a.columns, _b = _a.mobileBreakpoint, mobileBreakpoint = _b === void 0 ? 768 : _b, onRowPress = _a.onRowPress, onItemPress = _a.onItemPress, totalPages = _a.totalPages, currentPage = _a.currentPage, onPageChange = _a.onPageChange, paginationProps = _a.paginationProps, onEndReached = _a.onEndReached, onEndReachedThreshold = _a.onEndReachedThreshold, props = __rest(_a, ["data", "columns", "mobileBreakpoint", "onRowPress", "onItemPress", "totalPages", "currentPage", "onPageChange", "paginationProps", "onEndReached", "onEndReachedThreshold"]);
+    var width = useWindowDimensions().width;
+    var isMobile = width < mobileBreakpoint;
+    var handlePress = onItemPress || onRowPress;
+    if (isMobile) {
+        return (_jsx(MobileTable, __assign({ data: data, columns: columns, handlePress: handlePress, onEndReached: onEndReached, onEndReachedThreshold: onEndReachedThreshold }, props)));
+    }
+    return (_jsx(DesktopTable, __assign({ data: data, columns: columns, handlePress: handlePress, totalPages: totalPages, currentPage: currentPage, onPageChange: onPageChange, paginationProps: paginationProps }, props)));
+}
+export * from "./types";

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

@@ -0,0 +1,41 @@
+import * as React from "react";
+import { PaginationProps } from "../pagination";
+export interface TableColumn<T> {
+    header: string | React.ReactNode;
+    accessorKey?: keyof T;
+    cell?: (info: {
+        row: T;
+        value: any;
+    }) => React.ReactNode;
+    id?: string;
+    meta?: {
+        isMobileHeader?: boolean;
+        mobileLabel?: string;
+        mobileClassName?: string;
+    };
+    className?: string;
+    headerClassName?: string;
+    cellClassName?: string;
+}
+export interface TableProps<T> {
+    data: T[];
+    columns: TableColumn<T>[];
+    mobileBreakpoint?: number;
+    className?: string;
+    onRowPress?: (row: T) => void;
+    onItemPress?: (row: T) => void;
+    keyExtractor?: (item: T, index: number) => string;
+    headerRowClassName?: string;
+    rowClassName?: string | ((row: T, index: number) => string);
+    bodyClassName?: string;
+    mobileCardClassName?: string;
+    mobileHeaderClassName?: string;
+    mobileBodyClassName?: string;
+    totalPages?: number;
+    currentPage?: number;
+    onPageChange?: (page: number) => void;
+    paginationProps?: Partial<PaginationProps>;
+    onEndReached?: () => void;
+    onEndReachedThreshold?: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/$/components/ui/table/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../$/components/ui/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,WAAW,WAAW,CAAC,CAAC;IAC7B,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC,CAAC;IACtB,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACzD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE;QACN,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,WAAW,CAAC,EAAE,MAAM,CAAC;QAErB,eAAe,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,UAAU,CAAC,CAAC;IAC5B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC5D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAG7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAG3C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAC/B"}

package/dist/$/components/ui/table/types.js

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -28,6 +28,8 @@ export * from "./$/components/ui/label";
 export * from "./$/components/ui/list";
 export * from "./$/components/ui/toast";
 export * from "./$/components/ui/menubar";
+export * from "./$/components/ui/table";
+export * from "./$/components/primitives/pagination";
 export * from "./$/components/ui/popover";
 export * from "./$/components/ui/picker";
 export * from "./$/components/ui/progress";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAE5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAE/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,gCAAgC,CAAC;AAE/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAEhD,cAAc,8BAA8B,CAAC;AAE7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAE7C,cAAc,yBAAyB,CAAC;AAExC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AAExC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,+BAA+B,CAAC;AAE9C,cAAc,kCAAkC,CAAC;AAEjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAE3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AAEzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4CAA4C,CAAC;AAC3D,cAAc,mCAAmC,CAAC;AAElD,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAE5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAE/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,gCAAgC,CAAC;AAE/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAEhD,cAAc,8BAA8B,CAAC;AAE7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAE7C,cAAc,yBAAyB,CAAC;AAExC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AAExC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,sCAAsC,CAAC;AAErD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,+BAA+B,CAAC;AAE9C,cAAc,kCAAkC,CAAC;AAEjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAE3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AAEzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4CAA4C,CAAC;AAC3D,cAAc,mCAAmC,CAAC;AAElD,cAAc,eAAe,CAAC"}

package/dist/index.js

@@ -28,6 +28,8 @@ export * from "./$/components/ui/label";
 export * from "./$/components/ui/list";
 export * from "./$/components/ui/toast";
 export * from "./$/components/ui/menubar";
+export * from "./$/components/ui/table";
+export * from "./$/components/primitives/pagination";
 export * from "./$/components/ui/popover";
 export * from "./$/components/ui/picker";
 export * from "./$/components/ui/progress";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "blimpui",
-	"version": "0.0.16",
+	"version": "0.0.18",
 	"private": false,
 	"type": "module",
 	"main": "./dist/index.js",