@mesob/ui 0.2.2 → 0.2.4

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

@@ -1,823 +0,0 @@
-// src/components/data-table/data-table.tsx
-import {
-  flexRender,
-  getCoreRowModel,
-  getFacetedRowModel,
-  getFacetedUniqueValues,
-  getFilteredRowModel,
-  getPaginationRowModel,
-  getSortedRowModel,
-  useReactTable
-} from "@tanstack/react-table";
-import * as React from "react";
-
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/table.tsx
-import { jsx } from "react/jsx-runtime";
-function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "table-container",
-      className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx(
-        "table",
-        {
-          "data-slot": "table",
-          className: cn("w-full caption-bottom text-sm px-2", className),
-          ...props
-        }
-      )
-    }
-  );
-}
-function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "thead",
-    {
-      "data-slot": "table-header",
-      className: cn("[&_tr]:border-b", className),
-      ...props
-    }
-  );
-}
-function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "tbody",
-    {
-      "data-slot": "table-body",
-      className: cn("[&_tr:last-child]:border-0", className),
-      ...props
-    }
-  );
-}
-function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "tr",
-    {
-      "data-slot": "table-row",
-      className: cn(
-        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "th",
-    {
-      "data-slot": "table-head",
-      className: cn(
-        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "td",
-    {
-      "data-slot": "table-cell",
-      className: cn(
-        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/data-table/data-table.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function DataTable({
-  columns,
-  data,
-  sorting = [],
-  onSortingChange,
-  columnFilters = [],
-  onColumnFiltersChange,
-  columnVisibility = {},
-  onColumnVisibilityChange,
-  rowSelection = {},
-  onRowSelectionChange,
-  pageSize = 10,
-  pageIndex = 0,
-  getRowId
-}) {
-  const [internalSorting, setInternalSorting] = React.useState(sorting);
-  const [internalColumnFilters, setInternalColumnFilters] = React.useState(columnFilters);
-  const [internalColumnVisibility, setInternalColumnVisibility] = React.useState(columnVisibility);
-  const [internalRowSelection, setInternalRowSelection] = React.useState(rowSelection);
-  const processedColumns = React.useMemo(() => {
-    return columns.map((col) => {
-      if ((col.id === "actions" || col.id === "select") && col.size === void 0) {
-        return {
-          ...col,
-          size: 50,
-          minSize: col.minSize,
-          maxSize: col.maxSize
-        };
-      }
-      return col;
-    });
-  }, [columns]);
-  const table = useReactTable({
-    data,
-    columns: processedColumns,
-    getRowId: getRowId || ((_, index) => String(index)),
-    state: {
-      sorting: onSortingChange ? sorting : internalSorting,
-      columnFilters: onColumnFiltersChange ? columnFilters : internalColumnFilters,
-      columnVisibility: onColumnVisibilityChange ? columnVisibility : internalColumnVisibility,
-      rowSelection: onRowSelectionChange ? rowSelection : internalRowSelection,
-      pagination: { pageIndex, pageSize }
-    },
-    enableRowSelection: true,
-    onSortingChange: (updater) => {
-      const newSorting = typeof updater === "function" ? updater(onSortingChange ? sorting : internalSorting) : updater;
-      if (onSortingChange) {
-        onSortingChange(newSorting);
-      } else {
-        setInternalSorting(newSorting);
-      }
-    },
-    onColumnFiltersChange: (updater) => {
-      const newFilters = typeof updater === "function" ? updater(
-        onColumnFiltersChange ? columnFilters : internalColumnFilters
-      ) : updater;
-      if (onColumnFiltersChange) {
-        onColumnFiltersChange(newFilters);
-      } else {
-        setInternalColumnFilters(newFilters);
-      }
-    },
-    onColumnVisibilityChange: (updater) => {
-      const newVisibility = typeof updater === "function" ? updater(
-        onColumnVisibilityChange ? columnVisibility : internalColumnVisibility
-      ) : updater;
-      if (onColumnVisibilityChange) {
-        onColumnVisibilityChange(newVisibility);
-      } else {
-        setInternalColumnVisibility(newVisibility);
-      }
-    },
-    onRowSelectionChange: (updater) => {
-      const newSelection = typeof updater === "function" ? updater(onRowSelectionChange ? rowSelection : internalRowSelection) : updater;
-      if (onRowSelectionChange) {
-        onRowSelectionChange(newSelection);
-      } else {
-        setInternalRowSelection(newSelection);
-      }
-    },
-    getCoreRowModel: getCoreRowModel(),
-    getFilteredRowModel: getFilteredRowModel(),
-    getPaginationRowModel: getPaginationRowModel(),
-    getSortedRowModel: getSortedRowModel(),
-    getFacetedRowModel: getFacetedRowModel(),
-    getFacetedUniqueValues: getFacetedUniqueValues()
-  });
-  return /* @__PURE__ */ jsx2("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs(Table, { children: [
-    /* @__PURE__ */ jsx2(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx2(TableRow, { children: headerGroup.headers.map((header, index) => {
-      const isFirst = index === 0;
-      const isLast = index === headerGroup.headers.length - 1;
-      let className;
-      if (isFirst) {
-        className = "pl-4";
-      } else if (isLast) {
-        className = "pr-4";
-      }
-      return /* @__PURE__ */ jsx2(
-        TableHead,
-        {
-          colSpan: header.colSpan,
-          style: { width: header.getSize() },
-          className,
-          children: header.isPlaceholder ? null : flexRender(
-            header.column.columnDef.header,
-            header.getContext()
-          )
-        },
-        header.id
-      );
-    }) }, headerGroup.id)) }),
-    /* @__PURE__ */ jsx2(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx2(
-      TableRow,
-      {
-        "data-state": row.getIsSelected() && "selected",
-        className: "group",
-        children: row.getVisibleCells().map((cell, index) => {
-          const visibleCells = row.getVisibleCells();
-          const isFirst = index === 0;
-          const isLast = index === visibleCells.length - 1;
-          let className;
-          if (isFirst) {
-            className = "pl-4";
-          } else if (isLast) {
-            className = "pr-4";
-          }
-          return /* @__PURE__ */ jsx2(
-            TableCell,
-            {
-              style: { width: cell.column.getSize() },
-              className,
-              children: flexRender(
-                cell.column.columnDef.cell,
-                cell.getContext()
-              )
-            },
-            cell.id
-          );
-        })
-      },
-      row.id
-    )) : /* @__PURE__ */ jsx2(TableRow, { children: /* @__PURE__ */ jsx2(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) })
-  ] }) });
-}
-
-// src/components/data-table/data-table-action.tsx
-import { IconChevronRight } from "@tabler/icons-react";
-
-// src/components/button.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary-600 dark:hover:bg-primary-400",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
-        outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-600 dark:hover:bg-secondary-400",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:text-primary-600 dark:hover:text-primary-400 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Button({
-  className,
-  variant,
-  size,
-  asChild = false,
-  leftIcon,
-  rightIcon,
-  children,
-  ...props
-}) {
-  const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx3(
-    Comp,
-    {
-      "data-slot": "button",
-      className: cn(buttonVariants({ variant, size, className })),
-      ...props,
-      children: asChild ? children : /* @__PURE__ */ jsxs2(Fragment, { children: [
-        leftIcon,
-        children,
-        rightIcon
-      ] })
-    }
-  );
-}
-
-// src/components/data-table/data-table-action.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function DataTableAction({
-  onClick,
-  disabled,
-  "aria-label": ariaLabel = "Open menu"
-}) {
-  return /* @__PURE__ */ jsx4("div", { className: "flex justify-end align-center", children: /* @__PURE__ */ jsxs3(
-    Button,
-    {
-      variant: "ghost",
-      className: "h-8 w-8 p-0 opacity-0 transition-opacity group-hover:opacity-100 cursor-pointer",
-      onClick,
-      disabled,
-      children: [
-        /* @__PURE__ */ jsx4("span", { className: "sr-only", children: ariaLabel }),
-        /* @__PURE__ */ jsx4(IconChevronRight, { className: "h-4 w-4" })
-      ]
-    }
-  ) });
-}
-
-// src/components/data-table/data-table-column-header.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-function DataTableColumnHeader({
-  column,
-  title,
-  className
-}) {
-  if (!column.getCanSort()) {
-    return /* @__PURE__ */ jsx5("div", { className: cn(className), children: title });
-  }
-  return /* @__PURE__ */ jsx5("div", { className: cn("flex items-center gap-2", className), children: /* @__PURE__ */ jsx5("span", { children: title }) });
-}
-
-// src/hooks/use-translation.ts
-import { useTranslations } from "next-intl";
-import { useMemo as useMemo3 } from "react";
-
-// src/components/tooltip.tsx
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-
-// src/components/mesob-context.tsx
-import {
-  createContext,
-  useContext,
-  useMemo as useMemo2
-} from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var MesobContext = createContext(null);
-function useMesob() {
-  return useContext(MesobContext);
-}
-
-// src/hooks/use-translation.ts
-function useTranslation(namespace) {
-  const mesob = useMesob();
-  const nextIntlT = useTranslations(namespace);
-  return useMemo3(() => {
-    const t = mesob?.t;
-    if (t) {
-      return (key, params) => t(namespace ? `${namespace}.${key}` : key, params);
-    }
-    return nextIntlT;
-  }, [mesob?.t, namespace, nextIntlT]);
-}
-
-// src/components/data-table/data-table-pagination.tsx
-import {
-  IconChevronLeft,
-  IconChevronRight as IconChevronRight2,
-  IconChevronsLeft,
-  IconChevronsRight
-} from "@tabler/icons-react";
-
-// src/components/select.tsx
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { IconCheck, IconChevronDown, IconChevronUp } from "@tabler/icons-react";
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-function Select({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(SelectPrimitive.Root, { "data-slot": "select", ...props });
-}
-function SelectValue({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
-}
-function SelectTrigger({
-  className,
-  size = "default",
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs5(
-    SelectPrimitive.Trigger,
-    {
-      "data-slot": "select-trigger",
-      "data-size": size,
-      className: cn(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx8(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx8(IconChevronDown, { className: "size-4 opacity-50" }) })
-      ]
-    }
-  );
-}
-function SelectContent({
-  className,
-  children,
-  position = "popper",
-  align = "center",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs5(
-    SelectPrimitive.Content,
-    {
-      "data-slot": "select-content",
-      className: cn(
-        "bg-popover text-popover-foreground border-border data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
-        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        className
-      ),
-      position,
-      align,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx8(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx8(
-          SelectPrimitive.Viewport,
-          {
-            className: cn(
-              "p-1",
-              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
-            ),
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx8(SelectScrollDownButton, {})
-      ]
-    }
-  ) });
-}
-function SelectItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs5(
-    SelectPrimitive.Item,
-    {
-      "data-slot": "select-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx8("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx8(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx8(IconCheck, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx8(SelectPrimitive.ItemText, { children })
-      ]
-    }
-  );
-}
-function SelectScrollUpButton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(
-    SelectPrimitive.ScrollUpButton,
-    {
-      "data-slot": "select-scroll-up-button",
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx8(IconChevronUp, { className: "size-4" })
-    }
-  );
-}
-function SelectScrollDownButton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(
-    SelectPrimitive.ScrollDownButton,
-    {
-      "data-slot": "select-scroll-down-button",
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx8(IconChevronDown, { className: "size-4" })
-    }
-  );
-}
-
-// src/components/data-table/data-table-pagination.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-function addRange(pages, start, end) {
-  for (let i = start; i <= end; i++) {
-    pages.push(i);
-  }
-}
-function getPageNumbers(pageIndex, pageCount) {
-  const total = pageCount || 1;
-  const current = pageIndex + 1;
-  const pages = [];
-  if (total <= 1) {
-    return [1];
-  }
-  if (total <= 5) {
-    addRange(pages, 1, total);
-    return pages;
-  }
-  pages.push(1);
-  const isNearStart = current <= 3;
-  const isNearEnd = current >= total - 2;
-  if (isNearStart) {
-    addRange(pages, 2, 4);
-    pages.push("ellipsis", total);
-  } else if (isNearEnd) {
-    pages.push("ellipsis");
-    addRange(pages, total - 3, total);
-  } else {
-    pages.push("ellipsis");
-    addRange(pages, current - 1, current + 1);
-    pages.push("ellipsis", total);
-  }
-  return pages;
-}
-function DataTablePagination({
-  pageIndex,
-  pageSize,
-  pageCount,
-  totalRows,
-  selectedRows = 0,
-  onPageChange,
-  onPageSizeChange,
-  pageSizeOptions = [10, 20, 30, 50]
-}) {
-  const t = useTranslation("Pagination");
-  if (pageCount <= 1) {
-    return null;
-  }
-  const canPreviousPage = pageIndex > 0;
-  const canNextPage = pageIndex < pageCount - 1;
-  const pageNumbers = getPageNumbers(pageIndex, pageCount);
-  const rowLabel = totalRows === 1 ? t("row") : t("rows");
-  const hasSelection = selectedRows > 0;
-  const rowText = hasSelection ? `${selectedRows} ${t("of")} ${totalRows} ${rowLabel} ${t("selected")}` : `${totalRows} ${rowLabel} ${t("total")}`;
-  const pageText = `${t("page")} ${pageIndex + 1} ${t("of")} ${pageCount || 1}`;
-  return /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-4 px-2 sm:flex-row sm:items-center sm:justify-between", children: [
-    /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-center gap-4 sm:justify-start", children: [
-      /* @__PURE__ */ jsx9("div", { className: "text-muted-foreground text-sm", children: /* @__PURE__ */ jsxs6("span", { children: [
-        rowText,
-        /* @__PURE__ */ jsx9("span", { className: "mx-2", children: "\xB7" }),
-        pageText
-      ] }) }),
-      /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx9("span", { className: "text-sm font-medium whitespace-nowrap", children: t("rowsPerPage") }),
-        /* @__PURE__ */ jsxs6(
-          Select,
-          {
-            value: `${pageSize}`,
-            onValueChange: (value) => onPageSizeChange(Number(value)),
-            children: [
-              /* @__PURE__ */ jsx9(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsx9(SelectValue, { placeholder: pageSize }) }),
-              /* @__PURE__ */ jsx9(SelectContent, { side: "top", children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx9(SelectItem, { value: `${size}`, children: size }, size)) })
-            ]
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx9("div", { className: "flex justify-center sm:justify-end", children: /* @__PURE__ */ jsxs6("nav", { "aria-label": "Pagination", className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ jsxs6(
-        Button,
-        {
-          variant: "outline",
-          size: "icon",
-          className: "hidden h-8 w-8 lg:flex",
-          onClick: () => onPageChange(0),
-          disabled: !canPreviousPage,
-          "aria-label": t("firstPage"),
-          children: [
-            /* @__PURE__ */ jsx9(IconChevronsLeft, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx9("span", { className: "sr-only", children: t("firstPage") })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs6(
-        Button,
-        {
-          variant: "outline",
-          size: "icon",
-          className: "h-8 w-8",
-          onClick: () => onPageChange(pageIndex - 1),
-          disabled: !canPreviousPage,
-          "aria-label": t("previousPage"),
-          children: [
-            /* @__PURE__ */ jsx9(IconChevronLeft, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx9("span", { className: "sr-only", children: t("previousPage") })
-          ]
-        }
-      ),
-      pageNumbers.map((page, idx) => {
-        if (page === "ellipsis") {
-          const prevPage = idx > 0 ? pageNumbers[idx - 1] : null;
-          const nextPage = idx < pageNumbers.length - 1 ? pageNumbers[idx + 1] : null;
-          return /* @__PURE__ */ jsx9(
-            "span",
-            {
-              className: "flex h-8 w-8 items-center justify-center text-muted-foreground",
-              "aria-hidden": "true",
-              children: "..."
-            },
-            `ellipsis-${prevPage}-${nextPage}`
-          );
-        }
-        const pageNum = page;
-        const isActive = pageNum === pageIndex + 1;
-        return /* @__PURE__ */ jsx9(
-          Button,
-          {
-            variant: isActive ? "default" : "outline",
-            size: "icon",
-            className: "h-8 w-8",
-            onClick: () => onPageChange(pageNum - 1),
-            "aria-label": `${t("goToPage")} ${pageNum}`,
-            "aria-current": isActive ? "page" : void 0,
-            children: pageNum
-          },
-          pageNum
-        );
-      }),
-      /* @__PURE__ */ jsxs6(
-        Button,
-        {
-          variant: "outline",
-          size: "icon",
-          className: "h-8 w-8",
-          onClick: () => onPageChange(pageIndex + 1),
-          disabled: !canNextPage,
-          "aria-label": t("nextPage"),
-          children: [
-            /* @__PURE__ */ jsx9(IconChevronRight2, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx9("span", { className: "sr-only", children: t("nextPage") })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs6(
-        Button,
-        {
-          variant: "outline",
-          size: "icon",
-          className: "hidden h-8 w-8 lg:flex",
-          onClick: () => onPageChange(pageCount - 1),
-          disabled: !canNextPage,
-          "aria-label": t("lastPage"),
-          children: [
-            /* @__PURE__ */ jsx9(IconChevronsRight, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx9("span", { className: "sr-only", children: t("lastPage") })
-          ]
-        }
-      )
-    ] }) })
-  ] });
-}
-
-// src/components/data-table/data-table-view-options.tsx
-import { IconSettings } from "@tabler/icons-react";
-
-// src/components/dropdown-menu.tsx
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { IconCheck as IconCheck2, IconChevronRight as IconChevronRight3, IconCircle } from "@tabler/icons-react";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
-function DropdownMenu({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx10(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx10(
-    DropdownMenuPrimitive.Trigger,
-    {
-      "data-slot": "dropdown-menu-trigger",
-      ...props
-    }
-  );
-}
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx10(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx10(
-    DropdownMenuPrimitive.Content,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset,
-      className: cn(
-        "bg-popover text-popover-foreground border-border data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function DropdownMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs7(
-    DropdownMenuPrimitive.CheckboxItem,
-    {
-      "data-slot": "dropdown-menu-checkbox-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      checked,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx10("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx10(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx10(IconCheck2, { className: "size-4" }) }) }),
-        children
-      ]
-    }
-  );
-}
-function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx10(
-    DropdownMenuPrimitive.Label,
-    {
-      "data-slot": "dropdown-menu-label",
-      "data-inset": inset,
-      className: cn(
-        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DropdownMenuSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx10(
-    DropdownMenuPrimitive.Separator,
-    {
-      "data-slot": "dropdown-menu-separator",
-      className: cn("bg-border -mx-1 my-1 h-px", className),
-      ...props
-    }
-  );
-}
-
-// src/components/data-table/data-table-view-options.tsx
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
-function DataTableViewOptions({
-  table
-}) {
-  return /* @__PURE__ */ jsxs8(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx11(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs8(
-      Button,
-      {
-        variant: "outline",
-        size: "sm",
-        className: "ml-auto hidden h-8 lg:flex",
-        children: [
-          /* @__PURE__ */ jsx11(IconSettings, { className: "mr-2 h-4 w-4" }),
-          "View"
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs8(DropdownMenuContent, { align: "end", className: "w-[150px]", children: [
-      /* @__PURE__ */ jsx11(DropdownMenuLabel, { children: "Toggle columns" }),
-      /* @__PURE__ */ jsx11(DropdownMenuSeparator, {}),
-      table.getAllColumns().filter(
-        (column) => typeof column.accessorFn !== "undefined" && column.getCanHide()
-      ).map((column) => /* @__PURE__ */ jsx11(
-        DropdownMenuCheckboxItem,
-        {
-          className: "capitalize",
-          checked: column.getIsVisible(),
-          onCheckedChange: (value) => column.toggleVisibility(!!value),
-          children: column.id
-        },
-        column.id
-      ))
-    ] })
-  ] });
-}
-export {
-  DataTable,
-  DataTableAction,
-  DataTableColumnHeader,
-  DataTablePagination,
-  DataTableViewOptions
-};
-//# sourceMappingURL=index.js.map