@wealthx/shadcn 0.0.1 → 1.0.0

package/dist/index.js

@@ -0,0 +1,4409 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Accordion: () => Accordion,
+  AccordionContent: () => AccordionContent,
+  AccordionItem: () => AccordionItem,
+  AccordionTrigger: () => AccordionTrigger,
+  Alert: () => Alert,
+  AlertDescription: () => AlertDescription,
+  AlertDialog: () => AlertDialog,
+  AlertDialogAction: () => AlertDialogAction,
+  AlertDialogCancel: () => AlertDialogCancel,
+  AlertDialogContent: () => AlertDialogContent,
+  AlertDialogDescription: () => AlertDialogDescription,
+  AlertDialogFooter: () => AlertDialogFooter,
+  AlertDialogHeader: () => AlertDialogHeader,
+  AlertDialogMedia: () => AlertDialogMedia,
+  AlertDialogOverlay: () => AlertDialogOverlay,
+  AlertDialogPortal: () => AlertDialogPortal,
+  AlertDialogTitle: () => AlertDialogTitle,
+  AlertDialogTrigger: () => AlertDialogTrigger,
+  AlertTitle: () => AlertTitle,
+  Avatar: () => Avatar,
+  AvatarBadge: () => AvatarBadge,
+  AvatarFallback: () => AvatarFallback,
+  AvatarGroup: () => AvatarGroup,
+  AvatarGroupCount: () => AvatarGroupCount,
+  AvatarImage: () => AvatarImage,
+  Badge: () => Badge,
+  Button: () => Button,
+  Calendar: () => Calendar,
+  CalendarDayButton: () => CalendarDayButton,
+  Card: () => Card,
+  CardAction: () => CardAction,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  Checkbox: () => Checkbox,
+  CheckboxCard: () => CheckboxCard,
+  Chip: () => Chip,
+  DataTable: () => DataTable,
+  DataTableColumnHeader: () => DataTableColumnHeader,
+  DataTablePagination: () => DataTablePagination,
+  DataTableSkeleton: () => DataTableSkeleton,
+  DataTableToolbar: () => DataTableToolbar,
+  DatePicker: () => DatePicker,
+  Dialog: () => Dialog,
+  DialogClose: () => DialogClose,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogOverlay: () => DialogOverlay,
+  DialogPortal: () => DialogPortal,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
+  Drawer: () => Drawer,
+  DrawerClose: () => DrawerClose,
+  DrawerContent: () => DrawerContent,
+  DrawerDescription: () => DrawerDescription,
+  DrawerFooter: () => DrawerFooter,
+  DrawerHeader: () => DrawerHeader,
+  DrawerOverlay: () => DrawerOverlay,
+  DrawerPortal: () => DrawerPortal,
+  DrawerTitle: () => DrawerTitle,
+  DrawerTrigger: () => DrawerTrigger,
+  DropdownMenu: () => DropdownMenu,
+  DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuGroup: () => DropdownMenuGroup,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuLabel: () => DropdownMenuLabel,
+  DropdownMenuPortal: () => DropdownMenuPortal,
+  DropdownMenuRadioGroup: () => DropdownMenuRadioGroup,
+  DropdownMenuRadioItem: () => DropdownMenuRadioItem,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuShortcut: () => DropdownMenuShortcut,
+  DropdownMenuSub: () => DropdownMenuSub,
+  DropdownMenuSubContent: () => DropdownMenuSubContent,
+  DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
+  DropdownMenuTrigger: () => DropdownMenuTrigger,
+  Empty: () => Empty,
+  EmptyContent: () => EmptyContent,
+  EmptyDescription: () => EmptyDescription,
+  EmptyHeader: () => EmptyHeader,
+  EmptyMedia: () => EmptyMedia,
+  EmptyTitle: () => EmptyTitle,
+  FONT_FAMILY_SANS: () => FONT_FAMILY_SANS,
+  Field: () => Field,
+  FieldContent: () => FieldContent,
+  FieldDescription: () => FieldDescription,
+  FieldError: () => FieldError,
+  FieldGroup: () => FieldGroup,
+  FieldLabel: () => FieldLabel,
+  FieldLegend: () => FieldLegend,
+  FieldSeparator: () => FieldSeparator,
+  FieldSet: () => FieldSet,
+  FieldTitle: () => FieldTitle,
+  Input: () => Input,
+  InputGroup: () => InputGroup,
+  InputGroupAddon: () => InputGroupAddon,
+  InputGroupButton: () => InputGroupButton,
+  InputGroupInput: () => InputGroupInput,
+  InputGroupText: () => InputGroupText,
+  InputGroupTextarea: () => InputGroupTextarea,
+  InputOTP: () => InputOTP,
+  InputOTPGroup: () => InputOTPGroup,
+  InputOTPSeparator: () => InputOTPSeparator,
+  InputOTPSlot: () => InputOTPSlot,
+  Label: () => Label,
+  Pagination: () => Pagination,
+  PaginationContent: () => PaginationContent,
+  PaginationEllipsis: () => PaginationEllipsis,
+  PaginationItem: () => PaginationItem,
+  PaginationLink: () => PaginationLink,
+  PaginationNext: () => PaginationNext,
+  PaginationPrevious: () => PaginationPrevious,
+  Popover: () => Popover,
+  PopoverAnchor: () => PopoverAnchor,
+  PopoverContent: () => PopoverContent,
+  PopoverDescription: () => PopoverDescription,
+  PopoverHeader: () => PopoverHeader,
+  PopoverTitle: () => PopoverTitle,
+  PopoverTrigger: () => PopoverTrigger,
+  Progress: () => Progress,
+  RadioGroup: () => RadioGroup,
+  RadioGroupCard: () => RadioGroupCard,
+  RadioGroupItem: () => RadioGroupItem,
+  Select: () => Select,
+  SelectContent: () => SelectContent,
+  SelectGroup: () => SelectGroup,
+  SelectItem: () => SelectItem,
+  SelectLabel: () => SelectLabel,
+  SelectScrollDownButton: () => SelectScrollDownButton,
+  SelectScrollUpButton: () => SelectScrollUpButton,
+  SelectSeparator: () => SelectSeparator,
+  SelectTrigger: () => SelectTrigger,
+  SelectValue: () => SelectValue,
+  Separator: () => Separator,
+  Sheet: () => Sheet,
+  SheetClose: () => SheetClose,
+  SheetContent: () => SheetContent,
+  SheetDescription: () => SheetDescription,
+  SheetFooter: () => SheetFooter,
+  SheetHeader: () => SheetHeader,
+  SheetPortal: () => SheetPortal,
+  SheetTitle: () => SheetTitle,
+  SheetTrigger: () => SheetTrigger,
+  Skeleton: () => Skeleton,
+  Spinner: () => Spinner,
+  Switch: () => Switch,
+  SwitchCard: () => SwitchCard,
+  TYPOGRAPHY: () => TYPOGRAPHY,
+  TYPOGRAPHY_BODY: () => TYPOGRAPHY_BODY,
+  TYPOGRAPHY_DISPLAY: () => TYPOGRAPHY_DISPLAY,
+  TYPOGRAPHY_HEADING: () => TYPOGRAPHY_HEADING,
+  TYPOGRAPHY_LABEL: () => TYPOGRAPHY_LABEL,
+  TYPOGRAPHY_RESPONSIVE: () => TYPOGRAPHY_RESPONSIVE,
+  TYPOGRAPHY_UTILITY: () => TYPOGRAPHY_UTILITY,
+  Table: () => Table,
+  TableBody: () => TableBody,
+  TableCaption: () => TableCaption,
+  TableCell: () => TableCell,
+  TableFooter: () => TableFooter,
+  TableHead: () => TableHead,
+  TableHeader: () => TableHeader,
+  TableRow: () => TableRow,
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger,
+  Textarea: () => Textarea,
+  Toaster: () => Toaster,
+  Toggle: () => Toggle,
+  ToggleGroup: () => ToggleGroup,
+  ToggleGroupItem: () => ToggleGroupItem,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipProvider: () => TooltipProvider,
+  TooltipTrigger: () => TooltipTrigger,
+  badgeVariants: () => badgeVariants,
+  buttonVariants: () => buttonVariants,
+  cn: () => cn,
+  getResponsiveTypographyCssVars: () => getResponsiveTypographyCssVars,
+  getSelectionColumn: () => getSelectionColumn,
+  getTypographyCssVars: () => getTypographyCssVars,
+  spinnerVariants: () => spinnerVariants,
+  tabsListVariants: () => tabsListVariants,
+  toggleVariants: () => toggleVariants
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/lib/typography.ts
+var FONT_FAMILY_SANS = '"Figtree", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+function style(weight, size, lineHeight, extra) {
+  return __spreadValues({ fontWeight: weight, fontSize: size, lineHeight }, extra);
+}
+var TYPOGRAPHY_DISPLAY = {
+  large: style(700, "4rem", "4.5rem", { letterSpacing: "-0.03125rem" }),
+  medium: style(700, "3rem", "3.5rem"),
+  small: style(600, "2.125rem", "2.625rem")
+};
+var TYPOGRAPHY_HEADING = {
+  h1: style(700, "2rem", "2.5rem"),
+  h2: style(600, "1.75rem", "2.25rem"),
+  h3: style(600, "1.5rem", "2rem"),
+  h4: style(600, "1.3125rem", "1.75rem"),
+  h5: style(600, "1.125rem", "1.5rem"),
+  h6: style(600, "1rem", "1.375rem")
+};
+var TYPOGRAPHY_BODY = {
+  large: style(400, "1.125rem", "1.75rem"),
+  medium: style(400, "1rem", "1.5rem"),
+  small: style(400, "0.875rem", "1.25rem")
+};
+var TYPOGRAPHY_LABEL = {
+  large: style(600, "1rem", "1.25rem"),
+  medium: style(600, "0.875rem", "1.125rem"),
+  small: style(600, "0.75rem", "1rem", { letterSpacing: "0.03125rem" })
+};
+var TYPOGRAPHY_UTILITY = {
+  caption: style(400, "0.75rem", "1rem"),
+  overline: style(600, "0.625rem", "0.875rem", {
+    letterSpacing: "0.09375rem",
+    textTransform: "uppercase"
+  }),
+  code: style(400, "0.875rem", "1.25rem")
+};
+var TYPOGRAPHY = {
+  display: TYPOGRAPHY_DISPLAY,
+  heading: TYPOGRAPHY_HEADING,
+  body: TYPOGRAPHY_BODY,
+  label: TYPOGRAPHY_LABEL,
+  utility: TYPOGRAPHY_UTILITY
+};
+var TYPOGRAPHY_RESPONSIVE = {
+  tablet: {
+    "display-large": style(700, "3.6rem", "4.05rem", {
+      letterSpacing: "-0.03125rem"
+    }),
+    "display-medium": style(700, "2.7rem", "3.15rem"),
+    "display-small": style(600, "1.9125rem", "2.3625rem")
+  },
+  mobile: {
+    "display-large": style(700, "2.5rem", "2.8125rem", {
+      letterSpacing: "-0.03125rem"
+    }),
+    "display-medium": style(700, "2rem", "2.334rem"),
+    h1: style(700, "1.75rem", "2.1875rem"),
+    h2: style(600, "1.5rem", "1.93rem")
+  }
+};
+function getTypographyCssVars(fontFamily = FONT_FAMILY_SANS) {
+  const vars = {};
+  vars["--font-family-sans"] = fontFamily;
+  const allGroups = [
+    [
+      "display",
+      TYPOGRAPHY_DISPLAY
+    ],
+    ["", TYPOGRAPHY_HEADING],
+    ["body", TYPOGRAPHY_BODY],
+    ["label", TYPOGRAPHY_LABEL],
+    ["", TYPOGRAPHY_UTILITY]
+  ];
+  for (const [prefix, group] of allGroups) {
+    for (const [key, s] of Object.entries(group)) {
+      const token = prefix ? `${prefix}-${key}` : key;
+      vars[`--typography-${token}-size`] = s.fontSize;
+      vars[`--typography-${token}-leading`] = s.lineHeight;
+      vars[`--typography-${token}-weight`] = String(s.fontWeight);
+      if (s.letterSpacing)
+        vars[`--typography-${token}-tracking`] = s.letterSpacing;
+      if (s.textTransform)
+        vars[`--typography-${token}-transform`] = s.textTransform;
+    }
+  }
+  return vars;
+}
+function getResponsiveTypographyCssVars(breakpoint) {
+  const vars = {};
+  for (const [key, s] of Object.entries(TYPOGRAPHY_RESPONSIVE[breakpoint])) {
+    vars[`--typography-${key}-size`] = s.fontSize;
+    vars[`--typography-${key}-leading`] = s.lineHeight;
+    vars[`--typography-${key}-weight`] = String(s.fontWeight);
+    if (s.letterSpacing) vars[`--typography-${key}-tracking`] = s.letterSpacing;
+  }
+  return vars;
+}
+
+// src/components/ui/accordion.tsx
+var import_lucide_react = require("lucide-react");
+var import_accordion = require("@base-ui/react/accordion");
+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));
+}
+function AccordionItem(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_accordion.Accordion.Item,
+    __spreadValues({
+      className: cn("border-b", className),
+      "data-slot": "accordion-item"
+    }, 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({
+      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: [
+        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" })
+      ]
+    })
+  ) });
+}
+function AccordionContent(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  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 })
+    })
+  );
+}
+
+// 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/button.tsx
+var import_react2 = require("react");
+var import_class_variance_authority = require("class-variance-authority");
+var import_lucide_react2 = require("lucide-react");
+
+// src/lib/slot.tsx
+var React2 = __toESM(require("react"));
+function mergeRefs(...refs) {
+  return (value) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") ref(value);
+      else if (ref !== null)
+        ref.current = value;
+    }
+  };
+}
+var Slot = React2.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+    const child = React2.Children.only(children);
+    if (!React2.isValidElement(child)) return null;
+    const childProps = child.props;
+    const merged = __spreadValues({}, props);
+    for (const key of Object.keys(childProps)) {
+      if (key === "className") {
+        merged.className = [props.className, childProps.className].filter(Boolean).join(" ");
+      } else if (key === "style") {
+        merged.style = __spreadValues(__spreadValues({}, props.style), childProps.style);
+      } else if (key.startsWith("on") && typeof childProps[key] === "function") {
+        const parentHandler = props[key];
+        if (typeof parentHandler === "function") {
+          merged[key] = (...args) => {
+            childProps[key](...args);
+            parentHandler(...args);
+          };
+        } else {
+          merged[key] = childProps[key];
+        }
+      } else {
+        merged[key] = childProps[key];
+      }
+    }
+    const childRef = child.ref;
+    merged.ref = forwardedRef ? mergeRefs(forwardedRef, childRef) : childRef;
+    return React2.cloneElement(
+      child,
+      merged
+    );
+  }
+);
+Slot.displayName = "Slot";
+
+// src/components/ui/button.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.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: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+        secondary: "bg-brand-secondary text-brand-secondary-foreground shadow-xs hover:bg-brand-secondary/80 focus-visible:ring-brand-secondary/30",
+        destructive: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+        outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        "outline-primary": "border border-primary text-foreground bg-transparent shadow-xs hover:bg-primary/5 focus-visible:ring-primary/50",
+        "outline-secondary": "border border-brand-secondary text-brand-secondary bg-transparent shadow-xs hover:bg-brand-secondary/10 focus-visible:ring-brand-secondary/30",
+        ghost: "hover:bg-accent hover:text-accent-foreground hover:shadow-xs dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        xs: "h-6 gap-1 px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    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,
+    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,
+    __spreadProps(__spreadValues({
+      className: cn(buttonVariants({ variant, size, className })),
+      "data-size": size,
+      "data-slot": "button",
+      "data-variant": variant,
+      disabled: loading || disabled,
+      ref
+    }, 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
+    })
+  );
+});
+
+// src/components/ui/alert-dialog.tsx
+var import_jsx_runtime4 = 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));
+}
+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));
+}
+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));
+}
+function AlertDialogOverlay(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_alert_dialog.AlertDialog.Backdrop,
+    __spreadValues({
+      className: cn(
+        // WealthX: foreground/50 scrim — matches Figma foreground token at 50% opacity
+        "fixed inset-0 z-50 bg-foreground/50 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0",
+        className
+      ),
+      "data-slot": "alert-dialog-overlay"
+    }, props)
+  );
+}
+function AlertDialogContent(_a) {
+  var _b = _a, {
+    className,
+    size = "default",
+    style: style2
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size",
+    "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)(
+      import_alert_dialog.AlertDialog.Popup,
+      __spreadValues({
+        className: cn(
+          // WealthX: removed rounded-lg (sharp corners), shadow-lg (flat panels)
+          "group/alert-dialog-content fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 duration-200 data-[size=sm]:max-w-xs data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[size=default]:sm:max-w-lg",
+          className
+        ),
+        "data-size": size,
+        "data-slot": "alert-dialog-content",
+        style: __spreadValues(__spreadValues({}, themeVars), style2)
+      }, props)
+    )
+  ] });
+}
+function AlertDialogHeader(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(
+        "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
+        className
+      ),
+      "data-slot": "alert-dialog-header"
+    }, props)
+  );
+}
+function AlertDialogFooter(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(
+        // WealthX: always row, right-aligned, separator above footer (matches Figma)
+        "flex flex-row justify-end gap-2 border-t border-border pt-4",
+        className
+      ),
+      "data-slot": "alert-dialog-footer"
+    }, props)
+  );
+}
+function AlertDialogTitle(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_alert_dialog.AlertDialog.Title,
+    __spreadValues({
+      className: cn(
+        "text-lg font-semibold sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
+        className
+      ),
+      "data-slot": "alert-dialog-title"
+    }, props)
+  );
+}
+function AlertDialogDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_alert_dialog.AlertDialog.Description,
+    __spreadValues({
+      className: cn(
+        "text-sm text-muted-foreground sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
+        className
+      ),
+      "data-slot": "alert-dialog-description"
+    }, props)
+  );
+}
+function AlertDialogMedia(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(
+        // WealthX: borderless icon slot — size-10 default, size-8 sm
+        "mb-2 inline-flex size-10 items-center justify-center group-data-[size=sm]/alert-dialog-content:size-8 sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-5",
+        className
+      ),
+      "data-slot": "alert-dialog-media"
+    }, props)
+  );
+}
+function AlertDialogAction(_a) {
+  var _b = _a, {
+    className,
+    variant = "default",
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "size"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_alert_dialog.AlertDialog.Close,
+    __spreadValues({
+      className: cn(buttonVariants({ variant, size }), className),
+      "data-slot": "alert-dialog-action"
+    }, props)
+  );
+}
+function AlertDialogCancel(_a) {
+  var _b = _a, {
+    className,
+    variant = "outline",
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "size"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_alert_dialog.AlertDialog.Close,
+    __spreadValues({
+      className: cn(buttonVariants({ variant, size }), className),
+      "data-slot": "alert-dialog-cancel"
+    }, props)
+  );
+}
+
+// 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)(
+  "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: {
+      variant: {
+        default: "border-border bg-card text-card-foreground",
+        destructive: "border-destructive/40 bg-destructive/10 text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-destructive",
+        warning: "border-warning/40 bg-warning/10 text-warning *:data-[slot=alert-description]:text-warning/90 [&>svg]:text-warning",
+        success: "border-success/40 bg-success/10 text-success *:data-[slot=alert-description]:text-success/90 [&>svg]:text-success",
+        info: "border-info/40 bg-info/10 text-info *:data-[slot=alert-description]:text-info/90 [&>svg]:text-info"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Alert(_a) {
+  var _b = _a, {
+    className,
+    variant
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(alertVariants({ variant }), className),
+      "data-slot": "alert",
+      role: "alert"
+    }, props)
+  );
+}
+function AlertTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(
+        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
+        className
+      ),
+      "data-slot": "alert-title"
+    }, props)
+  );
+}
+function AlertDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(
+        "col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground [&_p]:leading-relaxed",
+        className
+      ),
+      "data-slot": "alert-description"
+    }, props)
+  );
+}
+
+// src/components/ui/avatar.tsx
+var import_avatar = require("@base-ui/react/avatar");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Avatar(_a) {
+  var _b = _a, {
+    className,
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_avatar.Avatar.Root,
+    __spreadValues({
+      className: cn(
+        "group/avatar relative flex size-8 shrink-0 rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6",
+        className
+      ),
+      "data-size": size,
+      "data-slot": "avatar"
+    }, props)
+  );
+}
+function AvatarImage(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_avatar.Avatar.Image,
+    __spreadValues({
+      className: cn("aspect-square size-full rounded-full", className),
+      "data-slot": "avatar-image"
+    }, props)
+  );
+}
+function AvatarFallback(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_avatar.Avatar.Fallback,
+    __spreadValues({
+      className: cn(
+        "flex size-full items-center justify-center rounded-full overflow-hidden bg-muted text-sm font-sans text-muted-foreground group-data-[size=sm]/avatar:text-xs",
+        className
+      ),
+      "data-slot": "avatar-fallback"
+    }, props)
+  );
+}
+function AvatarBadge(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "span",
+    __spreadValues({
+      className: cn(
+        "absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground ring-2 ring-background select-none",
+        "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
+        "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2",
+        "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",
+        className
+      ),
+      "data-slot": "avatar-badge"
+    }, props)
+  );
+}
+function AvatarGroup(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(
+        "group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background",
+        className
+      ),
+      "data-slot": "avatar-group"
+    }, props)
+  );
+}
+function AvatarGroupCount(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(
+        "relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3",
+        className
+      ),
+      "data-slot": "avatar-group-count"
+    }, props)
+  );
+}
+
+// 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)(
+  "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: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "bg-muted text-muted-foreground [a&]:hover:bg-muted/80",
+        destructive: "bg-destructive text-destructive-foreground focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90",
+        outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 [a&]:hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge(_a) {
+  var _b = _a, {
+    className,
+    variant = "default",
+    asChild = false
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "asChild"
+  ]);
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    Comp,
+    __spreadValues({
+      className: cn(badgeVariants({ variant }), className),
+      "data-slot": "badge",
+      "data-variant": variant
+    }, props)
+  );
+}
+
+// src/components/ui/calendar.tsx
+var React3 = __toESM(require("react"));
+var import_lucide_react3 = require("lucide-react");
+var import_react_day_picker = require("react-day-picker");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function CalendarRoot(_a) {
+  var _b = _a, {
+    className,
+    rootRef
+  } = _b, props = __objRest(_b, [
+    "className",
+    "rootRef"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(className),
+      "data-slot": "calendar",
+      ref: rootRef
+    }, props)
+  );
+}
+function CalendarChevron(_a) {
+  var _b = _a, {
+    className,
+    orientation
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation"
+  ]);
+  if (orientation === "left") {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.ChevronLeftIcon, __spreadValues({ className: cn("size-4", className) }, props));
+  }
+  if (orientation === "right") {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      import_lucide_react3.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));
+}
+function CalendarWeekNumber(_a) {
+  var _b = _a, {
+    children
+  } = _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 }) }));
+}
+function Calendar(_a) {
+  var _b = _a, {
+    className,
+    classNames,
+    showOutsideDays = true,
+    captionLayout = "dropdown",
+    buttonVariant = "ghost",
+    formatters,
+    components
+  } = _b, props = __objRest(_b, [
+    "className",
+    "classNames",
+    "showOutsideDays",
+    "captionLayout",
+    "buttonVariant",
+    "formatters",
+    "components"
+  ]);
+  const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_react_day_picker.DayPicker,
+    __spreadValues({
+      captionLayout,
+      className: cn(
+        "group/calendar bg-background p-3 font-sans border border-border shadow-sm [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      ),
+      classNames: __spreadValues({
+        root: cn("w-fit", defaultClassNames.root),
+        months: cn(
+          "relative flex flex-col gap-4 md:flex-row",
+          defaultClassNames.months
+        ),
+        month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+        nav: cn(
+          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+          defaultClassNames.nav
+        ),
+        button_previous: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          "flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: cn(
+          "flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: cn(
+          "relative border border-input shadow-xs has-focus:border-ring has-focus:ring-[3px] has-focus:ring-ring/50",
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: cn(
+          "absolute inset-0 bg-popover opacity-0",
+          defaultClassNames.dropdown
+        ),
+        caption_label: cn(
+          "font-medium select-none",
+          captionLayout === "label" ? "text-sm" : "flex h-8 items-center gap-1 pr-1 pl-2 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
+          defaultClassNames.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: cn("flex", defaultClassNames.weekdays),
+        weekday: cn(
+          "flex-1 text-[0.8rem] font-normal text-muted-foreground select-none",
+          defaultClassNames.weekday
+        ),
+        week: cn("mt-2 flex w-full", defaultClassNames.week),
+        week_number_header: cn(
+          "w-(--cell-size) select-none",
+          defaultClassNames.week_number_header
+        ),
+        week_number: cn(
+          "text-[0.8rem] text-muted-foreground select-none",
+          defaultClassNames.week_number
+        ),
+        day: cn(
+          "group/day relative aspect-square h-full w-full p-0 text-center select-none",
+          defaultClassNames.day
+        ),
+        range_start: cn("bg-accent", defaultClassNames.range_start),
+        range_middle: cn("rounded-none", defaultClassNames.range_middle),
+        range_end: cn("bg-accent", defaultClassNames.range_end),
+        today: cn(
+          "bg-accent text-accent-foreground",
+          defaultClassNames.today
+        ),
+        outside: cn(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          defaultClassNames.outside
+        ),
+        disabled: cn(
+          "text-muted-foreground opacity-50",
+          defaultClassNames.disabled
+        ),
+        hidden: cn("invisible", defaultClassNames.hidden)
+      }, classNames),
+      components: __spreadValues({
+        Root: CalendarRoot,
+        Chevron: CalendarChevron,
+        DayButton: CalendarDayButton,
+        WeekNumber: CalendarWeekNumber
+      }, components),
+      formatters: __spreadValues({
+        formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" })
+      }, formatters),
+      showOutsideDays
+    }, props)
+  );
+}
+function CalendarDayButton(_a) {
+  var _b = _a, {
+    className,
+    day,
+    modifiers
+  } = _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",
+    __spreadValues({
+      className: cn("flex items-center px-6 [.border-t]:pt-6", className),
+      "data-slot": "card-footer"
+    }, props)
+  );
+}
+
+// src/components/ui/checkbox.tsx
+var import_react3 = require("react");
+var import_lucide_react4 = require("lucide-react");
+var import_checkbox = require("@base-ui/react/checkbox");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function Checkbox(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_checkbox.Checkbox.Root,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "peer group inline-flex size-4 shrink-0 rounded-[4px] border border-input shadow-xs transition-all outline-none",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "aria-invalid:border-destructive aria-invalid:ring-destructive/20",
+        "data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground",
+        "data-indeterminate:border-primary data-indeterminate:bg-primary data-indeterminate:text-primary-foreground",
+        // Dark mode (upstream shadcn)
+        "dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:data-checked:bg-primary",
+        // Stacked (2 attr selectors) → wins over single-attr rules above
+        "aria-invalid:data-checked:border-destructive aria-invalid:data-checked:bg-destructive aria-invalid:data-checked:text-destructive-foreground",
+        "aria-invalid:data-indeterminate:border-destructive aria-invalid:data-indeterminate:bg-destructive aria-invalid:data-indeterminate:text-destructive-foreground",
+        className
+      ),
+      "data-slot": "checkbox"
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.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" })
+          ]
+        }
+      )
+    })
+  );
+}
+function CheckboxCard(_a) {
+  var _b = _a, {
+    className,
+    checked,
+    defaultChecked,
+    onCheckedChange,
+    disabled,
+    error,
+    label,
+    description
+  } = _b, props = __objRest(_b, [
+    "className",
+    "checked",
+    "defaultChecked",
+    "onCheckedChange",
+    "disabled",
+    "error",
+    "label",
+    "description"
+  ]);
+  const [internalChecked, setInternalChecked] = (0, import_react3.useState)(
+    Boolean(defaultChecked)
+  );
+  const resolvedChecked = checked != null ? checked : internalChecked;
+  const isTinted = resolvedChecked;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "label",
+    {
+      className: cn(
+        "flex items-start gap-3 border border-border p-4 font-sans transition-colors cursor-pointer",
+        error ? ["border-destructive", isTinted && "bg-destructive/5"] : isTinted && "border-primary bg-primary/5",
+        disabled && "cursor-not-allowed opacity-50",
+        className
+      ),
+      "data-slot": "checkbox-card",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          Checkbox,
+          __spreadValues({
+            "aria-invalid": error || void 0,
+            checked: resolvedChecked,
+            className: "mt-0.5",
+            disabled,
+            onCheckedChange: (value, event) => {
+              setInternalChecked(value);
+              onCheckedChange == null ? void 0 : onCheckedChange(value, event);
+            }
+          }, 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
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/ui/chip.tsx
+var import_lucide_react5 = require("lucide-react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function Chip(_a) {
+  var _b = _a, {
+    className,
+    variant = "secondary",
+    onRemove,
+    disabled,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "onRemove",
+    "disabled",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    "span",
+    __spreadProps(__spreadValues({
+      "aria-disabled": disabled,
+      className: cn(
+        badgeVariants({ variant }),
+        // extra right padding only when dismiss button is present
+        onRemove && "pr-1",
+        disabled && "pointer-events-none opacity-50",
+        className
+      ),
+      "data-slot": "chip",
+      "data-variant": variant
+    }, props), {
+      children: [
+        children,
+        onRemove ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "button",
+          {
+            "aria-label": "Remove",
+            className: "ml-0.5 inline-flex shrink-0 items-center justify-center rounded-full p-0.5 opacity-60 hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none",
+            "data-slot": "chip-remove",
+            disabled,
+            onClick: (e) => {
+              e.stopPropagation();
+              onRemove();
+            },
+            type: "button",
+            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.X, { className: "size-3" })
+          }
+        ) : null
+      ]
+    })
+  );
+}
+
+// src/components/ui/data-table.tsx
+var React4 = __toESM(require("react"));
+var import_react_table = require("@tanstack/react-table");
+var import_lucide_react8 = require("lucide-react");
+
+// src/components/ui/table.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function Table(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    "div",
+    {
+      className: "relative w-full overflow-x-auto",
+      "data-slot": "table-container",
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "table",
+        __spreadValues({
+          className: cn("w-full caption-bottom text-sm", className),
+          "data-slot": "table"
+        }, props)
+      )
+    }
+  );
+}
+function TableHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    "thead",
+    __spreadValues({
+      className: cn("[&_tr]:border-b", className),
+      "data-slot": "table-header"
+    }, props)
+  );
+}
+function TableBody(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    "tbody",
+    __spreadValues({
+      className: cn("[&_tr:last-child]:border-0", className),
+      "data-slot": "table-body"
+    }, props)
+  );
+}
+function TableFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    "tfoot",
+    __spreadValues({
+      className: cn(
+        "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+        className
+      ),
+      "data-slot": "table-footer"
+    }, props)
+  );
+}
+function TableRow(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    "tr",
+    __spreadValues({
+      className: cn(
+        "border-b transition-[background-color,opacity] hover:bg-muted/50 data-[state=selected]:bg-primary/10",
+        className
+      ),
+      "data-slot": "table-row"
+    }, props)
+  );
+}
+function TableHead(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    "th",
+    __spreadValues({
+      className: cn(
+        "h-10 px-4 text-left align-middle font-medium whitespace-nowrap text-muted-foreground",
+        "[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      "data-slot": "table-head"
+    }, props)
+  );
+}
+function TableCell(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    "td",
+    __spreadValues({
+      className: cn(
+        "px-4 py-3 align-middle whitespace-nowrap",
+        "[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      "data-slot": "table-cell"
+    }, props)
+  );
+}
+function TableCaption(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    "caption",
+    __spreadValues({
+      className: cn("mt-4 text-sm text-muted-foreground", className),
+      "data-slot": "table-caption"
+    }, props)
+  );
+}
+
+// src/components/ui/input.tsx
+var import_jsx_runtime13 = 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)(
+    "input",
+    __spreadValues({
+      className: cn(
+        "h-9 w-full min-w-0 border border-input bg-transparent px-3 py-1 text-base font-sans shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30",
+        "focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20",
+        "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      "data-slot": "input",
+      type
+    }, props)
+  );
+}
+
+// src/components/ui/select.tsx
+var import_lucide_react6 = require("lucide-react");
+var import_select = require("@base-ui/react/select");
+var import_jsx_runtime14 = 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));
+}
+function SelectGroup(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.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));
+}
+function SelectTrigger(_a) {
+  var _b = _a, {
+    className,
+    size = "default",
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    import_select.Select.Trigger,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex w-fit items-center justify-between gap-2 border border-input bg-transparent px-3 py-2 text-sm 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=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        className
+      ),
+      "data-size": size,
+      "data-slot": "select-trigger"
+    }, 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" }) })
+      ]
+    })
+  );
+}
+function SelectContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    style: style2
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "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)(
+    import_select.Select.Popup,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative z-50 max-h-[var(--available-height)] min-w-[8rem] overflow-x-hidden overflow-y-auto border bg-popover p-1 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-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
+        className
+      ),
+      "data-slot": "select-content",
+      style: __spreadValues(__spreadValues({}, themeVars), style2)
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SelectScrollUpButton, {}),
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SelectScrollDownButton, {})
+      ]
+    })
+  ) }) });
+}
+function SelectLabel(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_select.Select.GroupLabel,
+    __spreadValues({
+      className: cn("px-2 py-1.5 text-xs font-semibold text-muted-foreground", className),
+      "data-slot": "select-label"
+    }, props)
+  );
+}
+function SelectItem(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    import_select.Select.Item,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-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 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      "data-slot": "select-item"
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.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" }) })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_select.Select.ItemText, { children })
+      ]
+    })
+  );
+}
+function SelectSeparator(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    "div",
+    __spreadValues({
+      className: cn("pointer-events-none -mx-1 my-1 h-px bg-border", className),
+      "data-slot": "select-separator",
+      role: "separator"
+    }, props)
+  );
+}
+function SelectScrollUpButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_select.Select.ScrollUpArrow,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      "data-slot": "select-scroll-up-button"
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react6.ChevronUpIcon, { className: "size-4" })
+    })
+  );
+}
+function SelectScrollDownButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_select.Select.ScrollDownArrow,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      "data-slot": "select-scroll-down-button"
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react6.ChevronDownIcon, { className: "size-4" })
+    })
+  );
+}
+
+// src/components/ui/dropdown-menu.tsx
+var import_lucide_react7 = require("lucide-react");
+var import_menu = require("@base-ui/react/menu");
+var import_jsx_runtime15 = 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));
+}
+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));
+}
+function DropdownMenuTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_menu.Menu.Trigger,
+    __spreadValues({
+      "data-slot": "dropdown-menu-trigger"
+    }, props)
+  );
+}
+function DropdownMenuContent(_a) {
+  var _b = _a, {
+    className,
+    sideOffset = 4,
+    style: style2
+  } = _b, props = __objRest(_b, [
+    "className",
+    "sideOffset",
+    "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)(
+    import_menu.Menu.Popup,
+    __spreadValues({
+      className: cn(
+        "z-50 min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-none border bg-popover p-1 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-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
+        className
+      ),
+      "data-slot": "dropdown-menu-content",
+      style: __spreadValues(__spreadValues({}, themeVars), style2)
+    }, props)
+  ) }) });
+}
+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));
+}
+function DropdownMenuItem(_a) {
+  var _b = _a, {
+    className,
+    inset,
+    variant = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "inset",
+    "variant"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_menu.Menu.Item,
+    __spreadValues({
+      className: cn(
+        "relative flex cursor-default items-center gap-2 rounded-none px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
+        className
+      ),
+      "data-inset": inset,
+      "data-slot": "dropdown-menu-item",
+      "data-variant": variant
+    }, props)
+  );
+}
+function DropdownMenuCheckboxItem(_a) {
+  var _b = _a, {
+    className,
+    children,
+    checked
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "checked"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    import_menu.Menu.CheckboxItem,
+    __spreadProps(__spreadValues({
+      checked,
+      className: cn(
+        "relative flex cursor-default items-center gap-2 rounded-none py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-checked:bg-primary/10 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      "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" }) }) }),
+        children
+      ]
+    })
+  );
+}
+function DropdownMenuRadioGroup(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_menu.Menu.RadioGroup,
+    __spreadValues({
+      "data-slot": "dropdown-menu-radio-group"
+    }, props)
+  );
+}
+function DropdownMenuRadioItem(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    import_menu.Menu.RadioItem,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative flex cursor-default items-center gap-2 rounded-none py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-checked:bg-primary/10 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      "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" }) }) }),
+        children
+      ]
+    })
+  );
+}
+function DropdownMenuLabel(_a) {
+  var _b = _a, {
+    className,
+    inset
+  } = _b, props = __objRest(_b, [
+    "className",
+    "inset"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_menu.Menu.GroupLabel,
+    __spreadValues({
+      className: cn(
+        "px-2 py-1.5 text-sm font-medium data-inset:pl-8",
+        className
+      ),
+      "data-inset": inset,
+      "data-slot": "dropdown-menu-label"
+    }, props)
+  );
+}
+function DropdownMenuSeparator(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_menu.Menu.Separator,
+    __spreadValues({
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      "data-slot": "dropdown-menu-separator"
+    }, props)
+  );
+}
+function DropdownMenuShortcut(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "span",
+    __spreadValues({
+      className: cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      ),
+      "data-slot": "dropdown-menu-shortcut"
+    }, props)
+  );
+}
+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));
+}
+function DropdownMenuSubTrigger(_a) {
+  var _b = _a, {
+    className,
+    inset,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "inset",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    import_menu.Menu.SubmenuTrigger,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex cursor-default items-center gap-2 rounded-none px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        className
+      ),
+      "data-inset": inset,
+      "data-slot": "dropdown-menu-sub-trigger"
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react7.ChevronRightIcon, { className: "ml-auto size-4" })
+      ]
+    })
+  );
+}
+function DropdownMenuSubContent(_a) {
+  var _b = _a, {
+    className,
+    sideOffset = 0,
+    style: style2
+  } = _b, props = __objRest(_b, [
+    "className",
+    "sideOffset",
+    "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)(
+    import_menu.Menu.Popup,
+    __spreadValues({
+      className: cn(
+        "z-50 min-w-[8rem] overflow-hidden rounded-none border bg-popover p-1 text-popover-foreground shadow-lg 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-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
+        className
+      ),
+      "data-slot": "dropdown-menu-sub-content",
+      style: __spreadValues(__spreadValues({}, themeVars), style2)
+    }, props)
+  ) }) });
+}
+
+// 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");
+function DataTableColumnHeader({
+  column,
+  title,
+  className
+}) {
+  if (!column.getCanSort()) {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.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" });
+  } else if (sorted === "desc") {
+    sortIcon = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.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" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    Button,
+    {
+      className: cn("-ml-3 h-8 font-medium text-muted-foreground hover:text-foreground", className),
+      onClick: () => {
+        column.toggleSorting(sorted === "asc");
+      },
+      size: "sm",
+      variant: "ghost",
+      children: [
+        title,
+        sortIcon
+      ]
+    }
+  );
+}
+function getSelectionColumn() {
+  return {
+    id: "select",
+    header: ({ table }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      Checkbox,
+      {
+        "aria-label": "Select all",
+        checked: table.getIsAllPageRowsSelected(),
+        indeterminate: table.getIsSomePageRowsSelected() && !table.getIsAllPageRowsSelected(),
+        onCheckedChange: (checked) => {
+          table.toggleAllPageRowsSelected(Boolean(checked));
+        }
+      }
+    ),
+    cell: ({ row }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      Checkbox,
+      {
+        "aria-label": "Select row",
+        checked: row.getIsSelected(),
+        onCheckedChange: (checked) => {
+          row.toggleSelected(Boolean(checked));
+        }
+      }
+    ),
+    enableSorting: false,
+    enableHiding: false
+  };
+}
+function DataTableToolbar({
+  table,
+  searchKey,
+  searchPlaceholder,
+  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)(
+      Input,
+      {
+        className: "max-w-xs",
+        onChange: (e) => {
+          var _a2;
+          return (_a2 = table.getColumn(searchKey)) == null ? void 0 : _a2.setFilterValue(e.target.value);
+        },
+        placeholder: searchPlaceholder != null ? searchPlaceholder : `Filter ${searchKey}...`,
+        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)(
+        DropdownMenuTrigger,
+        {
+          render: /* @__PURE__ */ (0, import_jsx_runtime17.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_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)(
+          DropdownMenuCheckboxItem,
+          {
+            checked: col.getIsVisible(),
+            className: "capitalize",
+            onCheckedChange: (value) => {
+              col.toggleVisibility(Boolean(value));
+            },
+            children: col.id
+          },
+          col.id
+        ))
+      ] }) })
+    ] }) : null
+  ] });
+}
+function DataTablePagination({
+  table,
+  pageSizeOptions = [10, 20, 30, 50]
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.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: [
+          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)(
+              Select,
+              {
+                onValueChange: (value) => {
+                  table.setPageSize(Number(value));
+                },
+                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_runtime17.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)(
+              Button,
+              {
+                "aria-label": "Go to first page",
+                disabled: !table.getCanPreviousPage(),
+                onClick: () => {
+                  table.setPageIndex(0);
+                },
+                size: "icon-sm",
+                variant: "outline",
+                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.ChevronsLeftIcon, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              Button,
+              {
+                "aria-label": "Go to previous page",
+                disabled: !table.getCanPreviousPage(),
+                onClick: () => {
+                  table.previousPage();
+                },
+                size: "icon-sm",
+                variant: "outline",
+                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.ChevronLeftIcon, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              Button,
+              {
+                "aria-label": "Go to next page",
+                disabled: !table.getCanNextPage(),
+                onClick: () => {
+                  table.nextPage();
+                },
+                size: "icon-sm",
+                variant: "outline",
+                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.ChevronRightIcon, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              Button,
+              {
+                "aria-label": "Go to last page",
+                disabled: !table.getCanNextPage(),
+                onClick: () => {
+                  table.setPageIndex(table.getPageCount() - 1);
+                },
+                size: "icon-sm",
+                variant: "outline",
+                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.ChevronsRightIcon, { className: "size-4" })
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+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)}`)) });
+}
+function DataTable({
+  columns: userColumns,
+  data,
+  searchKey,
+  searchPlaceholder,
+  enableRowSelection = false,
+  enableColumnVisibility = false,
+  pageSizeOptions = [10, 20, 30, 50],
+  loading = false,
+  skeletonRows = 5,
+  onRowSelectionChange,
+  className,
+  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(() => {
+    if (!enableRowSelection) return userColumns;
+    return [getSelectionColumn(), ...userColumns];
+  }, [userColumns, enableRowSelection]);
+  const table = (0, import_react_table.useReactTable)({
+    data,
+    columns: resolvedColumns,
+    state: {
+      sorting,
+      columnFilters,
+      columnVisibility,
+      rowSelection
+    },
+    onSortingChange: setSorting,
+    onColumnFiltersChange: setColumnFilters,
+    onColumnVisibilityChange: setColumnVisibility,
+    onRowSelectionChange: (updater) => {
+      const next = typeof updater === "function" ? updater(rowSelection) : updater;
+      setRowSelection(next);
+      onRowSelectionChange == null ? void 0 : onRowSelectionChange(next);
+    },
+    getCoreRowModel: (0, import_react_table.getCoreRowModel)(),
+    getFilteredRowModel: (0, import_react_table.getFilteredRowModel)(),
+    getPaginationRowModel: (0, import_react_table.getPaginationRowModel)(),
+    getSortedRowModel: (0, import_react_table.getSortedRowModel)(),
+    enableRowSelection
+  });
+  function renderTableBody() {
+    if (loading) {
+      return /* @__PURE__ */ (0, import_jsx_runtime17.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)(
+        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))
+        },
+        row.id
+      )) });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      TableCell,
+      {
+        className: "h-24 text-center text-muted-foreground",
+        colSpan: resolvedColumns.length,
+        children: emptyText
+      }
+    ) });
+  }
+  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)(
+      DataTableToolbar,
+      {
+        enableColumnVisibility,
+        searchKey,
+        searchPlaceholder,
+        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_runtime17.jsx)(DataTablePagination, { pageSizeOptions, table })
+  ] });
+}
+
+// src/components/ui/date-picker.tsx
+var React5 = __toESM(require("react"));
+var import_date_fns = require("date-fns");
+var import_lucide_react9 = require("lucide-react");
+
+// src/components/ui/popover.tsx
+var import_popover = require("@base-ui/react/popover");
+var import_jsx_runtime18 = 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));
+}
+function PopoverTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_popover.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+}
+function PopoverContent(_a) {
+  var _b = _a, {
+    className,
+    align = "center",
+    sideOffset = 4,
+    style: style2
+  } = _b, props = __objRest(_b, [
+    "className",
+    "align",
+    "sideOffset",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_popover.Popover.Positioner,
+    {
+      align,
+      sideOffset,
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        import_popover.Popover.Popup,
+        __spreadValues({
+          className: cn(
+            "z-50 w-72 border border-border bg-popover p-4 text-popover-foreground shadow-md outline-hidden 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-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
+            className
+          ),
+          "data-slot": "popover-content",
+          style: __spreadValues(__spreadValues({}, themeVars), style2)
+        }, props)
+      )
+    }
+  ) });
+}
+function PopoverAnchor(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.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)(
+    "div",
+    __spreadValues({
+      className: cn("flex flex-col gap-1 text-sm", className),
+      "data-slot": "popover-header"
+    }, props)
+  );
+}
+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)(
+      "h2",
+      __spreadValues({
+        className: cn("font-medium", className),
+        "data-slot": "popover-title"
+      }, props)
+    )
+  );
+}
+function PopoverDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "p",
+    __spreadValues({
+      className: cn("text-muted-foreground", className),
+      "data-slot": "popover-description"
+    }, props)
+  );
+}
+
+// src/components/ui/date-picker.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function DatePicker({
+  value,
+  onChange,
+  placeholder = "Pick a date",
+  showTimePicker = false,
+  disabled = false,
+  className,
+  calendarProps
+}) {
+  const [open, setOpen] = React5.useState(false);
+  function handleDaySelect(day) {
+    if (!day) {
+      onChange == null ? void 0 : onChange(void 0);
+      return;
+    }
+    if (showTimePicker && value) {
+      day.setHours(value.getHours(), value.getMinutes());
+    }
+    onChange == null ? void 0 : onChange(day);
+    if (!showTimePicker) setOpen(false);
+  }
+  function handleTimeChange(e) {
+    const [hours, minutes] = e.target.value.split(":").map(Number);
+    const next = value ? new Date(value) : /* @__PURE__ */ new Date();
+    next.setHours(hours, minutes, 0, 0);
+    onChange == null ? void 0 : onChange(next);
+  }
+  const timeValue = value ? `${String(value.getHours()).padStart(2, "0")}:${String(value.getMinutes()).padStart(2, "0")}` : "";
+  let displayValue;
+  if (value && showTimePicker) {
+    displayValue = (0, import_date_fns.format)(value, "dd/MM/yyyy HH:mm");
+  } 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)(
+      PopoverTrigger,
+      {
+        render: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          Button,
+          {
+            className: cn(
+              "w-full justify-start rounded-none font-normal data-[empty=true]:text-muted-foreground",
+              className
+            ),
+            "data-empty": !value,
+            "data-slot": "date-picker-trigger",
+            disabled,
+            variant: "outline"
+          }
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.CalendarIcon, {}),
+          value ? displayValue : placeholder
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      PopoverContent,
+      {
+        align: "start",
+        className: "w-auto rounded-none p-0 shadow-sm",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            Calendar,
+            __spreadProps(__spreadValues({
+              captionLayout: "dropdown",
+              mode: "single",
+              onSelect: handleDaySelect,
+              selected: value
+            }, calendarProps), {
+              className: cn(
+                "rounded-none border-0 shadow-none",
+                calendarProps == null ? void 0 : calendarProps.className
+              )
+            })
+          ),
+          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: [
+            "Time",
+            /* @__PURE__ */ (0, import_jsx_runtime19.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",
+                onChange: handleTimeChange,
+                type: "time",
+                value: timeValue
+              }
+            )
+          ] }) }) : null
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/ui/dialog.tsx
+var import_lucide_react10 = require("lucide-react");
+var import_dialog = require("@base-ui/react/dialog");
+var import_jsx_runtime20 = 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));
+}
+function DialogTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.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));
+}
+function DialogClose(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_dialog.Dialog.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
+}
+function DialogOverlay(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_dialog.Dialog.Backdrop,
+    __spreadValues({
+      className: cn(
+        // WealthX: foreground/50 scrim (matches Figma — foreground token at 50% opacity)
+        "fixed inset-0 z-50 bg-foreground/50 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0",
+        className
+      ),
+      "data-slot": "dialog-overlay"
+    }, props)
+  );
+}
+function DialogContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    showCloseButton = true,
+    style: style2
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "showCloseButton",
+    "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)(
+      import_dialog.Dialog.Popup,
+      __spreadProps(__spreadValues({
+        className: cn(
+          // WealthX: removed rounded-lg (sharp corners), shadow-lg (flat panels), foreground/50 scrim via DialogOverlay
+          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 duration-200 outline-none data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 sm:max-w-lg",
+          className
+        ),
+        "data-slot": "dialog-content",
+        style: __spreadValues(__spreadValues({}, themeVars), style2)
+      }, props), {
+        children: [
+          children,
+          showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime20.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" })
+              ]
+            }
+          ) : null
+        ]
+      })
+    )
+  ] });
+}
+function DialogHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "div",
+    __spreadValues({
+      className: cn("flex flex-col gap-1.5", className),
+      "data-slot": "dialog-header"
+    }, props)
+  );
+}
+function DialogFooter(_a) {
+  var _b = _a, {
+    className,
+    showCloseButton = false,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "showCloseButton",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    "div",
+    __spreadProps(__spreadValues({
+      className: cn(
+        // WealthX: always row layout, right-aligned, separator above footer
+        "flex flex-row justify-end gap-2 border-t border-border pt-4",
+        className
+      ),
+      "data-slot": "dialog-footer"
+    }, props), {
+      children: [
+        children,
+        showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          import_dialog.Dialog.Close,
+          {
+            className: cn(buttonVariants({ variant: "outline" })),
+            children: "Close"
+          }
+        ) : null
+      ]
+    })
+  );
+}
+function DialogTitle(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_dialog.Dialog.Title,
+    __spreadValues({
+      className: cn("text-lg leading-none font-semibold", className),
+      "data-slot": "dialog-title"
+    }, props)
+  );
+}
+function DialogDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_dialog.Dialog.Description,
+    __spreadValues({
+      className: cn("text-sm text-muted-foreground", className),
+      "data-slot": "dialog-description"
+    }, props)
+  );
+}
+
+// src/components/ui/drawer.tsx
+var import_vaul = require("vaul");
+var import_jsx_runtime21 = 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));
+}
+function DrawerTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.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));
+}
+function DrawerClose(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_vaul.Drawer.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
+}
+function DrawerOverlay(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    import_vaul.Drawer.Overlay,
+    __spreadValues({
+      className: cn(
+        // WealthX: foreground/50 scrim — matches Figma overlay token
+        "fixed inset-0 z-50 bg-foreground/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:fill-mode-forwards data-[state=open]:animate-in data-[state=open]:fade-in-0",
+        className
+      ),
+      "data-slot": "drawer-overlay"
+    }, props)
+  );
+}
+function DrawerContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    style: style2
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "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)(
+      import_vaul.Drawer.Content,
+      __spreadProps(__spreadValues({
+        className: cn(
+          "group/drawer-content fixed z-50 flex h-auto flex-col bg-background",
+          // WealthX: no rounded corners (Figma: sharp edges)
+          "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:border-b",
+          "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:border-t",
+          "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
+          "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",
+          className
+        ),
+        "data-slot": "drawer-content",
+        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" }),
+          children
+        ]
+      })
+    )
+  ] });
+}
+function DrawerHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "div",
+    __spreadValues({
+      className: cn("flex flex-col gap-1 p-4", className),
+      "data-slot": "drawer-header"
+    }, props)
+  );
+}
+function DrawerFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "div",
+    __spreadValues({
+      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      "data-slot": "drawer-footer"
+    }, props)
+  );
+}
+function DrawerTitle(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    import_vaul.Drawer.Title,
+    __spreadValues({
+      className: cn("text-lg font-semibold text-foreground", className),
+      "data-slot": "drawer-title"
+    }, props)
+  );
+}
+function DrawerDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    import_vaul.Drawer.Description,
+    __spreadValues({
+      className: cn("text-sm text-muted-foreground", className),
+      "data-slot": "drawer-description"
+    }, props)
+  );
+}
+
+// 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");
+
+// src/components/ui/label.tsx
+var import_jsx_runtime23 = (
+  // eslint-disable-next-line jsx-a11y/label-has-associated-control -- htmlFor is passed by the consumer
+  require("react/jsx-runtime")
+);
+function Label(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    "label",
+    __spreadValues({
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      "data-slot": "label"
+    }, props)
+  );
+}
+
+// src/components/ui/separator.tsx
+var import_separator = require("@base-ui/react/separator");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function Separator(_a) {
+  var _b = _a, {
+    className,
+    orientation = "horizontal"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_separator.Separator,
+    __spreadValues({
+      className: cn(
+        "shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      "data-orientation": orientation,
+      "data-slot": "separator"
+    }, props)
+  );
+}
+
+// src/components/ui/field.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function FieldSet(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "fieldset",
+    __spreadValues({
+      className: cn(
+        "flex flex-col gap-6",
+        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
+        className
+      ),
+      "data-slot": "field-set"
+    }, props)
+  );
+}
+function FieldLegend(_a) {
+  var _b = _a, {
+    className,
+    variant = "legend"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "legend",
+    __spreadValues({
+      className: cn(
+        "mb-3 font-medium",
+        "data-[variant=legend]:text-base",
+        "data-[variant=label]:text-sm",
+        className
+      ),
+      "data-slot": "field-legend",
+      "data-variant": variant
+    }, props)
+  );
+}
+function FieldGroup(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(
+        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
+        className
+      ),
+      "data-slot": "field-group"
+    }, props)
+  );
+}
+var fieldVariants = (0, import_class_variance_authority5.cva)(
+  "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
+  {
+    variants: {
+      orientation: {
+        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+        horizontal: [
+          "flex-row items-center",
+          "[&>[data-slot=field-label]]:flex-auto",
+          "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+        ],
+        responsive: [
+          "flex-col @md/field-group:flex-row @md/field-group:items-center [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto",
+          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+        ]
+      }
+    },
+    defaultVariants: {
+      orientation: "vertical"
+    }
+  }
+);
+function Field(_a) {
+  var _b = _a, {
+    className,
+    orientation = "vertical"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(fieldVariants({ orientation }), className),
+      "data-orientation": orientation,
+      "data-slot": "field",
+      role: "group"
+    }, props)
+  );
+}
+function FieldContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(
+        "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
+        className
+      ),
+      "data-slot": "field-content"
+    }, props)
+  );
+}
+function FieldLabel(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    Label,
+    __spreadValues({
+      className: cn(
+        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
+        "has-data-checked:border-primary has-data-checked:bg-primary/5 dark:has-data-checked:bg-primary/10",
+        className
+      ),
+      "data-slot": "field-label"
+    }, props)
+  );
+}
+function FieldTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(
+        "flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",
+        className
+      ),
+      "data-slot": "field-label"
+    }, props)
+  );
+}
+function FieldDescription(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "p",
+    __spreadValues({
+      className: cn(
+        "text-xs leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
+        "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+        className
+      ),
+      "data-slot": "field-description"
+    }, props)
+  );
+}
+function FieldSeparator(_a) {
+  var _b = _a, {
+    children,
+    className
+  } = _b, props = __objRest(_b, [
+    "children",
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    "div",
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
+        className
+      ),
+      "data-content": Boolean(children),
+      "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)(
+          "span",
+          {
+            className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
+            "data-slot": "field-separator-content",
+            children
+          }
+        ) : null
+      ]
+    })
+  );
+}
+function FieldError(_a) {
+  var _b = _a, {
+    className,
+    children,
+    errors
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "errors"
+  ]);
+  const content = (0, import_react4.useMemo)(() => {
+    var _a2;
+    if (children) {
+      return children;
+    }
+    if (!(errors == null ? void 0 : errors.length)) {
+      return null;
+    }
+    const uniqueErrors = Array.from(
+      new Map(errors.map((error) => [error == null ? void 0 : error.message, error])).values()
+    );
+    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)
+    ) });
+  }, [children, errors]);
+  if (!content) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "div",
+    __spreadProps(__spreadValues({
+      className: cn("text-xs font-normal text-destructive", className),
+      "data-slot": "field-error",
+      role: "alert"
+    }, props), {
+      children: content
+    })
+  );
+}
+
+// src/components/ui/input-group.tsx
+var import_class_variance_authority6 = require("class-variance-authority");
+
+// src/components/ui/textarea.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+function Textarea(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    "textarea",
+    __spreadValues({
+      className: cn(
+        // WealthX: removed shadow-xs (flat panels), added font-sans
+        "flex field-sizing-content min-h-16 w-full border border-input bg-transparent px-3 py-2 text-base font-sans transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      "data-slot": "textarea"
+    }, props)
+  );
+}
+
+// src/components/ui/input-group.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function InputGroup(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(
+        "group/input-group relative flex w-full items-center border border-input shadow-xs transition-[color,box-shadow] outline-none dark:bg-input/30",
+        "h-9 min-w-0 has-[>textarea]:h-auto",
+        // Variants based on alignment.
+        "has-[>[data-align=inline-start]]:[&>input]:pl-2",
+        "has-[>[data-align=inline-end]]:[&>input]:pr-2",
+        "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
+        "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
+        // Focus state.
+        "has-[[data-slot=input-group-control]:focus-visible]:border-primary has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-primary/20",
+        // Error state.
+        "has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
+        className
+      ),
+      "data-slot": "input-group",
+      role: "group"
+    }, props)
+  );
+}
+var inputGroupAddonVariants = (0, import_class_variance_authority6.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: {
+      align: {
+        "inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
+        "inline-end": "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
+        "block-start": "order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3",
+        "block-end": "order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3"
+      }
+    },
+    defaultVariants: {
+      align: "inline-start"
+    }
+  }
+);
+function InputGroupAddon(_a) {
+  var _b = _a, {
+    className,
+    align = "inline-start"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "align"
+  ]);
+  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)(
+      "div",
+      __spreadValues({
+        className: cn(inputGroupAddonVariants({ align }), className),
+        "data-align": align,
+        "data-slot": "input-group-addon",
+        onClick: (e) => {
+          var _a2, _b2;
+          if (e.target.closest("button")) {
+            return;
+          }
+          (_b2 = (_a2 = e.currentTarget.parentElement) == null ? void 0 : _a2.querySelector("input")) == null ? void 0 : _b2.focus();
+        },
+        onKeyDown: (e) => {
+          var _a2, _b2;
+          if (e.key === "Enter" || e.key === " ") {
+            (_b2 = (_a2 = e.currentTarget.parentElement) == null ? void 0 : _a2.querySelector("input")) == null ? void 0 : _b2.focus();
+          }
+        },
+        role: "group"
+      }, props)
+    )
+  );
+}
+var inputGroupButtonVariants = (0, import_class_variance_authority6.cva)(
+  "flex items-center gap-2 text-sm shadow-none",
+  {
+    variants: {
+      size: {
+        xs: "h-6 gap-1 px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
+        sm: "h-8 gap-1.5 px-2.5 has-[>svg]:px-2.5",
+        "icon-xs": "size-6 p-0 has-[>svg]:p-0",
+        "icon-sm": "size-8 p-0 has-[>svg]:p-0"
+      }
+    },
+    defaultVariants: {
+      size: "xs"
+    }
+  }
+);
+function InputGroupButton(_a) {
+  var _b = _a, {
+    className,
+    type = "button",
+    variant = "ghost",
+    size = "xs"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "type",
+    "variant",
+    "size"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    Button,
+    __spreadValues({
+      className: cn(inputGroupButtonVariants({ size }), className),
+      "data-size": size,
+      type,
+      variant
+    }, props)
+  );
+}
+function InputGroupText(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    "span",
+    __spreadValues({
+      className: cn(
+        "flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        className
+      )
+    }, props)
+  );
+}
+function InputGroupInput(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    Input,
+    __spreadValues({
+      className: cn(
+        "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
+        className
+      ),
+      "data-slot": "input-group-control"
+    }, props)
+  );
+}
+function InputGroupTextarea(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    Textarea,
+    __spreadValues({
+      className: cn(
+        "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
+        className
+      ),
+      "data-slot": "input-group-control"
+    }, props)
+  );
+}
+
+// src/components/ui/input-otp.tsx
+var React6 = __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");
+function InputOTP(_a) {
+  var _b = _a, {
+    className,
+    containerClassName
+  } = _b, props = __objRest(_b, [
+    "className",
+    "containerClassName"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    import_input_otp.OTPInput,
+    __spreadValues({
+      className: cn("disabled:cursor-not-allowed", className),
+      containerClassName: cn(
+        "flex items-center gap-2 has-disabled:opacity-50",
+        containerClassName
+      ),
+      "data-slot": "input-otp"
+    }, props)
+  );
+}
+function InputOTPGroup(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    "div",
+    __spreadValues({
+      className: cn("flex items-center", className),
+      "data-slot": "input-otp-group"
+    }, props)
+  );
+}
+function InputOTPSlot(_a) {
+  var _b = _a, {
+    index,
+    className
+  } = _b, props = __objRest(_b, [
+    "index",
+    "className"
+  ]);
+  var _a2;
+  const inputOTPContext = React6.useContext(import_input_otp.OTPInputContext);
+  const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext.slots[index]) != null ? _a2 : {};
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    "div",
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-xs transition-all outline-none first:border-l aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40",
+        className
+      ),
+      "data-active": isActive,
+      "data-slot": "input-otp-slot"
+    }, 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
+      ]
+    })
+  );
+}
+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, {}) }));
+}
+
+// src/components/ui/pagination.tsx
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function Pagination(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    "nav",
+    __spreadValues({
+      "aria-label": "pagination",
+      className: cn("mx-auto flex w-full justify-center", className),
+      "data-slot": "pagination",
+      role: "navigation"
+    }, props)
+  );
+}
+function PaginationContent(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    "ul",
+    __spreadValues({
+      className: cn("flex flex-row items-center gap-1", className),
+      "data-slot": "pagination-content"
+    }, props)
+  );
+}
+function PaginationItem(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("li", __spreadValues({ "data-slot": "pagination-item" }, props));
+}
+function PaginationLink(_a) {
+  var _b = _a, {
+    className,
+    isActive,
+    size = "icon"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "isActive",
+    "size"
+  ]);
+  return (
+    // eslint-disable-next-line jsx-a11y/anchor-has-content -- children passed via props spread
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      "a",
+      __spreadValues({
+        "aria-current": isActive ? "page" : void 0,
+        className: cn(
+          buttonVariants({
+            variant: isActive ? "outline" : "ghost",
+            size
+          }),
+          className
+        ),
+        "data-active": isActive,
+        "data-slot": "pagination-link"
+      }, props)
+    )
+  );
+}
+function PaginationPrevious(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    PaginationLink,
+    __spreadProps(__spreadValues({
+      "aria-label": "Go to previous page",
+      className: cn("gap-1 px-2.5 sm:pl-2.5", className),
+      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" })
+      ]
+    })
+  );
+}
+function PaginationNext(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    PaginationLink,
+    __spreadProps(__spreadValues({
+      "aria-label": "Go to next page",
+      className: cn("gap-1 px-2.5 sm:pr-2.5", className),
+      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, {})
+      ]
+    })
+  );
+}
+function PaginationEllipsis(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    "span",
+    __spreadProps(__spreadValues({
+      "aria-hidden": true,
+      className: cn("flex size-9 items-center justify-center", className),
+      "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" })
+      ]
+    })
+  );
+}
+
+// src/components/ui/progress.tsx
+var import_progress = require("@base-ui/react/progress");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function Progress(_a) {
+  var _b = _a, {
+    className,
+    value
+  } = _b, props = __objRest(_b, [
+    "className",
+    "value"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    import_progress.Progress.Root,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative h-2 w-full overflow-hidden bg-muted",
+        className
+      ),
+      "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)(
+        import_progress.Progress.Indicator,
+        {
+          className: "h-full bg-primary transition-all",
+          "data-slot": "progress-indicator"
+        }
+      ) })
+    })
+  );
+}
+
+// src/components/ui/radio-group.tsx
+var import_lucide_react13 = 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 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) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    import_radio_group.RadioGroup,
+    __spreadValues({
+      className: cn("grid gap-3", className),
+      "data-slot": "radio-group"
+    }, props)
+  );
+}
+function RadioGroupItem(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    import_radio.Radio.Root,
+    __spreadProps(__spreadValues({
+      className: cn(
+        CIRCLE_BASE,
+        "transition-all outline-none",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-checked:bg-primary",
+        "aria-invalid:border-destructive aria-invalid:ring-destructive/20",
+        "aria-invalid:data-checked:border-destructive aria-invalid:data-checked:bg-destructive",
+        "dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      "data-slot": "radio-group-item"
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        import_radio.Radio.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react13.CircleIcon, { className: INDICATOR_DOT })
+        }
+      )
+    })
+  );
+}
+function RadioGroupCard(_a) {
+  var _b = _a, {
+    className,
+    value,
+    disabled,
+    error,
+    label,
+    description
+  } = _b, props = __objRest(_b, [
+    "className",
+    "value",
+    "disabled",
+    "error",
+    "label",
+    "description"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    import_radio.Radio.Root,
+    __spreadProps(__spreadValues({
+      "aria-invalid": error || void 0,
+      className: cn(
+        "group/card flex items-center gap-3 border border-border p-4 font-sans transition-colors text-left cursor-pointer outline-none",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-checked:border-primary data-checked:bg-primary/5",
+        "aria-invalid:border-destructive",
+        "aria-invalid:data-checked:border-destructive aria-invalid:data-checked:bg-destructive/5",
+        className
+      ),
+      "data-slot": "radio-group-card",
+      disabled,
+      value
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          "div",
+          {
+            className: cn(
+              CIRCLE_BASE,
+              "transition-colors",
+              "group-data-[checked]/card:bg-primary",
+              "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 }) })
+          }
+        ),
+        /* @__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
+        ] })
+      ]
+    })
+  );
+}
+
+// src/components/ui/sheet.tsx
+var import_lucide_react14 = require("lucide-react");
+var import_dialog2 = require("@base-ui/react/dialog");
+var import_jsx_runtime32 = 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",
+  top: "inset-x-0 top-0 h-auto border-b data-ending-style:slide-out-to-top data-open:slide-in-from-top",
+  bottom: "inset-x-0 bottom-0 h-auto border-t data-ending-style:slide-out-to-bottom data-open:slide-in-from-bottom"
+};
+function Sheet(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.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));
+}
+function SheetClose(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.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));
+}
+function SheetOverlay(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_dialog2.Dialog.Backdrop,
+    __spreadValues({
+      className: cn(
+        "fixed inset-0 z-50 bg-foreground/50 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0",
+        className
+      ),
+      "data-slot": "sheet-overlay"
+    }, props)
+  );
+}
+function SheetContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    side = "right",
+    showCloseButton = true,
+    style: style2
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "side",
+    "showCloseButton",
+    "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)(
+      import_dialog2.Dialog.Popup,
+      __spreadProps(__spreadValues({
+        className: cn(
+          "fixed z-50 flex flex-col gap-4 bg-background transition ease-in-out data-ending-style:animate-out data-ending-style:duration-300 data-ending-style:fill-mode-forwards data-open:animate-in data-open:duration-500",
+          SIDE_CLASSES[side],
+          className
+        ),
+        "data-slot": "sheet-content",
+        style: __spreadValues(__spreadValues({}, themeVars), style2)
+      }, props), {
+        children: [
+          children,
+          showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime32.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" })
+              ]
+            }
+          ) : null
+        ]
+      })
+    )
+  ] });
+}
+function SheetHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    "div",
+    __spreadValues({
+      className: cn("flex flex-col gap-1.5 p-4", className),
+      "data-slot": "sheet-header"
+    }, props)
+  );
+}
+function SheetFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    "div",
+    __spreadValues({
+      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      "data-slot": "sheet-footer"
+    }, props)
+  );
+}
+function SheetTitle(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_dialog2.Dialog.Title,
+    __spreadValues({
+      className: cn("text-lg font-semibold text-foreground", className),
+      "data-slot": "sheet-title"
+    }, props)
+  );
+}
+function SheetDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_dialog2.Dialog.Description,
+    __spreadValues({
+      className: cn("text-sm text-muted-foreground", className),
+      "data-slot": "sheet-description"
+    }, props)
+  );
+}
+
+// src/components/ui/sonner.tsx
+var import_lucide_react15 = require("lucide-react");
+var import_sonner = require("sonner");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function Toaster(_a) {
+  var _b = _a, { theme = "light" } = _b, props = __objRest(_b, ["theme"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime33.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" })
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)"
+      },
+      theme,
+      toastOptions: {
+        classNames: {
+          toast: "font-sans"
+        }
+      }
+    }, props)
+  );
+}
+
+// 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_switch = require("@base-ui/react/switch");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+function Switch(_a) {
+  var _b = _a, {
+    className,
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    import_switch.Switch.Root,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "peer group/switch inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-[size=default]:h-[1.15rem] data-[size=default]:w-8",
+        "data-[size=sm]:h-3.5 data-[size=sm]:w-6",
+        "data-checked:bg-primary data-unchecked:bg-input",
+        "aria-invalid:data-checked:bg-destructive aria-invalid:border-destructive",
+        "dark:data-unchecked:bg-input/80",
+        className
+      ),
+      "data-size": size,
+      "data-slot": "switch"
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        import_switch.Switch.Thumb,
+        {
+          className: cn(
+            "pointer-events-none block rounded-full bg-background ring-0 transition-transform",
+            "group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3",
+            "data-checked:translate-x-[calc(100%-2px)] data-unchecked:translate-x-0",
+            "dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground"
+          ),
+          "data-slot": "switch-thumb"
+        }
+      )
+    })
+  );
+}
+function SwitchCard(_a) {
+  var _b = _a, {
+    className,
+    checked,
+    defaultChecked,
+    onCheckedChange,
+    disabled,
+    error,
+    label,
+    description,
+    switchPosition = "right",
+    size
+  } = _b, props = __objRest(_b, [
+    "className",
+    "checked",
+    "defaultChecked",
+    "onCheckedChange",
+    "disabled",
+    "error",
+    "label",
+    "description",
+    "switchPosition",
+    "size"
+  ]);
+  const [internalChecked, setInternalChecked] = (0, import_react5.useState)(defaultChecked != null ? defaultChecked : false);
+  const isChecked = checked != null ? checked : internalChecked;
+  const switchElement = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    Switch,
+    __spreadValues({
+      "aria-invalid": error || void 0,
+      checked: isChecked,
+      className: "shrink-0",
+      disabled,
+      onCheckedChange: (value, event) => {
+        setInternalChecked(value);
+        onCheckedChange == null ? void 0 : onCheckedChange(value, event);
+      },
+      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
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    "label",
+    {
+      className: cn(
+        "flex items-center gap-3 border border-border p-4 font-sans transition-colors cursor-pointer",
+        switchPosition === "right" && "justify-between",
+        disabled && "cursor-not-allowed opacity-50",
+        error ? ["border-destructive", isChecked && "bg-destructive/5"] : isChecked && "border-primary bg-primary/5",
+        className
+      ),
+      "data-slot": "switch-card",
+      children: switchPosition === "left" ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+        switchElement,
+        contentElement
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+        contentElement,
+        switchElement
+      ] })
+    }
+  );
+}
+
+// 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");
+function Tabs(_a) {
+  var _b = _a, {
+    className,
+    orientation = "horizontal"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    import_tabs.Tabs.Root,
+    __spreadValues({
+      className: cn(
+        "group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",
+        className
+      ),
+      "data-orientation": orientation,
+      "data-slot": "tabs"
+    }, props)
+  );
+}
+var tabsListVariants = (0, import_class_variance_authority8.cva)(
+  "group/tabs-list inline-flex w-fit items-center justify-center gap-1 rounded-none p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted",
+        line: "bg-transparent p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function TabsList(_a) {
+  var _b = _a, {
+    className,
+    variant = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    import_tabs.Tabs.List,
+    __spreadValues({
+      className: cn(tabsListVariants({ variant }), className),
+      "data-slot": "tabs-list",
+      "data-variant": variant
+    }, props)
+  );
+}
+function TabsTrigger(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    import_tabs.Tabs.Tab,
+    __spreadValues({
+      className: cn(
+        // Base layout & typography
+        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 whitespace-nowrap",
+        "rounded-none border border-transparent px-1.5 py-1 text-sm font-medium",
+        "text-muted-foreground transition-all",
+        // Vertical orientation
+        "group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start",
+        // Hover & focus
+        "hover:text-foreground",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring",
+        // Disabled
+        "disabled:pointer-events-none disabled:opacity-50",
+        // Active state — Default variant: primary/10 bg + subtle shadow
+        // Base UI uses data-active attribute for the active/selected tab
+        "data-active:bg-primary/10 data-active:text-foreground",
+        "group-data-[variant=default]/tabs-list:data-active:shadow-sm",
+        // Active state — Line variant: suppress bg & shadow
+        "group-data-[variant=line]/tabs-list:data-active:bg-transparent",
+        "group-data-[variant=line]/tabs-list:data-active:shadow-none",
+        // Indicator pseudo-element (visible only for Line variant, active state)
+        "after:absolute after:bg-primary after:opacity-0 after:transition-opacity",
+        "group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5",
+        "group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5",
+        "group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
+        // SVG icons
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      "data-slot": "tabs-trigger"
+    }, props)
+  );
+}
+function TabsContent(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    import_tabs.Tabs.Panel,
+    __spreadValues({
+      className: cn("flex-1 outline-none", className),
+      "data-slot": "tabs-content"
+    }, props)
+  );
+}
+
+// src/components/ui/toggle-group.tsx
+var React7 = __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 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",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent hover:bg-muted hover:text-muted-foreground",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-9 min-w-9 px-2",
+        sm: "h-8 min-w-8 px-1.5",
+        lg: "h-10 min-w-10 px-2.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Toggle(_a) {
+  var _b = _a, {
+    className,
+    variant,
+    size
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "size"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    import_toggle.Toggle,
+    __spreadValues({
+      className: cn(toggleVariants({ variant, size, className })),
+      "data-slot": "toggle"
+    }, props)
+  );
+}
+
+// src/components/ui/toggle-group.tsx
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var ToggleGroupContext = React7.createContext({
+  size: "default",
+  variant: "default",
+  spacing: 0
+});
+function ToggleGroup(_a) {
+  var _b = _a, {
+    className,
+    variant,
+    size,
+    spacing = 0,
+    type,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "size",
+    "spacing",
+    "type",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    import_toggle_group.ToggleGroup,
+    __spreadProps(__spreadValues({
+      className: cn(
+        // WealthX: removed rounded-md (sharp corners) and shadow-xs (flat panels)
+        "group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))]",
+        className
+      ),
+      "data-size": size,
+      "data-slot": "toggle-group",
+      "data-spacing": spacing,
+      "data-variant": variant,
+      multiple: type === "multiple",
+      style: { "--gap": spacing }
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
+    })
+  );
+}
+function ToggleGroupItem(_a) {
+  var _b = _a, {
+    className,
+    children,
+    variant,
+    size
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "variant",
+    "size"
+  ]);
+  const context = React7.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    import_toggle2.Toggle,
+    __spreadProps(__spreadValues({
+      className: cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        "w-auto min-w-0 shrink-0 focus:z-10 focus-visible:z-10",
+        // WealthX: no rounded corners on grouped items
+        "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l",
+        className
+      ),
+      "data-size": context.size || size,
+      "data-slot": "toggle-group-item",
+      "data-spacing": context.spacing,
+      "data-variant": context.variant || variant
+    }, props), {
+      children
+    })
+  );
+}
+
+// src/components/ui/tooltip.tsx
+var import_tooltip = require("@base-ui/react/tooltip");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+function TooltipProvider(_a) {
+  var _b = _a, {
+    delay = 0
+  } = _b, props = __objRest(_b, [
+    "delay"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    import_tooltip.Tooltip.Provider,
+    __spreadValues({
+      "data-slot": "tooltip-provider",
+      delay
+    }, props)
+  );
+}
+function Tooltip(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime39.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));
+}
+function TooltipContent(_a) {
+  var _b = _a, {
+    className,
+    sideOffset = 8,
+    children,
+    style: style2
+  } = _b, props = __objRest(_b, [
+    "className",
+    "sideOffset",
+    "children",
+    "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)(
+      import_tooltip.Tooltip.Popup,
+      __spreadProps(__spreadValues({
+        className: cn(
+          "z-50 w-fit animate-in bg-brand-secondary px-3 py-1.5 text-xs text-balance text-brand-secondary-foreground fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards",
+          className
+        ),
+        "data-slot": "tooltip-content",
+        style: __spreadValues(__spreadValues({}, themeVars), style2)
+      }, props), {
+        children
+      })
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      import_tooltip.Tooltip.Arrow,
+      {
+        className: "z-50 size-2.5 rotate-45 bg-brand-secondary"
+      }
+    )
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert,
+  AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogMedia,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  AlertTitle,
+  Avatar,
+  AvatarBadge,
+  AvatarFallback,
+  AvatarGroup,
+  AvatarGroupCount,
+  AvatarImage,
+  Badge,
+  Button,
+  Calendar,
+  CalendarDayButton,
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  CheckboxCard,
+  Chip,
+  DataTable,
+  DataTableColumnHeader,
+  DataTablePagination,
+  DataTableSkeleton,
+  DataTableToolbar,
+  DatePicker,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  Empty,
+  EmptyContent,
+  EmptyDescription,
+  EmptyHeader,
+  EmptyMedia,
+  EmptyTitle,
+  FONT_FAMILY_SANS,
+  Field,
+  FieldContent,
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLabel,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldTitle,
+  Input,
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupText,
+  InputGroupTextarea,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot,
+  Label,
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverDescription,
+  PopoverHeader,
+  PopoverTitle,
+  PopoverTrigger,
+  Progress,
+  RadioGroup,
+  RadioGroupCard,
+  RadioGroupItem,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
+  Skeleton,
+  Spinner,
+  Switch,
+  SwitchCard,
+  TYPOGRAPHY,
+  TYPOGRAPHY_BODY,
+  TYPOGRAPHY_DISPLAY,
+  TYPOGRAPHY_HEADING,
+  TYPOGRAPHY_LABEL,
+  TYPOGRAPHY_RESPONSIVE,
+  TYPOGRAPHY_UTILITY,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  Toaster,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  badgeVariants,
+  buttonVariants,
+  cn,
+  getResponsiveTypographyCssVars,
+  getSelectionColumn,
+  getTypographyCssVars,
+  spinnerVariants,
+  tabsListVariants,
+  toggleVariants
+});