@wealthx/shadcn 1.0.1 → 1.1.0

package/dist/index.js

@@ -95,9 +95,21 @@ __export(index_exports, {
   CardFooter: () => CardFooter,
   CardHeader: () => CardHeader,
   CardTitle: () => CardTitle,
+  CashflowBarChart: () => CashflowBarChart,
   Checkbox: () => Checkbox,
   CheckboxCard: () => CheckboxCard,
   Chip: () => Chip,
+  Combobox: () => Combobox,
+  ComboboxContent: () => ComboboxContent,
+  ComboboxEmpty: () => ComboboxEmpty,
+  ComboboxGroup: () => ComboboxGroup,
+  ComboboxGroupLabel: () => ComboboxGroupLabel,
+  ComboboxInput: () => ComboboxInput,
+  ComboboxItem: () => ComboboxItem,
+  ComboboxList: () => ComboboxList,
+  ComboboxSeparator: () => ComboboxSeparator,
+  ComboboxTrigger: () => ComboboxTrigger,
+  ComboboxValue: () => ComboboxValue,
   DataTable: () => DataTable,
   DataTableColumnHeader: () => DataTableColumnHeader,
   DataTablePagination: () => DataTablePagination,
@@ -145,6 +157,7 @@ __export(index_exports, {
   EmptyHeader: () => EmptyHeader,
   EmptyMedia: () => EmptyMedia,
   EmptyTitle: () => EmptyTitle,
+  ExpenseBarChart: () => ExpenseBarChart,
   FONT_FAMILY_SANS: () => FONT_FAMILY_SANS,
   Field: () => Field,
   FieldContent: () => FieldContent,
@@ -156,6 +169,7 @@ __export(index_exports, {
   FieldSeparator: () => FieldSeparator,
   FieldSet: () => FieldSet,
   FieldTitle: () => FieldTitle,
+  IncomeBarChart: () => IncomeBarChart,
   Input: () => Input,
   InputGroup: () => InputGroup,
   InputGroupAddon: () => InputGroupAddon,
@@ -207,6 +221,7 @@ __export(index_exports, {
   SheetTitle: () => SheetTitle,
   SheetTrigger: () => SheetTrigger,
   Skeleton: () => Skeleton,
+  Slider: () => Slider,
   Spinner: () => Spinner,
   Switch: () => Switch,
   SwitchCard: () => SwitchCard,
@@ -234,10 +249,11 @@ __export(index_exports, {
   Toggle: () => Toggle,
   ToggleGroup: () => ToggleGroup,
   ToggleGroupItem: () => ToggleGroupItem,
-  Tooltip: () => Tooltip,
+  Tooltip: () => Tooltip5,
   TooltipContent: () => TooltipContent,
   TooltipProvider: () => TooltipProvider,
   TooltipTrigger: () => TooltipTrigger,
+  TransactionsIncomeExpenseBarChart: () => TransactionsIncomeExpenseBarChart,
   badgeVariants: () => badgeVariants,
   buttonVariants: () => buttonVariants,
   cn: () => cn,
@@ -355,91 +371,235 @@ function getResponsiveTypographyCssVars(breakpoint) {
   return vars;
 }
 
-// src/components/ui/accordion.tsx
-var import_lucide_react = require("lucide-react");
-var import_accordion = require("@base-ui/react/accordion");
+// src/components/ui/transactions-income-expense-bar-chart.tsx
+var import_react3 = require("react");
+var import_chart = require("chart.js");
+var import_chartjs_plugin_datalabels = __toESM(require("chartjs-plugin-datalabels"));
+var import_react_chartjs_2 = require("react-chartjs-2");
+
+// src/lib/theme-provider.tsx
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
-function Accordion(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.Accordion.Root, __spreadValues({ "data-slot": "accordion" }, props));
+var ThemeVarsContext = (0, import_react.createContext)({});
+function useThemeVars() {
+  return (0, import_react.useContext)(ThemeVarsContext);
 }
-function AccordionItem(_a) {
+
+// src/components/ui/card.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Card(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_accordion.Accordion.Item,
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
     __spreadValues({
-      className: cn("border-b", className),
-      "data-slot": "accordion-item"
+      className: cn(
+        "flex flex-col gap-6 border bg-card py-6 text-card-foreground shadow-sm",
+        className
+      ),
+      "data-slot": "card"
     }, props)
   );
 }
-function AccordionTrigger(_a) {
-  var _b = _a, {
-    className,
-    children
-  } = _b, props = __objRest(_b, [
-    "className",
-    "children"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.Accordion.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_accordion.Accordion.Trigger,
-    __spreadProps(__spreadValues({
+function CardHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    __spreadValues({
       className: cn(
-        // layout
-        "flex flex-1 items-center justify-between gap-4 py-4 text-left",
-        // typography
-        "text-sm font-medium",
-        // base
-        "rounded-none outline-none transition-[color,opacity]",
-        // interactive states
-        "hover:underline",
-        "focus-visible:ring-2 focus-visible:ring-foreground/30",
-        "disabled:pointer-events-none disabled:opacity-50",
-        // chevron rotation when open
-        "[&[data-panel-open]>svg]:rotate-180",
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
         className
       ),
-      "data-slot": "accordion-trigger"
-    }, props), {
-      children: [
-        children,
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
-      ]
-    })
-  ) });
+      "data-slot": "card-header"
+    }, props)
+  );
 }
-function AccordionContent(_a) {
+function CardTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    __spreadValues({
+      className: cn("leading-none font-semibold", className),
+      "data-slot": "card-title"
+    }, props)
+  );
+}
+function CardDescription(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    __spreadValues({
+      className: cn("text-sm text-muted-foreground", className),
+      "data-slot": "card-description"
+    }, props)
+  );
+}
+function CardAction(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        className
+      ),
+      "data-slot": "card-action"
+    }, props)
+  );
+}
+function CardContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    __spreadValues({
+      className: cn("px-6", className),
+      "data-slot": "card-content"
+    }, props)
+  );
+}
+function CardFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    __spreadValues({
+      className: cn("flex items-center px-6 [.border-t]:pt-6", className),
+      "data-slot": "card-footer"
+    }, props)
+  );
+}
+
+// src/components/ui/empty.tsx
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Empty(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(
+        "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 border border-dashed p-6 text-center text-balance md:p-12",
+        className
+      ),
+      "data-slot": "empty"
+    }, props)
+  );
+}
+function EmptyHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(
+        "flex max-w-sm flex-col items-center gap-2 text-center",
+        className
+      ),
+      "data-slot": "empty-header"
+    }, props)
+  );
+}
+var emptyMediaVariants = (0, import_class_variance_authority.cva)(
+  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "[&_svg:not([class*='size-'])]:size-10",
+        icon: "flex size-10 shrink-0 items-center justify-center text-muted-foreground [&_svg:not([class*='size-'])]:size-6"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function EmptyMedia(_a) {
   var _b = _a, {
     className,
-    children
+    variant = "default"
   } = _b, props = __objRest(_b, [
     "className",
-    "children"
+    "variant"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_accordion.Accordion.Panel,
-    __spreadProps(__spreadValues({
-      className: "overflow-hidden text-sm h-(--accordion-panel-height) transition-[height] duration-200 ease-out data-starting-style:h-0 data-ending-style:h-0",
-      "data-slot": "accordion-content"
-    }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("pb-4 text-muted-foreground", className), children })
-    })
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(emptyMediaVariants({ variant, className })),
+      "data-slot": "empty-icon",
+      "data-variant": variant
+    }, props)
+  );
+}
+function EmptyTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    __spreadValues({
+      className: cn("text-lg font-medium tracking-tight", className),
+      "data-slot": "empty-title"
+    }, props)
+  );
+}
+function EmptyDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(
+        "text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+        className
+      ),
+      "data-slot": "empty-description"
+    }, props)
+  );
+}
+function EmptyContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(
+        "flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance",
+        className
+      ),
+      "data-slot": "empty-content"
+    }, props)
   );
 }
 
-// src/components/ui/alert-dialog.tsx
-var import_alert_dialog = require("@base-ui/react/alert-dialog");
-
-// src/lib/theme-provider.tsx
-var import_react = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var ThemeVarsContext = (0, import_react.createContext)({});
-function useThemeVars() {
-  return (0, import_react.useContext)(ThemeVarsContext);
+// src/components/ui/spinner.tsx
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var spinnerVariants = (0, import_class_variance_authority2.cva)("animate-spin shrink-0", {
+  variants: {
+    size: {
+      sm: "size-3",
+      default: "size-4",
+      lg: "size-6",
+      xl: "size-8"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+function Spinner(_a) {
+  var _b = _a, { className, size } = _b, props = __objRest(_b, ["className", "size"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_lucide_react.LoaderCircle,
+    __spreadValues({
+      "aria-hidden": "true",
+      className: cn(spinnerVariants({ size }), className),
+      "data-slot": "spinner"
+    }, props)
+  );
 }
 
 // src/components/ui/button.tsx
 var import_react2 = require("react");
-var import_class_variance_authority = require("class-variance-authority");
+var import_class_variance_authority3 = require("class-variance-authority");
 var import_lucide_react2 = require("lucide-react");
 
 // src/lib/slot.tsx
@@ -490,8 +650,8 @@ var Slot = React2.forwardRef(
 Slot.displayName = "Slot";
 
 // src/components/ui/button.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var buttonVariants = (0, import_class_variance_authority.cva)(
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority3.cva)(
   "inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 font-sans text-sm font-medium whitespace-nowrap transition-all active:scale-[0.98] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     variants: {
@@ -516,63 +676,901 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
         "icon-lg": "size-10"
       }
     },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = (0, import_react2.forwardRef)(function Button2(_a, ref) {
+  var _b = _a, {
+    className,
+    variant,
+    size,
+    asChild = false,
+    loading = false,
+    disabled,
+    type = "button",
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "size",
+    "asChild",
+    "loading",
+    "disabled",
+    "type",
+    "children"
+  ]);
+  const Comp = asChild ? Slot : "button";
+  const isIconOnly = size === "icon" || size === "icon-xs" || size === "icon-sm" || size === "icon-lg";
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    Comp,
+    __spreadProps(__spreadValues({
+      className: cn(buttonVariants({ variant, size, className })),
+      "data-size": size,
+      "data-slot": "button",
+      "data-variant": variant,
+      disabled: loading || disabled,
+      ref,
+      type
+    }, props), {
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Loader2, { "aria-hidden": "true", className: "animate-spin" }),
+        !isIconOnly && children
+      ] }) : children
+    })
+  );
+});
+
+// src/components/ui/chart-shared.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var CHART_SLICE_COUNT = {
+  monthly: { 1: 1, 3: 3, 6: 6, 12: 12 },
+  daily: { 1: 30, 3: 90, 6: 180, 12: 365 }
+};
+var CHART_PERIODS = {
+  monthly: [3, 6, 12],
+  daily: [1, 3, 6, 12]
+};
+function hexToRgba(hex, alpha) {
+  const clean = hex.replace("#", "");
+  const full = clean.length === 3 ? clean.split("").map((c) => c + c).join("") : clean;
+  const r = parseInt(full.slice(0, 2), 16);
+  const g = parseInt(full.slice(2, 4), 16);
+  const b = parseInt(full.slice(4, 6), 16);
+  return `rgba(${r},${g},${b},${alpha})`;
+}
+var DATASET_ALPHAS = [1, 0.72, 0.52, 0.36, 0.24, 0.15];
+var FALLBACK_TICK = "#9EAAB5";
+function formatTooltipDate(iso, granularity) {
+  const d = new Date(iso);
+  return d.toLocaleDateString(
+    "en-US",
+    granularity === "daily" ? { month: "short", day: "numeric", year: "numeric" } : { month: "short", year: "numeric" }
+  );
+}
+function ChartLegendItem({ label, color }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { width: 10, height: 10, backgroundColor: color, flexShrink: 0 } }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[11px] text-muted-foreground leading-none", children: label })
+  ] });
+}
+function ChartPeriodButton({
+  period,
+  active,
+  onClick
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Button, { variant: active ? "default" : "outline", size: "xs", onClick, children: [
+    period,
+    "M"
+  ] });
+}
+
+// src/components/ui/transactions-income-expense-bar-chart.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+import_chart.Chart.register(import_chart.CategoryScale, import_chart.LinearScale, import_chart.BarElement, import_chart.Tooltip);
+var FALLBACK_PRIMARY = "#33FF99";
+var FALLBACK_SECONDARY = "#162029";
+var VALUE_LABEL_COLOR = "#162029";
+function formatDollar(value) {
+  return `$${value.toLocaleString(void 0, {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  })}`;
+}
+function TransactionsIncomeExpenseBarChart({
+  totalIncome,
+  totalExpense,
+  title = "Transactions \u2014 Income vs Expense",
+  height = 120,
+  width = "100%",
+  className,
+  isLoading = false
+}) {
+  const themeVars = useThemeVars();
+  const brandPrimary = themeVars["--theme-primary"] || FALLBACK_PRIMARY;
+  const brandSecondary = themeVars["--theme-secondary"] || FALLBACK_SECONDARY;
+  const hasData = totalIncome != null && totalExpense != null;
+  const incomeVal = totalIncome != null ? totalIncome : 0;
+  const expenseVal = Math.abs(totalExpense != null ? totalExpense : 0);
+  const maxVal = Math.max(incomeVal, expenseVal);
+  const chartData = (0, import_react3.useMemo)(() => {
+    if (!hasData) return { labels: [], datasets: [] };
+    return {
+      labels: ["Incoming", "Outgoing"],
+      datasets: [
+        {
+          barThickness: 40,
+          backgroundColor: [brandPrimary, brandSecondary],
+          hoverBackgroundColor: [brandPrimary, brandSecondary],
+          borderWidth: 0,
+          borderRadius: 0,
+          borderSkipped: false,
+          data: [incomeVal, expenseVal],
+          // chartjs-plugin-datalabels config — typed via plugin module augmentation
+          datalabels: {
+            labels: {
+              value: {
+                anchor: "end",
+                align: "end",
+                offset: 10,
+                clamp: false,
+                font: { weight: "bold", size: 14 },
+                color: VALUE_LABEL_COLOR,
+                textAlign: "left",
+                // Returns array for multi-line: dollar value on line 1, blank on line 2
+                formatter: (v) => [formatDollar(v), ""]
+              },
+              name: {
+                anchor: "end",
+                align: "end",
+                offset: 10,
+                clamp: false,
+                font: { size: 12 },
+                color: FALLBACK_TICK,
+                textAlign: "left",
+                // Returns array for multi-line: blank on line 1, bar label on line 2
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                formatter: (_, ctx) => {
+                  var _a, _b;
+                  return ["", String((_b = (_a = ctx.chart.data.labels) == null ? void 0 : _a[ctx.dataIndex]) != null ? _b : "")];
+                }
+              }
+            }
+          }
+        }
+      ]
+    };
+  }, [hasData, incomeVal, expenseVal, brandPrimary, brandSecondary]);
+  const options = (0, import_react3.useMemo)(() => ({
+    indexAxis: "y",
+    responsive: true,
+    maintainAspectRatio: false,
+    animation: { duration: 800, easing: "easeOutQuart" },
+    layout: {
+      // Right padding reserves space for the datalabels rendered outside the bar area
+      padding: { right: 180, left: 0, top: 10, bottom: 10 }
+    },
+    plugins: {
+      legend: { display: false },
+      tooltip: { enabled: false }
+    },
+    scales: {
+      y: {
+        display: true,
+        grid: { display: false },
+        border: { display: false },
+        ticks: { display: false }
+      },
+      x: {
+        display: true,
+        suggestedMax: maxVal * 1.3,
+        grid: { display: false },
+        border: { display: false },
+        ticks: { display: false }
+      }
+    }
+  }), [maxVal]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    Card,
+    {
+      className: cn("w-full py-4 sm:py-6 gap-2", className),
+      style: { maxWidth: width },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CardHeader, { className: "px-3 sm:px-6", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CardTitle, { className: "text-sm sm:text-base", children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CardContent, { className: "px-3 sm:px-6", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "div",
+          {
+            className: "flex items-center justify-center text-muted-foreground",
+            style: { height, width: "100%" },
+            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Spinner, { size: "lg" })
+          }
+        ) : !hasData ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Empty, { className: "flex-none p-4", style: { height }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(EmptyDescription, { children: "No data available" }) }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { height, width: "100%", position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          import_react_chartjs_2.Chart,
+          {
+            type: "bar",
+            data: chartData,
+            options,
+            plugins: [import_chartjs_plugin_datalabels.default],
+            "aria-label": title
+          },
+          `${brandPrimary}__${brandSecondary}`
+        ) }) })
+      ]
+    }
+  );
+}
+
+// src/components/ui/cashflow-bar-chart.tsx
+var import_react4 = require("react");
+var import_chart2 = require("chart.js");
+var import_react_chartjs_22 = require("react-chartjs-2");
+
+// src/components/ui/skeleton.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function Skeleton(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    "div",
+    __spreadValues({
+      className: cn("animate-pulse bg-muted", className),
+      "data-slot": "skeleton"
+    }, props)
+  );
+}
+
+// src/components/ui/cashflow-bar-chart.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+import_chart2.Chart.register(import_chart2.CategoryScale, import_chart2.LinearScale, import_chart2.BarElement, import_chart2.Tooltip, import_chart2.Legend);
+function LegendItem({ label, fillColor, strokeColor, strokeWidth = 1.5 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "div",
+      {
+        style: {
+          width: 10,
+          height: 10,
+          backgroundColor: fillColor,
+          border: strokeWidth > 0 ? `${strokeWidth}px solid ${strokeColor}` : "none",
+          flexShrink: 0
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-[11px] text-muted-foreground leading-none", children: label })
+  ] });
+}
+function ChartLegend({ primary, secondary }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-wrap gap-x-3 gap-y-1.5 pb-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      LegendItem,
+      {
+        label: "Income",
+        fillColor: hexToRgba(primary, 0.2),
+        strokeColor: primary
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      LegendItem,
+      {
+        label: "Expenses and Liabilities",
+        fillColor: hexToRgba(secondary, 0.2),
+        strokeColor: secondary
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      LegendItem,
+      {
+        label: "Surplus Income",
+        fillColor: primary,
+        strokeColor: primary,
+        strokeWidth: 0
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      LegendItem,
+      {
+        label: "Over Spending",
+        fillColor: secondary,
+        strokeColor: secondary,
+        strokeWidth: 0
+      }
+    )
+  ] });
+}
+var PERIODS = [3, 6, 12];
+var FALLBACK_PRIMARY2 = "#33FF99";
+var FALLBACK_SECONDARY2 = "#162029";
+function CashflowBarChart({
+  cashflowData,
+  title = "Cashflow",
+  showLegend = true,
+  showXAxis = true,
+  showYAxis = true,
+  legendPosition = "top",
+  defaultPeriod = 6,
+  height = 280,
+  width = "100%",
+  className,
+  isLoading = false
+}) {
+  const [period, setPeriod] = (0, import_react4.useState)(defaultPeriod);
+  const themeVars = useThemeVars();
+  const brandPrimary = themeVars["--theme-primary"] || FALLBACK_PRIMARY2;
+  const brandSecondary = themeVars["--theme-secondary"] || FALLBACK_SECONDARY2;
+  const sliced = (0, import_react4.useMemo)(() => {
+    var _a;
+    if (!((_a = cashflowData == null ? void 0 : cashflowData.data) == null ? void 0 : _a.length)) return null;
+    const count = Math.min(period, cashflowData.data.length);
+    const start = cashflowData.data.length - count;
+    return {
+      months: cashflowData.months.slice(start),
+      data: cashflowData.data.slice(start)
+    };
+  }, [cashflowData, period]);
+  const chartData = (0, import_react4.useMemo)(() => {
+    if (!sliced) return { labels: [], datasets: [] };
+    return {
+      labels: sliced.months,
+      datasets: [
+        {
+          label: "Income",
+          data: sliced.data.map((d) => d.income),
+          backgroundColor: hexToRgba(brandPrimary, 0.2),
+          hoverBackgroundColor: hexToRgba(brandPrimary, 0.35),
+          borderColor: brandPrimary,
+          borderWidth: 1.5,
+          borderRadius: 0,
+          borderSkipped: false,
+          barPercentage: 0.75,
+          categoryPercentage: 0.7
+        },
+        {
+          label: "Expenses and Liabilities",
+          data: sliced.data.map((d) => d.expenses),
+          backgroundColor: hexToRgba(brandSecondary, 0.2),
+          hoverBackgroundColor: hexToRgba(brandSecondary, 0.35),
+          borderColor: brandSecondary,
+          borderWidth: 1.5,
+          borderRadius: 0,
+          borderSkipped: false,
+          barPercentage: 0.75,
+          categoryPercentage: 0.7
+        },
+        {
+          label: "_thirdBar",
+          data: sliced.data.map(
+            (d) => d.overspending > 0 ? d.overspending : d.surplus
+          ),
+          backgroundColor: sliced.data.map(
+            (d) => d.overspending > 0 ? brandSecondary : brandPrimary
+          ),
+          hoverBackgroundColor: sliced.data.map(
+            (d) => d.overspending > 0 ? hexToRgba(brandSecondary, 0.8) : hexToRgba(brandPrimary, 0.8)
+          ),
+          borderWidth: 0,
+          borderRadius: 0,
+          borderSkipped: false,
+          barPercentage: 0.75,
+          categoryPercentage: 0.7
+        }
+      ]
+    };
+  }, [sliced, brandPrimary, brandSecondary]);
+  const options = (0, import_react4.useMemo)(() => ({
+    responsive: true,
+    maintainAspectRatio: false,
+    animation: { duration: 800, easing: "easeOutQuart" },
+    layout: { padding: 0 },
+    plugins: {
+      legend: { display: false },
+      tooltip: {
+        mode: "index",
+        intersect: false,
+        padding: 12,
+        cornerRadius: 0,
+        titleFont: { size: 11, weight: "600" },
+        bodyFont: { size: 12, weight: "500" },
+        callbacks: {
+          title: (tooltipItems) => {
+            var _a, _b, _c, _d;
+            const idx = (_a = tooltipItems[0]) == null ? void 0 : _a.dataIndex;
+            if (idx != null && ((_b = sliced == null ? void 0 : sliced.data[idx]) == null ? void 0 : _b.date)) {
+              return formatTooltipDate(sliced.data[idx].date, "monthly");
+            }
+            return (_d = (_c = tooltipItems[0]) == null ? void 0 : _c.label) != null ? _d : "";
+          },
+          label: (ctx) => {
+            const val = ctx.raw;
+            if (val === 0) return null;
+            if (ctx.datasetIndex === 2) {
+              const d = sliced == null ? void 0 : sliced.data[ctx.dataIndex];
+              if (!d) return null;
+              const lbl = d.overspending > 0 ? "Over Spending" : "Surplus Income";
+              return ` ${lbl}: $${val.toLocaleString()}`;
+            }
+            return ` ${ctx.dataset.label}: $${val.toLocaleString()}`;
+          }
+        }
+      }
+    },
+    scales: {
+      x: {
+        display: showXAxis,
+        grid: { display: false },
+        border: { display: false },
+        ticks: { font: { size: 10 }, color: FALLBACK_TICK }
+      },
+      y: {
+        display: showYAxis,
+        grid: { display: false },
+        border: { display: false },
+        ticks: {
+          font: { size: 10 },
+          color: FALLBACK_TICK,
+          maxTicksLimit: 5,
+          padding: 8,
+          callback: (v) => `$${Number(v).toLocaleString()}`
+        }
+      }
+    }
+  }), [showXAxis, showYAxis, sliced]);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    Card,
+    {
+      className: cn("w-full py-4 sm:py-6 gap-2", className),
+      style: { maxWidth: width },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(CardHeader, { className: "px-3 sm:px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CardTitle, { className: "text-sm sm:text-base", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CardAction, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex gap-0.5 sm:gap-1", children: PERIODS.map((p) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            ChartPeriodButton,
+            {
+              period: p,
+              active: period === p,
+              onClick: () => setPeriod(p)
+            },
+            p
+          )) }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CardContent, { className: "px-3 sm:px-6", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Skeleton, { style: { height, width: "100%" } }) : !sliced ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Empty, { className: "flex-none p-4", style: { height }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(EmptyDescription, { children: "No data available" }) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          showLegend && legendPosition === "top" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ChartLegend, { primary: brandPrimary, secondary: brandSecondary }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { height, width: "100%", position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            import_react_chartjs_22.Chart,
+            {
+              type: "bar",
+              data: chartData,
+              options,
+              "aria-label": title
+            },
+            `${brandPrimary}__${brandSecondary}`
+          ) }),
+          showLegend && legendPosition === "bottom" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ChartLegend, { primary: brandPrimary, secondary: brandSecondary })
+        ] }) })
+      ]
+    }
+  );
+}
+
+// src/components/ui/expense-bar-chart.tsx
+var import_react5 = require("react");
+var import_chart3 = require("chart.js");
+var import_react_chartjs_23 = require("react-chartjs-2");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+import_chart3.Chart.register(import_chart3.CategoryScale, import_chart3.LinearScale, import_chart3.BarElement, import_chart3.Tooltip, import_chart3.Legend);
+var FALLBACK_SECONDARY3 = "#162029";
+function ExpenseBarChart({
+  expenseData,
+  title = "Expenses",
+  showLegend = true,
+  showXAxis = true,
+  showYAxis = true,
+  legendPosition = "top",
+  defaultPeriod = 6,
+  granularity = "monthly",
+  height = 280,
+  width = "100%",
+  className,
+  isLoading = false
+}) {
+  const periods = CHART_PERIODS[granularity];
+  const [period, setPeriod] = (0, import_react5.useState)(defaultPeriod);
+  const isFirstRender = (0, import_react5.useRef)(true);
+  (0, import_react5.useEffect)(() => {
+    if (isFirstRender.current) {
+      isFirstRender.current = false;
+      return;
+    }
+    setPeriod(CHART_PERIODS[granularity][0]);
+  }, [granularity]);
+  const themeVars = useThemeVars();
+  const brandSecondary = themeVars["--theme-secondary"] || FALLBACK_SECONDARY3;
+  const sliced = (0, import_react5.useMemo)(() => {
+    var _a, _b;
+    if (!((_a = expenseData == null ? void 0 : expenseData.months) == null ? void 0 : _a.length) || !expenseData.datasets.length) return null;
+    const count = Math.min(CHART_SLICE_COUNT[granularity][period], expenseData.months.length);
+    const start = expenseData.months.length - count;
+    return {
+      months: expenseData.months.slice(start),
+      dates: (_b = expenseData.dates) == null ? void 0 : _b.slice(start),
+      datasets: expenseData.datasets.map((ds) => __spreadProps(__spreadValues({}, ds), {
+        data: ds.data.slice(start)
+      }))
+    };
+  }, [expenseData, period, granularity]);
+  const datasetColors = (0, import_react5.useMemo)(
+    () => {
+      var _a;
+      return (_a = sliced == null ? void 0 : sliced.datasets.map(
+        (_, i) => hexToRgba(brandSecondary, DATASET_ALPHAS[i % DATASET_ALPHAS.length])
+      )) != null ? _a : [];
+    },
+    [sliced, brandSecondary]
+  );
+  const chartData = (0, import_react5.useMemo)(() => {
+    if (!sliced) return { labels: [], datasets: [] };
+    return {
+      labels: sliced.months,
+      datasets: sliced.datasets.map((ds, i) => ({
+        label: ds.label,
+        data: ds.data,
+        backgroundColor: datasetColors[i],
+        hoverBackgroundColor: hexToRgba(
+          brandSecondary,
+          Math.min(DATASET_ALPHAS[i % DATASET_ALPHAS.length] + 0.15, 1)
+        ),
+        borderWidth: 0,
+        borderRadius: 0,
+        borderSkipped: false,
+        barPercentage: 0.75,
+        categoryPercentage: 0.7,
+        stack: "expense"
+      }))
+    };
+  }, [sliced, datasetColors, brandSecondary]);
+  const options = (0, import_react5.useMemo)(() => ({
+    responsive: true,
+    maintainAspectRatio: false,
+    animation: { duration: 800, easing: "easeOutQuart" },
+    layout: { padding: 0 },
+    plugins: {
+      legend: { display: false },
+      tooltip: {
+        mode: "index",
+        intersect: false,
+        padding: 12,
+        cornerRadius: 0,
+        titleFont: { size: 11, weight: "600" },
+        bodyFont: { size: 12, weight: "500" },
+        callbacks: {
+          title: (tooltipItems) => {
+            var _a, _b, _c, _d;
+            const idx = (_a = tooltipItems[0]) == null ? void 0 : _a.dataIndex;
+            if (idx != null && ((_b = sliced == null ? void 0 : sliced.dates) == null ? void 0 : _b[idx])) {
+              return formatTooltipDate(sliced.dates[idx], granularity);
+            }
+            return (_d = (_c = tooltipItems[0]) == null ? void 0 : _c.label) != null ? _d : "";
+          },
+          label: (ctx) => {
+            const val = ctx.raw;
+            if (val === 0) return null;
+            return ` ${ctx.dataset.label}: $${val.toLocaleString()}`;
+          }
+        }
+      }
+    },
+    scales: {
+      x: {
+        display: showXAxis,
+        stacked: true,
+        grid: { display: false },
+        border: { display: false },
+        ticks: { font: { size: 10 }, color: FALLBACK_TICK }
+      },
+      y: {
+        display: showYAxis,
+        stacked: true,
+        grid: { display: false },
+        border: { display: false },
+        ticks: {
+          font: { size: 10 },
+          color: FALLBACK_TICK,
+          maxTicksLimit: 5,
+          padding: 8,
+          callback: (v) => `$${Number(v).toLocaleString()}`
+        }
+      }
+    }
+  }), [showXAxis, showYAxis, sliced, granularity]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    Card,
+    {
+      className: cn("w-full py-4 sm:py-6 gap-2", className),
+      style: { maxWidth: width },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(CardHeader, { className: "px-3 sm:px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CardTitle, { className: "text-sm sm:text-base", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CardAction, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex gap-0.5 sm:gap-1", children: periods.map((p) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            ChartPeriodButton,
+            {
+              period: p,
+              active: period === p,
+              onClick: () => setPeriod(p)
+            },
+            p
+          )) }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CardContent, { className: "px-3 sm:px-6", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Skeleton, { style: { height, width: "100%" } }) : !sliced ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Empty, { className: "flex-none p-4", style: { height }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(EmptyDescription, { children: "No data available" }) }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          showLegend && legendPosition === "top" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex flex-wrap gap-x-3 gap-y-1.5 pb-2", children: sliced.datasets.map((ds, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ChartLegendItem, { label: ds.label, color: datasetColors[i] }, ds.label)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { height, width: "100%", position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            import_react_chartjs_23.Chart,
+            {
+              type: "bar",
+              data: chartData,
+              options,
+              "aria-label": title
+            },
+            brandSecondary
+          ) }),
+          showLegend && legendPosition === "bottom" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex flex-wrap gap-x-3 gap-y-1.5 pt-2", children: sliced.datasets.map((ds, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ChartLegendItem, { label: ds.label, color: datasetColors[i] }, ds.label)) })
+        ] }) })
+      ]
+    }
+  );
+}
+
+// src/components/ui/income-bar-chart.tsx
+var import_react6 = require("react");
+var import_chart4 = require("chart.js");
+var import_react_chartjs_24 = require("react-chartjs-2");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+import_chart4.Chart.register(import_chart4.CategoryScale, import_chart4.LinearScale, import_chart4.BarElement, import_chart4.Tooltip, import_chart4.Legend);
+var FALLBACK_PRIMARY3 = "#33FF99";
+function IncomeBarChart({
+  incomeData,
+  title = "Income",
+  showLegend = true,
+  showXAxis = true,
+  showYAxis = true,
+  legendPosition = "top",
+  defaultPeriod = 6,
+  granularity = "monthly",
+  height = 280,
+  width = "100%",
+  className,
+  isLoading = false
+}) {
+  const periods = CHART_PERIODS[granularity];
+  const [period, setPeriod] = (0, import_react6.useState)(defaultPeriod);
+  const isFirstRender = (0, import_react6.useRef)(true);
+  (0, import_react6.useEffect)(() => {
+    if (isFirstRender.current) {
+      isFirstRender.current = false;
+      return;
+    }
+    setPeriod(CHART_PERIODS[granularity][0]);
+  }, [granularity]);
+  const themeVars = useThemeVars();
+  const brandPrimary = themeVars["--theme-primary"] || FALLBACK_PRIMARY3;
+  const sliced = (0, import_react6.useMemo)(() => {
+    var _a, _b;
+    if (!((_a = incomeData == null ? void 0 : incomeData.months) == null ? void 0 : _a.length) || !incomeData.datasets.length) return null;
+    const count = Math.min(CHART_SLICE_COUNT[granularity][period], incomeData.months.length);
+    const start = incomeData.months.length - count;
+    return {
+      months: incomeData.months.slice(start),
+      dates: (_b = incomeData.dates) == null ? void 0 : _b.slice(start),
+      datasets: incomeData.datasets.map((ds) => __spreadProps(__spreadValues({}, ds), {
+        data: ds.data.slice(start)
+      }))
+    };
+  }, [incomeData, period, granularity]);
+  const datasetColors = (0, import_react6.useMemo)(
+    () => {
+      var _a;
+      return (_a = sliced == null ? void 0 : sliced.datasets.map(
+        (_, i) => hexToRgba(brandPrimary, DATASET_ALPHAS[i % DATASET_ALPHAS.length])
+      )) != null ? _a : [];
+    },
+    [sliced, brandPrimary]
+  );
+  const chartData = (0, import_react6.useMemo)(() => {
+    if (!sliced) return { labels: [], datasets: [] };
+    return {
+      labels: sliced.months,
+      datasets: sliced.datasets.map((ds, i) => ({
+        label: ds.label,
+        data: ds.data,
+        backgroundColor: datasetColors[i],
+        hoverBackgroundColor: hexToRgba(
+          brandPrimary,
+          Math.min(DATASET_ALPHAS[i % DATASET_ALPHAS.length] + 0.15, 1)
+        ),
+        borderWidth: 0,
+        borderRadius: 0,
+        borderSkipped: false,
+        barPercentage: 0.75,
+        categoryPercentage: 0.7,
+        stack: "income"
+      }))
+    };
+  }, [sliced, datasetColors, brandPrimary]);
+  const options = (0, import_react6.useMemo)(() => ({
+    responsive: true,
+    maintainAspectRatio: false,
+    animation: { duration: 800, easing: "easeOutQuart" },
+    layout: { padding: 0 },
+    plugins: {
+      legend: { display: false },
+      tooltip: {
+        mode: "index",
+        intersect: false,
+        padding: 12,
+        cornerRadius: 0,
+        titleFont: { size: 11, weight: "600" },
+        bodyFont: { size: 12, weight: "500" },
+        callbacks: {
+          title: (tooltipItems) => {
+            var _a, _b, _c, _d;
+            const idx = (_a = tooltipItems[0]) == null ? void 0 : _a.dataIndex;
+            if (idx != null && ((_b = sliced == null ? void 0 : sliced.dates) == null ? void 0 : _b[idx])) {
+              return formatTooltipDate(sliced.dates[idx], granularity);
+            }
+            return (_d = (_c = tooltipItems[0]) == null ? void 0 : _c.label) != null ? _d : "";
+          },
+          label: (ctx) => {
+            const val = ctx.raw;
+            if (val === 0) return null;
+            return ` ${ctx.dataset.label}: $${val.toLocaleString()}`;
+          }
+        }
+      }
+    },
+    scales: {
+      x: {
+        display: showXAxis,
+        stacked: true,
+        grid: { display: false },
+        border: { display: false },
+        ticks: { font: { size: 10 }, color: FALLBACK_TICK }
+      },
+      y: {
+        display: showYAxis,
+        stacked: true,
+        grid: { display: false },
+        border: { display: false },
+        ticks: {
+          font: { size: 10 },
+          color: FALLBACK_TICK,
+          maxTicksLimit: 5,
+          padding: 8,
+          callback: (v) => `$${Number(v).toLocaleString()}`
+        }
+      }
     }
-  }
-);
-var Button = (0, import_react2.forwardRef)(function Button2(_a, ref) {
+  }), [showXAxis, showYAxis, sliced, granularity]);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    Card,
+    {
+      className: cn("w-full py-4 sm:py-6 gap-2", className),
+      style: { maxWidth: width },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(CardHeader, { className: "px-3 sm:px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CardTitle, { className: "text-sm sm:text-base", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CardAction, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex gap-0.5 sm:gap-1", children: periods.map((p) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            ChartPeriodButton,
+            {
+              period: p,
+              active: period === p,
+              onClick: () => setPeriod(p)
+            },
+            p
+          )) }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CardContent, { className: "px-3 sm:px-6", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Skeleton, { style: { height, width: "100%" } }) : !sliced ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Empty, { className: "flex-none p-4", style: { height }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(EmptyDescription, { children: "No data available" }) }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          showLegend && legendPosition === "top" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex flex-wrap gap-x-3 gap-y-1.5 pb-2", children: sliced.datasets.map((ds, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ChartLegendItem, { label: ds.label, color: datasetColors[i] }, ds.label)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { style: { height, width: "100%", position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            import_react_chartjs_24.Chart,
+            {
+              type: "bar",
+              data: chartData,
+              options,
+              "aria-label": title
+            },
+            brandPrimary
+          ) }),
+          showLegend && legendPosition === "bottom" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex flex-wrap gap-x-3 gap-y-1.5 pt-2", children: sliced.datasets.map((ds, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ChartLegendItem, { label: ds.label, color: datasetColors[i] }, ds.label)) })
+        ] }) })
+      ]
+    }
+  );
+}
+
+// src/components/ui/accordion.tsx
+var import_lucide_react3 = require("lucide-react");
+var import_accordion = require("@base-ui/react/accordion");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function Accordion(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_accordion.Accordion.Root, __spreadValues({ "data-slot": "accordion" }, props));
+}
+function AccordionItem(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_accordion.Accordion.Item,
+    __spreadValues({
+      className: cn("border-b", className),
+      "data-slot": "accordion-item"
+    }, props)
+  );
+}
+function AccordionTrigger(_a) {
   var _b = _a, {
     className,
-    variant,
-    size,
-    asChild = false,
-    loading = false,
-    disabled,
     children
   } = _b, props = __objRest(_b, [
     "className",
-    "variant",
-    "size",
-    "asChild",
-    "loading",
-    "disabled",
     "children"
   ]);
-  const Comp = asChild ? Slot : "button";
-  const isIconOnly = size === "icon" || size === "icon-xs" || size === "icon-sm" || size === "icon-lg";
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    Comp,
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_accordion.Accordion.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    import_accordion.Accordion.Trigger,
     __spreadProps(__spreadValues({
-      className: cn(buttonVariants({ variant, size, className })),
-      "data-size": size,
-      "data-slot": "button",
-      "data-variant": variant,
-      disabled: loading || disabled,
-      ref
+      className: cn(
+        // layout
+        "flex flex-1 items-center justify-between gap-4 py-4 text-left",
+        // typography
+        "text-sm font-medium",
+        // base
+        "rounded-none outline-none transition-[color,opacity]",
+        // interactive states
+        "hover:underline",
+        "focus-visible:ring-2 focus-visible:ring-foreground/30",
+        "disabled:pointer-events-none disabled:opacity-50",
+        // chevron rotation when open
+        "[&[data-panel-open]>svg]:rotate-180",
+        className
+      ),
+      "data-slot": "accordion-trigger"
     }, props), {
-      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Loader2, { "aria-hidden": "true", className: "animate-spin" }),
-        !isIconOnly && children
-      ] }) : children
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+      ]
+    })
+  ) });
+}
+function AccordionContent(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_accordion.Accordion.Panel,
+    __spreadProps(__spreadValues({
+      className: "overflow-hidden text-sm h-(--accordion-panel-height) transition-[height] duration-200 ease-out data-starting-style:h-0 data-ending-style:h-0",
+      "data-slot": "accordion-content"
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: cn("pb-4 text-muted-foreground", className), children })
     })
   );
-});
+}
 
 // src/components/ui/alert-dialog.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_alert_dialog = require("@base-ui/react/alert-dialog");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function AlertDialog(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_alert_dialog.AlertDialog.Root, __spreadValues({ "data-slot": "alert-dialog" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_alert_dialog.AlertDialog.Root, __spreadValues({ "data-slot": "alert-dialog" }, props));
 }
 function AlertDialogTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_alert_dialog.AlertDialog.Trigger, __spreadValues({ "data-slot": "alert-dialog-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_alert_dialog.AlertDialog.Trigger, __spreadValues({ "data-slot": "alert-dialog-trigger" }, props));
 }
 function AlertDialogPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_alert_dialog.AlertDialog.Portal, __spreadValues({ "data-slot": "alert-dialog-portal" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_alert_dialog.AlertDialog.Portal, __spreadValues({ "data-slot": "alert-dialog-portal" }, props));
 }
 function AlertDialogOverlay(_a) {
   var _b = _a, {
@@ -580,7 +1578,7 @@ function AlertDialogOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     import_alert_dialog.AlertDialog.Backdrop,
     __spreadValues({
       className: cn(
@@ -603,9 +1601,9 @@ function AlertDialogContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(AlertDialogPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AlertDialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(AlertDialogPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AlertDialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       import_alert_dialog.AlertDialog.Popup,
       __spreadValues({
         className: cn(
@@ -626,7 +1624,7 @@ function AlertDialogHeader(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -643,7 +1641,7 @@ function AlertDialogFooter(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -661,7 +1659,7 @@ function AlertDialogTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     import_alert_dialog.AlertDialog.Title,
     __spreadValues({
       className: cn(
@@ -678,7 +1676,7 @@ function AlertDialogDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     import_alert_dialog.AlertDialog.Description,
     __spreadValues({
       className: cn(
@@ -695,7 +1693,7 @@ function AlertDialogMedia(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -717,7 +1715,7 @@ function AlertDialogAction(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     import_alert_dialog.AlertDialog.Close,
     __spreadValues({
       className: cn(buttonVariants({ variant, size }), className),
@@ -735,7 +1733,7 @@ function AlertDialogCancel(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     import_alert_dialog.AlertDialog.Close,
     __spreadValues({
       className: cn(buttonVariants({ variant, size }), className),
@@ -745,9 +1743,9 @@ function AlertDialogCancel(_a) {
 }
 
 // src/components/ui/alert.tsx
-var import_class_variance_authority2 = require("class-variance-authority");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var alertVariants = (0, import_class_variance_authority2.cva)(
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var alertVariants = (0, import_class_variance_authority4.cva)(
   "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
   {
     variants: {
@@ -772,7 +1770,7 @@ function Alert(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     __spreadValues({
       className: cn(alertVariants({ variant }), className),
@@ -783,7 +1781,7 @@ function Alert(_a) {
 }
 function AlertTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -800,7 +1798,7 @@ function AlertDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -814,7 +1812,7 @@ function AlertDescription(_a) {
 
 // src/components/ui/avatar.tsx
 var import_avatar = require("@base-ui/react/avatar");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function Avatar(_a) {
   var _b = _a, {
     className,
@@ -823,7 +1821,7 @@ function Avatar(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     import_avatar.Avatar.Root,
     __spreadValues({
       className: cn(
@@ -841,7 +1839,7 @@ function AvatarImage(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     import_avatar.Avatar.Image,
     __spreadValues({
       className: cn("aspect-square size-full rounded-full", className),
@@ -855,7 +1853,7 @@ function AvatarFallback(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     import_avatar.Avatar.Fallback,
     __spreadValues({
       className: cn(
@@ -868,7 +1866,7 @@ function AvatarFallback(_a) {
 }
 function AvatarBadge(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "span",
     __spreadValues({
       className: cn(
@@ -884,7 +1882,7 @@ function AvatarBadge(_a) {
 }
 function AvatarGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -901,7 +1899,7 @@ function AvatarGroupCount(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -914,9 +1912,9 @@ function AvatarGroupCount(_a) {
 }
 
 // src/components/ui/badge.tsx
-var import_class_variance_authority3 = require("class-variance-authority");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var badgeVariants = (0, import_class_variance_authority3.cva)(
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority5.cva)(
   "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium font-sans whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
   {
     variants: {
@@ -945,7 +1943,7 @@ function Badge(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     Comp,
     __spreadValues({
       className: cn(badgeVariants({ variant }), className),
@@ -956,10 +1954,10 @@ function Badge(_a) {
 }
 
 // src/components/ui/calendar.tsx
-var React3 = __toESM(require("react"));
-var import_lucide_react3 = require("lucide-react");
+var React7 = __toESM(require("react"));
+var import_lucide_react4 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function CalendarRoot(_a) {
   var _b = _a, {
     className,
@@ -968,7 +1966,7 @@ function CalendarRoot(_a) {
     "className",
     "rootRef"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     __spreadValues({
       className: cn(className),
@@ -986,17 +1984,17 @@ function CalendarChevron(_a) {
     "orientation"
   ]);
   if (orientation === "left") {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.ChevronLeftIcon, __spreadValues({ className: cn("size-4", className) }, props));
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.ChevronLeftIcon, __spreadValues({ className: cn("size-4", className) }, props));
   }
   if (orientation === "right") {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      import_lucide_react3.ChevronRightIcon,
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      import_lucide_react4.ChevronRightIcon,
       __spreadValues({
         className: cn("size-4", className)
       }, props)
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.ChevronDownIcon, __spreadValues({ className: cn("size-4", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.ChevronDownIcon, __spreadValues({ className: cn("size-4", className) }, props));
 }
 function CalendarWeekNumber(_a) {
   var _b = _a, {
@@ -1004,7 +2002,7 @@ function CalendarWeekNumber(_a) {
   } = _b, props = __objRest(_b, [
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("td", __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("td", __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
 }
 function Calendar(_a) {
   var _b = _a, {
@@ -1025,7 +2023,7 @@ function Calendar(_a) {
     "components"
   ]);
   const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     import_react_day_picker.DayPicker,
     __spreadValues({
       captionLayout,
@@ -1134,125 +2132,43 @@ function CalendarDayButton(_a) {
   } = _b, props = __objRest(_b, [
     "className",
     "day",
-    "modifiers"
-  ]);
-  const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
-  const ref = React3.useRef(null);
-  React3.useEffect(() => {
-    var _a2;
-    if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
-  }, [modifiers.focused]);
-  const selectedSingle = modifiers.selected && !modifiers.range_start && !modifiers.range_end ? !modifiers.range_middle : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    Button,
-    __spreadValues({
-      className: cn(
-        "flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal rounded-none group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground [&>span]:text-xs [&>span]:opacity-70",
-        defaultClassNames.day,
-        className
-      ),
-      "data-day": day.date.toLocaleDateString(),
-      "data-range-end": modifiers.range_end,
-      "data-range-middle": modifiers.range_middle,
-      "data-range-start": modifiers.range_start,
-      "data-selected-single": selectedSingle,
-      ref,
-      size: "icon",
-      variant: "ghost"
-    }, props)
-  );
-}
-
-// src/components/ui/card.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-function Card(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    "div",
-    __spreadValues({
-      className: cn(
-        "flex flex-col gap-6 border bg-card py-6 text-card-foreground shadow-sm",
-        className
-      ),
-      "data-slot": "card"
-    }, props)
-  );
-}
-function CardHeader(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    "div",
-    __spreadValues({
-      className: cn(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        className
-      ),
-      "data-slot": "card-header"
-    }, props)
-  );
-}
-function CardTitle(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    "div",
-    __spreadValues({
-      className: cn("leading-none font-semibold", className),
-      "data-slot": "card-title"
-    }, props)
-  );
-}
-function CardDescription(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    "div",
-    __spreadValues({
-      className: cn("text-sm text-muted-foreground", className),
-      "data-slot": "card-description"
-    }, props)
-  );
-}
-function CardAction(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    "div",
-    __spreadValues({
-      className: cn(
-        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-        className
-      ),
-      "data-slot": "card-action"
-    }, props)
-  );
-}
-function CardContent(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    "div",
-    __spreadValues({
-      className: cn("px-6", className),
-      "data-slot": "card-content"
-    }, props)
-  );
-}
-function CardFooter(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    "div",
+    "modifiers"
+  ]);
+  const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
+  const ref = React7.useRef(null);
+  React7.useEffect(() => {
+    var _a2;
+    if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
+  }, [modifiers.focused]);
+  const selectedSingle = modifiers.selected && !modifiers.range_start && !modifiers.range_end ? !modifiers.range_middle : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    Button,
     __spreadValues({
-      className: cn("flex items-center px-6 [.border-t]:pt-6", className),
-      "data-slot": "card-footer"
+      className: cn(
+        "flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal rounded-none group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground [&>span]:text-xs [&>span]:opacity-70",
+        defaultClassNames.day,
+        className
+      ),
+      "data-day": day.date.toLocaleDateString(),
+      "data-range-end": modifiers.range_end,
+      "data-range-middle": modifiers.range_middle,
+      "data-range-start": modifiers.range_start,
+      "data-selected-single": selectedSingle,
+      ref,
+      size: "icon",
+      variant: "ghost"
     }, props)
   );
 }
 
 // src/components/ui/checkbox.tsx
-var import_react3 = require("react");
-var import_lucide_react4 = require("lucide-react");
+var import_react7 = require("react");
+var import_lucide_react5 = require("lucide-react");
 var import_checkbox = require("@base-ui/react/checkbox");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function Checkbox(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     import_checkbox.Checkbox.Root,
     __spreadProps(__spreadValues({
       className: cn(
@@ -1271,14 +2187,14 @@ function Checkbox(_a) {
       ),
       "data-slot": "checkbox"
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
         import_checkbox.Checkbox.Indicator,
         {
           className: "grid place-content-center text-current transition-none",
           "data-slot": "checkbox-indicator",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.CheckIcon, { className: "size-3.5 group-data-indeterminate:hidden" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.MinusIcon, { className: "size-3.5 hidden group-data-indeterminate:block" })
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react5.CheckIcon, { className: "size-3.5 group-data-indeterminate:hidden" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react5.MinusIcon, { className: "size-3.5 hidden group-data-indeterminate:block" })
           ]
         }
       )
@@ -1305,12 +2221,12 @@ function CheckboxCard(_a) {
     "label",
     "description"
   ]);
-  const [internalChecked, setInternalChecked] = (0, import_react3.useState)(
+  const [internalChecked, setInternalChecked] = (0, import_react7.useState)(
     Boolean(defaultChecked)
   );
   const resolvedChecked = checked != null ? checked : internalChecked;
   const isTinted = resolvedChecked;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "label",
     {
       className: cn(
@@ -1321,7 +2237,7 @@ function CheckboxCard(_a) {
       ),
       "data-slot": "checkbox-card",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           Checkbox,
           __spreadValues({
             "aria-invalid": error || void 0,
@@ -1334,9 +2250,9 @@ function CheckboxCard(_a) {
             }
           }, props)
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm font-medium leading-none", children: label }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm text-muted-foreground", children: description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm font-medium leading-none", children: label }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm text-muted-foreground", children: description }) : null
         ] })
       ]
     }
@@ -1344,8 +2260,8 @@ function CheckboxCard(_a) {
 }
 
 // src/components/ui/chip.tsx
-var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function Chip(_a) {
   var _b = _a, {
     className,
@@ -1360,7 +2276,7 @@ function Chip(_a) {
     "disabled",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "span",
     __spreadProps(__spreadValues({
       "aria-disabled": disabled,
@@ -1376,7 +2292,7 @@ function Chip(_a) {
     }, props), {
       children: [
         children,
-        onRemove ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        onRemove ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "button",
           {
             "aria-label": "Remove",
@@ -1388,7 +2304,7 @@ function Chip(_a) {
               onRemove();
             },
             type: "button",
-            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.X, { className: "size-3" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react6.X, { className: "size-3" })
           }
         ) : null
       ]
@@ -1396,21 +2312,197 @@ function Chip(_a) {
   );
 }
 
+// src/components/ui/combobox.tsx
+var import_lucide_react7 = require("lucide-react");
+var import_combobox = require("@base-ui/react/combobox");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function Combobox(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_combobox.Combobox.Root, __spreadValues({ "data-slot": "combobox" }, props));
+}
+function ComboboxTrigger(_a) {
+  var _b = _a, {
+    className,
+    size = "default",
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    import_combobox.Combobox.Trigger,
+    __spreadProps(__spreadValues({
+      "data-slot": "combobox-trigger",
+      "data-size": size,
+      className: cn(
+        "flex w-fit items-center justify-between gap-2 border border-input bg-transparent px-3 py-2 text-body-small whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20 data-[popup-open]:border-primary data-[popup-open]:ring-[3px] data-[popup-open]:ring-primary/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=combobox-value]:line-clamp-1 *:data-[slot=combobox-value]:flex *:data-[slot=combobox-value]:items-center *:data-[slot=combobox-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        className
+      )
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_combobox.Combobox.Icon, { className: "transition-transform duration-200 data-[popup-open]:rotate-180", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react7.ChevronDownIcon, { className: "size-4 opacity-50" }) })
+      ]
+    })
+  );
+}
+function ComboboxValue(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_combobox.Combobox.Value, __spreadValues({ "data-slot": "combobox-value" }, props));
+}
+function ComboboxInput(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { "data-slot": "combobox-input-wrapper", className: "flex items-center gap-2 border-b border-border px-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react7.SearchIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      import_combobox.Combobox.Input,
+      __spreadValues({
+        "data-slot": "combobox-input",
+        className: cn(
+          "h-9 w-full min-w-0 bg-transparent py-1 text-body-small outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        )
+      }, props)
+    )
+  ] });
+}
+function ComboboxContent(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_combobox.Combobox.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_combobox.Combobox.Positioner, { sideOffset: 4, align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_combobox.Combobox.Popup,
+    __spreadProps(__spreadValues({
+      "data-slot": "combobox-content",
+      className: cn(
+        "relative z-50 max-h-[var(--available-height)] min-w-[8rem] overflow-hidden border bg-popover text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[ending-style]:animate-out data-[ending-style]:fade-out-0 data-[ending-style]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95",
+        className
+      )
+    }, props), {
+      children
+    })
+  ) }) });
+}
+function ComboboxList(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_combobox.Combobox.List,
+    __spreadValues({
+      "data-slot": "combobox-list",
+      className: cn(
+        "max-h-[min(var(--available-height),18rem)] overflow-y-auto p-1",
+        className
+      )
+    }, props)
+  );
+}
+function ComboboxItem(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    import_combobox.Combobox.Item,
+    __spreadProps(__spreadValues({
+      "data-slot": "combobox-item",
+      className: cn(
+        "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-body-small outline-hidden select-none data-[highlighted]:bg-primary/5 data-[highlighted]:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          "span",
+          {
+            "data-slot": "combobox-item-indicator",
+            className: "absolute right-2 flex size-3.5 items-center justify-center",
+            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_combobox.Combobox.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react7.CheckIcon, { className: "size-4" }) })
+          }
+        ),
+        children
+      ]
+    })
+  );
+}
+function ComboboxEmpty(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_combobox.Combobox.Empty,
+    __spreadValues({
+      "data-slot": "combobox-empty",
+      className: `text-body-small ${cn("py-6 text-center text-muted-foreground empty:hidden", className)}`
+    }, props)
+  );
+}
+function ComboboxGroup(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_combobox.Combobox.Group, __spreadValues({ "data-slot": "combobox-group" }, props));
+}
+function ComboboxGroupLabel(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_combobox.Combobox.GroupLabel,
+    __spreadValues({
+      "data-slot": "combobox-group-label",
+      className: `text-label-small ${cn("px-2 py-1.5 uppercase text-muted-foreground", className)}`
+    }, props)
+  );
+}
+function ComboboxSeparator(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "div",
+    __spreadValues({
+      role: "separator",
+      "data-slot": "combobox-separator",
+      className: cn("pointer-events-none -mx-1 my-1 h-px bg-border", className)
+    }, props)
+  );
+}
+
 // src/components/ui/data-table.tsx
-var React4 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 var import_react_table = require("@tanstack/react-table");
-var import_lucide_react8 = require("lucide-react");
+var import_lucide_react10 = require("lucide-react");
 
 // src/components/ui/table.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Table(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "div",
     {
       className: "relative w-full overflow-x-auto",
       "data-slot": "table-container",
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "table",
         __spreadValues({
           className: cn("w-full caption-bottom text-sm", className),
@@ -1422,7 +2514,7 @@ function Table(_a) {
 }
 function TableHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "thead",
     __spreadValues({
       className: cn("[&_tr]:border-b", className),
@@ -1432,7 +2524,7 @@ function TableHeader(_a) {
 }
 function TableBody(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "tbody",
     __spreadValues({
       className: cn("[&_tr:last-child]:border-0", className),
@@ -1442,7 +2534,7 @@ function TableBody(_a) {
 }
 function TableFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "tfoot",
     __spreadValues({
       className: cn(
@@ -1455,7 +2547,7 @@ function TableFooter(_a) {
 }
 function TableRow(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "tr",
     __spreadValues({
       className: cn(
@@ -1468,7 +2560,7 @@ function TableRow(_a) {
 }
 function TableHead(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "th",
     __spreadValues({
       className: cn(
@@ -1482,7 +2574,7 @@ function TableHead(_a) {
 }
 function TableCell(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "td",
     __spreadValues({
       className: cn(
@@ -1500,7 +2592,7 @@ function TableCaption(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "caption",
     __spreadValues({
       className: cn("mt-4 text-sm text-muted-foreground", className),
@@ -1510,10 +2602,10 @@ function TableCaption(_a) {
 }
 
 // src/components/ui/input.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Input(_a) {
   var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "input",
     __spreadValues({
       className: cn(
@@ -1529,20 +2621,20 @@ function Input(_a) {
 }
 
 // src/components/ui/select.tsx
-var import_lucide_react6 = require("lucide-react");
+var import_lucide_react8 = require("lucide-react");
 var import_select = require("@base-ui/react/select");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function Select(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_select.Select.Root, __spreadValues({ "data-slot": "select" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_select.Select.Root, __spreadValues({ "data-slot": "select" }, props));
 }
 function SelectGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_select.Select.Group, __spreadValues({ "data-slot": "select-group" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_select.Select.Group, __spreadValues({ "data-slot": "select-group" }, props));
 }
 function SelectValue(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_select.Select.Value, __spreadValues({ "data-slot": "select-value" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_select.Select.Value, __spreadValues({ "data-slot": "select-value" }, props));
 }
 function SelectTrigger(_a) {
   var _b = _a, {
@@ -1554,7 +2646,7 @@ function SelectTrigger(_a) {
     "size",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     import_select.Select.Trigger,
     __spreadProps(__spreadValues({
       className: cn(
@@ -1566,7 +2658,7 @@ function SelectTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_select.Select.Icon, { className: "transition-transform duration-200 data-popup-open:rotate-180", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react6.ChevronDownIcon, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_select.Select.Icon, { className: "transition-transform duration-200 data-popup-open:rotate-180", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react8.ChevronDownIcon, { className: "size-4 opacity-50" }) })
       ]
     })
   );
@@ -1582,7 +2674,7 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_select.Select.Positioner, { align: "start", alignItemWithTrigger: false, sideOffset: 4, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_select.Select.Positioner, { align: "start", alignItemWithTrigger: false, sideOffset: 4, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     import_select.Select.Popup,
     __spreadProps(__spreadValues({
       className: cn(
@@ -1593,9 +2685,9 @@ function SelectContent(_a) {
       style: __spreadValues(__spreadValues({}, themeVars), style2)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SelectScrollUpButton, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectScrollUpButton, {}),
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SelectScrollDownButton, {})
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectScrollDownButton, {})
       ]
     })
   ) }) });
@@ -1606,7 +2698,7 @@ function SelectLabel(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_select.Select.GroupLabel,
     __spreadValues({
       className: cn("px-2 py-1.5 text-xs font-semibold text-muted-foreground", className),
@@ -1622,7 +2714,7 @@ function SelectItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     import_select.Select.Item,
     __spreadProps(__spreadValues({
       className: cn(
@@ -1632,15 +2724,15 @@ function SelectItem(_a) {
       "data-slot": "select-item"
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "span",
           {
             className: "absolute right-2 flex size-3.5 items-center justify-center",
             "data-slot": "select-item-indicator",
-            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_select.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react6.CheckIcon, { className: "size-4" }) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_select.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react8.CheckIcon, { className: "size-4" }) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_select.Select.ItemText, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_select.Select.ItemText, { children })
       ]
     })
   );
@@ -1651,7 +2743,7 @@ function SelectSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     __spreadValues({
       className: cn("pointer-events-none -mx-1 my-1 h-px bg-border", className),
@@ -1666,7 +2758,7 @@ function SelectScrollUpButton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_select.Select.ScrollUpArrow,
     __spreadProps(__spreadValues({
       className: cn(
@@ -1675,7 +2767,7 @@ function SelectScrollUpButton(_a) {
       ),
       "data-slot": "select-scroll-up-button"
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react6.ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react8.ChevronUpIcon, { className: "size-4" })
     })
   );
 }
@@ -1685,7 +2777,7 @@ function SelectScrollDownButton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_select.Select.ScrollDownArrow,
     __spreadProps(__spreadValues({
       className: cn(
@@ -1694,26 +2786,26 @@ function SelectScrollDownButton(_a) {
       ),
       "data-slot": "select-scroll-down-button"
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react6.ChevronDownIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react8.ChevronDownIcon, { className: "size-4" })
     })
   );
 }
 
 // src/components/ui/dropdown-menu.tsx
-var import_lucide_react7 = require("lucide-react");
+var import_lucide_react9 = require("lucide-react");
 var import_menu = require("@base-ui/react/menu");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function DropdownMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_menu.Menu.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_menu.Menu.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
 }
 function DropdownMenuPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_menu.Menu.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_menu.Menu.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
 }
 function DropdownMenuTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     import_menu.Menu.Trigger,
     __spreadValues({
       "data-slot": "dropdown-menu-trigger"
@@ -1731,7 +2823,7 @@ function DropdownMenuContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_menu.Menu.Positioner, { sideOffset, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_menu.Menu.Positioner, { sideOffset, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     import_menu.Menu.Popup,
     __spreadValues({
       className: cn(
@@ -1745,7 +2837,7 @@ function DropdownMenuContent(_a) {
 }
 function DropdownMenuGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_menu.Menu.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_menu.Menu.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
 }
 function DropdownMenuItem(_a) {
   var _b = _a, {
@@ -1757,7 +2849,7 @@ function DropdownMenuItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     import_menu.Menu.Item,
     __spreadValues({
       className: cn(
@@ -1780,7 +2872,7 @@ function DropdownMenuCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     import_menu.Menu.CheckboxItem,
     __spreadProps(__spreadValues({
       checked,
@@ -1791,7 +2883,7 @@ function DropdownMenuCheckboxItem(_a) {
       "data-slot": "dropdown-menu-checkbox-item"
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_menu.Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react7.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_menu.Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react9.CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -1799,7 +2891,7 @@ function DropdownMenuCheckboxItem(_a) {
 }
 function DropdownMenuRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     import_menu.Menu.RadioGroup,
     __spreadValues({
       "data-slot": "dropdown-menu-radio-group"
@@ -1814,7 +2906,7 @@ function DropdownMenuRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     import_menu.Menu.RadioItem,
     __spreadProps(__spreadValues({
       className: cn(
@@ -1824,7 +2916,7 @@ function DropdownMenuRadioItem(_a) {
       "data-slot": "dropdown-menu-radio-item"
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_menu.Menu.RadioItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react7.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_menu.Menu.RadioItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react9.CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -1838,7 +2930,7 @@ function DropdownMenuLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     import_menu.Menu.GroupLabel,
     __spreadValues({
       className: cn(
@@ -1856,7 +2948,7 @@ function DropdownMenuSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     import_menu.Menu.Separator,
     __spreadValues({
       className: cn("-mx-1 my-1 h-px bg-border", className),
@@ -1870,7 +2962,7 @@ function DropdownMenuShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "span",
     __spreadValues({
       className: cn(
@@ -1883,7 +2975,7 @@ function DropdownMenuShortcut(_a) {
 }
 function DropdownMenuSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_menu.Menu.SubmenuRoot, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_menu.Menu.SubmenuRoot, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
 }
 function DropdownMenuSubTrigger(_a) {
   var _b = _a, {
@@ -1895,7 +2987,7 @@ function DropdownMenuSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     import_menu.Menu.SubmenuTrigger,
     __spreadProps(__spreadValues({
       className: cn(
@@ -1907,7 +2999,7 @@ function DropdownMenuSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react7.ChevronRightIcon, { className: "ml-auto size-4" })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react9.ChevronRightIcon, { className: "ml-auto size-4" })
       ]
     })
   );
@@ -1923,7 +3015,7 @@ function DropdownMenuSubContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_menu.Menu.Positioner, { sideOffset, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_menu.Menu.Positioner, { sideOffset, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     import_menu.Menu.Popup,
     __spreadValues({
       className: cn(
@@ -1936,39 +3028,26 @@ function DropdownMenuSubContent(_a) {
   ) }) });
 }
 
-// src/components/ui/skeleton.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-function Skeleton(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    "div",
-    __spreadValues({
-      className: cn("animate-pulse bg-muted", className),
-      "data-slot": "skeleton"
-    }, props)
-  );
-}
-
 // src/components/ui/data-table.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function DataTableColumnHeader({
   column,
   title,
   className
 }) {
   if (!column.getCanSort()) {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className, children: title });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className, children: title });
   }
   const sorted = column.getIsSorted();
   let sortIcon;
   if (sorted === "asc") {
-    sortIcon = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.ArrowUp, { className: "ml-1 size-3.5" });
+    sortIcon = /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.ArrowUp, { className: "ml-1 size-3.5" });
   } else if (sorted === "desc") {
-    sortIcon = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.ArrowDown, { className: "ml-1 size-3.5" });
+    sortIcon = /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.ArrowDown, { className: "ml-1 size-3.5" });
   } else {
-    sortIcon = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.ArrowUpDown, { className: "ml-1 size-3.5" });
+    sortIcon = /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.ArrowUpDown, { className: "ml-1 size-3.5" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     Button,
     {
       className: cn("-ml-3 h-8 font-medium text-muted-foreground hover:text-foreground", className),
@@ -1987,7 +3066,7 @@ function DataTableColumnHeader({
 function getSelectionColumn() {
   return {
     id: "select",
-    header: ({ table }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    header: ({ table }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       Checkbox,
       {
         "aria-label": "Select all",
@@ -1998,7 +3077,7 @@ function getSelectionColumn() {
         }
       }
     ),
-    cell: ({ row }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    cell: ({ row }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       Checkbox,
       {
         "aria-label": "Select row",
@@ -2019,8 +3098,8 @@ function DataTableToolbar({
   enableColumnVisibility
 }) {
   var _a;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between gap-2 py-4", "data-slot": "data-table-toolbar", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex flex-1 items-center gap-2", children: searchKey ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center justify-between gap-2 py-4", "data-slot": "data-table-toolbar", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex flex-1 items-center gap-2", children: searchKey ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       Input,
       {
         className: "max-w-xs",
@@ -2032,21 +3111,21 @@ function DataTableToolbar({
         value: (_a = table.getColumn(searchKey)) == null ? void 0 : _a.getFilterValue()
       }
     ) : null }),
-    enableColumnVisibility ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenu, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    enableColumnVisibility ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(DropdownMenu, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
         DropdownMenuTrigger,
         {
-          render: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { className: "ml-auto h-8 gap-1.5", size: "sm", variant: "outline" }),
+          render: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, { className: "ml-auto h-8 gap-1.5", size: "sm", variant: "outline" }),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.SlidersHorizontal, { className: "size-3.5" }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "hidden sm:inline", children: "Columns" })
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.SlidersHorizontal, { className: "size-3.5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "hidden sm:inline", children: "Columns" })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuContent, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuGroup, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuLabel, { children: "Toggle columns" }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuSeparator, {}),
-        table.getAllColumns().filter((col) => col.getCanHide()).map((col) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropdownMenuContent, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(DropdownMenuGroup, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropdownMenuLabel, { children: "Toggle columns" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropdownMenuSeparator, {}),
+        table.getAllColumns().filter((col) => col.getCanHide()).map((col) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           DropdownMenuCheckboxItem,
           {
             checked: col.getIsVisible(),
@@ -2066,23 +3145,23 @@ function DataTablePagination({
   table,
   pageSizeOptions = [10, 20, 30, 50]
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "div",
     {
       className: "flex items-center justify-between gap-4 py-4",
       "data-slot": "data-table-pagination",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm text-muted-foreground", children: table.getFilteredSelectedRowModel().rows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm text-muted-foreground", children: table.getFilteredSelectedRowModel().rows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
           table.getFilteredSelectedRowModel().rows.length,
           " of",
           " ",
           table.getFilteredRowModel().rows.length,
           " row(s) selected."
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm text-muted-foreground whitespace-nowrap", children: "Rows per page" }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm text-muted-foreground whitespace-nowrap", children: "Rows per page" }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
               Select,
               {
                 onValueChange: (value) => {
@@ -2090,20 +3169,20 @@ function DataTablePagination({
                 },
                 value: `${table.getState().pagination.pageSize}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectTrigger, { className: "w-[70px]", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectValue, { placeholder: `${table.getState().pagination.pageSize}` }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectContent, { children: pageSizeOptions.map((pageSize) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize)) })
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectTrigger, { className: "w-[70px]", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectValue, { placeholder: `${table.getState().pagination.pageSize}` }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectContent, { children: pageSizeOptions.map((pageSize) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize)) })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "text-sm text-muted-foreground whitespace-nowrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: "text-sm text-muted-foreground whitespace-nowrap", children: [
             "Page ",
             table.getState().pagination.pageIndex + 1,
             " of ",
             table.getPageCount()
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               Button,
               {
                 "aria-label": "Go to first page",
@@ -2113,10 +3192,10 @@ function DataTablePagination({
                 },
                 size: "icon-sm",
                 variant: "outline",
-                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.ChevronsLeftIcon, { className: "size-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.ChevronsLeftIcon, { className: "size-4" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               Button,
               {
                 "aria-label": "Go to previous page",
@@ -2126,10 +3205,10 @@ function DataTablePagination({
                 },
                 size: "icon-sm",
                 variant: "outline",
-                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.ChevronLeftIcon, { className: "size-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.ChevronLeftIcon, { className: "size-4" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               Button,
               {
                 "aria-label": "Go to next page",
@@ -2139,10 +3218,10 @@ function DataTablePagination({
                 },
                 size: "icon-sm",
                 variant: "outline",
-                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.ChevronRightIcon, { className: "size-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.ChevronRightIcon, { className: "size-4" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               Button,
               {
                 "aria-label": "Go to last page",
@@ -2152,7 +3231,7 @@ function DataTablePagination({
                 },
                 size: "icon-sm",
                 variant: "outline",
-                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.ChevronsRightIcon, { className: "size-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.ChevronsRightIcon, { className: "size-4" })
               }
             )
           ] })
@@ -2165,7 +3244,7 @@ function DataTableSkeleton({
   columnCount,
   rowCount = 5
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, { children: Array.from({ length: rowCount }).map((_, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableRow, { children: Array.from({ length: columnCount }).map((_inner, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Skeleton, { className: "h-4 w-3/4" }) }, `skeleton-cell-${String(rowIdx)}-${String(colIdx)}`)) }, `skeleton-row-${String(rowIdx)}`)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: Array.from({ length: rowCount }).map((_, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableRow, { children: Array.from({ length: columnCount }).map((_inner, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Skeleton, { className: "h-4 w-3/4" }) }, `skeleton-cell-${String(rowIdx)}-${String(colIdx)}`)) }, `skeleton-row-${String(rowIdx)}`)) });
 }
 function DataTable({
   columns: userColumns,
@@ -2182,11 +3261,11 @@ function DataTable({
   toolbar,
   emptyText = "No results."
 }) {
-  const [sorting, setSorting] = React4.useState([]);
-  const [columnFilters, setColumnFilters] = React4.useState([]);
-  const [columnVisibility, setColumnVisibility] = React4.useState({});
-  const [rowSelection, setRowSelection] = React4.useState({});
-  const resolvedColumns = React4.useMemo(() => {
+  const [sorting, setSorting] = React8.useState([]);
+  const [columnFilters, setColumnFilters] = React8.useState([]);
+  const [columnVisibility, setColumnVisibility] = React8.useState({});
+  const [rowSelection, setRowSelection] = React8.useState({});
+  const resolvedColumns = React8.useMemo(() => {
     if (!enableRowSelection) return userColumns;
     return [getSelectionColumn(), ...userColumns];
   }, [userColumns, enableRowSelection]);
@@ -2215,19 +3294,19 @@ function DataTable({
   });
   function renderTableBody() {
     if (loading) {
-      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DataTableSkeleton, { columnCount: resolvedColumns.length, rowCount: skeletonRows });
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DataTableSkeleton, { columnCount: resolvedColumns.length, rowCount: skeletonRows });
     }
     if (table.getRowModel().rows.length) {
-      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, { children: table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         TableRow,
         {
           "data-state": row.getIsSelected() ? "selected" : void 0,
-          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableCell, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
+          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableCell, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
         },
         row.id
       )) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       TableCell,
       {
         className: "h-24 text-center text-muted-foreground",
@@ -2236,8 +3315,8 @@ function DataTable({
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("w-full font-sans", className), "data-slot": "data-table", children: [
-    toolbar ? toolbar(table) : (searchKey || enableColumnVisibility) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: cn("w-full font-sans", className), "data-slot": "data-table", children: [
+    toolbar ? toolbar(table) : (searchKey || enableColumnVisibility) && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       DataTableToolbar,
       {
         enableColumnVisibility,
@@ -2246,29 +3325,29 @@ function DataTable({
         table
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "border border-border", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableHead, { children: header.isPlaceholder ? null : (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext()) }, header.id)) }, headerGroup.id)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableBody, { children: renderTableBody() })
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "border border-border", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Table, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableHead, { children: header.isPlaceholder ? null : (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext()) }, header.id)) }, headerGroup.id)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableBody, { children: renderTableBody() })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DataTablePagination, { pageSizeOptions, table })
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DataTablePagination, { pageSizeOptions, table })
   ] });
 }
 
 // src/components/ui/date-picker.tsx
-var React5 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var import_date_fns = require("date-fns");
-var import_lucide_react9 = require("lucide-react");
+var import_lucide_react11 = require("lucide-react");
 
 // src/components/ui/popover.tsx
 var import_popover = require("@base-ui/react/popover");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function Popover(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
 }
 function PopoverTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_popover.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_popover.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
 }
 function PopoverContent(_a) {
   var _b = _a, {
@@ -2283,12 +3362,12 @@ function PopoverContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_popover.Popover.Positioner,
     {
       align,
       sideOffset,
-      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         import_popover.Popover.Popup,
         __spreadValues({
           className: cn(
@@ -2304,11 +3383,11 @@ function PopoverContent(_a) {
 }
 function PopoverAnchor(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", __spreadValues({ "data-slot": "popover-anchor" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", __spreadValues({ "data-slot": "popover-anchor" }, props));
 }
 function PopoverHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     __spreadValues({
       className: cn("flex flex-col gap-1 text-sm", className),
@@ -2320,7 +3399,7 @@ function PopoverTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return (
     // eslint-disable-next-line jsx-a11y/heading-has-content -- children passed via props spread
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       "h2",
       __spreadValues({
         className: cn("font-medium", className),
@@ -2335,7 +3414,7 @@ function PopoverDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "p",
     __spreadValues({
       className: cn("text-muted-foreground", className),
@@ -2345,7 +3424,7 @@ function PopoverDescription(_a) {
 }
 
 // src/components/ui/date-picker.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function DatePicker({
   value,
   onChange,
@@ -2355,7 +3434,7 @@ function DatePicker({
   className,
   calendarProps
 }) {
-  const [open, setOpen] = React5.useState(false);
+  const [open, setOpen] = React9.useState(false);
   function handleDaySelect(day) {
     if (!day) {
       onChange == null ? void 0 : onChange(void 0);
@@ -2380,11 +3459,11 @@ function DatePicker({
   } else if (value) {
     displayValue = (0, import_date_fns.format)(value, "dd/MM/yyyy");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Popover, { onOpenChange: disabled ? void 0 : setOpen, open, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Popover, { onOpenChange: disabled ? void 0 : setOpen, open, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       PopoverTrigger,
       {
-        render: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        render: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           Button,
           {
             className: cn(
@@ -2398,18 +3477,18 @@ function DatePicker({
           }
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.CalendarIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react11.CalendarIcon, {}),
           value ? displayValue : placeholder
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       PopoverContent,
       {
         align: "start",
         className: "w-auto rounded-none p-0 shadow-sm",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             Calendar,
             __spreadProps(__spreadValues({
               captionLayout: "dropdown",
@@ -2423,9 +3502,9 @@ function DatePicker({
               )
             })
           ),
-          showTimePicker ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "border-t border-border px-3 pb-3 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "mb-1.5 block text-xs font-medium text-muted-foreground", children: [
+          showTimePicker ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "border-t border-border px-3 pb-3 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("label", { className: "mb-1.5 block text-xs font-medium text-muted-foreground", children: [
             "Time",
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               "input",
               {
                 className: "mt-1.5 h-8 w-full rounded-none border border-input bg-transparent px-2 text-sm font-sans outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
@@ -2442,24 +3521,24 @@ function DatePicker({
 }
 
 // src/components/ui/dialog.tsx
-var import_lucide_react10 = require("lucide-react");
+var import_lucide_react12 = require("lucide-react");
 var import_dialog = require("@base-ui/react/dialog");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function Dialog(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_dialog.Dialog.Root, __spreadValues({ "data-slot": "dialog" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_dialog.Dialog.Root, __spreadValues({ "data-slot": "dialog" }, props));
 }
 function DialogTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_dialog.Dialog.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_dialog.Dialog.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
 }
 function DialogPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_dialog.Dialog.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_dialog.Dialog.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
 }
 function DialogClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_dialog.Dialog.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_dialog.Dialog.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
 }
 function DialogOverlay(_a) {
   var _b = _a, {
@@ -2467,7 +3546,7 @@ function DialogOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     import_dialog.Dialog.Backdrop,
     __spreadValues({
       className: cn(
@@ -2492,9 +3571,9 @@ function DialogContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(DialogPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
       import_dialog.Dialog.Popup,
       __spreadProps(__spreadValues({
         className: cn(
@@ -2507,14 +3586,14 @@ function DialogContent(_a) {
       }, props), {
         children: [
           children,
-          showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+          showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
             import_dialog.Dialog.Close,
             {
               className: "absolute top-4 right-4 transition-colors hover:bg-foreground/5 focus:outline-hidden focus:ring-2 focus:ring-border focus:ring-offset-0 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               "data-slot": "dialog-close",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.XIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react12.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
           ) : null
@@ -2525,7 +3604,7 @@ function DialogContent(_a) {
 }
 function DialogHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     __spreadValues({
       className: cn("flex flex-col gap-1.5", className),
@@ -2543,7 +3622,7 @@ function DialogFooter(_a) {
     "showCloseButton",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       className: cn(
@@ -2555,7 +3634,7 @@ function DialogFooter(_a) {
     }, props), {
       children: [
         children,
-        showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           import_dialog.Dialog.Close,
           {
             className: cn(buttonVariants({ variant: "outline" })),
@@ -2572,7 +3651,7 @@ function DialogTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     import_dialog.Dialog.Title,
     __spreadValues({
       className: cn("text-lg leading-none font-semibold", className),
@@ -2586,7 +3665,7 @@ function DialogDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     import_dialog.Dialog.Description,
     __spreadValues({
       className: cn("text-sm text-muted-foreground", className),
@@ -2597,22 +3676,22 @@ function DialogDescription(_a) {
 
 // src/components/ui/drawer.tsx
 var import_vaul = require("vaul");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function Drawer(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_vaul.Drawer.Root, __spreadValues({ "data-slot": "drawer" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_vaul.Drawer.Root, __spreadValues({ "data-slot": "drawer" }, props));
 }
 function DrawerTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_vaul.Drawer.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_vaul.Drawer.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
 }
 function DrawerPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_vaul.Drawer.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_vaul.Drawer.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
 }
 function DrawerClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_vaul.Drawer.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_vaul.Drawer.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
 }
 function DrawerOverlay(_a) {
   var _b = _a, {
@@ -2620,7 +3699,7 @@ function DrawerOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     import_vaul.Drawer.Overlay,
     __spreadValues({
       className: cn(
@@ -2643,9 +3722,9 @@ function DrawerContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DrawerOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DrawerOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
       import_vaul.Drawer.Content,
       __spreadProps(__spreadValues({
         className: cn(
@@ -2661,7 +3740,7 @@ function DrawerContent(_a) {
         style: __spreadValues(__spreadValues({}, themeVars), style2)
       }, props), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block group-data-[vaul-drawer-direction=top]/drawer-content:block" }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block group-data-[vaul-drawer-direction=top]/drawer-content:block" }),
           children
         ]
       })
@@ -2670,7 +3749,7 @@ function DrawerContent(_a) {
 }
 function DrawerHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     __spreadValues({
       className: cn("flex flex-col gap-1 p-4", className),
@@ -2680,7 +3759,7 @@ function DrawerHeader(_a) {
 }
 function DrawerFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     __spreadValues({
       className: cn("mt-auto flex flex-col gap-2 p-4", className),
@@ -2694,7 +3773,7 @@ function DrawerTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     import_vaul.Drawer.Title,
     __spreadValues({
       className: cn("text-lg font-semibold text-foreground", className),
@@ -2708,7 +3787,7 @@ function DrawerDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     import_vaul.Drawer.Description,
     __spreadValues({
       className: cn("text-sm text-muted-foreground", className),
@@ -2717,113 +3796,12 @@ function DrawerDescription(_a) {
   );
 }
 
-// src/components/ui/empty.tsx
-var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-function Empty(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    "div",
-    __spreadValues({
-      className: cn(
-        "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 border border-dashed p-6 text-center text-balance md:p-12",
-        className
-      ),
-      "data-slot": "empty"
-    }, props)
-  );
-}
-function EmptyHeader(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    "div",
-    __spreadValues({
-      className: cn(
-        "flex max-w-sm flex-col items-center gap-2 text-center",
-        className
-      ),
-      "data-slot": "empty-header"
-    }, props)
-  );
-}
-var emptyMediaVariants = (0, import_class_variance_authority4.cva)(
-  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "[&_svg:not([class*='size-'])]:size-10",
-        icon: "flex size-10 shrink-0 items-center justify-center text-muted-foreground [&_svg:not([class*='size-'])]:size-6"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function EmptyMedia(_a) {
-  var _b = _a, {
-    className,
-    variant = "default"
-  } = _b, props = __objRest(_b, [
-    "className",
-    "variant"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    "div",
-    __spreadValues({
-      className: cn(emptyMediaVariants({ variant, className })),
-      "data-slot": "empty-icon",
-      "data-variant": variant
-    }, props)
-  );
-}
-function EmptyTitle(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    "div",
-    __spreadValues({
-      className: cn("text-lg font-medium tracking-tight", className),
-      "data-slot": "empty-title"
-    }, props)
-  );
-}
-function EmptyDescription(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    "div",
-    __spreadValues({
-      className: cn(
-        "text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
-        className
-      ),
-      "data-slot": "empty-description"
-    }, props)
-  );
-}
-function EmptyContent(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    "div",
-    __spreadValues({
-      className: cn(
-        "flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance",
-        className
-      ),
-      "data-slot": "empty-content"
-    }, props)
-  );
-}
-
 // src/components/ui/field.tsx
-var import_react4 = require("react");
-var import_class_variance_authority5 = require("class-variance-authority");
+var import_react8 = require("react");
+var import_class_variance_authority6 = require("class-variance-authority");
 
 // src/components/ui/label.tsx
-var import_jsx_runtime23 = (
+var import_jsx_runtime30 = (
   // eslint-disable-next-line jsx-a11y/label-has-associated-control -- htmlFor is passed by the consumer
   require("react/jsx-runtime")
 );
@@ -2833,7 +3811,7 @@ function Label(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "label",
     __spreadValues({
       className: cn(
@@ -2847,7 +3825,7 @@ function Label(_a) {
 
 // src/components/ui/separator.tsx
 var import_separator = require("@base-ui/react/separator");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function Separator(_a) {
   var _b = _a, {
     className,
@@ -2856,7 +3834,7 @@ function Separator(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_separator.Separator,
     __spreadValues({
       className: cn(
@@ -2870,10 +3848,10 @@ function Separator(_a) {
 }
 
 // src/components/ui/field.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function FieldSet(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "fieldset",
     __spreadValues({
       className: cn(
@@ -2893,7 +3871,7 @@ function FieldLegend(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "legend",
     __spreadValues({
       className: cn(
@@ -2909,7 +3887,7 @@ function FieldLegend(_a) {
 }
 function FieldGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -2920,7 +3898,7 @@ function FieldGroup(_a) {
     }, props)
   );
 }
-var fieldVariants = (0, import_class_variance_authority5.cva)(
+var fieldVariants = (0, import_class_variance_authority6.cva)(
   "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
   {
     variants: {
@@ -2951,7 +3929,7 @@ function Field(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "div",
     __spreadValues({
       className: cn(fieldVariants({ orientation }), className),
@@ -2963,7 +3941,7 @@ function Field(_a) {
 }
 function FieldContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -2980,7 +3958,7 @@ function FieldLabel(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     Label,
     __spreadValues({
       className: cn(
@@ -2995,7 +3973,7 @@ function FieldLabel(_a) {
 }
 function FieldTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -3008,7 +3986,7 @@ function FieldTitle(_a) {
 }
 function FieldDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "p",
     __spreadValues({
       className: cn(
@@ -3029,7 +4007,7 @@ function FieldSeparator(_a) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       className: cn(
@@ -3040,8 +4018,8 @@ function FieldSeparator(_a) {
       "data-slot": "field-separator"
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
+        children ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           "span",
           {
             className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
@@ -3063,7 +4041,7 @@ function FieldError(_a) {
     "children",
     "errors"
   ]);
-  const content = (0, import_react4.useMemo)(() => {
+  const content = (0, import_react8.useMemo)(() => {
     var _a2;
     if (children) {
       return children;
@@ -3077,14 +4055,14 @@ function FieldError(_a) {
     if (uniqueErrors.length === 1) {
       return (_a2 = uniqueErrors[0]) == null ? void 0 : _a2.message;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
-      (error) => (error == null ? void 0 : error.message) && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("li", { children: error.message }, error.message)
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error) => (error == null ? void 0 : error.message) && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("li", { children: error.message }, error.message)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "div",
     __spreadProps(__spreadValues({
       className: cn("text-xs font-normal text-destructive", className),
@@ -3097,13 +4075,13 @@ function FieldError(_a) {
 }
 
 // src/components/ui/input-group.tsx
-var import_class_variance_authority6 = require("class-variance-authority");
+var import_class_variance_authority7 = require("class-variance-authority");
 
 // src/components/ui/textarea.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function Textarea(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "textarea",
     __spreadValues({
       className: cn(
@@ -3117,10 +4095,10 @@ function Textarea(_a) {
 }
 
 // src/components/ui/input-group.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function InputGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -3142,7 +4120,7 @@ function InputGroup(_a) {
     }, props)
   );
 }
-var inputGroupAddonVariants = (0, import_class_variance_authority6.cva)(
+var inputGroupAddonVariants = (0, import_class_variance_authority7.cva)(
   "flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
   {
     variants: {
@@ -3168,7 +4146,7 @@ function InputGroupAddon(_a) {
   ]);
   return (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- click only forwards focus to the sibling input; the div is not truly interactive
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "div",
       __spreadValues({
         className: cn(inputGroupAddonVariants({ align }), className),
@@ -3192,7 +4170,7 @@ function InputGroupAddon(_a) {
     )
   );
 }
-var inputGroupButtonVariants = (0, import_class_variance_authority6.cva)(
+var inputGroupButtonVariants = (0, import_class_variance_authority7.cva)(
   "flex items-center gap-2 text-sm shadow-none",
   {
     variants: {
@@ -3220,7 +4198,7 @@ function InputGroupButton(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     Button,
     __spreadValues({
       className: cn(inputGroupButtonVariants({ size }), className),
@@ -3232,7 +4210,7 @@ function InputGroupButton(_a) {
 }
 function InputGroupText(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "span",
     __spreadValues({
       className: cn(
@@ -3248,7 +4226,7 @@ function InputGroupInput(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     Input,
     __spreadValues({
       className: cn(
@@ -3265,7 +4243,7 @@ function InputGroupTextarea(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     Textarea,
     __spreadValues({
       className: cn(
@@ -3278,10 +4256,10 @@ function InputGroupTextarea(_a) {
 }
 
 // src/components/ui/input-otp.tsx
-var React6 = __toESM(require("react"));
+var React10 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
-var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function InputOTP(_a) {
   var _b = _a, {
     className,
@@ -3290,7 +4268,7 @@ function InputOTP(_a) {
     "className",
     "containerClassName"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_input_otp.OTPInput,
     __spreadValues({
       className: cn("disabled:cursor-not-allowed", className),
@@ -3304,7 +4282,7 @@ function InputOTP(_a) {
 }
 function InputOTPGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     __spreadValues({
       className: cn("flex items-center", className),
@@ -3321,9 +4299,9 @@ function InputOTPSlot(_a) {
     "className"
   ]);
   var _a2;
-  const inputOTPContext = React6.useContext(import_input_otp.OTPInputContext);
+  const inputOTPContext = React10.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext.slots[index]) != null ? _a2 : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       className: cn(
@@ -3335,22 +4313,22 @@ function InputOTPSlot(_a) {
     }, props), {
       children: [
         char,
-        hasFakeCaret ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }) : null
+        hasFakeCaret ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }) : null
       ]
     })
   );
 }
 function InputOTPSeparator(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react11.MinusIcon, {}) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react13.MinusIcon, {}) }));
 }
 
 // src/components/ui/pagination.tsx
-var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_lucide_react14 = require("lucide-react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function Pagination(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "nav",
     __spreadValues({
       "aria-label": "pagination",
@@ -3366,7 +4344,7 @@ function PaginationContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "ul",
     __spreadValues({
       className: cn("flex flex-row items-center gap-1", className),
@@ -3376,7 +4354,7 @@ function PaginationContent(_a) {
 }
 function PaginationItem(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("li", __spreadValues({ "data-slot": "pagination-item" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("li", __spreadValues({ "data-slot": "pagination-item" }, props));
 }
 function PaginationLink(_a) {
   var _b = _a, {
@@ -3390,7 +4368,7 @@ function PaginationLink(_a) {
   ]);
   return (
     // eslint-disable-next-line jsx-a11y/anchor-has-content -- children passed via props spread
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "a",
       __spreadValues({
         "aria-current": isActive ? "page" : void 0,
@@ -3413,7 +4391,7 @@ function PaginationPrevious(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to previous page",
@@ -3421,8 +4399,8 @@ function PaginationPrevious(_a) {
       size: "default"
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react12.ChevronLeftIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react14.ChevronLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "hidden sm:block", children: "Previous" })
       ]
     })
   );
@@ -3433,7 +4411,7 @@ function PaginationNext(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to next page",
@@ -3441,8 +4419,8 @@ function PaginationNext(_a) {
       size: "default"
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react12.ChevronRightIcon, {})
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react14.ChevronRightIcon, {})
       ]
     })
   );
@@ -3453,7 +4431,7 @@ function PaginationEllipsis(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "span",
     __spreadProps(__spreadValues({
       "aria-hidden": true,
@@ -3461,8 +4439,8 @@ function PaginationEllipsis(_a) {
       "data-slot": "pagination-ellipsis"
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react12.MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react14.MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "sr-only", children: "More pages" })
       ]
     })
   );
@@ -3470,7 +4448,7 @@ function PaginationEllipsis(_a) {
 
 // src/components/ui/progress.tsx
 var import_progress = require("@base-ui/react/progress");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function Progress(_a) {
   var _b = _a, {
     className,
@@ -3479,7 +4457,7 @@ function Progress(_a) {
     "className",
     "value"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_progress.Progress.Root,
     __spreadProps(__spreadValues({
       className: cn(
@@ -3489,7 +4467,7 @@ function Progress(_a) {
       "data-slot": "progress",
       value
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_progress.Progress.Track, { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_progress.Progress.Track, { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         import_progress.Progress.Indicator,
         {
           className: "h-full bg-primary transition-all",
@@ -3501,10 +4479,10 @@ function Progress(_a) {
 }
 
 // src/components/ui/radio-group.tsx
-var import_lucide_react13 = require("lucide-react");
+var import_lucide_react15 = require("lucide-react");
 var import_radio_group = require("@base-ui/react/radio-group");
 var import_radio = require("@base-ui/react/radio");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var CIRCLE_BASE = "inline-flex items-center justify-center aspect-square size-4 shrink-0 rounded-full border border-primary bg-background";
 var INDICATOR_DOT = "size-2 fill-background text-background";
 function RadioGroup(_a) {
@@ -3513,7 +4491,7 @@ function RadioGroup(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     import_radio_group.RadioGroup,
     __spreadValues({
       className: cn("grid gap-3", className),
@@ -3527,7 +4505,7 @@ function RadioGroupItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     import_radio.Radio.Root,
     __spreadProps(__spreadValues({
       className: cn(
@@ -3543,11 +4521,11 @@ function RadioGroupItem(_a) {
       ),
       "data-slot": "radio-group-item"
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         import_radio.Radio.Indicator,
         {
           "data-slot": "radio-group-indicator",
-          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react13.CircleIcon, { className: INDICATOR_DOT })
+          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react15.CircleIcon, { className: INDICATOR_DOT })
         }
       )
     })
@@ -3569,7 +4547,7 @@ function RadioGroupCard(_a) {
     "label",
     "description"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     import_radio.Radio.Root,
     __spreadProps(__spreadValues({
       "aria-invalid": error || void 0,
@@ -3587,7 +4565,7 @@ function RadioGroupCard(_a) {
       value
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           "div",
           {
             className: cn(
@@ -3597,12 +4575,12 @@ function RadioGroupCard(_a) {
               "group-aria-invalid/card:border-destructive",
               "group-aria-invalid/card:group-data-[checked]/card:border-destructive group-aria-invalid/card:group-data-[checked]/card:bg-destructive"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_radio.Radio.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react13.CircleIcon, { className: INDICATOR_DOT }) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_radio.Radio.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react15.CircleIcon, { className: INDICATOR_DOT }) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-sm font-medium leading-none", children: label }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-sm text-muted-foreground", children: description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-sm font-medium leading-none", children: label }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-sm text-muted-foreground", children: description }) : null
         ] })
       ]
     })
@@ -3610,9 +4588,9 @@ function RadioGroupCard(_a) {
 }
 
 // src/components/ui/sheet.tsx
-var import_lucide_react14 = require("lucide-react");
+var import_lucide_react16 = require("lucide-react");
 var import_dialog2 = require("@base-ui/react/dialog");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var SIDE_CLASSES = {
   right: "inset-y-0 right-0 h-full w-3/4 border-l data-ending-style:slide-out-to-right data-open:slide-in-from-right sm:max-w-sm",
   left: "inset-y-0 left-0 h-full w-3/4 border-r data-ending-style:slide-out-to-left data-open:slide-in-from-left sm:max-w-sm",
@@ -3621,19 +4599,19 @@ var SIDE_CLASSES = {
 };
 function Sheet(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_dialog2.Dialog.Root, __spreadValues({ "data-slot": "sheet" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_dialog2.Dialog.Root, __spreadValues({ "data-slot": "sheet" }, props));
 }
 function SheetTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_dialog2.Dialog.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_dialog2.Dialog.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
 }
 function SheetClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_dialog2.Dialog.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_dialog2.Dialog.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
 }
 function SheetPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_dialog2.Dialog.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_dialog2.Dialog.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
 }
 function SheetOverlay(_a) {
   var _b = _a, {
@@ -3641,7 +4619,7 @@ function SheetOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_dialog2.Dialog.Backdrop,
     __spreadValues({
       className: cn(
@@ -3667,9 +4645,9 @@ function SheetContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(SheetPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
       import_dialog2.Dialog.Popup,
       __spreadProps(__spreadValues({
         className: cn(
@@ -3682,14 +4660,14 @@ function SheetContent(_a) {
       }, props), {
         children: [
           children,
-          showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+          showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
             import_dialog2.Dialog.Close,
             {
               className: "absolute top-4 right-4 transition-colors hover:bg-foreground/5 focus:outline-hidden focus:ring-2 focus:ring-border focus:ring-offset-0 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               "data-slot": "sheet-icon-close",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react14.XIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react16.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
           ) : null
@@ -3700,7 +4678,7 @@ function SheetContent(_a) {
 }
 function SheetHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     __spreadValues({
       className: cn("flex flex-col gap-1.5 p-4", className),
@@ -3710,7 +4688,7 @@ function SheetHeader(_a) {
 }
 function SheetFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     __spreadValues({
       className: cn("mt-auto flex flex-col gap-2 p-4", className),
@@ -3724,7 +4702,7 @@ function SheetTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_dialog2.Dialog.Title,
     __spreadValues({
       className: cn("text-lg font-semibold text-foreground", className),
@@ -3738,7 +4716,7 @@ function SheetDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_dialog2.Dialog.Description,
     __spreadValues({
       className: cn("text-sm text-muted-foreground", className),
@@ -3747,22 +4725,116 @@ function SheetDescription(_a) {
   );
 }
 
+// src/components/ui/slider.tsx
+var React11 = __toESM(require("react"));
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var Slider = React11.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      value,
+      defaultValue = 0,
+      min = 0,
+      max = 100,
+      step = 1,
+      disabled = false,
+      onValueChange
+    } = _b, props = __objRest(_b, [
+      "className",
+      "value",
+      "defaultValue",
+      "min",
+      "max",
+      "step",
+      "disabled",
+      "onValueChange"
+    ]);
+    const [internalValue, setInternalValue] = React11.useState(defaultValue);
+    const currentValue = value !== void 0 ? value : internalValue;
+    const percentage = (currentValue - min) / (max - min) * 100;
+    const handleChange = (e) => {
+      const newValue = Number(e.target.value);
+      if (value === void 0) {
+        setInternalValue(newValue);
+      }
+      onValueChange == null ? void 0 : onValueChange(newValue);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+      "div",
+      {
+        "data-slot": "slider",
+        className: cn(
+          "relative flex w-full touch-none items-center select-none",
+          disabled && "opacity-50",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            "div",
+            {
+              "data-slot": "slider-track",
+              className: "relative h-2 w-full overflow-hidden rounded-full bg-muted",
+              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                "div",
+                {
+                  "data-slot": "slider-range",
+                  className: "absolute h-full rounded-full bg-primary",
+                  style: { width: `${percentage}%` }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            "input",
+            __spreadValues({
+              ref,
+              type: "range",
+              min,
+              max,
+              step,
+              value: currentValue,
+              disabled,
+              onChange: handleChange,
+              className: cn(
+                "absolute inset-0 h-full w-full cursor-pointer opacity-0",
+                disabled && "cursor-not-allowed"
+              )
+            }, props)
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            "div",
+            {
+              "data-slot": "slider-thumb",
+              className: cn(
+                "pointer-events-none absolute top-1/2 -translate-x-1/2 -translate-y-1/2",
+                "block size-5 rounded-full border-2 border-primary bg-background shadow-sm"
+              ),
+              style: { left: `${percentage}%` }
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Slider.displayName = "Slider";
+
 // src/components/ui/sonner.tsx
-var import_lucide_react15 = require("lucide-react");
+var import_lucide_react17 = require("lucide-react");
 var import_sonner = require("sonner");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Toaster(_a) {
   var _b = _a, { theme = "light" } = _b, props = __objRest(_b, ["theme"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     import_sonner.Toaster,
     __spreadValues({
       className: "toaster group",
       icons: {
-        success: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.CircleCheckIcon, { className: "size-4" }),
-        info: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.InfoIcon, { className: "size-4" }),
-        warning: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.TriangleAlertIcon, { className: "size-4" }),
-        error: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.OctagonXIcon, { className: "size-4" }),
-        loading: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.Loader2Icon, { className: "size-4 animate-spin" })
+        success: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react17.CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react17.InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react17.TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react17.OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react17.Loader2Icon, { className: "size-4 animate-spin" })
       },
       style: {
         "--normal-bg": "var(--popover)",
@@ -3780,39 +4852,10 @@ function Toaster(_a) {
   );
 }
 
-// src/components/ui/spinner.tsx
-var import_class_variance_authority7 = require("class-variance-authority");
-var import_lucide_react16 = require("lucide-react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var spinnerVariants = (0, import_class_variance_authority7.cva)("animate-spin shrink-0", {
-  variants: {
-    size: {
-      sm: "size-3",
-      default: "size-4",
-      lg: "size-6",
-      xl: "size-8"
-    }
-  },
-  defaultVariants: {
-    size: "default"
-  }
-});
-function Spinner(_a) {
-  var _b = _a, { className, size } = _b, props = __objRest(_b, ["className", "size"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-    import_lucide_react16.LoaderCircle,
-    __spreadValues({
-      "aria-hidden": "true",
-      className: cn(spinnerVariants({ size }), className),
-      "data-slot": "spinner"
-    }, props)
-  );
-}
-
 // src/components/ui/switch.tsx
-var import_react5 = require("react");
+var import_react9 = require("react");
 var import_switch = require("@base-ui/react/switch");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function Switch(_a) {
   var _b = _a, {
     className,
@@ -3821,7 +4864,7 @@ function Switch(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     import_switch.Switch.Root,
     __spreadProps(__spreadValues({
       className: cn(
@@ -3838,7 +4881,7 @@ function Switch(_a) {
       "data-size": size,
       "data-slot": "switch"
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         import_switch.Switch.Thumb,
         {
           className: cn(
@@ -3877,9 +4920,9 @@ function SwitchCard(_a) {
     "switchPosition",
     "size"
   ]);
-  const [internalChecked, setInternalChecked] = (0, import_react5.useState)(defaultChecked != null ? defaultChecked : false);
+  const [internalChecked, setInternalChecked] = (0, import_react9.useState)(defaultChecked != null ? defaultChecked : false);
   const isChecked = checked != null ? checked : internalChecked;
-  const switchElement = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  const switchElement = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     Switch,
     __spreadValues({
       "aria-invalid": error || void 0,
@@ -3893,11 +4936,11 @@ function SwitchCard(_a) {
       size
     }, props)
   );
-  const contentElement = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm font-medium leading-none", children: label }),
-    description ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm text-muted-foreground", children: description }) : null
+  const contentElement = /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-sm font-medium leading-none", children: label }),
+    description ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-sm text-muted-foreground", children: description }) : null
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "label",
     {
       className: cn(
@@ -3908,10 +4951,10 @@ function SwitchCard(_a) {
         className
       ),
       "data-slot": "switch-card",
-      children: switchPosition === "left" ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+      children: switchPosition === "left" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
         switchElement,
         contentElement
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
         contentElement,
         switchElement
       ] })
@@ -3922,7 +4965,7 @@ function SwitchCard(_a) {
 // src/components/ui/tabs.tsx
 var import_class_variance_authority8 = require("class-variance-authority");
 var import_tabs = require("@base-ui/react/tabs");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function Tabs(_a) {
   var _b = _a, {
     className,
@@ -3931,7 +4974,7 @@ function Tabs(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     import_tabs.Tabs.Root,
     __spreadValues({
       className: cn(
@@ -3965,7 +5008,7 @@ function TabsList(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     import_tabs.Tabs.List,
     __spreadValues({
       className: cn(tabsListVariants({ variant }), className),
@@ -3980,7 +5023,7 @@ function TabsTrigger(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     import_tabs.Tabs.Tab,
     __spreadValues({
       className: cn(
@@ -4021,7 +5064,7 @@ function TabsContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     import_tabs.Tabs.Panel,
     __spreadValues({
       className: cn("flex-1 outline-none", className),
@@ -4031,14 +5074,14 @@ function TabsContent(_a) {
 }
 
 // src/components/ui/toggle-group.tsx
-var React7 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 var import_toggle_group = require("@base-ui/react/toggle-group");
 var import_toggle2 = require("@base-ui/react/toggle");
 
 // src/components/ui/toggle.tsx
 var import_class_variance_authority9 = require("class-variance-authority");
 var import_toggle = require("@base-ui/react/toggle");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority9.cva)(
   "inline-flex items-center justify-center gap-2 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-pressed:bg-primary/10 data-pressed:inset-ring data-pressed:inset-ring-primary data-pressed:text-foreground data-pressed:hover:bg-primary/10 data-pressed:hover:text-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -4069,7 +5112,7 @@ function Toggle(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     import_toggle.Toggle,
     __spreadValues({
       className: cn(toggleVariants({ variant, size, className })),
@@ -4079,8 +5122,8 @@ function Toggle(_a) {
 }
 
 // src/components/ui/toggle-group.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var ToggleGroupContext = React7.createContext({
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var ToggleGroupContext = React12.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -4101,7 +5144,7 @@ function ToggleGroup(_a) {
     "type",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     import_toggle_group.ToggleGroup,
     __spreadProps(__spreadValues({
       className: cn(
@@ -4116,7 +5159,7 @@ function ToggleGroup(_a) {
       multiple: type === "multiple",
       style: { "--gap": spacing }
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
     })
   );
 }
@@ -4132,8 +5175,8 @@ function ToggleGroupItem(_a) {
     "variant",
     "size"
   ]);
-  const context = React7.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  const context = React12.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     import_toggle2.Toggle,
     __spreadProps(__spreadValues({
       className: cn(
@@ -4158,14 +5201,14 @@ function ToggleGroupItem(_a) {
 
 // src/components/ui/tooltip.tsx
 var import_tooltip = require("@base-ui/react/tooltip");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function TooltipProvider(_a) {
   var _b = _a, {
     delay = 0
   } = _b, props = __objRest(_b, [
     "delay"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     import_tooltip.Tooltip.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -4173,13 +5216,13 @@ function TooltipProvider(_a) {
     }, props)
   );
 }
-function Tooltip(_a) {
+function Tooltip5(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_tooltip.Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_tooltip.Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
 }
 function TooltipTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_tooltip.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_tooltip.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -4194,8 +5237,8 @@ function TooltipContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_tooltip.Tooltip.Positioner, { sideOffset, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_tooltip.Tooltip.Positioner, { sideOffset, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       import_tooltip.Tooltip.Popup,
       __spreadProps(__spreadValues({
         className: cn(
@@ -4208,7 +5251,7 @@ function TooltipContent(_a) {
         children
       })
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       import_tooltip.Tooltip.Arrow,
       {
         className: "z-50 size-2.5 rotate-45 bg-brand-secondary"
@@ -4254,9 +5297,21 @@ function TooltipContent(_a) {
   CardFooter,
   CardHeader,
   CardTitle,
+  CashflowBarChart,
   Checkbox,
   CheckboxCard,
   Chip,
+  Combobox,
+  ComboboxContent,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxGroupLabel,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxList,
+  ComboboxSeparator,
+  ComboboxTrigger,
+  ComboboxValue,
   DataTable,
   DataTableColumnHeader,
   DataTablePagination,
@@ -4304,6 +5359,7 @@ function TooltipContent(_a) {
   EmptyHeader,
   EmptyMedia,
   EmptyTitle,
+  ExpenseBarChart,
   FONT_FAMILY_SANS,
   Field,
   FieldContent,
@@ -4315,6 +5371,7 @@ function TooltipContent(_a) {
   FieldSeparator,
   FieldSet,
   FieldTitle,
+  IncomeBarChart,
   Input,
   InputGroup,
   InputGroupAddon,
@@ -4366,6 +5423,7 @@ function TooltipContent(_a) {
   SheetTitle,
   SheetTrigger,
   Skeleton,
+  Slider,
   Spinner,
   Switch,
   SwitchCard,
@@ -4397,6 +5455,7 @@ function TooltipContent(_a) {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
+  TransactionsIncomeExpenseBarChart,
   badgeVariants,
   buttonVariants,
   cn,