mtxuilib 0.1.589 → 0.1.591

package/dist/common/DebugFormState.d.ts

@@ -1,4 +1,4 @@
-import { UseFormReturn } from "react-hook-form";
+import type { UseFormReturn } from "react-hook-form";
 export declare const DebugFormState: (props: {
-    form: UseFormReturn<any>;
+    form: UseFormReturn;
 }) => null;

package/dist/common/DebugFormState.js

@@ -3,7 +3,8 @@ import { useMemo } from "react";
 export const DebugFormState = (props) => {
     const { form } = props;
     useMemo(() => {
-        if (form?.formState?.errors && Object.keys(form?.formState?.errors).length > 0) {
+        if (form?.formState?.errors &&
+            Object.keys(form?.formState?.errors).length > 0) {
             console.warn("DebugFormState", form?.formState?.errors);
         }
     }, [form?.formState?.errors]);

package/dist/common/DeleteComfirm.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useMemo, } from "react";
 import { createStore, useStore } from "zustand";
 import { immer } from "zustand/middleware/immer";
-import { MtButton } from "../ui/mt/Button";
+import { Button } from "../ui/button";
 import { Dialog, DialogContent, DialogDescription, DialogTitle, } from "../ui/dialog";
 export const createFormSlice = (set, get) => ({
     setOpen: (open) => set({ open }),
@@ -42,11 +42,11 @@ export const DeleteConfirmDlg = () => {
     const open = useDeleteConfirmStore((x) => x.open);
     const setOpen = useDeleteConfirmStore((x) => x.setOpen);
     const confirmCallback = useDeleteConfirmStore((x) => x.confirmCallback);
-    return (_jsx(Dialog, { open: open, onOpenChange: setOpen, children: _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "delete confirm" }), _jsx(DialogDescription, { children: "will delete item, continue?" }), _jsx(MtButton, { variant: "destructive", onClick: async () => {
+    return (_jsx(Dialog, { open: open, onOpenChange: setOpen, children: _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "delete confirm" }), _jsx(DialogDescription, { children: "will delete item, continue?" }), _jsx(Button, { variant: "destructive", onClick: async () => {
                         setOpen(false);
-                        confirmCallback && confirmCallback();
-                    }, children: "Continue" }), _jsx(MtButton, { variant: "outline", onClick: () => {
+                        confirmCallback?.();
+                    }, children: "Continue" }), _jsx(Button, { variant: "outline", onClick: () => {
                         setOpen(false);
-                        confirmCallback && confirmCallback();
+                        confirmCallback?.();
                     }, children: "Cancel" })] }) }));
 };

package/dist/common/MtErrorBoundary.js

@@ -1,16 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ErrorBoundary } from "react-error-boundary";
-import { MtButton } from "../ui/mt/Button";
+import { Button } from "../ui/button";
 export const MtErrorBoundary = (props) => {
     const { children } = props;
     return (_jsx(ErrorBoundary, { fallbackRender: ({ error, resetErrorBoundary }) => {
             console.log("💥💥💥", error);
-            return (_jsx("div", { className: "flex items-center justify-center h-full w-full", children: _jsx(MtButton, { onClick: () => resetErrorBoundary(), className: "min-w-24 p-4", children: "\u91CD\u8BD5" }) }));
+            return (_jsx("div", { className: "flex items-center justify-center h-full w-full", children: _jsx(Button, { onClick: () => resetErrorBoundary(), className: "min-w-24 p-4", children: "\u91CD\u8BD5" }) }));
         }, onReset: () => { }, children: children }));
 };
-const CustomErrorRetry = (props) => {
-    const { message, onRetry } = props;
-    return (_jsxs("div", { className: "flex flex-col space-y-4 bg-red-200 p-2", children: [message && _jsx("h2", { children: message }), _jsx(MtButton, { onClick: () => {
-                    onRetry();
-                }, children: "retry" })] }));
-};

package/dist/common/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./mtlink";
+export * from "./MtErrorBoundary";
+export * from "./markdown";

package/dist/common/index.js

@@ -0,0 +1,3 @@
+export * from "./mtlink";
+export * from "./MtErrorBoundary";
+export * from "./markdown";

package/dist/common/pip/PipExamplePage.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import ReactDocumentPictureInPicture from "mtxuilib/common/pip/ReactDocumentPictureInPicture";
-import { MtButton } from "mtxuilib/ui/mt/Button";
+import { MtButton } from "mtxuilib/mt/Button";
 import { useRef, useState } from "react";
 export default function PipExamplePage() {
     const pipWindowRef = useRef(null);

package/dist/common/table/data-table-pagination.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { ChevronLeftIcon, ChevronRightIcon, DoubleArrowLeftIcon, DoubleArrowRightIcon, } from "@radix-ui/react-icons";
-import { MtButton } from "../../ui/mt/Button";
+import { Button } from "../../ui/button";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../ui/select";
 export function DataTablePagination({ table, }) {
     return (_jsxs("div", { className: "flex items-center justify-between px-2", children: [_jsxs("div", { className: "text-muted-foreground flex-1 text-sm", children: [table.getFilteredSelectedRowModel().rows.length, " of", " ", table.getFilteredRowModel().rows.length, " row(s) selected."] }), _jsxs("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("p", { className: "text-sm font-medium", children: "Rows per page" }), _jsxs(Select, { value: `${table.getState().pagination.pageSize}`, onValueChange: (value) => {
                                     table.setPageSize(Number(value));
-                                }, children: [_jsx(SelectTrigger, { className: "h-8 w-[70px]", children: _jsx(SelectValue, { placeholder: table.getState().pagination.pageSize }) }), _jsx(SelectContent, { side: "top", children: [10, 20, 30, 40, 50].map((pageSize) => (_jsx(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize))) })] })] }), _jsxs("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: ["Page ", table.getState().pagination.pageIndex + 1, " of", " ", table.getPageCount()] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsxs(MtButton, { variant: "outline", className: "hidden h-8 w-8 p-0 lg:flex", onClick: () => table.setPageIndex(0), disabled: !table.getCanPreviousPage(), children: [_jsx("span", { className: "sr-only", children: "Go to first page" }), _jsx(DoubleArrowLeftIcon, { className: "h-4 w-4" })] }), _jsxs(MtButton, { variant: "outline", className: "h-8 w-8 p-0", onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage(), children: [_jsx("span", { className: "sr-only", children: "Go to previous page" }), _jsx(ChevronLeftIcon, { className: "h-4 w-4" })] }), _jsxs(MtButton, { variant: "outline", className: "h-8 w-8 p-0", onClick: () => table.nextPage(), disabled: !table.getCanNextPage(), children: [_jsx("span", { className: "sr-only", children: "Go to next page" }), _jsx(ChevronRightIcon, { className: "h-4 w-4" })] }), _jsxs(MtButton, { variant: "outline", className: "hidden h-8 w-8 p-0 lg:flex", onClick: () => table.setPageIndex(table.getPageCount() - 1), disabled: !table.getCanNextPage(), children: [_jsx("span", { className: "sr-only", children: "Go to last page" }), _jsx(DoubleArrowRightIcon, { className: "h-4 w-4" })] })] })] })] }));
+                                }, children: [_jsx(SelectTrigger, { className: "h-8 w-[70px]", children: _jsx(SelectValue, { placeholder: table.getState().pagination.pageSize }) }), _jsx(SelectContent, { side: "top", children: [10, 20, 30, 40, 50].map((pageSize) => (_jsx(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize))) })] })] }), _jsxs("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: ["Page ", table.getState().pagination.pageIndex + 1, " of", " ", table.getPageCount()] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsxs(Button, { variant: "outline", className: "hidden h-8 w-8 p-0 lg:flex", onClick: () => table.setPageIndex(0), disabled: !table.getCanPreviousPage(), children: [_jsx("span", { className: "sr-only", children: "Go to first page" }), _jsx(DoubleArrowLeftIcon, { className: "h-4 w-4" })] }), _jsxs(Button, { variant: "outline", className: "h-8 w-8 p-0", onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage(), children: [_jsx("span", { className: "sr-only", children: "Go to previous page" }), _jsx(ChevronLeftIcon, { className: "h-4 w-4" })] }), _jsxs(Button, { variant: "outline", className: "h-8 w-8 p-0", onClick: () => table.nextPage(), disabled: !table.getCanNextPage(), children: [_jsx("span", { className: "sr-only", children: "Go to next page" }), _jsx(ChevronRightIcon, { className: "h-4 w-4" })] }), _jsxs(Button, { variant: "outline", className: "hidden h-8 w-8 p-0 lg:flex", onClick: () => table.setPageIndex(table.getPageCount() - 1), disabled: !table.getCanNextPage(), children: [_jsx("span", { className: "sr-only", children: "Go to last page" }), _jsx(DoubleArrowRightIcon, { className: "h-4 w-4" })] })] })] })] }));
 }

package/dist/common/table/data-table-view-options.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MixerHorizontalIcon } from "@radix-ui/react-icons";
-import { MtButton } from "../../ui/mt/Button";
+import { Button } from "../../ui/button";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "../../ui/dropdown-menu";
 export function DataTableViewOptions({ table, }) {
-    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(MtButton, { variant: "outline", size: "sm", className: "ml-auto hidden h-8 lg:flex", children: [_jsx(MixerHorizontalIcon, { className: "mr-2 h-4 w-4" }), "View"] }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-[150px]", children: [_jsx(DropdownMenuLabel, { children: "Toggle columns" }), _jsx(DropdownMenuSeparator, {}), table
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", className: "ml-auto hidden h-8 lg:flex", children: [_jsx(MixerHorizontalIcon, { className: "mr-2 h-4 w-4" }), "View"] }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-[150px]", children: [_jsx(DropdownMenuLabel, { children: "Toggle columns" }), _jsx(DropdownMenuSeparator, {}), table
                         .getAllColumns()
                         .filter((column) => typeof column.accessorFn !== "undefined" && column.getCanHide())
                         .map((column) => {

package/dist/common/table/datatable-view-options.d.ts

@@ -1,4 +1,4 @@
-import { UseMutationResult } from "@tanstack/react-query";
+import type { UseMutationResult } from "@tanstack/react-query";
 interface ViewAction {
     label: string;
     link: string;

package/dist/common/table/datatable-view-options.js

@@ -1,2 +1,2 @@
-'use client';
+"use client";
 export {};

package/dist/components/ShowError.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MtButton } from "../ui/mt/Button";
+import { Button } from "../ui/button";
 export const ShowError = (props) => {
-    return (_jsxs("div", { className: "bg-orange-400 p-4 flex items-center justify-center flex-col", children: [_jsx("h3", { children: "\u5185\u90E8\u51FA\u9519" }), _jsx(MtButton, { type: "button", onClick: () => props.reset(), children: "\u91CD\u8BD5" })] }));
+    return (_jsxs("div", { className: "bg-orange-400 p-4 flex items-center justify-center flex-col", children: [_jsx("h3", { children: "\u5185\u90E8\u51FA\u9519" }), _jsx(Button, { type: "button", onClick: () => props.reset(), children: "\u91CD\u8BD5" })] }));
 };

package/dist/data-table/data-table-column-header.d.ts

@@ -0,0 +1,7 @@
+import type { Column } from "@tanstack/react-table";
+interface DataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {
+    column: Column<TData, TValue>;
+    title: string;
+}
+export declare function DataTableColumnHeader<TData, TValue>({ column, title, className, }: DataTableColumnHeaderProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/data-table/data-table-column-header.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowDownIcon, ArrowUpIcon, CaretSortIcon, EyeNoneIcon, } from "@radix-ui/react-icons";
+import { cn } from "mtxuilib/lib/utils";
+import { Button } from "mtxuilib/ui/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "mtxuilib/ui/dropdown-menu";
+export function DataTableColumnHeader({ column, title, className, }) {
+    if (!column.getCanSort()) {
+        return _jsx("div", { className: cn(className, "text-xs"), children: title });
+    }
+    return (_jsx("div", { className: cn("flex items-center space-x-2", className), children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "sm", className: "-ml-3 h-8 data-[state=open]:bg-accent", children: [_jsx("span", { children: title }), column.getIsSorted() === "desc" ? (_jsx(ArrowDownIcon, { className: "ml-2 h-4 w-4" })) : column.getIsSorted() === "asc" ? (_jsx(ArrowUpIcon, { className: "ml-2 h-4 w-4" })) : (_jsx(CaretSortIcon, { className: "ml-2 h-4 w-4" }))] }) }), _jsxs(DropdownMenuContent, { align: "start", children: [_jsxs(DropdownMenuItem, { onClick: () => column.toggleSorting(false), children: [_jsx(ArrowUpIcon, { className: "mr-2 h-3.5 w-3.5 text-gray-600 dark:text-gray-400/70" }), "Asc"] }), _jsxs(DropdownMenuItem, { onClick: () => column.toggleSorting(true), children: [_jsx(ArrowDownIcon, { className: "mr-2 h-3.5 w-3.5 text-gray-600 dark:text-gray-400/70" }), "Desc"] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onClick: () => column.toggleVisibility(false), children: [_jsx(EyeNoneIcon, { className: "mr-2 h-3.5 w-3.5 text-gray-600 dark:text-gray-400/70" }), "Hide"] })] })] }) }));
+}

package/dist/data-table/data-table-faceted-filter.d.ts

@@ -0,0 +1,16 @@
+import type { Column } from "@tanstack/react-table";
+import { ToolbarType } from "./data-table-toolbar";
+interface DataTableFacetedFilterProps<TData, TValue> {
+    column?: Column<TData, TValue>;
+    title?: string;
+    type?: ToolbarType;
+    options?: {
+        label: string;
+        value: string;
+        icon?: React.ComponentType<{
+            className?: string;
+        }>;
+    }[];
+}
+export declare function DataTableFacetedFilter<TData, TValue>({ column, title, type, options, }: DataTableFacetedFilterProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/data-table/data-table-faceted-filter.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CheckIcon, CircleIcon, PlusCircledIcon } from "@radix-ui/react-icons";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { cn } from "mtxuilib/lib/utils";
+import { Badge } from "mtxuilib/ui/badge";
+import { Button } from "mtxuilib/ui/button";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, } from "mtxuilib/ui/command";
+import { Input } from "mtxuilib/ui/input";
+import { Popover, PopoverContent, PopoverTrigger } from "mtxuilib/ui/popover";
+import { Separator } from "mtxuilib/ui/separator";
+import { useForm } from "react-hook-form";
+import { BiX } from "react-icons/bi";
+import { z } from "zod";
+import { ToolbarType } from "./data-table-toolbar";
+const keyValuePairSchema = z.object({
+    key: z.string().min(1, "Key is required"),
+    value: z.string().min(1, "Value is required"),
+});
+const arrayInputSchema = z.object({
+    values: z.string().min(1, "At least one value is required"),
+});
+export function DataTableFacetedFilter({ column, title, type = ToolbarType.Checkbox, options, }) {
+    const selectedValues = new Set(column?.getFilterValue());
+    const { register, handleSubmit, reset } = useForm({
+        resolver: zodResolver(type === ToolbarType.KeyValue ? keyValuePairSchema : arrayInputSchema),
+        defaultValues: type === ToolbarType.KeyValue ? { key: "", value: "" } : { values: "" },
+    });
+    const onSubmit = (data) => {
+        if ("key" in data) {
+            selectedValues.add(`${data.key}:${data.value}`);
+        }
+        else {
+            data.values
+                .split(",")
+                .forEach((value) => selectedValues.add(value.trim()));
+        }
+        const filterValues = Array.from(selectedValues);
+        column?.setFilterValue(filterValues.length ? filterValues : undefined);
+        reset();
+    };
+    const handleRemove = (filter) => {
+        selectedValues.delete(filter);
+        const filterValues = Array.from(selectedValues);
+        column?.setFilterValue(filterValues.length ? filterValues : undefined);
+    };
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", className: "h-8 border-dashed", children: [_jsx(PlusCircledIcon, { className: "mr-2 h-4 w-4" }), title, selectedValues?.size > 0 && (_jsxs(_Fragment, { children: [_jsx(Separator, { orientation: "vertical", className: "mx-2 h-4" }), _jsx(Badge, { variant: "secondary", className: "rounded-sm px-1 font-normal lg:hidden", children: selectedValues.size }), _jsx("div", { className: "hidden space-x-1 lg:flex", children: selectedValues.size > 2 ? (_jsxs(Badge, { variant: "secondary", className: "rounded-sm px-1 font-normal", children: [selectedValues.size, " selected"] })) : (Array.from(selectedValues).map((option, index) => (_jsxs(Badge, { variant: "secondary", className: "rounded-sm px-1 font-normal flex items-center space-x-1", children: [options?.find(({ value }) => value == option)?.label ||
+                                                option, _jsx(Button, { variant: "ghost", size: "xs", className: "ml-2", onClick: () => handleRemove(option), children: _jsx(BiX, { className: "h-3 w-3" }) })] }, index)))) })] }))] }) }), _jsxs(PopoverContent, { className: "w-[300px] p-2", align: "start", children: [[ToolbarType.Array, ToolbarType.KeyValue].includes(type) && (_jsxs("div", { children: [_jsx("div", { className: "", children: Array.from(selectedValues).map((filter, index) => (_jsxs(Badge, { variant: "secondary", className: "mr-2 mb-2 rounded-sm px-1 font-normal flex items-center space-x-1 font-normal pl-2", children: [_jsx("span", { className: "grow", children: filter }), _jsx(Button, { variant: "ghost", size: "icon", className: "ml-2 shrink-0", onClick: () => handleRemove(filter), children: _jsx(BiX, { className: "h-4 w-4" }) })] }, index))) }), _jsxs("form", { onSubmit: handleSubmit(onSubmit), children: [type === ToolbarType.KeyValue ? (_jsxs("div", { className: "flex items-center space-x-2 mb-2", children: [_jsx(Input, { type: "text", placeholder: "Key", ...register("key"), className: "flex-1" }), _jsx(Input, { type: "text", placeholder: "Value", ...register("value"), className: "flex-1" })] })) : (_jsx("div", { className: "mb-2", children: _jsx(Input, { type: "text", placeholder: "Enter values (comma-separated)", ...register("values"), className: "w-full" }) })), _jsxs(Button, { type: "submit", className: "w-full", size: "sm", children: ["Add ", title, " Filter"] }), selectedValues.size > 0 && (_jsx(Button, { onClick: () => column?.setFilterValue(undefined), className: "w-full mt-2", size: "sm", variant: "ghost", children: "Reset" }))] })] })), [ToolbarType.Checkbox, ToolbarType.Radio].includes(type) && (_jsxs(Command, { children: [_jsx(CommandInput, { placeholder: title }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No results found." }), _jsx(CommandGroup, { children: options?.map((option) => {
+                                            const isSelected = selectedValues.has(option.value);
+                                            return (_jsxs(CommandItem, { onSelect: () => {
+                                                    if (isSelected) {
+                                                        selectedValues.delete(option.value);
+                                                    }
+                                                    else {
+                                                        if (type == "radio") {
+                                                            selectedValues.clear();
+                                                        }
+                                                        selectedValues.add(option.value);
+                                                    }
+                                                    const filterValues = Array.from(selectedValues);
+                                                    column?.setFilterValue(filterValues.length ? filterValues : undefined);
+                                                }, children: [_jsx("div", { className: cn("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary", isSelected
+                                                            ? "bg-primary text-primary-foreground"
+                                                            : "opacity-50 [&_svg]:invisible"), children: type === "checkbox" ? (_jsx(CheckIcon, { className: cn("h-4 w-4") })) : (_jsx(CircleIcon, { className: cn("h-4 w-4") })) }), option.icon && (_jsx(option.icon, { className: "mr-2 h-4 w-4 text-gray-700 dark:text-gray-300" })), _jsx("span", { children: option.label })] }, option.value));
+                                        }) }), selectedValues.size > 0 && (_jsxs(_Fragment, { children: [_jsx(CommandSeparator, {}), _jsx(CommandGroup, { children: _jsx(CommandItem, { onSelect: () => column?.setFilterValue(undefined), className: "justify-center text-center", children: "Reset" }) })] }))] })] }))] })] }));
+}

package/dist/data-table/data-table-pagination.d.ts

@@ -0,0 +1,7 @@
+import type { Table } from "@tanstack/react-table";
+interface DataTablePaginationProps<TData> {
+    table: Table<TData>;
+    onSetPageSize?: (pageSize: number) => void;
+}
+export declare function DataTablePagination<TData>({ table, onSetPageSize, }: DataTablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/data-table/data-table-pagination.js

@@ -0,0 +1,14 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon, DoubleArrowLeftIcon, DoubleArrowRightIcon, } from "@radix-ui/react-icons";
+import { Button } from "../ui/button";
+import { Label } from "../ui/label";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../ui/select";
+export function DataTablePagination({ table, onSetPageSize, }) {
+    const pagination = table.getState().pagination;
+    return (_jsxs("div", { className: "flex items-center justify-between px-2", children: [_jsxs("div", { className: "flex-1 text-sm text-gray-600 dark:text-gray-400", children: [table.getFilteredSelectedRowModel().rows.length, " of", " ", table.getFilteredRowModel().rows.length, " row(s) selected."] }), _jsxs("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Label, { className: "text-sm font-medium text-gray-600 dark:text-gray-400", htmlFor: "rows-per-page", id: "rows-per-page-label", children: "Rows per page" }), _jsxs(Select, { value: `${pagination.pageSize}`, onValueChange: (value) => {
+                                    table.setPageSize(Number(value));
+                                    if (onSetPageSize) {
+                                        onSetPageSize(Number(value));
+                                    }
+                                }, children: [_jsx(SelectTrigger, { className: "h-8 w-[70px]", id: "rows-per-page", "aria-labelledby": "rows-per-page-label", children: _jsx(SelectValue, { placeholder: pagination.pageSize }) }), _jsx(SelectContent, { side: "top", children: [50, 100, 200, 500].map((pageSize) => (_jsx(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize))) })] })] }), _jsxs("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: ["Page ", pagination.pageIndex + 1, " of ", table.getPageCount()] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsxs(Button, { variant: "outline", className: "hidden h-8 w-8 p-0 lg:flex", onClick: () => table.setPageIndex(0), disabled: !table.getCanPreviousPage(), children: [_jsx("span", { className: "sr-only", children: "Go to first page" }), _jsx(DoubleArrowLeftIcon, { className: "h-4 w-4" })] }), _jsxs(Button, { variant: "outline", className: "h-8 w-8 p-0", onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage(), children: [_jsx("span", { className: "sr-only", children: "Go to previous page" }), _jsx(ChevronLeftIcon, { className: "h-4 w-4" })] }), _jsxs(Button, { variant: "outline", className: "h-8 w-8 p-0", onClick: () => table.nextPage(), disabled: !table.getCanNextPage(), children: [_jsx("span", { className: "sr-only", children: "Go to next page" }), _jsx(ChevronRightIcon, { className: "h-4 w-4" })] }), _jsxs(Button, { variant: "outline", className: "hidden h-8 w-8 p-0 lg:flex", onClick: () => table.setPageIndex(table.getPageCount() - 1), disabled: !table.getCanNextPage(), children: [_jsx("span", { className: "sr-only", children: "Go to last page" }), _jsx(DoubleArrowRightIcon, { className: "h-4 w-4" })] })] })] })] }));
+}

package/dist/data-table/data-table-row-actions.d.ts

@@ -0,0 +1,11 @@
+import type { Row } from "@tanstack/react-table";
+import type { IDGetter } from "./data-table";
+interface DataTableRowActionsProps<TData extends IDGetter> {
+    row: Row<TData>;
+    actions?: {
+        label: string;
+        onClick: (data: TData) => void;
+    }[];
+}
+export declare function DataTableRowActions<TData extends IDGetter>({ row, actions, }: DataTableRowActionsProps<TData>): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/data-table/data-table-row-actions.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DotsHorizontalIcon } from "@radix-ui/react-icons";
+import { Button } from "mtxuilib/ui/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "mtxuilib/ui/dropdown-menu";
+export function DataTableRowActions({ row, actions, }) {
+    if (!actions?.length) {
+        return null;
+    }
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", className: "flex h-8 w-8 p-0 data-[state=open]:bg-muted", children: [_jsx(DotsHorizontalIcon, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Open menu" })] }) }), _jsx(DropdownMenuContent, { align: "end", className: "w-[160px]", children: actions?.map((action) => (_jsx(DropdownMenuItem, { onClick: () => action.onClick(row.original), children: action.label }, action.label))) })] }));
+}

package/dist/data-table/data-table-toolbar.d.ts

@@ -0,0 +1,31 @@
+import type { Table } from "@tanstack/react-table";
+export interface FilterOption {
+    label: string;
+    value: string;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+}
+export declare enum ToolbarType {
+    Checkbox = "checkbox",
+    Radio = "radio",
+    KeyValue = "key-value",
+    Array = "array"
+}
+export type ToolbarFilters = {
+    columnId: string;
+    title: string;
+    type?: ToolbarType;
+    options?: FilterOption[];
+}[];
+interface DataTableToolbarProps<TData> {
+    table: Table<TData>;
+    filters: ToolbarFilters;
+    actions: JSX.Element[];
+    setSearch?: (search: string) => void;
+    search?: string;
+    showColumnToggle?: boolean;
+    isLoading?: boolean;
+}
+export declare function DataTableToolbar<TData>({ table, filters, actions, setSearch, search, showColumnToggle, isLoading, }: DataTableToolbarProps<TData>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/data-table/data-table-toolbar.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Cross2Icon } from "@radix-ui/react-icons";
+import { Button } from "mtxuilib/ui/button";
+import { DataTableViewOptions } from "./data-table-view-options";
+import { Spinner } from "mtxuilib/mt/loading";
+import { Input } from "mtxuilib/ui/input";
+import { DataTableFacetedFilter } from "./data-table-faceted-filter";
+export var ToolbarType;
+(function (ToolbarType) {
+    ToolbarType["Checkbox"] = "checkbox";
+    ToolbarType["Radio"] = "radio";
+    ToolbarType["KeyValue"] = "key-value";
+    ToolbarType["Array"] = "array";
+})(ToolbarType || (ToolbarType = {}));
+export function DataTableToolbar({ table, filters, actions, setSearch, search, showColumnToggle, isLoading = false, }) {
+    const isFiltered = table.getState().columnFilters?.length > 0;
+    return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex flex-1 items-center space-x-2", children: [setSearch && (_jsx(Input, { placeholder: "Search...", value: search, onChange: (e) => setSearch(e.target.value), className: "h-8 w-[150px] lg:w-[250px]" })), filters.map((filter) => (_jsx(DataTableFacetedFilter, { column: table.getColumn(filter.columnId), title: filter.title, type: filter.type, options: filter.options }, filter.columnId))), isFiltered && (_jsxs(Button, { variant: "ghost", onClick: () => table.resetColumnFilters(), className: "h-8 px-2 lg:px-3", children: ["Reset", _jsx(Cross2Icon, { className: "ml-2 h-4 w-4" })] }))] }), _jsxs("div", { className: "flex flex-row gap-4 items-center", children: [isLoading && _jsx(Spinner, {}), actions && actions.length > 0 && actions, showColumnToggle && _jsx(DataTableViewOptions, { table: table })] })] }));
+}

package/dist/data-table/data-table-view-options.d.ts

@@ -0,0 +1,6 @@
+import type { Table } from "@tanstack/react-table";
+interface DataTableViewOptionsProps<TData> {
+    table: Table<TData>;
+}
+export declare function DataTableViewOptions<TData>({ table, }: DataTableViewOptionsProps<TData>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/data-table/data-table-view-options.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DropdownMenuTrigger } from "@radix-ui/react-dropdown-menu";
+import { MixerHorizontalIcon } from "@radix-ui/react-icons";
+import { Button } from "mtxuilib/ui/button";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, } from "mtxuilib/ui/dropdown-menu";
+export function DataTableViewOptions({ table, }) {
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", className: "ml-auto hidden h-8 lg:flex", children: [_jsx(MixerHorizontalIcon, { className: "mr-2 h-4 w-4" }), "View"] }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-[150px]", children: [_jsx(DropdownMenuLabel, { children: "Toggle columns" }), _jsx(DropdownMenuSeparator, {}), table
+                        .getAllColumns()
+                        .filter((column) => typeof column.accessorFn !== "undefined" && column.getCanHide())
+                        .map((column) => {
+                        return (_jsx(DropdownMenuCheckboxItem, { className: "capitalize", checked: column.getIsVisible(), onCheckedChange: (value) => column.toggleVisibility(!!value), children: column.id }, column.id));
+                    })] })] }));
+}

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

@@ -0,0 +1,47 @@
+import { type ColumnDef, type ColumnFiltersState, type OnChangeFn, type PaginationState, type Row, type RowSelectionState, type SortingState, type VisibilityState } from "@tanstack/react-table";
+import * as React from "react";
+import { type ToolbarFilters } from "./data-table-toolbar";
+export interface IDGetter {
+    metadata: {
+        id: string;
+    };
+    getRow?: () => JSX.Element;
+    onClick?: () => void;
+    isExpandable?: boolean;
+}
+interface DataTableProps<TData extends IDGetter, TValue> {
+    columns: ColumnDef<TData, TValue>[];
+    data: TData[];
+    error?: Error | null;
+    filters: ToolbarFilters;
+    actions?: JSX.Element[];
+    sorting?: SortingState;
+    setSorting?: OnChangeFn<SortingState>;
+    setSearch?: (search: string) => void;
+    search?: string;
+    columnFilters?: ColumnFiltersState;
+    setColumnFilters?: OnChangeFn<ColumnFiltersState>;
+    pagination?: PaginationState;
+    setPagination?: OnChangeFn<PaginationState>;
+    pageCount?: number;
+    onSetPageSize?: (pageSize: number) => void;
+    showColumnToggle?: boolean;
+    columnVisibility?: VisibilityState;
+    setColumnVisibility?: OnChangeFn<VisibilityState>;
+    rowSelection?: RowSelectionState;
+    setRowSelection?: OnChangeFn<RowSelectionState>;
+    isLoading?: boolean;
+    enableRowSelection?: boolean;
+    getRowId?: ((originalRow: TData, index: number, parent?: Row<TData> | undefined) => string) | undefined;
+    manualSorting?: boolean;
+    manualFiltering?: boolean;
+}
+interface ExtraDataTableProps {
+    emptyState?: JSX.Element;
+    card?: {
+        containerStyle?: string;
+        component: React.FC<any> | ((data: any) => JSX.Element);
+    };
+}
+export declare function DataTable<TData extends IDGetter, TValue>({ columns, error, data, filters, actions, sorting, setSorting, setSearch, search, columnFilters, setColumnFilters, pagination, setPagination, pageCount, onSetPageSize, showColumnToggle, columnVisibility, setColumnVisibility, rowSelection, setRowSelection, isLoading, getRowId, emptyState, card, manualSorting, manualFiltering, }: DataTableProps<TData, TValue> & ExtraDataTableProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { flexRender, getCoreRowModel, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from "@tanstack/react-table";
+import * as React from "react";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "mtxuilib/ui/table";
+import { cn } from "mtxuilib/lib/utils";
+import { Skeleton } from "mtxuilib/ui/skeleton";
+import { DataTablePagination } from "./data-table-pagination";
+import { DataTableToolbar } from "./data-table-toolbar";
+export function DataTable({ columns, error, data, filters, actions = [], sorting, setSorting, setSearch, search, columnFilters, setColumnFilters, pagination, setPagination, pageCount, onSetPageSize, showColumnToggle, columnVisibility, setColumnVisibility, rowSelection, setRowSelection, isLoading, getRowId, emptyState, card, manualSorting = true, manualFiltering = true, }) {
+    const loadingNoData = isLoading && !data.length;
+    const tableData = React.useMemo(() => (loadingNoData ? Array(10).fill({ metadata: {} }) : data), [loadingNoData, data]);
+    const tableColumns = React.useMemo(() => loadingNoData
+        ? columns.map((column) => ({
+            ...column,
+            cell: () => _jsx(Skeleton, { className: "h-4 w-[100px]" }),
+        }))
+        : columns, [loadingNoData, columns]);
+    const table = useReactTable({
+        data: tableData,
+        columns: tableColumns,
+        state: {
+            sorting,
+            columnVisibility,
+            rowSelection: rowSelection || {},
+            columnFilters,
+            pagination,
+        },
+        pageCount,
+        enableRowSelection: !!rowSelection,
+        onRowSelectionChange: setRowSelection,
+        onSortingChange: setSorting,
+        onColumnFiltersChange: setColumnFilters,
+        onColumnVisibilityChange: setColumnVisibility,
+        onPaginationChange: setPagination,
+        getCoreRowModel: getCoreRowModel(),
+        getFilteredRowModel: getFilteredRowModel(),
+        getPaginationRowModel: getPaginationRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        getFacetedRowModel: getFacetedRowModel(),
+        getFacetedUniqueValues: getFacetedUniqueValues(),
+        manualSorting,
+        manualFiltering,
+        manualPagination: true,
+        getRowId,
+    });
+    const getTableRow = (row) => {
+        if (row.original.getRow) {
+            return row.original.getRow();
+        }
+        return (_jsx(TableRow, { "data-state": row.getIsSelected() && "selected", className: cn(row.original.isExpandable && "cursor-pointer hover:bg-muted"), onClick: row.original.onClick, children: row.getVisibleCells().map((cell) => (_jsx(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id));
+    };
+    const getTable = () => (_jsxs(Table, { children: [_jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => (_jsx(TableRow, { children: headerGroup.headers.map((header) => {
+                        return (_jsx(TableHead, { colSpan: header.colSpan, children: header.isPlaceholder
+                                ? null
+                                : flexRender(header.column.columnDef.header, header.getContext()) }, header.id));
+                    }) }, headerGroup.id))) }), _jsx(TableBody, { children: error ? (_jsx(TableRow, { className: "p-4 text-center text-red-500", children: _jsx(TableCell, { colSpan: columns.length, children: error.message || "An error occurred." }) })) : table.getRowModel().rows?.length ? (table.getRowModel().rows.map((row) => getTableRow(row))) : (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: emptyState || "No results." }) })) })] }));
+    const getCards = () => (_jsx("div", { className: card?.containerStyle ||
+            "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: error
+            ? error.message || "An error occurred."
+            : table.getRowModel().rows?.length
+                ? table
+                    .getRowModel()
+                    .rows.map((row) => card?.component
+                    ? card?.component({ data: row.original })
+                    : null)
+                : emptyState || "No results." }));
+    return (_jsxs("div", { className: "space-y-4", children: [(setSearch || actions || (filters && filters.length > 0)) && (_jsx(DataTableToolbar, { table: table, filters: filters, isLoading: isLoading, actions: actions, search: search, setSearch: setSearch, showColumnToggle: showColumnToggle })), _jsx("div", { className: `rounded-md ${!card && "border"}`, children: !card ? getTable() : getCards() }), pagination && (_jsx(DataTablePagination, { table: table, onSetPageSize: onSetPageSize }))] }));
+}

package/dist/form/EditFormToolbar.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useMemo, useState } from "react";
 import { useFormContext } from "react-hook-form";
 import { cn } from "../lib/utils";
-import { MtButton } from "../ui/mt/Button";
+import { Button } from "../ui/button";
 import { ConformDeleteBtn } from "./deleteConform";
 export const EditFormToolbar = forwardRef((props, forwardedRef) => {
     const { submitText, onSubmit, onCancel, children, enableCancelConform, enableDeleteButton, onDelete, } = props;
@@ -22,7 +22,7 @@ export const EditFormToolbar = forwardRef((props, forwardedRef) => {
     if (!form) {
         throw new Error("SubmitButton must be used within a Form or have a form prop");
     }
-    return (_jsxs("div", { className: "flex w-full flex-col  p-1", children: [!openConform && (_jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(MtButton, { variant: "outline", className: " min-w-24", onClick: (e) => {
+    return (_jsxs("div", { className: "flex w-full flex-col  p-1", children: [!openConform && (_jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { variant: "outline", className: " min-w-24", onClick: (e) => {
                             e.preventDefault();
                             if (enableCancelConform && form?.formState?.isDirty) {
                                 setOpenConform(true);
@@ -30,7 +30,7 @@ export const EditFormToolbar = forwardRef((props, forwardedRef) => {
                             else {
                                 onCancel?.();
                             }
-                        }, children: "\u53D6\u6D88" }), _jsx(MtButton, { form: props.form?.id, type: "submit", disabled: formState.isSubmitting, className: "min-w-24", children: formState.isSubmitting ? "Loading" : submitText || "确定" }), enableDeleteButton && (_jsx(ConformDeleteBtn, { callback: async () => {
+                        }, children: "\u53D6\u6D88" }), _jsx(Button, { form: props.form?.id, type: "submit", disabled: formState.isSubmitting, className: "min-w-24", children: formState.isSubmitting ? "Loading" : submitText || "确定" }), enableDeleteButton && (_jsx(ConformDeleteBtn, { callback: async () => {
                             onDelete?.();
                         }, disabled: form.formState.isSubmitting, variant: "destructive", children: "\u5220\u9664" }))] })), openConform && (_jsx(ComformCancel, { onBack: () => {
                     setOpenConform(false);
@@ -41,10 +41,10 @@ export const EditFormToolbar = forwardRef((props, forwardedRef) => {
 EditFormToolbar.displayName = "EditFormToolbar";
 const ComformCancel = (props) => {
     const { onContinue, onBack } = props;
-    return (_jsxs("div", { className: "flex gap-2", children: ["\u672A\u4FDD\u5B58\u66F4\u6539\uFF0C\u786E\u5B9A\u7EE7\u7EED\u5417\uFF1F", _jsx(MtButton, { onClick: (e) => {
+    return (_jsxs("div", { className: "flex gap-2", children: ["\u672A\u4FDD\u5B58\u66F4\u6539\uFF0C\u786E\u5B9A\u7EE7\u7EED\u5417\uFF1F", _jsx(Button, { onClick: (e) => {
                     e.preventDefault();
                     onBack();
-                }, children: "\u7EE7\u7EED\u7F16\u8F91" }), _jsx(MtButton, { variant: "destructive", className: cn(""), onClick: (e) => {
+                }, children: "\u7EE7\u7EED\u7F16\u8F91" }), _jsx(Button, { variant: "destructive", className: cn(""), onClick: (e) => {
                     e.preventDefault();
                     onContinue();
                 }, children: "\u5173\u95ED" })] }));

package/dist/form/deleteConform.js

@@ -1,21 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Dialog, DialogContent, DialogDescription, DialogTitle, } from "@radix-ui/react-dialog";
 import { Slot } from "@radix-ui/react-slot";
 import React, { useState } from "react";
 import { cn } from "../lib/utils";
-import { MtButton } from "../ui/mt/Button";
-import { buttonVariants } from "../ui/button";
-import { DialogTrigger } from "../ui/dialog";
+import { Button, buttonVariants } from "../ui/button";
+import { Dialog, DialogContent, DialogDescription, DialogTitle, DialogTrigger, } from "../ui/dialog";
 export const DeleteConformDlg = (props) => {
     const { handleOk } = props;
     const [open, setOpen] = useState(false);
     return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(DialogTrigger, { asChild: true, onClick: (e) => {
                     e.preventDefault();
                     setOpen(true);
-                }, children: _jsx(MtButton, { children: "\u5220\u9664" }) }), _jsx(DialogContent, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(MtButton, { onClick: (e) => {
+                }, children: _jsx(Button, { children: "\u5220\u9664" }) }), _jsx(DialogContent, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { onClick: (e) => {
                                 e.preventDefault();
-                                handleOk && handleOk();
-                            }, children: "\u786E\u5B9A\u5220\u9664" }), _jsx(MtButton, { onClick: (e) => {
+                                handleOk?.();
+                            }, children: "\u786E\u5B9A\u5220\u9664" }), _jsx(Button, { onClick: (e) => {
                                 e.preventDefault();
                                 setOpen(false);
                             }, children: "cancel" })] }) })] }));
@@ -26,12 +24,12 @@ export const ConformDeleteBtn = React.forwardRef(({ callback, className, variant
     return (_jsxs(_Fragment, { children: [_jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props, onClick: (e) => {
                     e.preventDefault();
                     setDeleteConformOpen(true);
-                } }), deleteConformOpen && (_jsx(Dialog, { open: deleteConformOpen, onOpenChange: setDeleteConformOpen, children: _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "\u786E\u8BA4" }), _jsx(DialogDescription, { children: "\u5C06\u5220\u9664\u8BB0\u5F55\uFF0C\u786E\u8BA4\u7EE7\u7EED\u5417\uFF1F" }), _jsx(MtButton, { variant: "destructive", onClick: async () => {
+                } }), deleteConformOpen && (_jsx(Dialog, { open: deleteConformOpen, onOpenChange: setDeleteConformOpen, children: _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "\u786E\u8BA4" }), _jsx(DialogDescription, { children: "\u5C06\u5220\u9664\u8BB0\u5F55\uFF0C\u786E\u8BA4\u7EE7\u7EED\u5417\uFF1F" }), _jsx(Button, { variant: "destructive", onClick: async () => {
                                 if (callback) {
                                     await callback();
                                     setDeleteConformOpen(false);
                                 }
-                            }, children: "\u5220\u9664\u786E\u8BA4" }), _jsx(MtButton, { variant: "outline", onClick: () => {
+                            }, children: "\u5220\u9664\u786E\u8BA4" }), _jsx(Button, { variant: "outline", onClick: () => {
                                 setDeleteConformOpen(false);
                             }, children: "Cancel" })] }) }))] }));
 });

package/dist/hooks/use-can-back.d.ts

@@ -1 +1 @@
-export declare function useCanBack(): boolean;
+export declare function useCanGoBack(): boolean;

package/dist/hooks/use-can-back.js

@@ -1,6 +1,6 @@
 "use client";
 import { useEffect, useState } from "react";
-export function useCanBack() {
+export function useCanGoBack() {
     const [canGoBack, setCanGoBack] = useState(false);
     useEffect(() => {
         if (typeof window !== "undefined") {