@vitnode/core 1.2.0-canary.13 → 1.2.0-canary.15

package/dist/src/components/logo-vitnode.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+export const LogoVitNode = ({ className, small, ...props })=>{
+    if (small) return /*#__PURE__*/ _jsxs("svg", {
+        "aria-label": "Logo VitNode",
+        className: cn('text-foreground', className),
+        fill: "none",
+        viewBox: "0 0 375 376",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M169.385 16.196C180.827 9.60134 194.923 9.60134 206.365 16.196L329.51 87.1749C340.952 93.7695 348 105.957 348 119.146V261.104C348 274.293 340.952 286.481 329.51 293.075L206.365 364.054C194.923 370.649 180.827 370.649 169.385 364.054L46.2396 293.075C34.7982 286.481 27.75 274.293 27.75 261.104V119.146C27.75 105.957 34.7982 93.7695 46.2396 87.1749L169.385 16.196Z",
+                fill: "#FDFEFF"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                clipRule: "evenodd",
+                d: "M168.101 5.19482C180.105 -1.73161 194.895 -1.73161 206.899 5.19482L336.101 79.745C348.105 86.6714 355.5 99.472 355.5 113.325V262.425C355.5 276.278 348.105 289.079 336.101 296.005L206.899 370.555C194.895 377.482 180.105 377.482 168.101 370.555L38.899 296.005C26.8948 289.079 19.5 276.278 19.5 262.425V113.325C19.5 99.472 26.8948 86.6714 38.899 79.745L168.101 5.19482ZM109.649 106.082L187.5 61.1613L265.351 106.082L187.5 241.071L109.649 106.082ZM77.6969 148.394V251.232L166.585 302.521L77.6969 148.394ZM208.415 302.521L297.303 251.232V148.394L208.415 302.521Z",
+                fill: "url(#paint0_linear_123_23)",
+                fillRule: "evenodd"
+            }),
+            /*#__PURE__*/ _jsx("defs", {
+                children: /*#__PURE__*/ _jsxs("linearGradient", {
+                    gradientUnits: "userSpaceOnUse",
+                    id: "paint0_linear_123_23",
+                    x1: "187.5",
+                    x2: "187.5",
+                    y1: "0",
+                    y2: "375.75",
+                    children: [
+                        /*#__PURE__*/ _jsx("stop", {
+                            stopColor: "#3261BF"
+                        }),
+                        /*#__PURE__*/ _jsx("stop", {
+                            offset: "1",
+                            stopColor: "#363795"
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+    return /*#__PURE__*/ _jsxs("svg", {
+        "aria-label": "Logo VitNode",
+        className: cn('text-foreground', className),
+        fill: "none",
+        viewBox: "0 0 762 191",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsxs("g", {
+                children: [
+                    /*#__PURE__*/ _jsx("path", {
+                        d: "M550.7 157H543.7L505 98.2V157H498V87.1H505L543.7 145.8V87.1H550.7V157ZM597.955 157.7C591.488 157.7 585.621 156.2 580.355 153.2C575.088 150.133 570.921 145.9 567.855 140.5C564.855 135.033 563.355 128.867 563.355 122C563.355 115.133 564.855 109 567.855 103.6C570.921 98.1333 575.088 93.9 580.355 90.9C585.621 87.8333 591.488 86.3 597.955 86.3C604.488 86.3 610.388 87.8333 615.655 90.9C620.921 93.9 625.055 98.1333 628.055 103.6C631.055 109 632.555 115.133 632.555 122C632.555 128.867 631.055 135.033 628.055 140.5C625.055 145.9 620.921 150.133 615.655 153.2C610.388 156.2 604.488 157.7 597.955 157.7ZM597.955 151.6C603.155 151.6 607.821 150.4 611.955 148C616.088 145.6 619.355 142.167 621.755 137.7C624.155 133.167 625.355 127.933 625.355 122C625.355 116.067 624.155 110.867 621.755 106.4C619.355 101.933 616.088 98.5 611.955 96.1C607.821 93.7 603.155 92.5 597.955 92.5C592.755 92.5 588.088 93.7 583.955 96.1C579.821 98.5 576.555 101.933 574.155 106.4C571.755 110.867 570.555 116.067 570.555 122C570.555 127.933 571.755 133.167 574.155 137.7C576.555 142.167 579.821 145.6 583.955 148C588.088 150.4 592.755 151.6 597.955 151.6ZM666.063 87.1C673.797 87.1 680.43 88.5 685.963 91.3C691.497 94.1 695.73 98.1333 698.663 103.4C701.597 108.667 703.063 114.933 703.063 122.2C703.063 129.4 701.597 135.633 698.663 140.9C695.73 146.1 691.497 150.1 685.963 152.9C680.43 155.633 673.797 157 666.063 157H645.363V87.1H666.063ZM666.063 151.2C675.797 151.2 683.197 148.667 688.263 143.6C693.397 138.467 695.963 131.333 695.963 122.2C695.963 113 693.397 105.833 688.263 100.7C683.197 95.5 675.797 92.9 666.063 92.9H652.363V151.2H666.063ZM722.969 92.8V118.9H749.469V124.7H722.969V151.2H752.469V157H715.969V87H752.469V92.8H722.969Z",
+                        fill: "currentColor"
+                    }),
+                    /*#__PURE__*/ _jsx("path", {
+                        d: "M349.338 32.044L305.016 157H266.924L222.602 32.044H254.998L285.97 126.384L317.12 32.044H349.338ZM392.497 32.044V157H362.059V32.044H392.497ZM504.446 32.044V56.43H471.338V157H440.9V56.43H407.792V32.044H504.446Z",
+                        fill: "url(#paint0_linear_205_42)"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                d: "M85.7722 8.20596C91.5658 4.86468 98.7039 4.86468 104.497 8.20596L166.855 44.1686C172.649 47.5099 176.218 53.6848 176.218 60.3674V132.293C176.218 138.975 172.649 145.15 166.855 148.491L104.497 184.454C98.7039 187.795 91.5658 187.795 85.7722 184.454L23.4144 148.491C17.6208 145.15 14.0518 138.975 14.0518 132.293V60.3674C14.0518 53.6848 17.6208 47.5099 23.4144 44.1686L85.7722 8.20596Z",
+                fill: "#FDFEFF"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                clipRule: "evenodd",
+                d: "M85.1219 2.63204C91.2005 -0.877348 98.6896 -0.877348 104.768 2.63204L170.193 40.4041C176.271 43.9135 180.016 50.3991 180.016 57.4179V132.962C180.016 139.981 176.271 146.466 170.193 149.976L104.768 187.748C98.6896 191.257 91.2005 191.257 85.1219 187.748L19.6974 149.976C13.6188 146.466 9.87427 139.981 9.87427 132.962V57.4179C9.87427 50.3991 13.6188 43.9135 19.6974 40.4041L85.1219 2.63204ZM55.5232 53.7481L94.945 30.9884L134.367 53.7481L94.945 122.143L55.5232 53.7481ZM39.3436 75.1861V127.291L84.3544 153.277L39.3436 75.1861ZM105.536 153.277L150.546 127.291V75.1861L105.536 153.277Z",
+                fill: "url(#paint1_linear_205_42)",
+                fillRule: "evenodd"
+            }),
+            /*#__PURE__*/ _jsxs("defs", {
+                children: [
+                    /*#__PURE__*/ _jsxs("linearGradient", {
+                        gradientUnits: "userSpaceOnUse",
+                        id: "paint0_linear_205_42",
+                        x1: "381.603",
+                        x2: "381.603",
+                        y1: "6",
+                        y2: "196",
+                        children: [
+                            /*#__PURE__*/ _jsx("stop", {
+                                stopColor: "#3261BF"
+                            }),
+                            /*#__PURE__*/ _jsx("stop", {
+                                offset: "1",
+                                stopColor: "#363795"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("linearGradient", {
+                        gradientUnits: "userSpaceOnUse",
+                        id: "paint1_linear_205_42",
+                        x1: "94.945",
+                        x2: "94.945",
+                        y1: "0",
+                        y2: "190.38",
+                        children: [
+                            /*#__PURE__*/ _jsx("stop", {
+                                stopColor: "#3261BF"
+                            }),
+                            /*#__PURE__*/ _jsx("stop", {
+                                offset: "1",
+                                stopColor: "#363795"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};

package/dist/src/components/switchers/theme-switcher.d.ts

@@ -0,0 +1,2 @@
+export declare const ThemeSwitcher: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=theme-switcher.d.ts.map

package/dist/src/components/switchers/theme-switcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-switcher.d.ts","sourceRoot":"","sources":["../../../../src/components/switchers/theme-switcher.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,aAAa,+CAiBzB,CAAC"}

package/dist/src/components/switchers/theme-switcher.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Moon, Sun } from "lucide-react";
+import { useTheme } from "next-themes";
+import { Button } from "../ui/button";
+export const ThemeSwitcher = ()=>{
+    const { setTheme, resolvedTheme } = useTheme();
+    return /*#__PURE__*/ _jsxs(Button, {
+        className: "relative",
+        onClick: ()=>{
+            const nextTheme = resolvedTheme === 'dark' ? 'light' : 'dark';
+            setTheme(nextTheme);
+        },
+        size: "icon",
+        variant: "ghost",
+        children: [
+            /*#__PURE__*/ _jsx(Sun, {
+                className: "size-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"
+            }),
+            /*#__PURE__*/ _jsx(Moon, {
+                className: "absolute size-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"
+            })
+        ]
+    });
+};

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

@@ -0,0 +1,3 @@
+import type { DataTable, DataTableTMin } from './data-table';
+export declare function ContentDataTable<T extends DataTableTMin>({ columns, edges, pageInfo, order, customNotFoundComponent, ...props }: React.ComponentProps<typeof DataTable<T>>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=content.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../src/components/table/content.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAc7D,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,aAAa,EAAE,EACxD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,uBAAuB,EACvB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,2CAoF3C"}

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

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SearchXIcon } from "lucide-react";
+import { useTranslations } from "next-intl";
+import { cn } from "../../lib/utils";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../ui/table";
+import { OrderTableHeadDataTable } from "./order-table-head";
+import { PaginationDataTable } from "./pagination";
+export function ContentDataTable({ columns, edges, pageInfo, order, customNotFoundComponent, ...props }) {
+    const t = useTranslations('core.global');
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "space-y-4",
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: "overflow-hidden rounded-lg border",
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: "relative w-full overflow-auto",
+                    children: /*#__PURE__*/ _jsxs(Table, {
+                        ...props,
+                        children: [
+                            /*#__PURE__*/ _jsx(TableHeader, {
+                                className: "bg-muted sticky top-0 z-10",
+                                children: /*#__PURE__*/ _jsx(TableRow, {
+                                    children: columns.map((column)=>/*#__PURE__*/ _jsx(TableHead, {
+                                            className: cn(column.className),
+                                            children: order.columns?.includes(column.id) ? /*#__PURE__*/ _jsx(OrderTableHeadDataTable, {
+                                                id: column.id,
+                                                order: order,
+                                                children: column.label
+                                            }) : column.label
+                                        }, column.id.toString()))
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(TableBody, {
+                                children: edges.length ? edges.map((row)=>/*#__PURE__*/ _jsx(TableRow, {
+                                        children: columns.map((column)=>{
+                                            const content = column.cell?.({
+                                                allData: edges,
+                                                row
+                                            }) ?? (column.id === 'actions' ? '' : String(row[column.id]));
+                                            return /*#__PURE__*/ _jsx(TableCell, {
+                                                className: cn({
+                                                    'flex flex-wrap items-center justify-end gap-2': column.id === 'actions'
+                                                }),
+                                                children: content
+                                            }, `${row.id}_${column.id.toString()}`);
+                                        })
+                                    }, row.id)) : /*#__PURE__*/ _jsx(TableRow, {
+                                    children: /*#__PURE__*/ _jsx(TableCell, {
+                                        className: "mx-auto max-w-sm whitespace-normal p-4 text-center sm:px-10 sm:py-12",
+                                        colSpan: columns.length,
+                                        children: customNotFoundComponent ?? /*#__PURE__*/ _jsxs("div", {
+                                            className: "flex flex-col items-center justify-center gap-6",
+                                            children: [
+                                                /*#__PURE__*/ _jsx(SearchXIcon, {
+                                                    className: "text-muted-foreground size-16 sm:size-24"
+                                                }),
+                                                /*#__PURE__*/ _jsxs("div", {
+                                                    className: "space-y-2 text-center",
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx("h3", {
+                                                            className: "text-xl font-semibold tracking-tight",
+                                                            children: t('no_results.title')
+                                                        }),
+                                                        /*#__PURE__*/ _jsx("p", {
+                                                            className: "text-muted-foreground text-sm",
+                                                            children: t('no_results.desc')
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        })
+                                    })
+                                })
+                            })
+                        ]
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx(PaginationDataTable, {
+                pageInfo: pageInfo
+            })
+        ]
+    });
+}

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import type { PaginationDataTable } from './pagination';
+import { Table } from '../ui/table';
+export interface DataTableTMin {
+    id: number;
+}
+export interface SearchParamsDataTable<T = unknown> {
+    cursor?: string;
+    first?: string;
+    last?: string;
+    order?: 'asc' | 'desc';
+    orderBy?: keyof T;
+}
+export declare const DataTableSkeleton: ({ columns }: {
+    columns: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<T extends DataTableTMin>(props: Omit<React.ComponentProps<typeof Table>, 'columns'> & React.ComponentProps<typeof PaginationDataTable> & {
+    columns: {
+        cell?: (data: {
+            allData: T[];
+            row: T;
+        }) => React.ReactNode;
+        className?: string;
+        id: 'actions' | keyof T;
+        label: string;
+    }[];
+    customNotFoundComponent?: React.ReactNode;
+    edges: T[];
+    order: {
+        columns?: (keyof T)[];
+        defaultOrder: {
+            column: keyof T;
+            order: 'asc' | 'desc';
+        };
+    };
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=data-table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/data-table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAIxD,OAAO,EACL,KAAK,EAKN,MAAM,aAAa,CAAC;AAGrB,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,GAAG,OAAO;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,GAAI,aAAa;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,4CAgCjE,CAAC;AAEF,wBAAgB,SAAS,CAAC,CAAC,SAAS,aAAa,EAC/C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,SAAS,CAAC,GACxD,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACjD,OAAO,EAAE;QACP,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE;YAAE,OAAO,EAAE,CAAC,EAAE,CAAC;YAAC,GAAG,EAAE,CAAC,CAAA;SAAE,KAAK,KAAK,CAAC,SAAS,CAAC;QAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,EAAE,EAAE,SAAS,GAAG,MAAM,CAAC,CAAC;QACxB,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1C,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,KAAK,EAAE;QACL,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;QACtB,YAAY,EAAE;YACZ,MAAM,EAAE,MAAM,CAAC,CAAC;YAChB,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC;SACvB,CAAC;KACH,CAAC;CACH,2CAaJ"}

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

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { ErrorView } from "../../views/error/error-view";
+import { Skeleton } from "../ui/skeleton";
+import { Table, TableBody, TableHead, TableHeader, TableRow } from "../ui/table";
+import { ContentDataTable } from "./content";
+export const DataTableSkeleton = ({ columns })=>/*#__PURE__*/ _jsxs("div", {
+        className: "space-y-4",
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: "overflow-hidden rounded-lg border",
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: "relative w-full overflow-auto",
+                    children: /*#__PURE__*/ _jsxs(Table, {
+                        className: "min-w-full",
+                        children: [
+                            /*#__PURE__*/ _jsx(TableHeader, {
+                                children: /*#__PURE__*/ _jsx(TableRow, {
+                                    children: Array.from({
+                                        length: columns
+                                    }).map((_, i)=>/*#__PURE__*/ _jsx(TableHead, {
+                                            className: "px-4 py-3",
+                                            children: /*#__PURE__*/ _jsx(Skeleton, {
+                                                className: "h-4 w-24"
+                                            })
+                                        }, i))
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(TableBody, {
+                                children: Array.from({
+                                    length: 6
+                                }).map((_, i)=>/*#__PURE__*/ _jsx(TableRow, {
+                                        children: Array.from({
+                                            length: columns
+                                        }).map((_, j)=>/*#__PURE__*/ _jsx("td", {
+                                                className: "px-4 py-3",
+                                                children: /*#__PURE__*/ _jsx(Skeleton, {
+                                                    className: "h-4 w-full"
+                                                })
+                                            }, j))
+                                    }, i))
+                            })
+                        ]
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "flex justify-end",
+                children: /*#__PURE__*/ _jsx(Skeleton, {
+                    className: "h-8 w-32"
+                })
+            })
+        ]
+    });
+export function DataTable(props) {
+    if (!props.edges || !props.pageInfo) {
+        return /*#__PURE__*/ _jsx(ErrorView, {
+            code: 500
+        });
+    }
+    return /*#__PURE__*/ _jsx(React.Suspense, {
+        fallback: /*#__PURE__*/ _jsx(DataTableSkeleton, {
+            columns: props.columns.length
+        }),
+        children: /*#__PURE__*/ _jsx(ContentDataTable, {
+            ...props
+        })
+    });
+}

package/dist/src/components/table/order-table-head.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { DataTable, DataTableTMin } from './data-table';
+export declare function OrderTableHeadDataTable<T extends DataTableTMin>({ id, children, order: { defaultOrder }, }: Pick<React.ComponentProps<typeof DataTable<T>>, 'order'> & {
+    children: React.ReactNode;
+    id: React.ComponentProps<typeof DataTable<T>>['columns'][0]['id'];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=order-table-head.d.ts.map

package/dist/src/components/table/order-table-head.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-table-head.d.ts","sourceRoot":"","sources":["../../../../src/components/table/order-table-head.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7D,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,aAAa,EAAE,EAC/D,EAAE,EACF,QAAQ,EACR,KAAK,EAAE,EAAE,YAAY,EAAE,GACxB,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;CACnE,2CA2CA"}

package/dist/src/components/table/order-table-head.js

@@ -0,0 +1,39 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowDown, ArrowUp, ChevronsUpDown } from "lucide-react";
+import { useSearchParams } from "next/navigation";
+import React from "react";
+import { usePathname, useRouter } from "../../lib/navigation";
+import { Button } from "../ui/button";
+import { Loader } from "../ui/loader";
+export function OrderTableHeadDataTable({ id, children, order: { defaultOrder } }) {
+    const [isPending, startTransition] = React.useTransition();
+    const searchParams = useSearchParams();
+    const pathname = usePathname();
+    const { push } = useRouter();
+    const currentOrderBy = searchParams.get('orderBy') ?? defaultOrder.column.toString();
+    const currentOrder = searchParams.get('order') ?? defaultOrder.order;
+    const isActive = currentOrderBy === id.toString();
+    const nextOrder = isActive && currentOrder === 'asc' ? 'desc' : 'asc';
+    return /*#__PURE__*/ _jsxs(Button, {
+        className: "[&_svg]:text-muted-foreground flex h-8 items-center gap-1.5 rounded-md px-2 py-1.5 [&_svg]:size-4 [&_svg]:shrink-0",
+        onClick: ()=>{
+            startTransition(()=>{
+                const params = new URLSearchParams(searchParams.toString());
+                params.set('orderBy', id.toString());
+                params.set('order', nextOrder);
+                push(`${pathname}?${params.toString()}`, {
+                    scroll: false
+                });
+            });
+        },
+        size: "sm",
+        variant: "ghost",
+        children: [
+            children,
+            isPending ? /*#__PURE__*/ _jsx(Loader, {
+                small: true
+            }) : isActive ? currentOrder === 'asc' ? /*#__PURE__*/ _jsx(ArrowUp, {}) : /*#__PURE__*/ _jsx(ArrowDown, {}) : /*#__PURE__*/ _jsx(ChevronsUpDown, {})
+        ]
+    });
+}

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

@@ -0,0 +1,11 @@
+export declare const PaginationDataTable: ({ pageInfo: { hasNextPage, hasPreviousPage, startCursor, endCursor }, }: {
+    pageInfo: {
+        count: number;
+        endCursor: null | number;
+        hasNextPage: boolean;
+        hasPreviousPage: boolean;
+        startCursor: null | number;
+        totalCount: number;
+    };
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/table/pagination.tsx"],"names":[],"mappings":"AAqBA,eAAO,MAAM,mBAAmB,GAAI,yEAEjC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,IAAI,GAAG,MAAM,CAAC;QACzB,WAAW,EAAE,OAAO,CAAC;QACrB,eAAe,EAAE,OAAO,CAAC;QACzB,WAAW,EAAE,IAAI,GAAG,MAAM,CAAC;QAC3B,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH,4CA6GA,CAAC"}

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

@@ -0,0 +1,122 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { useTranslations } from "next-intl";
+import { useSearchParams } from "next/navigation";
+import React from "react";
+import { usePathname, useRouter } from "../../lib/navigation";
+import { Button } from "../ui/button";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select";
+import { Skeleton } from "../ui/skeleton";
+const PAGE_SIZE_OPTIONS = [
+    10,
+    20,
+    30,
+    40
+];
+export const PaginationDataTable = ({ pageInfo: { hasNextPage, hasPreviousPage, startCursor, endCursor } })=>{
+    const t = useTranslations('core.global');
+    const { push } = useRouter();
+    const [isPending, startTransition] = React.useTransition();
+    const pathname = usePathname();
+    const searchParams = useSearchParams();
+    const pagination = {
+        first: searchParams.get('first'),
+        last: searchParams.get('last'),
+        cursor: searchParams.get('cursor')
+    };
+    const pageSize = pagination.first ?? pagination.last ?? 10;
+    return /*#__PURE__*/ _jsx("div", {
+        className: "flex w-full flex-col-reverse items-center justify-end gap-4 overflow-auto p-1 sm:flex-row sm:gap-8",
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-wrap items-center justify-center gap-4 sm:gap-6 lg:gap-8",
+            children: [
+                /*#__PURE__*/ _jsxs(Select, {
+                    disabled: isPending,
+                    onValueChange: (value)=>{
+                        startTransition(()=>{
+                            const params = new URLSearchParams(searchParams.toString());
+                            params.set('first', value);
+                            params.delete('last');
+                            params.delete('cursor');
+                            push(`${pathname}?${params.toString()}`, {
+                                scroll: false
+                            });
+                        });
+                    },
+                    value: `${pageSize}`,
+                    children: [
+                        isPending ? /*#__PURE__*/ _jsx(Skeleton, {
+                            className: "h-9 w-[4.5rem]"
+                        }) : /*#__PURE__*/ _jsx(SelectTrigger, {
+                            className: "h-8 w-[4.5rem]",
+                            children: /*#__PURE__*/ _jsx(SelectValue, {})
+                        }),
+                        /*#__PURE__*/ _jsx(SelectContent, {
+                            side: "top",
+                            children: PAGE_SIZE_OPTIONS.map((pageSize)=>/*#__PURE__*/ _jsx(SelectItem, {
+                                    value: `${pageSize}`,
+                                    children: pageSize
+                                }, pageSize))
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex items-center space-x-2",
+                    children: [
+                        isPending ? /*#__PURE__*/ _jsx(Skeleton, {
+                            className: "size-8"
+                        }) : /*#__PURE__*/ _jsx(Button, {
+                            "aria-label": t('go_to_prev_page'),
+                            className: "size-8",
+                            disabled: !hasPreviousPage,
+                            onClick: ()=>{
+                                startTransition(()=>{
+                                    const params = new URLSearchParams(searchParams.toString());
+                                    params.set('last', `${Number(pageSize)}`);
+                                    if (startCursor) {
+                                        params.set('cursor', `${startCursor}`);
+                                    } else {
+                                        params.delete('cursor');
+                                    }
+                                    params.delete('first');
+                                    push(`${pathname}?${params.toString()}`, {
+                                        scroll: false
+                                    });
+                                });
+                            },
+                            size: "icon",
+                            variant: "outline",
+                            children: /*#__PURE__*/ _jsx(ChevronLeftIcon, {})
+                        }),
+                        isPending ? /*#__PURE__*/ _jsx(Skeleton, {
+                            className: "size-8"
+                        }) : /*#__PURE__*/ _jsx(Button, {
+                            "aria-label": t('go_to_next_page'),
+                            className: "size-8",
+                            disabled: !hasNextPage || isPending,
+                            onClick: ()=>{
+                                startTransition(()=>{
+                                    const params = new URLSearchParams(searchParams.toString());
+                                    params.set('first', `${Number(pageSize)}`);
+                                    if (endCursor) {
+                                        params.set('cursor', `${endCursor}`);
+                                    } else {
+                                        params.delete('cursor');
+                                    }
+                                    params.delete('last');
+                                    push(`${pathname}?${params.toString()}`, {
+                                        scroll: false
+                                    });
+                                });
+                            },
+                            size: "icon",
+                            variant: "outline",
+                            children: /*#__PURE__*/ _jsx(ChevronRightIcon, {})
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};

package/dist/src/components/ui/accordion.d.ts

@@ -0,0 +1,8 @@
+import { Accordion as AccordionPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/src/components/ui/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/accordion.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,SAAS,CAAC,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAEtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAQtD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAgBzD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAUzD;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/src/components/ui/accordion.js

@@ -0,0 +1,47 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon } from "lucide-react";
+import { Accordion as AccordionPrimitive } from "radix-ui";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+function Accordion({ ...props }) {
+    return /*#__PURE__*/ _jsx(AccordionPrimitive.Root, {
+        "data-slot": "accordion",
+        ...props
+    });
+}
+function AccordionItem({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(AccordionPrimitive.Item, {
+        className: cn('border-b last:border-b-0', className),
+        "data-slot": "accordion-item",
+        ...props
+    });
+}
+function AccordionTrigger({ className, children, ...props }) {
+    return /*#__PURE__*/ _jsx(AccordionPrimitive.Header, {
+        className: "flex",
+        children: /*#__PURE__*/ _jsxs(AccordionPrimitive.Trigger, {
+            className: cn('focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium outline-none transition-all hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180', className),
+            "data-slot": "accordion-trigger",
+            ...props,
+            children: [
+                children,
+                /*#__PURE__*/ _jsx(ChevronDownIcon, {
+                    className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
+                })
+            ]
+        })
+    });
+}
+function AccordionContent({ className, children, ...props }) {
+    return /*#__PURE__*/ _jsx(AccordionPrimitive.Content, {
+        className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+        "data-slot": "accordion-content",
+        ...props,
+        children: /*#__PURE__*/ _jsx("div", {
+            className: cn('pb-4 pt-0', className),
+            children: children
+        })
+    });
+}
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/src/components/ui/alert-dialog.d.ts

@@ -0,0 +1,15 @@
+import { AlertDialog as AlertDialogPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/src/components/ui/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAC/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAExD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAI3D;AAED,iBAAS,iBAAiB,CAAC,EACzB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAI1D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAW3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAc3D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ7B;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,2CAQzD;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,2CAQ/D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAO1D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAO1D;AAED,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,CAAC"}