@potenlab/ui 0.1.0

package/dist/chunk-7XPQQR3Z.cjs

@@ -0,0 +1,586 @@
+'use strict';
+
+var chunkO4BML5KD_cjs = require('./chunk-O4BML5KD.cjs');
+var chunkYSNZIYC2_cjs = require('./chunk-YSNZIYC2.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var React3 = require('react');
+var lucideReact = require('lucide-react');
+var reactTable = require('@tanstack/react-table');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
+
+function FormField({ id, label, type, value, options, onChange }) {
+  if (type === "select") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.Label, { htmlFor: id, children: label }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkO4BML5KD_cjs.Select, { value, onValueChange: onChange, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.SelectTrigger, { id, className: "h-[52px] pr-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.SelectValue, { placeholder: label }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.SelectContent, { children: options?.map((option) => /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.SelectItem, { value: option, children: option }, option)) })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.Label, { htmlFor: id, children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkO4BML5KD_cjs.Input,
+      {
+        id,
+        className: "h-[52px]",
+        value,
+        onChange: (e) => onChange(e.target.value)
+      }
+    )
+  ] });
+}
+function LabeledSwitch({ id, label, checked, onCheckedChange }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "label",
+      {
+        htmlFor: id,
+        className: "font-pretendard text-[16px] font-medium text-black select-none cursor-pointer",
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.Switch, { id, checked, onCheckedChange })
+  ] });
+}
+function PageHeader({
+  title,
+  subtitle,
+  badgeCount,
+  badgeSuffix = "",
+  actionLabel,
+  actionIcon: ActionIcon,
+  onAction
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row justify-between items-start", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "font-pretendard text-[32px] font-semibold text-black", children: title }),
+          badgeCount !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+            chunkO4BML5KD_cjs.Badge,
+            {
+              variant: "green",
+              "aria-label": `Total: ${chunkYSNZIYC2_cjs.formatNumber(badgeCount)}${badgeSuffix}`,
+              children: [
+                chunkYSNZIYC2_cjs.formatNumber(badgeCount),
+                badgeSuffix
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-pretendard text-[18px] font-medium text-subtitle mt-1", children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkO4BML5KD_cjs.Button, { variant: "primary", onClick: onAction, children: [
+        ActionIcon && /* @__PURE__ */ jsxRuntime.jsx(ActionIcon, { className: "size-5" }),
+        actionLabel
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.Separator, { className: "my-6" })
+  ] });
+}
+function SearchBar({
+  value,
+  onChange,
+  placeholder = "Search...",
+  ariaLabel = "Search",
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkO4BML5KD_cjs.Input,
+    {
+      className: chunkYSNZIYC2_cjs.cn("h-12 rounded-md", className),
+      placeholder,
+      value,
+      onChange: (e) => onChange(e.target.value),
+      "aria-label": ariaLabel
+    }
+  );
+}
+function PaginationControls({
+  currentPage,
+  totalPages,
+  itemsPerPage,
+  onPageChange,
+  onItemsPerPageChange,
+  labels,
+  className
+}) {
+  const [pageJumpInput, setPageJumpInput] = React3__namespace.useState("");
+  const pageJumpPlaceholder = labels?.pageJumpPlaceholder ?? "Page";
+  const pageJumpButton = labels?.pageJumpButton ?? "Go";
+  const itemsPerPageLabel = labels?.itemsPerPageLabel ?? "Items per page";
+  const itemSuffix = labels?.itemSuffix ?? "";
+  const isFirstPage = currentPage <= 1;
+  const isLastPage = currentPage >= totalPages;
+  function handleGoToFirst() {
+    if (!isFirstPage) {
+      onPageChange(1);
+    }
+  }
+  function handleGoToPrevious() {
+    if (!isFirstPage) {
+      onPageChange(currentPage - 1);
+    }
+  }
+  function handleGoToNext() {
+    if (!isLastPage) {
+      onPageChange(currentPage + 1);
+    }
+  }
+  function handleGoToLast() {
+    if (!isLastPage) {
+      onPageChange(totalPages);
+    }
+  }
+  function handlePageJump() {
+    const page = parseInt(pageJumpInput, 10);
+    if (!isNaN(page) && page >= 1 && page <= totalPages) {
+      onPageChange(page);
+      setPageJumpInput("");
+    }
+  }
+  function handlePageJumpKeyDown(e) {
+    if (e.key === "Enter") {
+      handlePageJump();
+    }
+  }
+  function handleItemsPerPageChange(value) {
+    const count = parseInt(value, 10);
+    if (!isNaN(count)) {
+      onItemsPerPageChange(count);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkYSNZIYC2_cjs.cn("flex items-center justify-between", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkO4BML5KD_cjs.Button,
+        {
+          variant: "pagination",
+          size: "pagination",
+          "aria-label": "Go to first page",
+          disabled: isFirstPage,
+          onClick: handleGoToFirst,
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsLeft, { className: "size-5" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkO4BML5KD_cjs.Button,
+        {
+          variant: "pagination",
+          size: "pagination",
+          "aria-label": "Previous page",
+          disabled: isFirstPage,
+          onClick: handleGoToPrevious,
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "size-5" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkO4BML5KD_cjs.Button,
+        {
+          variant: "pagination",
+          size: "pagination",
+          "aria-label": "Next page",
+          disabled: isLastPage,
+          onClick: handleGoToNext,
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-5" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkO4BML5KD_cjs.Button,
+        {
+          variant: "pagination",
+          size: "pagination",
+          "aria-label": "Go to last page",
+          disabled: isLastPage,
+          onClick: handleGoToLast,
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsRight, { className: "size-5" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          className: "flex items-center gap-1 px-2",
+          "aria-live": "polite",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[20px] font-bold", children: currentPage }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[16px] font-normal text-muted-fg", children: [
+              "/ ",
+              totalPages
+            ] })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkO4BML5KD_cjs.Input,
+        {
+          className: "w-[100px] h-12",
+          placeholder: pageJumpPlaceholder,
+          value: pageJumpInput,
+          onChange: (e) => setPageJumpInput(e.target.value),
+          onKeyDown: handlePageJumpKeyDown,
+          "aria-label": pageJumpPlaceholder
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkO4BML5KD_cjs.Button,
+        {
+          variant: "secondary",
+          size: "secondary",
+          onClick: handlePageJump,
+          children: pageJumpButton
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        chunkO4BML5KD_cjs.Select,
+        {
+          value: String(itemsPerPage),
+          onValueChange: handleItemsPerPageChange,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.SelectTrigger, { className: "w-[96px] h-12", "aria-label": itemsPerPageLabel, children: /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.SelectValue, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkO4BML5KD_cjs.SelectContent, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(chunkO4BML5KD_cjs.SelectItem, { value: "10", children: [
+                "10",
+                itemSuffix
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(chunkO4BML5KD_cjs.SelectItem, { value: "20", children: [
+                "20",
+                itemSuffix
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(chunkO4BML5KD_cjs.SelectItem, { value: "50", children: [
+                "50",
+                itemSuffix
+              ] })
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function TabNavigation({
+  tabs,
+  defaultValue,
+  value,
+  onTabChange,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkO4BML5KD_cjs.Tabs,
+    {
+      defaultValue,
+      value,
+      onValueChange: onTabChange,
+      className: chunkYSNZIYC2_cjs.cn(className),
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.TabsList, { children: tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.TabsTrigger, { value: tab.value, disabled: tab.disabled, children: tab.label }, tab.value)) })
+    }
+  );
+}
+function DataTablePagination({
+  table,
+  pageSizeOptions = [10, 20, 50],
+  labels
+}) {
+  const [pageJumpInput, setPageJumpInput] = React3__namespace.useState("");
+  const pageJumpPlaceholder = labels?.pageJumpPlaceholder ?? "Page";
+  const pageJumpButton = labels?.pageJumpButton ?? "Go";
+  const itemsPerPageLabel = labels?.itemsPerPageLabel ?? "Items per page";
+  const itemSuffix = labels?.itemSuffix ?? "";
+  const currentPage = table.getState().pagination.pageIndex + 1;
+  const totalPages = table.getPageCount();
+  function handlePageJump() {
+    const page = parseInt(pageJumpInput, 10);
+    if (!isNaN(page) && page >= 1 && page <= totalPages) {
+      table.setPageIndex(page - 1);
+      setPageJumpInput("");
+    }
+  }
+  function handlePageJumpKeyDown(e) {
+    if (e.key === "Enter") {
+      handlePageJump();
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkO4BML5KD_cjs.Button,
+        {
+          variant: "pagination",
+          size: "pagination",
+          "aria-label": "Go to first page",
+          disabled: !table.getCanPreviousPage(),
+          onClick: () => table.setPageIndex(0),
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsLeft, { className: "size-5" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkO4BML5KD_cjs.Button,
+        {
+          variant: "pagination",
+          size: "pagination",
+          "aria-label": "Previous page",
+          disabled: !table.getCanPreviousPage(),
+          onClick: () => table.previousPage(),
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "size-5" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkO4BML5KD_cjs.Button,
+        {
+          variant: "pagination",
+          size: "pagination",
+          "aria-label": "Next page",
+          disabled: !table.getCanNextPage(),
+          onClick: () => table.nextPage(),
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-5" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkO4BML5KD_cjs.Button,
+        {
+          variant: "pagination",
+          size: "pagination",
+          "aria-label": "Go to last page",
+          disabled: !table.getCanNextPage(),
+          onClick: () => table.setPageIndex(table.getPageCount() - 1),
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsRight, { className: "size-5" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 px-2", "aria-live": "polite", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[20px] font-bold", children: currentPage }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[16px] font-normal text-muted-fg", children: [
+          "/ ",
+          totalPages
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkO4BML5KD_cjs.Input,
+        {
+          className: "w-[100px] h-12",
+          placeholder: pageJumpPlaceholder,
+          value: pageJumpInput,
+          onChange: (e) => setPageJumpInput(e.target.value),
+          onKeyDown: handlePageJumpKeyDown,
+          "aria-label": pageJumpPlaceholder
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.Button, { variant: "secondary", size: "secondary", onClick: handlePageJump, children: pageJumpButton }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        chunkO4BML5KD_cjs.Select,
+        {
+          value: String(table.getState().pagination.pageSize),
+          onValueChange: (value) => table.setPageSize(Number(value)),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.SelectTrigger, { className: "w-[96px] h-12", "aria-label": itemsPerPageLabel, children: /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.SelectValue, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.SelectContent, { children: pageSizeOptions.map((size) => /* @__PURE__ */ jsxRuntime.jsxs(chunkO4BML5KD_cjs.SelectItem, { value: String(size), children: [
+              size,
+              itemSuffix
+            ] }, size)) })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function DataTable({
+  columns,
+  data,
+  enableSorting = false,
+  enableFiltering = false,
+  enableRowSelection = false,
+  enablePagination = false,
+  manualPagination = false,
+  rowCount,
+  pageSizeOptions,
+  onRowClick,
+  emptyMessage = "No data available.",
+  sorting: sortingProp,
+  onSortingChange,
+  columnFilters: columnFiltersProp,
+  onColumnFiltersChange,
+  pagination: paginationProp,
+  onPaginationChange,
+  rowSelection: rowSelectionProp,
+  onRowSelectionChange,
+  columnVisibility: columnVisibilityProp,
+  onColumnVisibilityChange
+}) {
+  const [internalSorting, setInternalSorting] = React3__namespace.useState(
+    []
+  );
+  const [internalColumnFilters, setInternalColumnFilters] = React3__namespace.useState([]);
+  const [internalRowSelection, setInternalRowSelection] = React3__namespace.useState({});
+  const [internalColumnVisibility, setInternalColumnVisibility] = React3__namespace.useState({});
+  const [internalPagination, setInternalPagination] = React3__namespace.useState({ pageIndex: 0, pageSize: 10 });
+  const table = reactTable.useReactTable({
+    data,
+    columns,
+    rowCount: manualPagination ? rowCount : void 0,
+    state: {
+      sorting: sortingProp ?? internalSorting,
+      columnFilters: columnFiltersProp ?? internalColumnFilters,
+      rowSelection: rowSelectionProp ?? internalRowSelection,
+      columnVisibility: columnVisibilityProp ?? internalColumnVisibility,
+      pagination: paginationProp ?? internalPagination
+    },
+    onSortingChange: onSortingChange ?? setInternalSorting,
+    onColumnFiltersChange: onColumnFiltersChange ?? setInternalColumnFilters,
+    onRowSelectionChange: onRowSelectionChange ?? setInternalRowSelection,
+    onColumnVisibilityChange: onColumnVisibilityChange ?? setInternalColumnVisibility,
+    onPaginationChange: onPaginationChange ?? setInternalPagination,
+    getCoreRowModel: reactTable.getCoreRowModel(),
+    ...enableSorting && { getSortedRowModel: reactTable.getSortedRowModel() },
+    ...enableFiltering && { getFilteredRowModel: reactTable.getFilteredRowModel() },
+    ...enablePagination && !manualPagination && {
+      getPaginationRowModel: reactTable.getPaginationRowModel()
+    },
+    enableRowSelection,
+    manualPagination
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkO4BML5KD_cjs.Table, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxRuntime.jsx(
+        chunkO4BML5KD_cjs.TableRow,
+        {
+          className: "hover:bg-table-header cursor-default",
+          children: headerGroup.headers.map((header) => /* @__PURE__ */ jsxRuntime.jsx(
+            chunkO4BML5KD_cjs.TableHead,
+            {
+              className: chunkYSNZIYC2_cjs.cn(
+                header.column.columnDef.meta?.headerClassName ?? header.column.columnDef.meta?.className
+              ),
+              children: header.isPlaceholder ? null : reactTable.flexRender(
+                header.column.columnDef.header,
+                header.getContext()
+              )
+            },
+            header.id
+          ))
+        },
+        headerGroup.id
+      )) }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx(
+        chunkO4BML5KD_cjs.TableRow,
+        {
+          "data-state": row.getIsSelected() && "selected",
+          onClick: onRowClick ? () => onRowClick(row.original) : void 0,
+          onKeyDown: onRowClick ? (e) => {
+            if (e.key === "Enter") onRowClick(row.original);
+          } : void 0,
+          tabIndex: onRowClick ? 0 : void 0,
+          role: onRowClick ? "link" : void 0,
+          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsxRuntime.jsx(
+            chunkO4BML5KD_cjs.TableCell,
+            {
+              className: chunkYSNZIYC2_cjs.cn(cell.column.columnDef.meta?.className),
+              children: reactTable.flexRender(cell.column.columnDef.cell, cell.getContext())
+            },
+            cell.id
+          ))
+        },
+        row.id
+      )) : /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.TableCell, { colSpan: columns.length, className: "h-24 text-center", children: emptyMessage }) }) })
+    ] }),
+    enablePagination && /* @__PURE__ */ jsxRuntime.jsx(DataTablePagination, { table, pageSizeOptions })
+  ] });
+}
+function DataTableColumnHeader({
+  column,
+  title,
+  className
+}) {
+  if (!column.getCanSort()) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYSNZIYC2_cjs.cn(className), children: title });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      className: chunkYSNZIYC2_cjs.cn("flex items-center gap-1", className),
+      onClick: () => column.toggleSorting(column.getIsSorted() === "asc"),
+      children: [
+        title,
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpDown, { className: "size-4 text-table-cell" })
+      ]
+    }
+  );
+}
+function DataTableToolbar({
+  table,
+  searchPlaceholder = "Search...",
+  searchColumnId,
+  className,
+  children
+}) {
+  const filterValue = searchColumnId ? table.getColumn(searchColumnId)?.getFilterValue() ?? "" : "";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkYSNZIYC2_cjs.cn("flex items-center gap-2", className), children: [
+    searchColumnId && /* @__PURE__ */ jsxRuntime.jsx(
+      chunkO4BML5KD_cjs.Input,
+      {
+        className: "h-12 rounded-md flex-1",
+        placeholder: searchPlaceholder,
+        value: filterValue,
+        onChange: (e) => table.getColumn(searchColumnId)?.setFilterValue(e.target.value),
+        "aria-label": searchPlaceholder
+      }
+    ),
+    children
+  ] });
+}
+function DataTableRowActions({ actions }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkO4BML5KD_cjs.DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkO4BML5KD_cjs.Button, { variant: "ghost", size: "icon", className: "size-8 p-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Open menu" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkO4BML5KD_cjs.DropdownMenuContent, { align: "end", children: actions.map((action) => /* @__PURE__ */ jsxRuntime.jsx(
+      chunkO4BML5KD_cjs.DropdownMenuItem,
+      {
+        onClick: action.onClick,
+        className: chunkYSNZIYC2_cjs.cn(
+          action.variant === "destructive" && "text-destructive"
+        ),
+        children: action.label
+      },
+      action.label
+    )) })
+  ] });
+}
+
+exports.DataTable = DataTable;
+exports.DataTableColumnHeader = DataTableColumnHeader;
+exports.DataTablePagination = DataTablePagination;
+exports.DataTableRowActions = DataTableRowActions;
+exports.DataTableToolbar = DataTableToolbar;
+exports.FormField = FormField;
+exports.LabeledSwitch = LabeledSwitch;
+exports.PageHeader = PageHeader;
+exports.PaginationControls = PaginationControls;
+exports.SearchBar = SearchBar;
+exports.TabNavigation = TabNavigation;
+//# sourceMappingURL=chunk-7XPQQR3Z.cjs.map
+//# sourceMappingURL=chunk-7XPQQR3Z.cjs.map