@caffeinebounce/ui 0.62.3 → 0.63.0

package/dist/{chunk-BMFQG6RA.mjs → chunk-KJIX6V32.mjs}

@@ -1,26 +1,49 @@
 "use client";
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-5THF4YP6.mjs';
-import { Label } from './chunk-KHCC5UKW.mjs';
-import { Popover, PopoverTrigger, PopoverContent, useDataTableContext, buildSpreadsheetWorkbookXml, downloadExcelXml, Table, TableHeader, TableRow, TableHead, TableBody, TableCell, getUnitDivisor } from './chunk-7DHKQODW.mjs';
+import { getUnitDivisor } from './chunk-LTLCIRZY.mjs';
+import { dataTableTopperButtonProps, dataTableTopperOpenStateClasses } from './chunk-PFHOXDSW.mjs';
+import { Calendar as Calendar$1, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator } from './chunk-ORBH4IBC.mjs';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-RODSGPBB.mjs';
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-6BUBNZPG.mjs';
+import { Button } from './chunk-VBD4Q5LL.mjs';
 import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetFooter } from './chunk-FRRS2YZH.mjs';
-import { Spinner } from './chunk-HBLKVQIQ.mjs';
-import { buttonVariants, Button } from './chunk-VBD4Q5LL.mjs';
-import { DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuItem } from './chunk-OFQLWSUR.mjs';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator } from './chunk-OFQLWSUR.mjs';
 import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-YKZEKJMZ.mjs';
-import { Input } from './chunk-STEP6C4C.mjs';
 import { cn } from './chunk-IMKLN273.mjs';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronLeft, ChevronRight, Calendar as Calendar$1, Percent, Check, Minus, Plus, ListOrdered, Download, FileText, FileSpreadsheet, ChevronsLeft, ChevronsRight, Settings, ChevronDown, Search, X, Settings2, GripVertical, Eye, EyeOff, LayoutGrid, Star, Trash2, Save, ChevronsUpDown, MoreHorizontal, Filter, CalendarDays, Building2, MapPin, BarChart3, ChevronUp, SlidersHorizontal, PieChartIcon, ChartColumn } from 'lucide-react';
-import { DayPicker } from 'react-day-picker';
-import * as React12 from 'react';
+import { ChevronLeft, ChevronRight, Calendar, Percent, Check, Minus, Plus, Settings, ChevronsUpDown, MoreHorizontal, Filter, CalendarDays, Building2, MapPin, Download, FileText, FileSpreadsheet, Settings2, BarChart3, ChevronUp, ChevronDown, SlidersHorizontal, PieChartIcon, ChartColumn } from 'lucide-react';
+import * as React5 from 'react';
 import { useState, useRef, useMemo, useEffect, useCallback, Fragment as Fragment$1 } from 'react';
 import { format, parseISO, isValid, endOfMonth, startOfMonth, addMonths, subDays, addYears } from 'date-fns';
-import { cva } from 'class-variance-authority';
-import { formatDate } from '@caffeinebounce/shared-utils';
-import { Command as Command$1 } from 'cmdk';
 import { ResponsiveContainer, ComposedChart, CartesianGrid, XAxis, YAxis, ReferenceLine, Tooltip as Tooltip$1, Line, Bar, Area, AreaChart, BarChart, PieChart, Pie, Cell, Legend, Sector } from 'recharts';
 
+function Switch({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SwitchPrimitive.Root,
+    {
+      "data-slot": "switch",
+      "data-size": size,
+      className: cn(
+        "peer group/switch inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[1.15rem] data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        SwitchPrimitive.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: cn(
+            "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground"
+          )
+        }
+      )
+    }
+  );
+}
 function ChartTooltipShell({
   children,
   className
@@ -68,62 +91,6 @@ function ChartTooltipRow({
     )
   ] });
 }
-function Calendar({
-  className,
-  classNames,
-  showOutsideDays = true,
-  captionLayout = "dropdown",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DayPicker,
-    {
-      showOutsideDays,
-      captionLayout,
-      className: cn("p-3", className),
-      classNames: {
-        months: "flex flex-col sm:flex-row gap-2",
-        month: "flex flex-col gap-4",
-        dropdown_root: "relative",
-        nav: "absolute inset-x-0 top-0 flex h-8 items-center justify-between",
-        button_previous: cn(
-          buttonVariants({ variant: "outline" }),
-          "absolute left-1 top-1/2 h-7 w-7 -translate-y-1/2 bg-background p-0 opacity-70 hover:opacity-100"
-        ),
-        button_next: cn(
-          buttonVariants({ variant: "outline" }),
-          "absolute right-1 top-1/2 h-7 w-7 -translate-y-1/2 bg-background p-0 opacity-70 hover:opacity-100"
-        ),
-        month_grid: "w-full border-collapse",
-        weekdays: "flex",
-        weekday: "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
-        week: "flex w-full mt-2",
-        day: cn(
-          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50",
-          props.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"
-        ),
-        day_button: cn(
-          buttonVariants({ variant: "ghost" }),
-          "h-8 w-8 p-0 font-normal aria-selected:opacity-100"
-        ),
-        range_start: "day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground",
-        range_end: "day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground",
-        selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
-        today: "bg-accent text-accent-foreground",
-        outside: "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
-        disabled: "text-muted-foreground opacity-50",
-        range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
-        hidden: "invisible",
-        ...classNames
-      },
-      components: {
-        Chevron: ({ orientation }) => orientation === "left" ? /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
-      },
-      ...props
-    }
-  );
-}
-Calendar.displayName = "Calendar";
 var MONTHS = [
   "Jan",
   "Feb",
@@ -162,9 +129,9 @@ function ModernCalendar({
   disabled = false
 }) {
   const today = /* @__PURE__ */ new Date();
-  const [viewDate, setViewDate] = React12.useState(selected || today);
-  const [viewMode, setViewMode] = React12.useState("days");
-  const [yearRangeStart, setYearRangeStart] = React12.useState(
+  const [viewDate, setViewDate] = React5.useState(selected || today);
+  const [viewMode, setViewMode] = React5.useState("days");
+  const [yearRangeStart, setYearRangeStart] = React5.useState(
     Math.floor((selected?.getFullYear() || today.getFullYear()) / 12) * 12
   );
   const getDaysInMonth = (year, month) => {
@@ -460,7 +427,7 @@ function DatePicker({
   align = "start",
   error = false
 }) {
-  const [open, setOpen] = React12.useState(false);
+  const [open, setOpen] = React5.useState(false);
   const handleSelect = (date) => {
     onChange?.(date);
     setOpen(false);
@@ -479,7 +446,7 @@ function DatePicker({
           className
         ),
         children: [
-          /* @__PURE__ */ jsx(Calendar$1, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx(Calendar, { className: "mr-2 h-4 w-4" }),
           value ? format(value, dateFormat) : /* @__PURE__ */ jsx("span", { children: placeholder })
         ]
       }
@@ -508,8 +475,8 @@ function DateRangePicker({
   numberOfMonths = 2,
   align = "start"
 }) {
-  const [open, setOpen] = React12.useState(false);
-  const disabledMatcher = React12.useMemo(() => {
+  const [open, setOpen] = React5.useState(false);
+  const disabledMatcher = React5.useMemo(() => {
     const matchers = [];
     if (fromDate) {
       matchers.push({ before: fromDate });
@@ -532,7 +499,7 @@ function DateRangePicker({
           className
         ),
         children: [
-          /* @__PURE__ */ jsx(Calendar$1, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx(Calendar, { className: "mr-2 h-4 w-4" }),
           value?.from ? value.to ? /* @__PURE__ */ jsxs(Fragment, { children: [
             format(value.from, dateFormat),
             " -",
@@ -543,9 +510,10 @@ function DateRangePicker({
       }
     ) }),
     /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align, children: /* @__PURE__ */ jsx(
-      Calendar,
+      Calendar$1,
       {
         mode: "range",
+        captionLayout: "dropdown",
         selected: value,
         onSelect: onChange,
         disabled: disabledMatcher,
@@ -750,597 +718,9 @@ function ComparisonSelector({
     )
   ] });
 }
-
-// src/blocks/data-table/data-table-styles.ts
-var dataTableTopperButtonProps = {
-  variant: "ghost-icon",
-  size: "icon-sm"
-};
-var dataTableTopperResponsiveClasses = "w-8 @min-[450px]:w-auto @min-[450px]:px-2";
-var dataTableTopperOpenStateClasses = "data-[state=open]:text-foreground";
-var dataTableTopperIconClasses = "text-icon hover:text-icon-hover [&_svg]:transition-transform [&_svg]:duration-200 hover:[&_svg]:scale-110";
-function DataTableAddButton({
-  label = "Add",
-  icon,
-  responsiveLabel = true,
-  className,
-  children,
-  ...props
-}) {
-  const context = useDataTableContext();
-  const fontSizeClass = context?.fontSizeClass ?? "text-xs";
-  const iconElement = icon ?? /* @__PURE__ */ jsx(Plus, { className: "size-4" });
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      ...dataTableTopperButtonProps,
-      className: cn(
-        fontSizeClass,
-        responsiveLabel ? dataTableTopperResponsiveClasses : "px-2 w-auto",
-        className
-      ),
-      ...props,
-      children: [
-        iconElement,
-        responsiveLabel ? /* @__PURE__ */ jsx("span", { className: "hidden @min-[450px]:inline", children: children ?? label }) : /* @__PURE__ */ jsx("span", { children: children ?? label })
-      ]
-    }
-  );
-}
-function DataTableColumnMenuSub({
-  label,
-  icon,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
-    /* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { className: "flex items-center gap-2", children: [
-      icon ?? /* @__PURE__ */ jsx(ListOrdered, { className: "size-4 text-muted-foreground" }),
-      label
-    ] }),
-    /* @__PURE__ */ jsx(DropdownMenuSubContent, { alignOffset: -5, sideOffset: 5, children })
-  ] });
-}
-function escapeCsvField(value) {
-  if (value.includes(",") || value.includes('"') || value.includes("\n") || value.includes("\r")) {
-    return `"${value.replace(/"/g, '""')}"`;
-  }
-  return value;
-}
-function formatCsvValue(value) {
-  if (value === null || value === void 0) {
-    return "";
-  }
-  if (typeof value === "boolean") {
-    return value ? "Yes" : "No";
-  }
-  if (value instanceof Date) {
-    return value.toISOString();
-  }
-  if (typeof value === "object") {
-    try {
-      return JSON.stringify(value);
-    } catch {
-      return String(value);
-    }
-  }
-  return String(value);
-}
-function serializeTableExport({
-  table,
-  visibleColumnsOnly = true,
-  selectedRowsOnly = false,
-  customHeaders = {},
-  excludeColumns = [],
-  formatters = {}
-}) {
-  const allColumns = visibleColumnsOnly ? table.getVisibleLeafColumns() : table.getAllLeafColumns();
-  const columns = allColumns.filter((col) => {
-    const colId = col.id;
-    if (["select", "selection", "actions", "_actions"].includes(colId)) {
-      return false;
-    }
-    return !excludeColumns.includes(colId);
-  });
-  const tableRows = selectedRowsOnly ? table.getFilteredSelectedRowModel().rows : table.getFilteredRowModel().rows;
-  return {
-    headers: columns.map((col) => customHeaders[col.id] ?? col.id),
-    rows: tableRows.map(
-      (row) => columns.map((col) => {
-        const cellValue = row.getValue(col.id);
-        const formatter = formatters[col.id];
-        return formatter ? formatter(cellValue) : formatCsvValue(cellValue);
-      })
-    )
-  };
-}
-function exportToCsv({
-  table,
-  filename = "export",
-  visibleColumnsOnly = true,
-  selectedRowsOnly = false,
-  customHeaders = {},
-  excludeColumns = [],
-  formatters = {}
-}) {
-  const { headers, rows } = serializeTableExport({
-    table,
-    visibleColumnsOnly,
-    selectedRowsOnly,
-    customHeaders,
-    excludeColumns,
-    formatters
-  });
-  const csvContent = [
-    headers.map(escapeCsvField).join(","),
-    ...rows.map((row) => row.map(escapeCsvField).join(","))
-  ].join("\n");
-  const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
-  const url = URL.createObjectURL(blob);
-  const link = document.createElement("a");
-  link.setAttribute("href", url);
-  link.setAttribute("download", `${filename}.csv`);
-  link.style.visibility = "hidden";
-  document.body.appendChild(link);
-  link.click();
-  document.body.removeChild(link);
-  URL.revokeObjectURL(url);
-}
-function exportToExcel({
-  table,
-  filename = "export",
-  visibleColumnsOnly = true,
-  selectedRowsOnly = false,
-  customHeaders = {},
-  excludeColumns = [],
-  formatters = {}
-}) {
-  const { headers, rows } = serializeTableExport({
-    table,
-    visibleColumnsOnly,
-    selectedRowsOnly,
-    customHeaders,
-    excludeColumns,
-    formatters
-  });
-  const sheetRows = [
-    headers.map((header) => ({ value: header, style: "header" })),
-    ...rows.map(
-      (row) => row.map((cell) => {
-        const trimmed = cell.trim();
-        const isNumericPattern = trimmed !== "" && /^-?\d+(\.\d+)?$/.test(trimmed);
-        const hasLeadingZero = /^0\d+$/.test(trimmed) || /^-0\d+$/.test(trimmed);
-        const numValue = Number(trimmed);
-        const isNumber = isNumericPattern && !hasLeadingZero && !Number.isNaN(numValue);
-        if (isNumber) {
-          return {
-            value: numValue,
-            type: "Number",
-            style: "number"
-          };
-        }
-        return { value: cell, style: "text" };
-      })
-    )
-  ];
-  const xmlContent = buildSpreadsheetWorkbookXml({
-    worksheetName: "Data",
-    rows: sheetRows
-  });
-  downloadExcelXml(xmlContent, filename);
-}
-function DataTableExportButton({
-  table,
-  onExportCsv,
-  onExportExcel,
-  onExport,
-  // deprecated, maps to CSV
-  filename = "export",
-  label = "Export",
-  disabled = false,
-  selectedRowsOnly = false,
-  excludeColumns = [],
-  customHeaders = {},
-  formatters = {}
-}) {
-  const context = useDataTableContext();
-  const fontSizeClass = context?.fontSizeClass ?? "text-xs";
-  const [isExporting, setIsExporting] = React12.useState(false);
-  const [exportingFormat, setExportingFormat] = React12.useState(null);
-  const handleExport = React12.useCallback(
-    async (format3) => {
-      if (disabled) return;
-      setIsExporting(true);
-      setExportingFormat(format3);
-      try {
-        if (table) {
-          if (format3 === "csv") {
-            exportToCsv({
-              table,
-              filename,
-              selectedRowsOnly,
-              excludeColumns,
-              customHeaders,
-              formatters
-            });
-          } else {
-            exportToExcel({
-              table,
-              filename,
-              selectedRowsOnly,
-              excludeColumns,
-              customHeaders,
-              formatters
-            });
-          }
-        } else {
-          if (format3 === "csv") {
-            await (onExportCsv ?? onExport)?.();
-          } else {
-            await onExportExcel?.();
-          }
-        }
-      } finally {
-        setIsExporting(false);
-        setExportingFormat(null);
-      }
-    },
-    [
-      table,
-      onExportCsv,
-      onExportExcel,
-      onExport,
-      filename,
-      selectedRowsOnly,
-      excludeColumns,
-      customHeaders,
-      formatters,
-      disabled
-    ]
-  );
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          ...dataTableTopperButtonProps,
-          disabled: isExporting || disabled,
-          "aria-label": label,
-          className: dataTableTopperOpenStateClasses,
-          children: isExporting ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : /* @__PURE__ */ jsx(Download, { className: "size-4" })
-        }
-      ) }) }),
-      /* @__PURE__ */ jsx(TooltipContent, { className: fontSizeClass, children: label })
-    ] }),
-    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-44", children: [
-      /* @__PURE__ */ jsx(
-        DropdownMenuLabel,
-        {
-          className: cn("font-normal text-muted-foreground", fontSizeClass),
-          children: "Export Data"
-        }
-      ),
-      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsxs(
-        DropdownMenuItem,
-        {
-          onClick: () => handleExport("csv"),
-          disabled: isExporting,
-          className: cn("gap-2", fontSizeClass),
-          children: [
-            /* @__PURE__ */ jsx(FileText, { className: dataTableTopperIconClasses }),
-            /* @__PURE__ */ jsx("span", { children: "CSV" }),
-            exportingFormat === "csv" && /* @__PURE__ */ jsx(Spinner, { className: "size-3 ml-auto" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        DropdownMenuItem,
-        {
-          onClick: () => handleExport("excel"),
-          disabled: isExporting,
-          className: cn("gap-2", fontSizeClass),
-          children: [
-            /* @__PURE__ */ jsx(FileSpreadsheet, { className: dataTableTopperIconClasses }),
-            /* @__PURE__ */ jsx("span", { children: "Excel" }),
-            exportingFormat === "excel" && /* @__PURE__ */ jsx(Spinner, { className: "size-3 ml-auto" })
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-function DataTablePagination({
-  page,
-  pageSize,
-  pageCount,
-  totalCount,
-  selectedCount = 0,
-  pageSizeOptions = [10, 20, 30, 40, 50],
-  onPageChange,
-  onPageSizeChange,
-  className,
-  ...props
-}) {
-  const displayPageCount = Math.max(1, pageCount);
-  const canGoPrevious = page > 1;
-  const canGoNext = page < displayPageCount;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex w-full flex-row items-center justify-between gap-3 overflow-auto p-1 sm:gap-8",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-1 sm:gap-2 lg:gap-6", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ jsxs("p", { className: "whitespace-nowrap text-[length:var(--text-xs)] font-light text-muted-foreground", children: [
-              /* @__PURE__ */ jsx("span", { className: "hidden lg:inline", children: "Rows per page" }),
-              /* @__PURE__ */ jsx("span", { className: "lg:hidden", children: "Rows" })
-            ] }),
-            /* @__PURE__ */ jsxs(
-              Select,
-              {
-                value: `${pageSize}`,
-                onValueChange: (value) => onPageSizeChange(Number(value)),
-                children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { className: "h-6 w-[60px] px-2 text-[length:var(--text-xs)] focus:ring-0 focus:ring-offset-0 hover:bg-accent transition-colors", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: pageSize }) }),
-                  /* @__PURE__ */ jsx(SelectContent, { side: "top", children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx(
-                    SelectItem,
-                    {
-                      value: `${size}`,
-                      className: "text-[length:var(--text-xs)] h-7",
-                      children: size
-                    },
-                    size
-                  )) })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-1", children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                "aria-label": "Go to first page",
-                variant: "ghost",
-                className: "hidden size-7 p-0 lg:flex hover:bg-accent",
-                onClick: () => onPageChange(1),
-                disabled: !canGoPrevious,
-                children: /* @__PURE__ */ jsx(ChevronsLeft, { className: "size-3.5" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                "aria-label": "Go to previous page",
-                variant: "ghost",
-                className: "size-7 p-0 hover:bg-accent",
-                onClick: () => onPageChange(page - 1),
-                disabled: !canGoPrevious,
-                children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-3.5" })
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center text-[length:var(--text-xs)] font-light text-muted-foreground whitespace-nowrap px-1", children: [
-              /* @__PURE__ */ jsxs("span", { className: "hidden lg:inline", children: [
-                "Page ",
-                page,
-                " of ",
-                displayPageCount
-              ] }),
-              /* @__PURE__ */ jsxs("span", { className: "lg:hidden", children: [
-                page,
-                " / ",
-                displayPageCount
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                "aria-label": "Go to next page",
-                variant: "ghost",
-                className: "size-7 p-0 hover:bg-accent",
-                onClick: () => onPageChange(page + 1),
-                disabled: !canGoNext,
-                children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                "aria-label": "Go to last page",
-                variant: "ghost",
-                className: "hidden size-7 p-0 lg:flex hover:bg-accent",
-                onClick: () => onPageChange(displayPageCount),
-                disabled: !canGoNext,
-                children: /* @__PURE__ */ jsx(ChevronsRight, { className: "size-3.5" })
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-var iconButtonVariants = cva(
-  "inline-flex items-center justify-center rounded-box transition-colors duration-200 cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default: "text-muted-foreground hover:text-foreground hover:bg-accent",
-        ghost: "text-muted-foreground/50 hover:text-foreground hover:bg-transparent",
-        delete: "text-muted-foreground/50 hover:text-destructive hover:bg-transparent",
-        edit: "text-muted-foreground/50 hover:text-foreground hover:bg-transparent",
-        destructive: "text-muted-foreground/50 hover:text-destructive hover:bg-transparent",
-        success: "text-muted-foreground/50 hover:text-green-600 hover:bg-transparent",
-        successActive: "text-green-600 hover:text-muted-foreground/60 hover:bg-transparent"
-      },
-      size: {
-        default: "h-8 w-8 [&_svg]:size-4",
-        sm: "h-6 w-6 [&_svg]:size-3.5",
-        xs: "h-5 w-5 [&_svg]:size-3",
-        lg: "h-10 w-10 [&_svg]:size-5"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function IconButton({ className, variant, size, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      "data-slot": "icon-button",
-      className: cn(iconButtonVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-function useIsDesktop() {
-  const [isDesktop, setIsDesktop] = React12.useState(false);
-  React12.useEffect(() => {
-    const mediaQuery = window.matchMedia("(min-width: 768px)");
-    setIsDesktop(mediaQuery.matches);
-    const handler = (e) => setIsDesktop(e.matches);
-    mediaQuery.addEventListener("change", handler);
-    return () => mediaQuery.removeEventListener("change", handler);
-  }, []);
-  return isDesktop;
-}
-function ActionsDropdown({
-  actions,
-  fontSizeClass,
-  density
-}) {
-  const isCompact = density === "compact";
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      IconButton,
-      {
-        variant: "ghost",
-        size: isCompact ? "xs" : "sm",
-        className: "data-[state=open]:bg-muted",
-        children: [
-          /* @__PURE__ */ jsx(MoreHorizontal, { className: isCompact ? "size-3.5" : "size-4" }),
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Open menu" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "w-40", children: actions.map((action, index) => /* @__PURE__ */ jsxs("div", { children: [
-      action.separatorBefore && index > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsxs(
-        DropdownMenuItem,
-        {
-          onClick: action.onClick,
-          disabled: action.disabled,
-          className: cn(
-            fontSizeClass,
-            action.destructive && "hover:text-destructive hover:bg-destructive/10",
-            action.success && "hover:text-success hover:bg-success/10",
-            action.successActive && "text-green-600 hover:text-muted-foreground hover:bg-accent"
-          ),
-          children: [
-            action.icon && /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: cn(
-                  "mr-2",
-                  action.destructive && "group-hover:text-destructive",
-                  action.success && "group-hover:text-success",
-                  action.successActive && "text-green-600 group-hover:text-muted-foreground"
-                ),
-                children: action.icon
-              }
-            ),
-            action.label
-          ]
-        }
-      )
-    ] }, action.label)) })
-  ] });
-}
-function ActionsInline({
-  actions,
-  fontSizeClass,
-  density
-}) {
-  const isCompact = density === "compact";
-  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center", isCompact ? "gap-0.5" : "gap-1"), children: actions.map((action) => {
-    const variant = action.destructive ? "delete" : action.successActive ? "successActive" : action.success ? "success" : "ghost";
-    return /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-        IconButton,
-        {
-          variant,
-          size: isCompact ? "xs" : "default",
-          onClick: action.onClick,
-          disabled: action.disabled,
-          children: [
-            action.icon,
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: action.label })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsx(TooltipContent, { className: fontSizeClass, children: action.label })
-    ] }, action.label);
-  }) });
-}
-function DataTableRowActions({
-  actions,
-  mode = "dropdown"
-}) {
-  const context = useDataTableContext();
-  const fontSizeClass = context?.fontSizeClass ?? "text-xs";
-  const density = context?.density ?? "comfy";
-  const isDesktop = useIsDesktop();
-  if (actions.length === 0) return null;
-  if (mode === "dropdown") {
-    return /* @__PURE__ */ jsx(
-      ActionsDropdown,
-      {
-        actions,
-        fontSizeClass,
-        density
-      }
-    );
-  }
-  if (mode === "inline") {
-    return /* @__PURE__ */ jsx(
-      ActionsInline,
-      {
-        actions,
-        fontSizeClass,
-        density
-      }
-    );
-  }
-  if (isDesktop) {
-    return /* @__PURE__ */ jsx(
-      ActionsInline,
-      {
-        actions,
-        fontSizeClass,
-        density
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    ActionsDropdown,
-    {
-      actions,
-      fontSizeClass,
-      density
-    }
-  );
-}
 var STORAGE_PREFIX = "dt-settings-";
 function useDataTableSettings(tableId, settings) {
-  const [values, setValues] = React12.useState(() => {
+  const [values, setValues] = React5.useState(() => {
     const defaults = {};
     for (const s of settings) {
       defaults[s.id] = s.defaultValue;
@@ -1357,7 +737,7 @@ function useDataTableSettings(tableId, settings) {
     }
     return defaults;
   });
-  const onChange = React12.useCallback(
+  const onChange = React5.useCallback(
     (id, value) => {
       setValues((prev) => {
         const next = { ...prev, [id]: value };
@@ -1375,7 +755,7 @@ function useDataTableSettings(tableId, settings) {
     },
     [tableId]
   );
-  const getSetting = React12.useCallback(
+  const getSetting = React5.useCallback(
     (id) => values[id],
     [values]
   );
@@ -1441,1149 +821,25 @@ function DataTableSettings({
     ] }) })
   ] }) });
 }
-function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "skeleton",
-      className: cn("bg-accent animate-pulse rounded-box", className),
-      ...props
-    }
-  );
-}
-function DataTableSkeleton({
-  columnCount,
-  rowCount = 10,
-  filterCount = 0,
-  cellWidths = ["auto"],
-  withViewOptions = true,
-  withPagination = true,
-  shrinkZero = false,
+function Combobox({
+  options,
+  value,
+  onValueChange,
+  placeholder = "Select...",
+  mutedPlaceholder = true,
+  searchPlaceholder = "Search...",
+  emptyText = "No results found.",
+  disabled = false,
+  allowCreate = false,
+  createLabel = "Create new",
+  onCreateNew,
+  loading = false,
   className,
-  ...props
-}) {
-  const widths = Array.from(
-    { length: columnCount },
-    (_, index) => cellWidths[index % cellWidths.length] ?? "auto"
-  );
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn("flex w-full flex-col gap-2.5 overflow-auto", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-2 overflow-auto p-1", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-[150px] lg:w-[250px]" }),
-            filterCount > 0 && Array.from({ length: filterCount }).map((_, i) => /* @__PURE__ */ jsx(
-              Skeleton,
-              {
-                className: "h-8 w-20 border-dashed"
-              },
-              `filter-${i}`
-            ))
-          ] }),
-          withViewOptions && /* @__PURE__ */ jsx(Skeleton, { className: "hidden h-8 w-20 lg:block" })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-md border", children: /* @__PURE__ */ jsxs(Table, { children: [
-          /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { className: "hover:bg-transparent", children: widths.map((width, index) => /* @__PURE__ */ jsx(
-            TableHead,
-            {
-              style: {
-                width: shrinkZero && width === "auto" ? 0 : width,
-                minWidth: shrinkZero ? 0 : void 0
-              },
-              children: /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-full" })
-            },
-            `header-${index}`
-          )) }) }),
-          /* @__PURE__ */ jsx(TableBody, { children: Array.from({ length: rowCount }).map((_, rowIndex) => /* @__PURE__ */ jsx(
-            TableRow,
-            {
-              className: "hover:bg-transparent",
-              children: widths.map((width, cellIndex) => /* @__PURE__ */ jsx(
-                TableCell,
-                {
-                  style: {
-                    width: shrinkZero && width === "auto" ? 0 : width,
-                    minWidth: shrinkZero ? 0 : void 0
-                  },
-                  children: /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-full" })
-                },
-                `cell-${rowIndex}-${cellIndex}`
-              ))
-            },
-            `row-${rowIndex}`
-          )) })
-        ] }) }),
-        withPagination && /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-4 overflow-auto p-1 sm:gap-8", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-40 shrink-0" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 sm:gap-6 lg:gap-8", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-24" }),
-              /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-[70px]" })
-            ] }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-20" }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx(Skeleton, { className: "hidden size-8 lg:block" }),
-              /* @__PURE__ */ jsx(Skeleton, { className: "size-8" }),
-              /* @__PURE__ */ jsx(Skeleton, { className: "size-8" }),
-              /* @__PURE__ */ jsx(Skeleton, { className: "hidden size-8 lg:block" })
-            ] })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-var summaryOptions = {
-  text: [
-    { value: "none", label: "None" },
-    { value: "count", label: "Count" },
-    { value: "count_unique", label: "Count unique" },
-    { value: "percent_empty", label: "% Empty" },
-    { value: "percent_filled", label: "% Filled" }
-  ],
-  number: [
-    { value: "none", label: "None" },
-    { value: "count", label: "Count" },
-    { value: "sum", label: "Sum" },
-    { value: "average", label: "Average" },
-    { value: "median", label: "Median" },
-    { value: "min", label: "Min" },
-    { value: "max", label: "Max" },
-    { value: "range", label: "Range" },
-    { value: "percent_empty", label: "% Empty" },
-    { value: "percent_filled", label: "% Filled" }
-  ],
-  boolean: [
-    { value: "none", label: "None" },
-    { value: "count", label: "Count" },
-    { value: "percent_empty", label: "% Empty" },
-    { value: "percent_filled", label: "% Filled" }
-  ],
-  date: [
-    { value: "none", label: "None" },
-    { value: "count", label: "Count" },
-    { value: "min", label: "Earliest" },
-    { value: "max", label: "Latest" },
-    { value: "range", label: "Date range" },
-    { value: "percent_empty", label: "% Empty" },
-    { value: "percent_filled", label: "% Filled" }
-  ]
-};
-function calculateSummary(column, allData, type, dataType) {
-  if (type === "none") return "";
-  const accessor = column.accessorFn;
-  if (!accessor) return "";
-  const allValues = allData.map((row) => accessor(row, 0)).filter((v) => v !== null && v !== void 0 && v !== "");
-  const totalCount = allData.length;
-  const filledCount = allValues.length;
-  const emptyCount = totalCount - filledCount;
-  switch (type) {
-    case "count":
-      return `Count: ${filledCount.toLocaleString()}`;
-    case "count_unique": {
-      const uniqueValues = new Set(allValues.map((v) => String(v)));
-      return `Unique: ${uniqueValues.size.toLocaleString()}`;
-    }
-    case "percent_empty":
-      return totalCount > 0 ? `Empty: ${(emptyCount / totalCount * 100).toFixed(1)}%` : "Empty: 0%";
-    case "percent_filled":
-      return totalCount > 0 ? `Filled: ${(filledCount / totalCount * 100).toFixed(1)}%` : "Filled: 0%";
-    case "sum":
-    case "average":
-    case "median":
-    case "min":
-    case "max":
-    case "range": {
-      if (dataType === "number") {
-        const numericValues = allValues.map((v) => Number(v)).filter((n) => !Number.isNaN(n));
-        if (numericValues.length === 0) return "\u2014";
-        switch (type) {
-          case "sum": {
-            const sum = numericValues.reduce((a, b) => a + b, 0);
-            return `Sum: ${formatNumber(sum)}`;
-          }
-          case "average": {
-            const avg = numericValues.reduce((a, b) => a + b, 0) / numericValues.length;
-            return `Avg: ${formatNumber(avg)}`;
-          }
-          case "median": {
-            const sorted = [...numericValues].sort((a, b) => a - b);
-            const mid = Math.floor(sorted.length / 2);
-            const median = sorted.length % 2 !== 0 ? sorted[mid] : (sorted[mid - 1] + sorted[mid]) / 2;
-            return `Median: ${formatNumber(median)}`;
-          }
-          case "min":
-            return `Min: ${formatNumber(Math.min(...numericValues))}`;
-          case "max":
-            return `Max: ${formatNumber(Math.max(...numericValues))}`;
-          case "range": {
-            const min = Math.min(...numericValues);
-            const max = Math.max(...numericValues);
-            return `${formatNumber(min)} \u2013 ${formatNumber(max)}`;
-          }
-        }
-      }
-      if (dataType === "date") {
-        const dateValues = allValues.map((v) => {
-          const d = v instanceof Date ? v : new Date(String(v));
-          return d.getTime();
-        }).filter((t) => !Number.isNaN(t));
-        if (dateValues.length === 0) return "\u2014";
-        switch (type) {
-          case "min":
-            return formatDate(new Date(Math.min(...dateValues)));
-          case "max":
-            return formatDate(new Date(Math.max(...dateValues)));
-          case "range": {
-            const min = new Date(Math.min(...dateValues));
-            const max = new Date(Math.max(...dateValues));
-            return `${formatDate(min)} \u2013 ${formatDate(max)}`;
-          }
-          default:
-            return "\u2014";
-        }
-      }
-      return "\u2014";
-    }
-    default:
-      return "";
-  }
-}
-function formatNumber(n) {
-  if (Number.isInteger(n)) {
-    return n.toLocaleString();
-  }
-  return n.toLocaleString(void 0, {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  });
-}
-function DataTableSummary({
-  table,
-  allData,
-  summaryConfig,
-  onSummaryChange,
-  getColumnDataType,
-  gutterWidth = 0,
-  className
-}) {
-  const visibleColumns = table.getVisibleLeafColumns().filter((col) => col.id !== "select" && col.id !== "actions");
-  const [hoveredColumnId, setHoveredColumnId] = React12.useState(
-    null
-  );
-  const detectDataType = React12.useCallback(
-    (columnId) => {
-      if (getColumnDataType) return getColumnDataType(columnId);
-      const column = table.getColumn(columnId);
-      if (!column) return "text";
-      const meta = column.columnDef.meta;
-      if (meta?.filterType === "number") return "number";
-      if (meta?.filterType === "boolean") return "boolean";
-      const accessor = column.accessorFn;
-      if (!accessor) return "text";
-      for (const row of allData) {
-        const value = accessor(row, 0);
-        if (value === null || value === void 0) continue;
-        if (typeof value === "number") return "number";
-        if (typeof value === "boolean") return "boolean";
-        if (value instanceof Date) return "date";
-        if (typeof value === "string" && !Number.isNaN(Date.parse(value))) {
-          const parsed = new Date(value);
-          if (parsed.getFullYear() > 1900 && parsed.getFullYear() < 2100) {
-            return "date";
-          }
-        }
-        break;
-      }
-      return "text";
-    },
-    [getColumnDataType, table, allData]
-  );
-  return /* @__PURE__ */ jsxs(
-    TableRow,
-    {
-      className: cn("hover:bg-transparent border-0 bg-transparent", className),
-      children: [
-        gutterWidth > 0 && /* @__PURE__ */ jsx(TableCell, { className: "p-0 border-0", style: { width: gutterWidth } }),
-        visibleColumns.map((column, index) => {
-          const columnId = column.id;
-          const dataType = detectDataType(columnId);
-          const currentType = summaryConfig[columnId] ?? "none";
-          const options = summaryOptions[dataType] ?? summaryOptions.text;
-          const summaryValue = calculateSummary(
-            column,
-            allData,
-            currentType,
-            dataType
-          );
-          const isHovered = hoveredColumnId === columnId;
-          const isLastColumn = index === visibleColumns.length - 1;
-          const isFirstColumn = index === 0;
-          return /* @__PURE__ */ jsx(
-            TableCell,
-            {
-              className: cn(
-                "p-0 border-0",
-                isLastColumn && "rounded-br-md",
-                isFirstColumn && "rounded-bl-md"
-              ),
-              style: { width: column.getSize(), minWidth: column.getSize() },
-              children: /* @__PURE__ */ jsx(
-                SummaryCell,
-                {
-                  columnId,
-                  column,
-                  currentType,
-                  summaryValue,
-                  options,
-                  isHovered,
-                  onSummaryChange,
-                  onMouseEnter: () => setHoveredColumnId(columnId),
-                  onMouseLeave: () => setHoveredColumnId(null)
-                }
-              )
-            },
-            columnId
-          );
-        })
-      ]
-    }
-  );
-}
-function SummaryCell({
-  columnId,
-  currentType,
-  summaryValue,
-  options,
-  isHovered,
-  onSummaryChange,
-  onMouseEnter,
-  onMouseLeave
-}) {
-  const [isOpen, setIsOpen] = React12.useState(false);
-  const showCalculate = currentType === "none" && (isHovered || isOpen);
-  const context = useDataTableContext();
-  const isCompact = context?.density === "compact";
-  return (
-    // biome-ignore lint/a11y/noStaticElementInteractions: Hover state for visual feedback only
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "flex items-center min-w-0",
-          isCompact ? "px-1.5 py-0.5" : "px-2 py-1"
-        ),
-        onMouseEnter,
-        onMouseLeave,
-        role: "presentation",
-        children: /* @__PURE__ */ jsxs(DropdownMenu, { open: isOpen, onOpenChange: setIsOpen, children: [
-          /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              className: cn(
-                "group flex items-center gap-1 text-xs transition-colors rounded px-1 py-0.5 -mx-1 focus:outline-none focus-visible:outline-none",
-                currentType === "none" ? "text-muted-foreground/50 hover:text-muted-foreground" : "text-muted-foreground hover:text-foreground"
-              ),
-              children: [
-                currentType === "none" ? /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: cn(
-                      "italic transition-opacity",
-                      showCalculate ? "opacity-100" : "opacity-0"
-                    ),
-                    children: "Calculate"
-                  }
-                ) : /* @__PURE__ */ jsx("span", { className: "truncate italic pr-1", children: summaryValue }),
-                /* @__PURE__ */ jsx(
-                  ChevronDown,
-                  {
-                    className: cn(
-                      "size-3 shrink-0 transition-opacity",
-                      currentType !== "none" ? "opacity-0 group-hover:opacity-50" : "opacity-0"
-                    )
-                  }
-                )
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsx(DropdownMenuContent, { align: "start", className: "w-40", children: options.map((option) => /* @__PURE__ */ jsx(
-            DropdownMenuItem,
-            {
-              onClick: () => onSummaryChange(columnId, option.value),
-              className: cn(
-                "text-xs",
-                currentType === option.value && "bg-accent"
-              ),
-              children: option.label
-            },
-            option.value
-          )) })
-        ] })
-      }
-    )
-  );
-}
-function DataTableSearch({
-  searchValue = "",
-  searchPlaceholder = "Search...",
-  onSearchChange,
-  className
-}) {
-  const context = useDataTableContext();
-  const fontSizeClass = context?.fontSizeClass ?? "text-xs";
-  const [isExpanded, setIsExpanded] = React12.useState(false);
-  const inputRef = React12.useRef(null);
-  React12.useEffect(() => {
-    if (searchValue && !isExpanded) {
-      setIsExpanded(true);
-    }
-  }, [searchValue, isExpanded]);
-  React12.useEffect(() => {
-    if (isExpanded && inputRef.current) {
-      inputRef.current.focus();
-    }
-  }, [isExpanded]);
-  const handleBlur = () => {
-    if (!searchValue) {
-      setIsExpanded(false);
-    }
-  };
-  const handleClear = () => {
-    onSearchChange?.("");
-    setIsExpanded(false);
-  };
-  return /* @__PURE__ */ jsx("div", { className: cn("relative flex items-center", className), children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex items-center rounded-md border border-transparent transition-all duration-200 ease-out",
-        isExpanded ? "w-48 border-input bg-background" : "w-8 cursor-pointer"
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => !isExpanded && setIsExpanded(true),
-            className: cn(
-              "flex items-center justify-center shrink-0 transition-colors rounded-md",
-              dataTableTopperIconClasses,
-              isExpanded ? "size-8 cursor-default" : "size-8"
-            ),
-            "aria-label": isExpanded ? void 0 : "Search",
-            children: /* @__PURE__ */ jsx(Search, { className: "size-4" })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            ref: inputRef,
-            type: "text",
-            placeholder: searchPlaceholder,
-            value: searchValue,
-            onChange: (e) => onSearchChange?.(e.target.value),
-            onBlur: handleBlur,
-            className: cn(
-              "h-8 bg-transparent outline-none placeholder:text-muted-foreground transition-all duration-200",
-              fontSizeClass,
-              isExpanded ? "w-full pr-7 opacity-100" : "w-0 opacity-0"
-            )
-          }
-        ),
-        isExpanded && searchValue && /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: handleClear,
-            className: "absolute right-1.5 flex items-center justify-center size-5 rounded-sm hover:bg-accent/50",
-            "aria-label": "Clear search",
-            children: /* @__PURE__ */ jsx(X, { className: "size-3.5 text-muted-foreground" })
-          }
-        )
-      ]
-    }
-  ) });
-}
-function DataTableToolbar({
-  searchValue = "",
-  searchPlaceholder = "Search...",
-  onSearchChange,
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "toolbar",
-      "aria-orientation": "horizontal",
-      className: cn(
-        "flex w-full items-center justify-end gap-1 px-1",
-        className
-      ),
-      ...props,
-      children: [
-        onSearchChange && /* @__PURE__ */ jsx(
-          DataTableSearch,
-          {
-            searchValue,
-            searchPlaceholder,
-            onSearchChange
-          }
-        ),
-        children
-      ]
-    }
-  );
-}
-function DataTableTopper({
-  tabs,
-  activeTab,
-  onTabChange,
-  gutterWidth = 0,
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        // Container context for responsive layout based on available width
-        "@container w-full min-w-0 shrink-0",
-        // Visual styling
-        "border-b border-border/40 pb-1",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-row items-center justify-between gap-3", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 shrink-0 items-center gap-0.5", children: [
-          gutterWidth > 0 && /* @__PURE__ */ jsx("div", { className: "shrink-0", style: { width: gutterWidth } }),
-          tabs && tabs.length > 0 && /* @__PURE__ */ jsx("div", { className: "block @min-[450px]:hidden", children: /* @__PURE__ */ jsxs(Select, { value: activeTab, onValueChange: onTabChange, children: [
-            /* @__PURE__ */ jsx(SelectTrigger, { className: "h-7 w-[100px] text-xs", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select tab" }) }),
-            /* @__PURE__ */ jsx(SelectContent, { children: tabs.map((tab) => /* @__PURE__ */ jsx(SelectItem, { value: tab.id, children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
-              tab.label,
-              tab.count !== void 0 && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: tab.count })
-            ] }) }, tab.id)) })
-          ] }) }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "items-center gap-0.5 overflow-x-auto no-scrollbar",
-                tabs && tabs.length > 0 ? "hidden @min-[450px]:flex" : "flex"
-              ),
-              children: tabs?.map((tab) => /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => onTabChange?.(tab.id),
-                  className: cn(
-                    "relative flex items-center gap-1.5 px-2 py-1 text-sm transition-colors rounded-md whitespace-nowrap",
-                    activeTab === tab.id ? "text-foreground font-medium" : "text-muted-foreground hover:text-foreground hover:bg-accent/50"
-                  ),
-                  children: [
-                    tab.label,
-                    tab.count !== void 0 && /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        className: cn(
-                          "text-xs tabular-nums",
-                          activeTab === tab.id ? "text-muted-foreground" : "text-muted-foreground/60"
-                        ),
-                        children: tab.count
-                      }
-                    ),
-                    activeTab === tab.id && /* @__PURE__ */ jsx("span", { className: "absolute bottom-0 left-2 right-2 h-0.5 bg-foreground rounded-full" })
-                  ]
-                },
-                tab.id
-              ))
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children })
-      ] })
-    }
-  );
-}
-function getColumnDisplayName(column) {
-  const meta = column.columnDef.meta;
-  if (meta?.displayName) {
-    return meta.displayName;
-  }
-  if (typeof column.columnDef.header === "string") {
-    return column.columnDef.header;
-  }
-  return column.id;
-}
-function DataTableViewOptions({
-  table
-}) {
-  const context = useDataTableContext();
-  const fontSizeClass = context?.fontSizeClass ?? "text-xs";
-  const [draggedId, setDraggedId] = React12.useState(null);
-  const [dragOverId, setDragOverId] = React12.useState(null);
-  const columns = React12.useMemo(
-    () => table.getAllColumns().filter(
-      (column) => typeof column.accessorFn !== "undefined" && column.getCanHide()
-    ),
-    [table]
-  );
-  const columnOrder = table.getState().columnOrder;
-  const orderedColumns = React12.useMemo(() => {
-    if (!columnOrder || columnOrder.length === 0) {
-      return columns;
-    }
-    return [...columns].sort((a, b) => {
-      const aIndex = columnOrder.indexOf(a.id);
-      const bIndex = columnOrder.indexOf(b.id);
-      if (aIndex === -1 && bIndex === -1) return 0;
-      if (aIndex === -1) return 1;
-      if (bIndex === -1) return -1;
-      return aIndex - bIndex;
-    });
-  }, [columns, columnOrder]);
-  const handleDragStart = (e, columnId) => {
-    setDraggedId(columnId);
-    e.dataTransfer.effectAllowed = "move";
-    e.dataTransfer.setData("text/plain", columnId);
-  };
-  const handleDragOver = (e, columnId) => {
-    e.preventDefault();
-    if (draggedId && draggedId !== columnId) {
-      setDragOverId(columnId);
-    }
-  };
-  const handleDragLeave = () => {
-    setDragOverId(null);
-  };
-  const handleDrop = (e, targetColumnId) => {
-    e.preventDefault();
-    if (!draggedId || draggedId === targetColumnId) {
-      setDraggedId(null);
-      setDragOverId(null);
-      return;
-    }
-    const allColumnIds = table.getAllColumns().map((c) => c.id);
-    const currentOrder = columnOrder && columnOrder.length > 0 ? [...columnOrder] : [...allColumnIds];
-    const draggedIndex = currentOrder.indexOf(draggedId);
-    const targetIndex = currentOrder.indexOf(targetColumnId);
-    if (draggedIndex === -1 || targetIndex === -1) {
-      setDraggedId(null);
-      setDragOverId(null);
-      return;
-    }
-    currentOrder.splice(draggedIndex, 1);
-    currentOrder.splice(targetIndex, 0, draggedId);
-    table.setColumnOrder(currentOrder);
-    setDraggedId(null);
-    setDragOverId(null);
-  };
-  const handleDragEnd = () => {
-    setDraggedId(null);
-    setDragOverId(null);
-  };
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        ...dataTableTopperButtonProps,
-        "aria-label": "View columns",
-        className: dataTableTopperOpenStateClasses,
-        children: /* @__PURE__ */ jsx(Settings2, { className: "size-4" })
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-52", children: [
-      /* @__PURE__ */ jsx(
-        DropdownMenuLabel,
-        {
-          className: cn("font-normal text-muted-foreground", fontSizeClass),
-          children: "View Columns"
-        }
-      ),
-      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsx("div", { role: "list", className: "max-h-64 overflow-y-auto", children: orderedColumns.map((column) => {
-        const label = getColumnDisplayName(column);
-        const isVisible = column.getIsVisible();
-        const isDragging = draggedId === column.id;
-        const isDragOver = dragOverId === column.id;
-        return (
-          // biome-ignore lint/a11y/useSemanticElements: Using div with role for dropdown menu compatibility
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              role: "listitem",
-              draggable: true,
-              onDragStart: (e) => handleDragStart(e, column.id),
-              onDragOver: (e) => handleDragOver(e, column.id),
-              onDragLeave: handleDragLeave,
-              onDrop: (e) => handleDrop(e, column.id),
-              onDragEnd: handleDragEnd,
-              className: cn(
-                "flex items-center gap-2 px-2 py-1.5 rounded-sm cursor-default",
-                fontSizeClass,
-                "hover:bg-accent hover:text-accent-foreground",
-                isDragging && "opacity-50",
-                isDragOver && "bg-accent/50"
-              ),
-              children: [
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: cn(
-                      "flex items-center justify-center size-5 cursor-grab active:cursor-grabbing shrink-0",
-                      dataTableTopperIconClasses
-                    ),
-                    children: /* @__PURE__ */ jsx(GripVertical, { className: "size-3.5" })
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: cn(
-                      "flex-1",
-                      !isVisible && "text-muted-foreground"
-                    ),
-                    children: label
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => column.toggleVisibility(!isVisible),
-                    className: cn(
-                      "flex items-center justify-center size-5 rounded-sm shrink-0",
-                      dataTableTopperIconClasses
-                    ),
-                    "aria-label": isVisible ? "Hide column" : "Show column",
-                    children: isVisible ? /* @__PURE__ */ jsx(Eye, { className: "size-3.5" }) : /* @__PURE__ */ jsx(EyeOff, { className: "size-3.5" })
-                  }
-                )
-              ]
-            },
-            column.id
-          )
-        );
-      }) })
-    ] })
-  ] });
-}
-function hasUnsavedChanges(currentState, activeView) {
-  if (!activeView) return false;
-  const visA = JSON.stringify(currentState.columnVisibility ?? {});
-  const visB = JSON.stringify(activeView.columnVisibility ?? {});
-  if (visA !== visB) return true;
-  const filtA = JSON.stringify(currentState.filters ?? []);
-  const filtB = JSON.stringify(activeView.filters ?? []);
-  if (filtA !== filtB) return true;
-  const sortA = JSON.stringify(currentState.sorting ?? []);
-  const sortB = JSON.stringify(activeView.sorting ?? []);
-  if (sortA !== sortB) return true;
-  const orderA = JSON.stringify(currentState.columnOrder ?? []);
-  const orderB = JSON.stringify(activeView.columnOrder ?? []);
-  if (orderA !== orderB) return true;
-  const wrapA = JSON.stringify(currentState.columnWrapping ?? {});
-  const wrapB = JSON.stringify(activeView.columnWrapping ?? {});
-  if (wrapA !== wrapB) return true;
-  const rowA = JSON.stringify(currentState.rowOrder ?? []);
-  const rowB = JSON.stringify(activeView.rowOrder ?? []);
-  if (rowA !== rowB) return true;
-  return false;
-}
-function DataTableViews({
-  views,
-  activeViewId,
-  currentState,
-  onSelectView,
-  onSaveView,
-  onUpdateView,
-  onDeleteView,
-  onSetDefaultView,
-  className
-}) {
-  const context = useDataTableContext();
-  const fontSizeClass = context?.fontSizeClass ?? "text-xs";
-  const [saveDialogOpen, setSaveDialogOpen] = React12.useState(false);
-  const [newViewName, setNewViewName] = React12.useState("");
-  const [setAsDefault, setSetAsDefault] = React12.useState(false);
-  const [nameError, setNameError] = React12.useState(null);
-  const activeView = views.find((v) => v.id === activeViewId);
-  views.find((v) => v.isDefault);
-  const hasChanges = hasUnsavedChanges(currentState, activeView);
-  const checkDuplicateName = (name) => {
-    const trimmedName = name.trim();
-    if (!trimmedName) {
-      setNameError(null);
-      return;
-    }
-    const isDuplicate = views.some(
-      (v) => v.name.toLowerCase() === trimmedName.toLowerCase()
-    );
-    setNameError(isDuplicate ? "A view with this name already exists" : null);
-  };
-  const handleSaveNewView = () => {
-    if (!newViewName.trim()) return;
-    const trimmedName = newViewName.trim();
-    const isDuplicate = views.some(
-      (v) => v.name.toLowerCase() === trimmedName.toLowerCase()
-    );
-    if (isDuplicate) {
-      setNameError("A view with this name already exists");
-      return;
-    }
-    if (onSaveView) {
-      onSaveView({
-        name: trimmedName,
-        columnVisibility: currentState.columnVisibility,
-        columnOrder: currentState.columnOrder,
-        filters: currentState.filters,
-        sorting: currentState.sorting,
-        isDefault: setAsDefault
-      });
-    }
-    setNewViewName("");
-    setSetAsDefault(false);
-    setNameError(null);
-    setSaveDialogOpen(false);
-  };
-  const handleUpdateCurrentView = () => {
-    if (!activeViewId || !onUpdateView) return;
-    onUpdateView(activeViewId, {
-      columnVisibility: currentState.columnVisibility,
-      columnOrder: currentState.columnOrder,
-      filters: currentState.filters,
-      sorting: currentState.sorting,
-      updatedAt: (/* @__PURE__ */ new Date()).toISOString()
-    });
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-1", className), children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-        Button,
-        {
-          ...dataTableTopperButtonProps,
-          className: cn(
-            fontSizeClass,
-            dataTableTopperOpenStateClasses,
-            dataTableTopperResponsiveClasses
-          ),
-          children: [
-            /* @__PURE__ */ jsx(LayoutGrid, { className: "size-4" }),
-            /* @__PURE__ */ jsx("span", { className: "hidden @min-[450px]:inline", children: activeView?.name ?? "Default View" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "start", className: "w-56", children: [
-        views.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          views.map((view) => /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "group relative flex items-center",
-              children: [
-                /* @__PURE__ */ jsxs(
-                  DropdownMenuItem,
-                  {
-                    onClick: () => onSelectView(view),
-                    className: cn(
-                      "flex-1 flex items-center justify-between pr-16",
-                      fontSizeClass
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
-                        view.isDefault && /* @__PURE__ */ jsx(Star, { className: "size-3 fill-yellow-400 text-yellow-400" }),
-                        /* @__PURE__ */ jsx("span", { children: view.name })
-                      ] }),
-                      activeViewId === view.id && /* @__PURE__ */ jsx(Check, { className: "size-3.5 text-primary" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxs("div", { className: "absolute right-2 flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: [
-                  !view.isDefault && onSetDefaultView && /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: (e) => {
-                        e.stopPropagation();
-                        onSetDefaultView(view.id);
-                      },
-                      className: "p-1 rounded hover:bg-accent text-muted-foreground hover:text-foreground",
-                      title: "Set as default",
-                      children: /* @__PURE__ */ jsx(Star, { className: "size-3" })
-                    }
-                  ),
-                  views.length > 1 && onDeleteView && /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: (e) => {
-                        e.stopPropagation();
-                        onDeleteView(view.id);
-                      },
-                      className: "p-1 rounded hover:bg-accent text-muted-foreground hover:text-destructive",
-                      title: "Delete view",
-                      children: /* @__PURE__ */ jsx(Trash2, { className: "size-3" })
-                    }
-                  )
-                ] })
-              ]
-            },
-            view.id
-          )),
-          /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
-        ] }) : null,
-        onUpdateView && hasChanges && activeView && /* @__PURE__ */ jsxs(
-          DropdownMenuItem,
-          {
-            onClick: handleUpdateCurrentView,
-            className: fontSizeClass,
-            children: [
-              /* @__PURE__ */ jsx(Save, { className: "mr-2 size-3.5" }),
-              "Save changes"
-            ]
-          }
-        ),
-        onSaveView && /* @__PURE__ */ jsxs(
-          DropdownMenuItem,
-          {
-            onClick: () => setSaveDialogOpen(true),
-            className: fontSizeClass,
-            children: [
-              /* @__PURE__ */ jsx(Plus, { className: "mr-2 size-3.5" }),
-              "Save as new view"
-            ]
-          }
-        )
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx(
-      Dialog,
-      {
-        open: saveDialogOpen,
-        onOpenChange: (open) => {
-          setSaveDialogOpen(open);
-          if (!open) {
-            setNewViewName("");
-            setSetAsDefault(false);
-            setNameError(null);
-          }
-        },
-        children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", children: [
-          /* @__PURE__ */ jsxs(DialogHeader, { children: [
-            /* @__PURE__ */ jsx(DialogTitle, { children: "Save View" }),
-            /* @__PURE__ */ jsx(DialogDescription, { children: "Save your current table configuration as a reusable view." })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-4 py-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx(Label, { htmlFor: "view-name", children: "View name" }),
-              /* @__PURE__ */ jsx(
-                Input,
-                {
-                  id: "view-name",
-                  placeholder: "e.g., Active Users, Recent Signups",
-                  value: newViewName,
-                  onChange: (e) => {
-                    setNewViewName(e.target.value);
-                    checkDuplicateName(e.target.value);
-                  },
-                  onKeyDown: (e) => {
-                    if (e.key === "Enter") handleSaveNewView();
-                  },
-                  className: nameError ? "border-destructive" : "",
-                  autoFocus: true
-                }
-              ),
-              nameError && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: nameError })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  type: "checkbox",
-                  id: "set-default",
-                  checked: setAsDefault,
-                  onChange: (e) => setSetAsDefault(e.target.checked),
-                  className: "size-4 rounded border-muted-foreground/30"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Label,
-                {
-                  htmlFor: "set-default",
-                  className: "text-sm font-normal cursor-pointer",
-                  children: "Set as default view"
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs(DialogFooter, { children: [
-            /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setSaveDialogOpen(false), children: "Cancel" }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                onClick: handleSaveNewView,
-                disabled: !newViewName.trim() || !!nameError,
-                children: "Save View"
-              }
-            )
-          ] })
-        ] })
-      }
-    )
-  ] });
-}
-function Command({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1,
-    {
-      className: cn(
-        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-box",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandDialog({
-  children,
-  title = "Command palette",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsxs(DialogContent, { className: "overflow-hidden p-0", children: [
-    /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: title }),
-    /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
-  ] }) });
-}
-function CommandInput({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-    /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-    /* @__PURE__ */ jsx(
-      Command$1.Input,
-      {
-        className: cn(
-          "placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground flex h-10 w-full rounded-box bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        ),
-        ...props
-      }
-    )
-  ] });
-}
-function CommandList({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.List,
-    {
-      className: cn(
-        "max-h-[300px] overflow-y-auto overflow-x-hidden scroll-py-1",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandEmpty({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.Empty,
-    {
-      className: cn("py-6 text-center text-sm", className),
-      ...props
-    }
-  );
-}
-function CommandGroup({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.Group,
-    {
-      className: cn(
-        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.Separator,
-    {
-      className: cn("bg-border -mx-1 h-px", className),
-      ...props
-    }
-  );
-}
-function CommandItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.Item,
-    {
-      className: cn(
-        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandShortcut({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function Combobox({
-  options,
-  value,
-  onValueChange,
-  placeholder = "Select...",
-  mutedPlaceholder = true,
-  searchPlaceholder = "Search...",
-  emptyText = "No results found.",
-  disabled = false,
-  allowCreate = false,
-  createLabel = "Create new",
-  onCreateNew,
-  loading = false,
-  className,
-  size = "default",
-  align = "start",
-  error = false,
-  icon,
-  "aria-label": ariaLabel
+  size = "default",
+  align = "start",
+  error = false,
+  icon,
+  "aria-label": ariaLabel
 }) {
   const [open, setOpen] = useState(false);
   const [searchValue, setSearchValue] = useState("");
@@ -2754,40 +1010,6 @@ function Combobox({
     )
   ] });
 }
-var Switch = React12.forwardRef(
-  ({ className, checked = false, onCheckedChange, disabled, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        role: "switch",
-        "aria-checked": checked,
-        "data-state": checked ? "checked" : "unchecked",
-        disabled,
-        ref,
-        onClick: () => onCheckedChange?.(!checked),
-        className: cn(
-          "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors",
-          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
-          "disabled:cursor-not-allowed disabled:opacity-50",
-          checked ? "bg-primary" : "bg-input",
-          className
-        ),
-        ...props,
-        children: /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn(
-              "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform",
-              checked ? "translate-x-4" : "translate-x-0"
-            )
-          }
-        )
-      }
-    );
-  }
-);
-Switch.displayName = "Switch";
 function MobilePeriodStepper({
   periodLabel,
   onPrev,
@@ -3053,11 +1275,11 @@ function PeriodSelector({
   className
 }) {
   const fiscalMonth = normalizeFiscalYearEndMonth(fiscalYearEndMonth);
-  const now = React12.useMemo(() => /* @__PURE__ */ new Date(), []);
+  const now = React5.useMemo(() => /* @__PURE__ */ new Date(), []);
   const selectedStart = safeParseDate(periodStart, now);
   const selectedEnd = safeParseDate(periodEnd, now);
   const anchorDate = granularity === "custom" ? selectedEnd : selectedStart;
-  const ranges = React12.useMemo(() => {
+  const ranges = React5.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const row of GRANULARITY_ROWS) {
       const rowAnchor = row.key === granularity ? anchorDate : now;
@@ -3069,7 +1291,7 @@ function PeriodSelector({
     return map;
   }, [anchorDate, fiscalMonth, granularity, now]);
   const activeLabel = allDates ? "All dates" : formatRangeLabel(granularity, selectedStart, selectedEnd);
-  const applyRange = React12.useCallback(
+  const applyRange = React5.useCallback(
     (nextGranularity, nextRange) => {
       onChange({
         granularity: nextGranularity,
@@ -3081,7 +1303,7 @@ function PeriodSelector({
     },
     [onChange]
   );
-  const applyAllDates = React12.useCallback(() => {
+  const applyAllDates = React5.useCallback(() => {
     onChange({
       granularity,
       periodStart: "",
@@ -3090,7 +1312,7 @@ function PeriodSelector({
       allDates: true
     });
   }, [granularity, onChange]);
-  const selectGranularity = React12.useCallback(
+  const selectGranularity = React5.useCallback(
     (nextGranularity) => {
       const range = ranges.get(nextGranularity);
       if (!range) return;
@@ -3098,7 +1320,7 @@ function PeriodSelector({
     },
     [applyRange, ranges]
   );
-  const navigate = React12.useCallback(
+  const navigate = React5.useCallback(
     (rowGranularity, direction) => {
       const current = !allDates && granularity === rowGranularity ? { start: selectedStart, end: selectedEnd } : ranges.get(rowGranularity);
       if (!current) return;
@@ -3919,7 +2141,7 @@ function PieChartView({
     fill: card.color
   }));
   const pieTotal = pieData.reduce((sum, item) => sum + item.value, 0);
-  const activeSliceKeys = React12.useMemo(() => {
+  const activeSliceKeys = React5.useMemo(() => {
     if (!activeMetric) return /* @__PURE__ */ new Set();
     const computed = computedMetrics?.find((m) => m.key === activeMetric);
     if (computed) {
@@ -3927,7 +2149,7 @@ function PieChartView({
     }
     return /* @__PURE__ */ new Set([activeMetric]);
   }, [activeMetric, computedMetrics]);
-  const renderSlice = React12.useCallback(
+  const renderSlice = React5.useCallback(
     (props) => {
       const {
         cx,
@@ -4127,38 +2349,38 @@ function FinancialSummaryChart({
   periodLabel: periodLabelProp,
   className
 }) {
-  const [expanded, setExpanded] = React12.useState(
+  const [expanded, setExpanded] = React5.useState(
     () => resolveDefaultExpanded(config.defaultExpanded)
   );
-  const [activeChartType, setActiveChartType] = React12.useState(
+  const [activeChartType, setActiveChartType] = React5.useState(
     config.chartType ?? "area"
   );
-  const [activeMetric, setActiveMetric] = React12.useState(null);
-  const [flippedCards, setFlippedCards] = React12.useState(
+  const [activeMetric, setActiveMetric] = React5.useState(null);
+  const [flippedCards, setFlippedCards] = React5.useState(
     /* @__PURE__ */ new Set()
   );
-  const [mobileCardIndex, setMobileCardIndex] = React12.useState(0);
-  const [useSwipeCards, setUseSwipeCards] = React12.useState(false);
-  const touchStartRef = React12.useRef(null);
-  const touchDeltaRef = React12.useRef({ x: 0, y: 0 });
+  const [mobileCardIndex, setMobileCardIndex] = React5.useState(0);
+  const [useSwipeCards, setUseSwipeCards] = React5.useState(false);
+  const touchStartRef = React5.useRef(null);
+  const touchDeltaRef = React5.useRef({ x: 0, y: 0 });
   const divisor = config.chartDisplayUnits && config.chartDisplayUnits !== "auto" ? getUnitDivisor(config.chartDisplayUnits) : 1;
-  const { chartData, summaryCards } = React12.useMemo(
+  const { chartData, summaryCards } = React5.useMemo(
     () => buildChartData(data, config, timeUnit, priorTotalsProp),
     [data, config, timeUnit, priorTotalsProp]
   );
-  const visibleSummaryCards = React12.useMemo(() => {
+  const visibleSummaryCards = React5.useMemo(() => {
     if (!config.statCardKeys?.length) return summaryCards;
     const cardByKey = new Map(summaryCards.map((card) => [card.key, card]));
     return config.statCardKeys.map((key) => cardByKey.get(key)).filter((card) => Boolean(card));
   }, [config.statCardKeys, summaryCards]);
   const cardFlipEnabled = config.enableCardFlip ?? true;
-  React12.useEffect(() => {
+  React5.useEffect(() => {
     setExpanded(resolveDefaultExpanded(config.defaultExpanded));
   }, [config.defaultExpanded]);
-  React12.useEffect(() => {
+  React5.useEffect(() => {
     setActiveChartType(config.chartType ?? "area");
   }, [config.chartType]);
-  const allMetrics = React12.useMemo(() => {
+  const allMetrics = React5.useMemo(() => {
     const baseChartType = config.chartType && config.chartType !== "pie" ? config.chartType : "area";
     return [
       ...config.metrics.map((m) => ({
@@ -4179,7 +2401,7 @@ function FinancialSummaryChart({
       }))
     ];
   }, [config]);
-  const axisValueDisplay = React12.useMemo(() => {
+  const axisValueDisplay = React5.useMemo(() => {
     if (allMetrics.length === 0) return { format: "currency" };
     const first = allMetrics[0]?.valueDisplay ?? { format: "currency" };
     const firstFormat = first.format ?? "currency";
@@ -4190,12 +2412,12 @@ function FinancialSummaryChart({
     });
     return sameBase ? first : { format: "currency" };
   }, [allMetrics]);
-  React12.useEffect(() => {
+  React5.useEffect(() => {
     setMobileCardIndex(
       (prev) => Math.min(Math.max(prev, 0), Math.max(visibleSummaryCards.length - 1, 0))
     );
   }, [visibleSummaryCards.length]);
-  React12.useEffect(() => {
+  React5.useEffect(() => {
     if (typeof window === "undefined") return;
     const coarsePointerQuery = window.matchMedia(
       "(hover: none) and (pointer: coarse)"
@@ -4214,10 +2436,10 @@ function FinancialSummaryChart({
       desktopWidthQuery.removeEventListener("change", syncSwipeMode);
     };
   }, []);
-  const handleCardClick = React12.useCallback((key) => {
+  const handleCardClick = React5.useCallback((key) => {
     setActiveMetric((prev) => prev === key ? null : key);
   }, []);
-  const handleFlip = React12.useCallback(
+  const handleFlip = React5.useCallback(
     (e, key) => {
       e.stopPropagation();
       setFlippedCards((prev) => {
@@ -4229,7 +2451,7 @@ function FinancialSummaryChart({
     },
     []
   );
-  const goToMobileCard = React12.useCallback(
+  const goToMobileCard = React5.useCallback(
     (nextIndex) => {
       setMobileCardIndex(
         Math.min(
@@ -4240,7 +2462,7 @@ function FinancialSummaryChart({
     },
     [visibleSummaryCards.length]
   );
-  const handleTouchStart = React12.useCallback(
+  const handleTouchStart = React5.useCallback(
     (e) => {
       if (visibleSummaryCards.length <= 1) return;
       const touch = e.touches[0];
@@ -4249,7 +2471,7 @@ function FinancialSummaryChart({
     },
     [visibleSummaryCards.length]
   );
-  const handleTouchMove = React12.useCallback(
+  const handleTouchMove = React5.useCallback(
     (e) => {
       if (!touchStartRef.current || visibleSummaryCards.length <= 1) return;
       const touch = e.touches[0];
@@ -4260,7 +2482,7 @@ function FinancialSummaryChart({
     },
     [visibleSummaryCards.length]
   );
-  const handleTouchEnd = React12.useCallback(() => {
+  const handleTouchEnd = React5.useCallback(() => {
     if (!touchStartRef.current || visibleSummaryCards.length <= 1) return;
     const { x, y } = touchDeltaRef.current;
     const swipeThreshold = 40;
@@ -4271,7 +2493,7 @@ function FinancialSummaryChart({
     touchStartRef.current = null;
     touchDeltaRef.current = { x: 0, y: 0 };
   }, [goToMobileCard, mobileCardIndex, visibleSummaryCards.length]);
-  const getMetricOpacity = React12.useCallback(
+  const getMetricOpacity = React5.useCallback(
     (key) => {
       if (!activeMetric) return 1;
       if (key === activeMetric) return 1;
@@ -4287,7 +2509,7 @@ function FinancialSummaryChart({
     [activeMetric, config.computedMetrics]
   );
   const hasChartToggle = !!config.chartTypes && config.chartTypes.length > 1;
-  const renderSummaryCard = React12.useCallback(
+  const renderSummaryCard = React5.useCallback(
     (card) => {
       const cardValueDisplay = card.valueDisplay ?? axisValueDisplay;
       const isPositiveTrend = card.key === "expenses" ? (card.trend ?? 0) < 0 : (card.trend ?? 0) > 0;
@@ -5185,8 +3407,8 @@ function SummaryPanel({
   renderChart,
   chartControls
 }) {
-  const [expanded, setExpanded] = React12.useState(defaultExpanded);
-  const [activeChartType, setActiveChartType] = React12.useState(defaultChartType);
+  const [expanded, setExpanded] = React5.useState(defaultExpanded);
+  const [activeChartType, setActiveChartType] = React5.useState(defaultChartType);
   const formatFn = formatValue ?? defaultFormat;
   const hasChart = !!chartData && chartData.length > 0 && !!chartSeries || !!renderChart;
   const hasChartToggle = chartTypes && chartTypes.length > 1;
@@ -5358,7 +3580,7 @@ function SummaryPanel({
   ] });
 }
 
-// src/blocks/data-table/UnifiedTableControls.schema.ts
+// src/blocks/finance/UnifiedTableControls.schema.ts
 var unifiedTableControlOrder = [
   "period",
   "comparison",
@@ -5403,11 +3625,11 @@ function useUnifiedTableSettings(tableId, settings) {
   );
 }
 function useIsMobile(breakpoint = 768) {
-  const [isMobile, setIsMobile] = React12.useState(() => {
+  const [isMobile, setIsMobile] = React5.useState(() => {
     if (typeof window === "undefined") return false;
     return window.innerWidth < breakpoint;
   });
-  React12.useEffect(() => {
+  React5.useEffect(() => {
     const onResize = () => setIsMobile(window.innerWidth < breakpoint);
     onResize();
     window.addEventListener("resize", onResize);
@@ -5421,12 +3643,12 @@ function UnifiedTableControls({
   className,
   ...props
 }) {
-  const normalized = React12.useMemo(
+  const normalized = React5.useMemo(
     () => normalizeUnifiedTableControls(controls),
     [controls]
   );
   const isMobile = useIsMobile();
-  const [mobileOpen, setMobileOpen] = React12.useState(false);
+  const [mobileOpen, setMobileOpen] = React5.useState(false);
   if (!normalized.length) return null;
   if (!isMobile) {
     return /* @__PURE__ */ jsx(
@@ -5535,4 +3757,4 @@ function UnifiedTableControls({
   ] });
 }
 
-export { AreaLineChart, CASH_FLOW_CHART_CONFIG, Calendar, ChartTooltipRow, ChartTooltipShell, ChartTooltipTitle, ColumnChart, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparisonSelector, DataTableAddButton, DataTableColumnMenuSub, DataTableExportButton, DataTablePagination, DataTableRowActions, DataTableSearch, DataTableSettings, DataTableSkeleton, DataTableSummary, DataTableToolbar, DataTableTopper, DataTableViewOptions, DataTableViews, DatePicker, DateRangePicker, FinancialStatementControls, FinancialSummaryChart, INCOME_STATEMENT_CHART_CONFIG, IconButton, MobilePeriodStepper, MobileStatementActions, MobileStatementFilters, ModernCalendar, PeriodSelector, PieChartView2 as PieChartView, Skeleton, SummaryPanel, Switch, UnifiedTableControls, createFinanceTableSettingsItems, exportToCsv, exportToExcel, iconButtonVariants, normalizeUnifiedTableControls, unifiedTableControlOrder, useDataTableSettings, useUnifiedTableSettings };
+export { AreaLineChart, CASH_FLOW_CHART_CONFIG, ChartTooltipRow, ChartTooltipShell, ChartTooltipTitle, ColumnChart, Combobox, ComparisonSelector, DataTableSettings, DatePicker, DateRangePicker, FinancialStatementControls, FinancialSummaryChart, INCOME_STATEMENT_CHART_CONFIG, MobilePeriodStepper, MobileStatementActions, MobileStatementFilters, ModernCalendar, PeriodSelector, PieChartView2 as PieChartView, SummaryPanel, Switch, UnifiedTableControls, createFinanceTableSettingsItems, normalizeUnifiedTableControls, unifiedTableControlOrder, useDataTableSettings, useUnifiedTableSettings };