@nextlyhq/ui 0.0.2-alpha.5 → 0.0.2-alpha.50

package/dist/index.cjs

@@ -1,85 +1,227 @@
-'use strict';
-
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
-var React5 = require('react');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var jsxRuntime = require('react/jsx-runtime');
-var reactLabel = require('@radix-ui/react-label');
-var SeparatorPrimitive = require('@radix-ui/react-separator');
-var CheckboxPrimitive = require('@radix-ui/react-checkbox');
-var lucideReact = require('lucide-react');
-var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
-var reactSwitch = require('@radix-ui/react-switch');
-var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
-var AccordionPrimitive = require('@radix-ui/react-accordion');
-var reactAvatar = require('@radix-ui/react-avatar');
-var reactTabs = require('@radix-ui/react-tabs');
-var reactTooltip = require('@radix-ui/react-tooltip');
-var PopoverPrimitive = require('@radix-ui/react-popover');
-var DialogPrimitive = require('@radix-ui/react-dialog');
-var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
-var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
-var SelectPrimitive = require('@radix-ui/react-select');
-var cmdk = require('cmdk');
-var sonner = require('sonner');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 });
   }
-  n.default = e;
-  return Object.freeze(n);
-}
+  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);
 
-var React5__namespace = /*#__PURE__*/_interopNamespace(React5);
-var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
-var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
-var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
-var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespace(CollapsiblePrimitive);
-var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
-var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
-var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
-var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
-var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
-var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
+// 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,
+  AlertDialogOverlay: () => AlertDialogOverlay,
+  AlertDialogPortal: () => AlertDialogPortal,
+  AlertDialogTitle: () => AlertDialogTitle,
+  AlertDialogTrigger: () => AlertDialogTrigger,
+  AlertTitle: () => AlertTitle,
+  Avatar: () => Avatar,
+  AvatarFallback: () => AvatarFallback,
+  AvatarImage: () => AvatarImage,
+  Badge: () => Badge,
+  Button: () => Button,
+  Card: () => Card,
+  CardAction: () => CardAction,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  Checkbox: () => Checkbox,
+  Collapsible: () => Collapsible,
+  CollapsibleContent: () => CollapsibleContent2,
+  CollapsibleTrigger: () => CollapsibleTrigger2,
+  Command: () => Command,
+  CommandDialog: () => CommandDialog,
+  CommandEmpty: () => CommandEmpty,
+  CommandGroup: () => CommandGroup,
+  CommandInput: () => CommandInput,
+  CommandItem: () => CommandItem,
+  CommandList: () => CommandList,
+  CommandSeparator: () => CommandSeparator,
+  CommandShortcut: () => CommandShortcut,
+  Dialog: () => Dialog,
+  DialogClose: () => DialogClose,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogOverlay: () => DialogOverlay,
+  DialogPortal: () => DialogPortal,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
+  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,
+  FormLabelWithTooltip: () => FormLabelWithTooltip,
+  Grid: () => Grid,
+  Input: () => Input,
+  Label: () => Label,
+  Popover: () => Popover,
+  PopoverAnchor: () => PopoverAnchor,
+  PopoverContent: () => PopoverContent,
+  PopoverTrigger: () => PopoverTrigger,
+  PortalProvider: () => PortalProvider,
+  Progress: () => Progress,
+  RadioGroup: () => RadioGroup,
+  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,
+  SheetOverlay: () => SheetOverlay,
+  SheetPortal: () => SheetPortal,
+  SheetTitle: () => SheetTitle,
+  SheetTrigger: () => SheetTrigger,
+  Skeleton: () => Skeleton,
+  Spinner: () => Spinner,
+  Stack: () => Stack,
+  Stat: () => Stat,
+  Switch: () => Switch,
+  Table: () => Table,
+  TableBody: () => TableBody,
+  TableCaption: () => TableCaption,
+  TableCell: () => TableCell,
+  TableEmpty: () => TableEmpty,
+  TableError: () => TableError,
+  TableFooter: () => TableFooter,
+  TableHead: () => TableHead,
+  TableHeader: () => TableHeader,
+  TableLoading: () => TableLoading,
+  TableRow: () => TableRow,
+  TableSearch: () => TableSearch,
+  TableSkeleton: () => TableSkeleton,
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger,
+  Textarea: () => Textarea,
+  Toaster: () => Toaster,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipProvider: () => TooltipProvider,
+  TooltipTrigger: () => TooltipTrigger,
+  alertVariants: () => alertVariants,
+  avatarVariants: () => avatarVariants,
+  badgeVariants: () => badgeVariants,
+  buttonVariants: () => buttonVariants,
+  cardVariants: () => cardVariants,
+  dialogContentVariants: () => dialogContentVariants,
+  inputVariants: () => inputVariants,
+  progressVariants: () => progressVariants,
+  selectTriggerVariants: () => selectTriggerVariants,
+  sheetVariants: () => sheetVariants,
+  spinnerVariants: () => spinnerVariants,
+  toast: () => import_sonner.toast,
+  usePortalContainer: () => usePortalContainer
+});
+module.exports = __toCommonJS(index_exports);
 
 // src/components/button.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority = require("class-variance-authority");
+var React = __toESM(require("react"), 1);
+var import_react = require("react");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
-var buttonVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-none text-sm font-medium cursor-pointer transition-all duration-150 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-0 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed active:scale-[0.98] [&_svg]:text-current",
+
+// src/components/button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-all duration-150 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-0 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed active:scale-[0.98] [&_svg]:text-current",
   {
     variants: {
       variant: {
         default: "bg-primary text-primary-foreground border border-transparent hover:opacity-90",
         primary: "bg-primary text-primary-foreground border border-transparent hover:opacity-90",
-        destructive: "bg-destructive text-destructive-foreground border border-transparent hover:opacity-90",
-        outline: "border border-primary/10 text-foreground hover-unified bg-background",
-        secondary: "bg-background border border-primary/10 text-foreground hover:bg-primary/5",
+        // Solid fill uses the emphasis token so white on-color text stays AA in
+        // dark mode (the base token is the readable text color, too light here).
+        // Hover darkens to a deeper shade instead of opacity-90, which would
+        // composite the fill toward the page and drop white text under 4.5:1.
+        destructive: "bg-destructive-solid text-destructive-foreground border border-transparent hover:bg-destructive-700",
+        // border-border is the decorative separator token, and it is the right
+        // one here: a button is identified by its label and fill, so its edge
+        // carries no meaning on its own and is not held to the 3:1 minimum that
+        // border-input meets for controls identified by their boundary. It is
+        // still used in preference to a faint primary alpha, which reads as a
+        // tint of the brand colour rather than as an edge.
+        outline: "border border-border text-foreground hover-unified bg-background",
+        secondary: "bg-background border border-border text-foreground hover:bg-primary/5",
         ghost: "text-foreground border border-transparent hover-unified",
         link: "text-primary border border-transparent underline-offset-4 hover:underline"
       },
       size: {
-        default: "h-10 px-6 py-2",
-        sm: "h-9 px-4 text-[13px]",
-        md: "h-10 px-6 text-sm",
-        lg: "h-11 px-8 text-base",
-        icon: "h-10 w-10 p-0",
-        "icon-sm": "h-9 w-9 p-0",
-        "icon-lg": "h-11 w-11 p-0"
+        default: "h-[var(--nx-control-height)] px-6 py-2",
+        sm: "h-[var(--nx-control-height-md)] px-4 text-sm",
+        md: "h-[var(--nx-control-height)] px-6 text-sm",
+        lg: "h-[var(--nx-control-height-lg)] px-8 text-base",
+        icon: "h-[var(--nx-control-height)] w-[var(--nx-control-height)] p-0",
+        "icon-sm": "h-[var(--nx-control-height-md)] w-[var(--nx-control-height-md)] p-0",
+        "icon-lg": "h-[var(--nx-control-height-lg)] w-[var(--nx-control-height-lg)] p-0"
       }
     },
     defaultVariants: {
@@ -88,7 +230,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React5.forwardRef(
+var Button = (0, import_react.forwardRef)(
   ({
     className,
     variant = "default",
@@ -97,9 +239,9 @@ var Button = React5.forwardRef(
     children,
     ...props
   }, ref) => {
-    const Comp = asChild ? reactSlot.Slot : "button";
-    const hasMultipleChildren = React5__namespace.Children.count(children) > 1;
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    const Comp = asChild ? import_react_slot.Slot : "button";
+    const hasMultipleChildren = React.Children.count(children) > 1;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Comp,
       {
         "data-slot": `button.${variant}`,
@@ -115,14 +257,19 @@ var Button = React5.forwardRef(
   }
 );
 Button.displayName = "Button";
-var inputVariants = classVarianceAuthority.cva(
-  "file:text-foreground placeholder:text-muted-foreground placeholder:opacity-50 selection:bg-primary selection:text-primary-foreground w-full min-w-0 rounded-none border border-input bg-background text-sm transition-all duration-150 outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 focus:ring-0 focus:ring-offset-0 focus:outline-none focus:!border-primary focus-visible:!border-primary aria-invalid:border-destructive aria-invalid:focus:!border-destructive data-[invalid=true]:border-destructive data-[invalid=true]:focus:!border-destructive",
+
+// src/components/input.tsx
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var inputVariants = (0, import_class_variance_authority2.cva)(
+  "file:text-foreground placeholder:text-muted-foreground placeholder:opacity-50 selection:bg-primary selection:text-primary-foreground w-full min-w-0 rounded-md border border-input bg-background text-sm transition-all duration-150 outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 focus:ring-0 focus:ring-offset-0 focus:outline-none focus:border-primary! focus-visible:border-primary! aria-invalid:border-destructive aria-invalid:focus:border-destructive! data-[invalid=true]:border-destructive data-[invalid=true]:focus:border-destructive!",
   {
     variants: {
       size: {
-        sm: "h-8 px-2.5 py-2 text-sm",
-        default: "h-10 px-3 py-2.5 text-sm",
-        lg: "h-11 px-4 py-3 text-base"
+        sm: "h-[var(--nx-control-height-sm)] px-2.5 py-2 text-sm",
+        default: "h-[var(--nx-control-height)] px-3 py-2.5 text-sm",
+        lg: "h-[var(--nx-control-height-lg)] px-4 py-3 text-base"
       }
     },
     defaultVariants: {
@@ -130,9 +277,9 @@ var inputVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Input = React5.forwardRef(
+var Input = (0, import_react2.forwardRef)(
   ({ className, type, size, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "input",
       {
         type,
@@ -145,14 +292,20 @@ var Input = React5.forwardRef(
   }
 );
 Input.displayName = "Input";
-var Textarea = React5.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
+
+// src/components/textarea.tsx
+var import_react3 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Textarea = (0, import_react3.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "textarea",
     {
       "data-slot": "textarea",
       className: cn(
-        "flex min-h-[80px] w-full rounded-none border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground placeholder:opacity-50 transition-all duration-200 focus:!border-primary focus-visible:!border-primary focus:outline-none hover:border-primary/30 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-primary/5 resize-y",
-        "aria-invalid:border-destructive aria-invalid:focus:!border-destructive",
+        // hover:border-primary (full strength) keeps the hover boundary more
+        // visible than the resting border-input, not a fainter alpha of it.
+        "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground placeholder:opacity-50 transition-all duration-200 focus:border-primary! focus-visible:border-primary! focus:outline-none hover:border-primary disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-primary/5 resize-y",
+        "aria-invalid:border-destructive aria-invalid:focus:border-destructive!",
         className
       ),
       ref,
@@ -161,9 +314,13 @@ var Textarea = React5.forwardRef(({ className, ...props }, ref) => {
   );
 });
 Textarea.displayName = "Textarea";
+
+// src/components/label.tsx
+var import_react_label = require("@radix-ui/react-label");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function Label({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactLabel.Root,
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_react_label.Root,
     {
       "data-slot": "label",
       className: cn(
@@ -174,17 +331,121 @@ function Label({ className, ...props }) {
     }
   );
 }
-var badgeVariants = classVarianceAuthority.cva(
-  "inline-flex items-center rounded-none px-2.5 py-0.5 h-[22px] text-xs font-medium transition-colors",
+
+// src/components/form-label-with-tooltip.tsx
+var import_lucide_react = require("lucide-react");
+var React2 = __toESM(require("react"), 1);
+
+// src/components/tooltip.tsx
+var import_react_tooltip = require("@radix-ui/react-tooltip");
+var import_react5 = require("react");
+
+// src/providers/portal-provider.tsx
+var import_react4 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var PortalContext = (0, import_react4.createContext)({ container: null });
+function PortalProvider({ container, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PortalContext.Provider, { value: { container }, children });
+}
+function usePortalContainer() {
+  const { container } = (0, import_react4.useContext)(PortalContext);
+  return container ?? void 0;
+}
+
+// src/components/tooltip.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var TooltipProvider = import_react_tooltip.Provider;
+var Tooltip = import_react_tooltip.Root;
+var TooltipTrigger = import_react_tooltip.Trigger;
+var TooltipContent = (0, import_react5.forwardRef)(({ className, sideOffset = 4, ...props }, ref) => {
+  const portalContainer = usePortalContainer();
+  return (
+    // Portalled for the same reason as every other overlay here, plus one
+    // specific to the tooltip: the positioner measures against the nearest
+    // containing block, and it counts `container-type` as one while the
+    // browser does not. Left inline under a `@container` element, the content
+    // is offset by that element's own position. Portalling lifts it out of any
+    // such ancestor, so the two agree again.
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_tooltip.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_react_tooltip.Content,
+      {
+        ref,
+        sideOffset,
+        "data-slot": "tooltip-content",
+        className: cn(
+          "z-50 overflow-hidden rounded-lg px-3 py-1.5 text-xs shadow-lg  border border-border bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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",
+          className
+        ),
+        ...props
+      }
+    ) })
+  );
+});
+TooltipContent.displayName = import_react_tooltip.Content.displayName;
+
+// src/components/form-label-with-tooltip.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var FormLabelWithTooltip = React2.forwardRef(
+  ({
+    className,
+    labelClassName,
+    tooltipClassName,
+    label,
+    description,
+    required,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: cn("flex items-center gap-2", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Label, { ref, className: labelClassName, ...props, children: [
+        label,
+        required && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-destructive ml-1", children: "*" })
+      ] }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Tooltip, { delayDuration: 200, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          TooltipTrigger,
+          {
+            type: "button",
+            tabIndex: -1,
+            className: "shrink-0 text-muted-foreground hover:text-foreground focus:outline-none focus:text-foreground transition-colors cursor-help",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.Info, { className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "sr-only", children: "Toggle description" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          TooltipContent,
+          {
+            side: "right",
+            className: cn(
+              "max-w-[250px] text-xs break-words relative z-[100] shadow-md  border border-border bg-primary text-primary-foreground px-3 py-2 rounded-lg",
+              tooltipClassName
+            ),
+            children: description
+          }
+        )
+      ] }) })
+    ] });
+  }
+);
+FormLabelWithTooltip.displayName = "FormLabelWithTooltip";
+
+// src/components/badge.tsx
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority3.cva)(
+  "inline-flex items-center rounded-sm px-2.5 py-0.5 h-[22px] text-xs font-medium transition-colors",
   {
     variants: {
       variant: {
-        default: "bg-primary/5 text-slate-900 dark:bg-slate-800 dark:text-slate-100",
-        primary: "bg-primary/5 text-primary dark:bg-primary/20 dark:text-primary-foreground/90",
-        success: "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-100",
-        warning: "bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-100",
-        destructive: "bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-100",
-        outline: "border !border-primary/5 bg-transparent text-slate-700 dark:text-slate-300 dark:!border-primary/5"
+        // Clear, legible chip in both modes (was bg-primary/5 at ~5% opacity,
+        // which was nearly invisible on dark backgrounds).
+        default: "bg-muted text-foreground",
+        primary: "bg-primary/10 text-primary dark:bg-primary/20",
+        success: "bg-success-100 text-success-700 dark:bg-success-900 dark:text-success-100",
+        warning: "bg-warning-100 text-warning-700 dark:bg-warning-900 dark:text-warning-100",
+        destructive: "bg-destructive-100 text-destructive-700 dark:bg-destructive-900 dark:text-destructive-100",
+        outline: "border border-border! bg-transparent text-foreground dark:text-muted-foreground dark:border-border!"
       }
     },
     defaultVariants: {
@@ -193,7 +454,7 @@ var badgeVariants = classVarianceAuthority.cva(
   }
 );
 function Badge({ className, variant = "default", ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "div",
     {
       "data-slot": `badge.${variant}`,
@@ -202,8 +463,13 @@ function Badge({ className, variant = "default", ...props }) {
     }
   );
 }
-var cardVariants = classVarianceAuthority.cva(
-  "bg-card text-foreground rounded-none  border border-primary/5   transition-all duration-200",
+
+// src/components/card.tsx
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_react6 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var cardVariants = (0, import_class_variance_authority4.cva)(
+  "bg-card text-foreground rounded-lg  border border-border   transition-all duration-200",
   {
     variants: {
       variant: {
@@ -217,9 +483,9 @@ var cardVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Card = React5.forwardRef(
+var Card = (0, import_react6.forwardRef)(
   ({ className, variant, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "div",
       {
         ref,
@@ -231,16 +497,23 @@ var Card = React5.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React5.forwardRef(
+var CardHeader = (0, import_react6.forwardRef)(
   ({ className, noBorder = false, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "div",
       {
         ref,
         "data-slot": "card-header",
         className: cn(
-          "flex flex-col p-4",
-          !noBorder && "border-b border-primary/5",
+          // Mirrors CardFooter: a header that carries its own tint runs the full
+          // width of the card, so at a nonzero --radius it would paint square
+          // across the card's curved top corners. `inherit` takes the parent's
+          // computed radius rather than restating a step. It only helps when the
+          // header is a direct child of the card; a header nested inside another
+          // wrapper inherits that wrapper's radius instead, and such a card needs
+          // `overflow-hidden` to clip the fill.
+          "flex flex-col rounded-t-[inherit] p-4",
+          !noBorder && "border-b border-border",
           className
         ),
         ...props
@@ -249,9 +522,9 @@ var CardHeader = React5.forwardRef(
   }
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React5.forwardRef(
+var CardTitle = (0, import_react6.forwardRef)(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "h3",
       {
         ref,
@@ -263,9 +536,9 @@ var CardTitle = React5.forwardRef(
   }
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React5.forwardRef(
+var CardDescription = (0, import_react6.forwardRef)(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "p",
       {
         ref,
@@ -277,9 +550,9 @@ var CardDescription = React5.forwardRef(
   }
 );
 CardDescription.displayName = "CardDescription";
-var CardAction = React5.forwardRef(
+var CardAction = (0, import_react6.forwardRef)(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "div",
       {
         ref,
@@ -291,9 +564,9 @@ var CardAction = React5.forwardRef(
   }
 );
 CardAction.displayName = "CardAction";
-var CardContent = React5.forwardRef(
+var CardContent = (0, import_react6.forwardRef)(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "div",
       {
         ref,
@@ -305,15 +578,21 @@ var CardContent = React5.forwardRef(
   }
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React5.forwardRef(
+var CardFooter = (0, import_react6.forwardRef)(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "div",
       {
         ref,
         "data-slot": "card-footer",
         className: cn(
-          "flex items-center px-6 py-4  border-t border-primary/5 bg-primary/5",
+          // The footer's tint runs the full width of the card, so at a nonzero
+          // --radius it would paint square across the card's curved bottom
+          // corners. `inherit` takes the card's own computed radius rather than
+          // restating a step, so a card whose radius is overridden stays
+          // matched, and it can never disagree with the card at any --radius,
+          // including the shipped 0 where `rounded-lg` is 0.
+          "flex items-center px-6 py-4  border-t border-border bg-primary/5 rounded-b-[inherit]",
           className
         ),
         ...props
@@ -322,15 +601,80 @@ var CardFooter = React5.forwardRef(
   }
 );
 CardFooter.displayName = "CardFooter";
-var alertVariants = classVarianceAuthority.cva(
-  "relative flex items-start gap-3 rounded-none  border border-primary/5 p-4 text-sm   transition-colors duration-150",
+
+// src/components/layout.tsx
+var import_react7 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var GAP = {
+  0: "gap-0",
+  1: "gap-1",
+  2: "gap-2",
+  3: "gap-3",
+  4: "gap-4",
+  6: "gap-6",
+  8: "gap-8"
+};
+var COLS = {
+  1: "grid-cols-1",
+  2: "grid-cols-2",
+  3: "grid-cols-3",
+  4: "grid-cols-4",
+  6: "grid-cols-6"
+};
+var Stack = (0, import_react7.forwardRef)(
+  ({ direction = "col", gap = 4, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex",
+        direction === "col" ? "flex-col" : "flex-row",
+        GAP[gap],
+        className
+      ),
+      ...props
+    }
+  )
+);
+Stack.displayName = "Stack";
+var Grid = (0, import_react7.forwardRef)(
+  ({ cols = 2, gap = 4, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "div",
+    {
+      ref,
+      className: cn("grid", COLS[cols], GAP[gap], className),
+      ...props
+    }
+  )
+);
+Grid.displayName = "Grid";
+var Stat = (0, import_react7.forwardRef)(
+  ({ label, value, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { ref, className: cn("flex flex-col gap-1", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm text-muted-foreground", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-2xl font-semibold text-foreground", children: value })
+  ] })
+);
+Stat.displayName = "Stat";
+
+// src/components/alert.tsx
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_react8 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var alertVariants = (0, import_class_variance_authority5.cva)(
+  "relative flex items-start gap-3 rounded-md  border border-border p-4 text-sm   transition-colors duration-150",
   {
     variants: {
       variant: {
-        info: "border-primary/5 bg-primary/5 text-primary dark:border-primary/30 dark:bg-primary/5 dark:text-primary-foreground/90",
-        success: "border-green-200 bg-green-50 text-green-900 dark:border-green-900 dark:bg-green-950 dark:text-green-100",
-        warning: "border-amber-200 bg-amber-50 text-amber-900 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-100",
-        destructive: "border-red-200 bg-red-50 text-red-900 dark:border-red-900 dark:bg-red-950 dark:text-red-100"
+        // text-primary is mode-correct (dark ink on light in light mode, light
+        // ink on dark in dark mode); the previous dark text override rendered
+        // dark slate on the dark tint at about 1:1.
+        info: "bg-primary/5 text-primary",
+        // dark:border-l-* re-asserts the strong base accent on the left after
+        // the dark:border-*-900 all-sides rule, so the meaningful accent stays
+        // visible in dark mode instead of collapsing to the faint -900 shade.
+        success: "border-success-200 bg-success-50 text-success-900 border-l-4 border-l-success dark:border-success-900 dark:border-l-success dark:bg-success-950 dark:text-success-100",
+        warning: "border-warning-200 bg-warning-50 text-warning-900 border-l-4 border-l-warning dark:border-warning-900 dark:border-l-warning dark:bg-warning-950 dark:text-warning-100",
+        destructive: "border-destructive-200 bg-destructive-50 text-destructive-900 border-l-4 border-l-destructive dark:border-destructive-900 dark:border-l-destructive dark:bg-destructive-950 dark:text-destructive-100"
       }
     },
     defaultVariants: {
@@ -338,9 +682,9 @@ var alertVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Alert = React5.forwardRef(
+var Alert = (0, import_react8.forwardRef)(
   ({ className, variant = "info", role = "alert", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "div",
       {
         ref,
@@ -353,9 +697,9 @@ var Alert = React5.forwardRef(
   }
 );
 Alert.displayName = "Alert";
-var AlertTitle = React5.forwardRef(
+var AlertTitle = (0, import_react8.forwardRef)(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "h5",
       {
         ref,
@@ -370,9 +714,9 @@ var AlertTitle = React5.forwardRef(
   }
 );
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React5.forwardRef(
+var AlertDescription = (0, import_react8.forwardRef)(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "div",
       {
         ref,
@@ -384,14 +728,18 @@ var AlertDescription = React5.forwardRef(
   }
 );
 AlertDescription.displayName = "AlertDescription";
+
+// src/components/separator.tsx
+var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function Separator({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SeparatorPrimitive__namespace.Root,
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
       decorative,
@@ -404,16 +752,20 @@ function Separator({
     }
   );
 }
-var Skeleton = React5__namespace.forwardRef(
+
+// src/components/skeleton.tsx
+var React3 = __toESM(require("react"), 1);
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Skeleton = React3.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       "div",
       {
         ref,
         "data-slot": "skeleton",
         "aria-hidden": "true",
         className: cn(
-          "bg-primary/5 animate-pulse rounded-none motion-reduce:animate-none",
+          "bg-primary/5 animate-pulse rounded-md motion-reduce:animate-none",
           className
         ),
         ...props
@@ -422,11 +774,16 @@ var Skeleton = React5__namespace.forwardRef(
   }
 );
 Skeleton.displayName = "Skeleton";
-var progressVariants = classVarianceAuthority.cva("h-full rounded-none transition-all", {
+
+// src/components/progress.tsx
+var import_class_variance_authority6 = require("class-variance-authority");
+var React4 = __toESM(require("react"), 1);
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var progressVariants = (0, import_class_variance_authority6.cva)("h-full rounded-none transition-all", {
   variants: {
     variant: {
       default: "bg-primary-500",
-      success: "bg-green-500",
+      success: "bg-success-500",
       error: "bg-destructive"
     }
   },
@@ -434,7 +791,7 @@ var progressVariants = classVarianceAuthority.cva("h-full rounded-none transitio
     variant: "default"
   }
 });
-var Progress = React5__namespace.forwardRef(
+var Progress = React4.forwardRef(
   ({
     value,
     max = 100,
@@ -445,7 +802,7 @@ var Progress = React5__namespace.forwardRef(
   }, ref) => {
     const clampedValue = Math.min(Math.max(0, value), max);
     const percentage = clampedValue / max * 100;
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "div",
       {
         ref,
@@ -455,11 +812,11 @@ var Progress = React5__namespace.forwardRef(
         "aria-valuemax": max,
         "aria-label": ariaLabel || `Progress: ${Math.round(percentage)}%`,
         className: cn(
-          "relative h-2 w-full overflow-hidden rounded-none bg-accent",
+          "relative h-2 w-full overflow-hidden rounded-full bg-accent",
           className
         ),
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "div",
           {
             className: cn(progressVariants({ variant })),
@@ -474,29 +831,42 @@ var Progress = React5__namespace.forwardRef(
   }
 );
 Progress.displayName = "Progress";
-var Checkbox = React5.forwardRef(({ className, indeterminate, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  CheckboxPrimitive__namespace.Root,
+
+// src/components/checkbox.tsx
+var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
+var import_lucide_react2 = require("lucide-react");
+var import_react9 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var Checkbox = (0, import_react9.forwardRef)(({ className, indeterminate, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  CheckboxPrimitive.Root,
   {
     ref,
     "data-slot": "checkbox",
     className: cn(
-      "peer h-4 w-4 shrink-0 rounded-none border border-primary/5 ring-offset-background focus:!border-primary focus-visible:!border-primary focus:outline-none focus-visible:outline-none aria-invalid:border-destructive aria-invalid:focus:!border-destructive aria-invalid:focus-visible:!border-destructive disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary transition-all duration-200",
+      // Resting border uses border-input (a visible 3:1 boundary); the checked
+      // state switches to border-primary below, keeping the two states distinct.
+      "peer relative h-4 w-4 shrink-0 rounded-sm border border-input ring-offset-background before:absolute before:left-1/2 before:top-1/2 before:h-6 before:w-6 before:-translate-x-1/2 before:-translate-y-1/2 before:content-[''] focus:border-primary! focus-visible:border-primary! focus:outline-none focus-visible:outline-none aria-invalid:border-destructive aria-invalid:focus:border-destructive! aria-invalid:focus-visible:border-destructive! disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground data-[state=indeterminate]:border-primary transition-all duration-200",
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      CheckboxPrimitive__namespace.Indicator,
+    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      CheckboxPrimitive.Indicator,
       {
         className: cn("flex items-center justify-center text-current"),
-        children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "h-3 w-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3 w-3" })
+        children: indeterminate ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react2.Minus, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react2.Check, { className: "h-3 w-3" })
       }
     )
   }
 ));
 Checkbox.displayName = "Checkbox";
-var RadioGroup = React5.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    RadioGroupPrimitive__namespace.Root,
+
+// src/components/radio-group.tsx
+var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
+var import_react10 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var RadioGroup = (0, import_react10.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    RadioGroupPrimitive.Root,
     {
       className: cn("grid gap-2", className),
       ...props,
@@ -506,53 +876,74 @@ var RadioGroup = React5.forwardRef(({ className, ...props }, ref) => {
   );
 });
 RadioGroup.displayName = "RadioGroup";
-var RadioGroupItem = React5.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    RadioGroupPrimitive__namespace.Item,
+var RadioGroupItem = (0, import_react10.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    RadioGroupPrimitive.Item,
     {
       ref,
       "data-slot": "radio-group-item",
       className: cn(
-        "peer h-4 w-4 shrink-0 rounded-none border border-primary/5 bg-background cursor-pointer transition-all duration-150 focus:!border-primary focus-visible:!border-primary focus:outline-none focus-visible:outline-none aria-invalid:border-destructive aria-invalid:focus:!border-destructive aria-invalid:focus-visible:!border-destructive disabled:cursor-not-allowed disabled:opacity-50 hover:border-primary/30 data-[state=checked]:border-primary data-[state=checked]:border-[5px]",
+        // Unchecked outline uses primary/40 (clearly visible) instead of primary/5
+        // (~5% opacity, effectively invisible); hover strengthens above the resting state.
+        // Resting border uses border-input (a visible 3:1 boundary); the checked
+        // state switches to border-primary below, keeping the two states distinct.
+        // rounded-full is fixed rather than derived from --radius: the circle is
+        // what tells the user only one option can be chosen. The thick checked
+        // border leaves a background-coloured core, and because the border's
+        // inner edge is curved too that core reads as a round dot.
+        "peer h-4 w-4 shrink-0 rounded-full border border-input bg-background cursor-pointer transition-all duration-150 focus:border-primary! focus-visible:border-primary! focus:outline-none focus-visible:outline-none aria-invalid:border-destructive aria-invalid:focus:border-destructive! aria-invalid:focus-visible:border-destructive! disabled:cursor-not-allowed disabled:opacity-50 hover:border-primary/70 data-[state=checked]:border-primary data-[state=checked]:border-[5px]",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Indicator, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RadioGroupPrimitive.Indicator, { className: "block size-full rounded-full" })
     }
   );
 });
 RadioGroupItem.displayName = "RadioGroupItem";
+
+// src/components/switch.tsx
+var import_react_switch = require("@radix-ui/react-switch");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function Switch({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactSwitch.Root,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_react_switch.Root,
     {
       "data-slot": "switch",
       className: cn(
-        "peer inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-none  border border-primary/5 transition-all outline-none focus-visible:border-primary aria-invalid:border-destructive aria-invalid:focus-visible:!border-destructive disabled:cursor-not-allowed disabled:opacity-50",
-        "data-[state=checked]:bg-primary data-[state=checked]:!border-primary",
-        "data-[state=unchecked]:bg-input data-[state=unchecked]:border-primary/5 dark:data-[state=unchecked]:bg-input/80",
+        "peer inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full  border border-border transition-all outline-none focus-visible:border-primary aria-invalid:border-destructive aria-invalid:focus-visible:border-destructive! disabled:cursor-not-allowed disabled:opacity-50",
+        "data-[state=checked]:bg-primary data-[state=checked]:border-primary!",
+        "data-[state=unchecked]:bg-input data-[state=unchecked]:border-border dark:data-[state=unchecked]:bg-input/80",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        reactSwitch.Thumb,
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        import_react_switch.Thumb,
         {
           "data-slot": "switch-thumb",
           className: cn(
-            "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-none ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+            "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
           )
         }
       )
     }
   );
 }
-var Collapsible = CollapsiblePrimitive__namespace.Root;
-var CollapsibleTrigger2 = CollapsiblePrimitive__namespace.CollapsibleTrigger;
-var CollapsibleContent2 = CollapsiblePrimitive__namespace.CollapsibleContent;
-var Accordion = AccordionPrimitive__namespace.Root;
-var AccordionItem = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    AccordionPrimitive__namespace.Item,
+
+// src/components/collapsible.tsx
+var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"), 1);
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+
+// src/components/accordion.tsx
+var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"), 1);
+var import_lucide_react3 = require("lucide-react");
+var import_react11 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = (0, import_react11.forwardRef)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    AccordionPrimitive.Item,
     {
       ref,
       "data-slot": "accordion-item",
@@ -562,9 +953,9 @@ var AccordionItem = React5.forwardRef(
   )
 );
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React5.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", "data-slot": "accordion-header", children: /* @__PURE__ */ jsxRuntime.jsxs(
-    AccordionPrimitive__namespace.Trigger,
+var AccordionTrigger = (0, import_react11.forwardRef)(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AccordionPrimitive.Header, { className: "flex", "data-slot": "accordion-header", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    AccordionPrimitive.Trigger,
     {
       ref,
       "data-slot": "accordion-trigger",
@@ -575,27 +966,33 @@ var AccordionTrigger = React5.forwardRef(
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-150" })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react3.ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-150 will-change-transform" })
       ]
     }
   ) })
 );
-AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
-var AccordionContent = React5.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    AccordionPrimitive__namespace.Content,
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = (0, import_react11.forwardRef)(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    AccordionPrimitive.Content,
     {
       ref,
       "data-slot": "accordion-content",
-      className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+      className: "overflow-hidden text-sm transition-all will-change-[height] transform-[translateZ(0)] data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pb-4 pt-0", className), children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: cn("pb-4 pt-0", className), children })
     }
   )
 );
-AccordionContent.displayName = AccordionPrimitive__namespace.Content.displayName;
-var avatarVariants = classVarianceAuthority.cva(
-  "relative inline-flex shrink-0 overflow-hidden rounded-none items-center justify-center bg-primary/5 text-muted-foreground",
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// src/components/avatar.tsx
+var import_react_avatar = require("@radix-ui/react-avatar");
+var import_class_variance_authority7 = require("class-variance-authority");
+var import_react12 = require("react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var avatarVariants = (0, import_class_variance_authority7.cva)(
+  "relative inline-flex shrink-0 overflow-hidden rounded-full items-center justify-center bg-primary/5 text-muted-foreground",
   {
     variants: {
       size: {
@@ -623,11 +1020,11 @@ var fallbackTextSizeMap = {
   "2xl": "text-2xl"
   // 24px for 80px avatar
 };
-var AvatarSizeContext = React5.createContext("md");
-var Avatar = React5.forwardRef(
+var AvatarSizeContext = (0, import_react12.createContext)("md");
+var Avatar = (0, import_react12.forwardRef)(
   ({ className, size = "md", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(AvatarSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxRuntime.jsx(
-      reactAvatar.Root,
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AvatarSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      import_react_avatar.Root,
       {
         ref,
         "data-slot": "avatar",
@@ -638,10 +1035,10 @@ var Avatar = React5.forwardRef(
   }
 );
 Avatar.displayName = "Avatar";
-var AvatarImage = React5.forwardRef(
+var AvatarImage = (0, import_react12.forwardRef)(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactAvatar.Image,
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      import_react_avatar.Image,
       {
         ref,
         "data-slot": "avatar-image",
@@ -652,17 +1049,17 @@ var AvatarImage = React5.forwardRef(
   }
 );
 AvatarImage.displayName = "AvatarImage";
-var AvatarFallback = React5.forwardRef(
+var AvatarFallback = (0, import_react12.forwardRef)(
   ({ className, children, ...props }, ref) => {
-    const size = React5.useContext(AvatarSizeContext) || "md";
+    const size = (0, import_react12.useContext)(AvatarSizeContext) || "md";
     const textSize = fallbackTextSizeMap[size];
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactAvatar.Fallback,
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      import_react_avatar.Fallback,
       {
         ref,
         "data-slot": "avatar-fallback",
         className: cn(
-          "bg-primary/5 text-muted-foreground flex size-full items-center justify-center rounded-none font-medium",
+          "bg-primary/5 text-muted-foreground flex size-full items-center justify-center rounded-full font-medium",
           textSize,
           className
         ),
@@ -673,14 +1070,20 @@ var AvatarFallback = React5.forwardRef(
   }
 );
 AvatarFallback.displayName = "AvatarFallback";
-var Tabs = reactTabs.Root;
-var TabsList = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    reactTabs.List,
+
+// src/components/tabs.tsx
+var import_react_tabs = require("@radix-ui/react-tabs");
+var import_react13 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var Tabs = import_react_tabs.Root;
+var TabsList = (0, import_react13.forwardRef)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_react_tabs.List,
     {
       ref,
       "data-slot": "tabs-list",
       className: cn(
+        // Square corners: underline tabs, so the list never draws a rounded surface.
         "inline-flex h-10 items-center justify-center gap-1 rounded-none p-0 text-muted-foreground",
         className
       ),
@@ -688,101 +1091,93 @@ var TabsList = React5.forwardRef(
     }
   )
 );
-TabsList.displayName = reactTabs.List.displayName;
-var TabsTrigger = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    reactTabs.Trigger,
+TabsList.displayName = import_react_tabs.List.displayName;
+var TabsTrigger = (0, import_react13.forwardRef)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_react_tabs.Trigger,
     {
       ref,
       "data-slot": "tabs-trigger",
       className: cn(
-        "inline-flex items-center justify-center whitespace-nowrap rounded-none bg-transparent px-4 py-2 text-sm font-medium cursor-pointer transition-all duration-200 border-b-2 relative -mb-0.5 data-[state=active]:!border-b-primary data-[state=active]:text-primary data-[state=inactive]:border-transparent data-[state=inactive]:text-muted-foreground hover:text-primary hover:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/20 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed",
+        // Square corners: the active state is a 2px bottom border that has to
+        // run the full width of the trigger.
+        "inline-flex items-center justify-center whitespace-nowrap rounded-none bg-transparent px-4 py-2 text-sm font-medium cursor-pointer transition-all duration-200 border-b-2 relative -mb-0.5 data-[state=active]:border-b-primary! data-[state=active]:text-primary data-[state=inactive]:border-transparent data-[state=inactive]:text-muted-foreground hover:text-primary hover:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed",
         className
       ),
       ...props
     }
   )
 );
-TabsTrigger.displayName = reactTabs.Trigger.displayName;
-var TabsContent = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    reactTabs.Content,
+TabsTrigger.displayName = import_react_tabs.Trigger.displayName;
+var TabsContent = (0, import_react13.forwardRef)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_react_tabs.Content,
     {
       ref,
       "data-slot": "tabs-content",
       className: cn(
-        "mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/20 focus-visible:ring-offset-2",
+        "mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
         className
       ),
       ...props
     }
   )
 );
-TabsContent.displayName = reactTabs.Content.displayName;
-var TooltipProvider = reactTooltip.Provider;
-var Tooltip = reactTooltip.Root;
-var TooltipTrigger = reactTooltip.Trigger;
-var TooltipContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  reactTooltip.Content,
-  {
-    ref,
-    sideOffset,
-    "data-slot": "tooltip-content",
-    className: cn(
-      "z-50 overflow-hidden rounded-none px-3 py-1.5 text-xs shadow-lg  border border-primary/5 bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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",
-      className
-    ),
-    ...props
-  }
-));
-TooltipContent.displayName = reactTooltip.Content.displayName;
-var PortalContext = React5.createContext({ container: null });
-function PortalProvider({ container, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(PortalContext.Provider, { value: { container }, children });
-}
-function usePortalContainer() {
-  const { container } = React5.useContext(PortalContext);
-  return container ?? void 0;
-}
-var Popover = PopoverPrimitive__namespace.Root;
-var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
-var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
-var PopoverContent = React5__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => {
+TabsContent.displayName = import_react_tabs.Content.displayName;
+
+// src/components/popover.tsx
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
+var React5 = __toESM(require("react"), 1);
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverContent = React5.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => {
   const portalContainer = usePortalContainer();
-  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
-    PopoverPrimitive__namespace.Content,
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(PopoverPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    PopoverPrimitive.Content,
     {
       ref,
       align,
       sideOffset,
       "data-slot": "popover-content",
       className: cn(
-        "z-[100] w-72 rounded-none  border border-primary/5 bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
+        "z-[100] w-72 rounded-lg  border border-border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
         className
       ),
       ...props
     }
   ) });
 });
-PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
-var Dialog = DialogPrimitive__namespace.Root;
-var DialogTrigger = DialogPrimitive__namespace.Trigger;
-var DialogPortal = DialogPrimitive__namespace.Portal;
-var DialogClose = DialogPrimitive__namespace.Close;
-var DialogOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DialogPrimitive__namespace.Overlay,
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+// src/components/dialog.tsx
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_class_variance_authority8 = require("class-variance-authority");
+var import_lucide_react4 = require("lucide-react");
+var import_react14 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = (0, import_react14.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  DialogPrimitive.Overlay,
   {
     ref,
     "data-slot": "dialog-overlay",
     className: cn(
+      // A modal scrim: a black wash is the point, so it stays a literal
+      // rather than a surface token. Painting it from `background` would
+      // make it a white veil in light mode and near-invisible in dark.
       "fixed inset-0 z-50 bg-black/80 backdrop-blur-sm transition-opacity duration-150 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     ),
     ...props
   }
 ));
-DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var dialogContentVariants = classVarianceAuthority.cva("", {
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var dialogContentVariants = (0, import_class_variance_authority8.cva)("", {
   variants: {
     size: {
       sm: "max-w-sm",
@@ -796,31 +1191,31 @@ var dialogContentVariants = classVarianceAuthority.cva("", {
     size: "md"
   }
 });
-var DialogContent = React5.forwardRef(({ className, children, size, ...props }, ref) => {
+var DialogContent = (0, import_react14.forwardRef)(({ className, children, size, ...props }, ref) => {
   const portalContainer = usePortalContainer();
-  return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { container: portalContainer, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      DialogPrimitive__namespace.Content,
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(DialogPortal, { container: portalContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      DialogPrimitive.Content,
       {
         ref,
         "data-slot": "dialog-content",
         className: cn(
-          "fixed left-[50%] top-[50%] z-[51] grid w-full translate-x-[-50%] translate-y-[-50%] gap-4  border border-primary/5 bg-background p-6 shadow-xl rounded-none duration-150 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+          "fixed left-[50%] top-[50%] z-[51] grid w-full translate-x-[-50%] translate-y-[-50%] gap-4  border border-border bg-background p-6 shadow-xl rounded-lg duration-150 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
           dialogContentVariants({ size }),
           className
         ),
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            DialogPrimitive__namespace.Close,
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+            DialogPrimitive.Close,
             {
               "data-slot": "dialog-close",
-              className: "absolute right-4 top-4 rounded-none p-1 text-muted-foreground cursor-pointer transition-colors duration-150 hover-unified focus:outline-none focus:ring-2 focus:ring-ring disabled:pointer-events-none disabled:cursor-not-allowed",
+              className: "absolute right-4 top-4 rounded-md p-1 text-muted-foreground cursor-pointer transition-colors duration-150 hover-unified focus:outline-none focus:ring-2 focus:ring-ring disabled:pointer-events-none disabled:cursor-not-allowed",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react4.X, { className: "h-4 w-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -829,9 +1224,9 @@ var DialogContent = React5.forwardRef(({ className, children, size, ...props },
     )
   ] });
 });
-DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
-var DialogHeader = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = (0, import_react14.forwardRef)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       ref,
@@ -844,8 +1239,8 @@ var DialogHeader = React5.forwardRef(
   )
 );
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogFooter = (0, import_react14.forwardRef)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       ref,
@@ -858,8 +1253,8 @@ var DialogFooter = React5.forwardRef(
   )
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DialogPrimitive__namespace.Title,
+var DialogTitle = (0, import_react14.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  DialogPrimitive.Title,
   {
     ref,
     className: cn(
@@ -869,41 +1264,49 @@ var DialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ...props
   }
 ));
-DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DialogPrimitive__namespace.Description,
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = (0, import_react14.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  DialogPrimitive.Description,
   {
     ref,
     className: cn("text-sm text-muted-foreground", className),
     ...props
   }
 ));
-DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
-var AlertDialog = AlertDialogPrimitive__namespace.Root;
-var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
-var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
-var AlertDialogOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  AlertDialogPrimitive__namespace.Overlay,
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// src/components/alert-dialog.tsx
+var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"), 1);
+var import_react15 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = (0, import_react15.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  AlertDialogPrimitive.Overlay,
   {
     ref,
     className: cn(
+      // A modal scrim: a black wash is the point, so it stays a literal
+      // rather than a surface token. Painting it from `background` would
+      // make it a white veil in light mode and near-invisible in dark.
       "fixed inset-0 z-50 bg-black/80 backdrop-blur-sm transition-opacity duration-150 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     ),
     ...props
   }
 ));
-AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
-var AlertDialogContent = React5.forwardRef(({ className, ...props }, ref) => {
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = (0, import_react15.forwardRef)(({ className, ...props }, ref) => {
   const portalContainer = usePortalContainer();
-  return /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { container: portalContainer, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      AlertDialogPrimitive__namespace.Content,
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(AlertDialogPortal, { container: portalContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AlertDialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      AlertDialogPrimitive.Content,
       {
         ref,
         className: cn(
-          "fixed left-[50%] top-[50%] z-[51] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4  border border-primary/5 bg-background p-6 shadow-xl rounded-none duration-150 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+          "fixed left-[50%] top-[50%] z-[51] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4  border border-border bg-background p-6 shadow-xl rounded-lg duration-150 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
           className
         ),
         ...props
@@ -911,9 +1314,9 @@ var AlertDialogContent = React5.forwardRef(({ className, ...props }, ref) => {
     )
   ] });
 });
-AlertDialogContent.displayName = AlertDialogPrimitive__namespace.Content.displayName;
-var AlertDialogHeader = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeader = (0, import_react15.forwardRef)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       ref,
@@ -926,8 +1329,8 @@ var AlertDialogHeader = React5.forwardRef(
   )
 );
 AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogFooter = (0, import_react15.forwardRef)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       ref,
@@ -940,8 +1343,8 @@ var AlertDialogFooter = React5.forwardRef(
   )
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  AlertDialogPrimitive__namespace.Title,
+var AlertDialogTitle = (0, import_react15.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  AlertDialogPrimitive.Title,
   {
     ref,
     className: cn(
@@ -951,18 +1354,18 @@ var AlertDialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @_
     ...props
   }
 ));
-AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
-var AlertDialogDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  AlertDialogPrimitive__namespace.Description,
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = (0, import_react15.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  AlertDialogPrimitive.Description,
   {
     ref,
     className: cn("text-sm text-muted-foreground", className),
     ...props
   }
 ));
-AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
-var AlertDialogAction = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  AlertDialogPrimitive__namespace.Action,
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = (0, import_react15.forwardRef)(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  AlertDialogPrimitive.Action,
   {
     ref,
     className: cn(buttonVariants({ variant: "destructive" }), className),
@@ -970,9 +1373,9 @@ var AlertDialogAction = React5.forwardRef(({ className, children, ...props }, re
     children
   }
 ));
-AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
-var AlertDialogCancel = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  AlertDialogPrimitive__namespace.Cancel,
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = (0, import_react15.forwardRef)(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  AlertDialogPrimitive.Cancel,
   {
     ref,
     className: cn(
@@ -984,106 +1387,117 @@ var AlertDialogCancel = React5.forwardRef(({ className, children, ...props }, re
     children
   }
 ));
-AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
-var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
-var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
-var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
-var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
-var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
-var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
-var DropdownMenuSubTrigger = React5__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  DropdownMenuPrimitive__namespace.SubTrigger,
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+// src/components/dropdown-menu.tsx
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
+var import_lucide_react5 = require("lucide-react");
+var React6 = __toESM(require("react"), 1);
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var menuItemBase = "cursor-pointer transition-colors data-[highlighted]:bg-muted data-[highlighted]:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
+var DropdownMenuSubTrigger = React6.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  DropdownMenuPrimitive.SubTrigger,
   {
     ref,
     className: cn(
-      "flex cursor-default select-none items-center gap-2 rounded-none px-2 py-1.5 text-sm outline-none hover-unified focus:bg-primary/5 focus:text-primary data-[state=open]:bg-primary/5 data-[state=open]:text-primary [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      "flex select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none data-[state=open]:bg-muted data-[state=open]:text-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      menuItemBase,
       inset && "pl-8",
       className
     ),
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto" })
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react5.ChevronRight, { className: "ml-auto" })
     ]
   }
 ));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.SubContent,
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  DropdownMenuPrimitive.SubContent,
   {
     ref,
     className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-none  border border-primary/5 bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      "z-50 min-w-[8rem] overflow-hidden rounded-lg  border border-border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
       className
     ),
     ...props
   }
 ));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React5__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
   const portalContainer = usePortalContainer();
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Content,
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    DropdownMenuPrimitive.Content,
     {
       ref,
       sideOffset,
       className: cn(
-        "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-none  border border-primary/5 bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+        "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-lg  border border-border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
         className
       ),
       ...props
     }
   ) });
 });
-DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React5__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.Item,
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  DropdownMenuPrimitive.Item,
   {
     ref,
     className: cn(
-      "relative flex cursor-pointer select-none items-center gap-2 rounded-none px-2 py-1.5 text-sm outline-none transition-colors hover-unified focus:bg-primary/5 focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      "relative flex select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      menuItemBase,
       inset && "pl-8",
       className
     ),
     ...props
   }
 ));
-DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React5__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  DropdownMenuPrimitive__namespace.CheckboxItem,
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React6.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
     className: cn(
-      "relative flex cursor-default select-none items-center rounded-none py-1.5 pl-8 pr-2 text-sm outline-none transition-colors hover-primary-light focus:bg-primary/5 focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
+      menuItemBase,
       className
     ),
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react5.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React5__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  DropdownMenuPrimitive__namespace.RadioItem,
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  DropdownMenuPrimitive.RadioItem,
   {
     ref,
     className: cn(
-      "relative flex cursor-default select-none items-center rounded-none py-1.5 pl-8 pr-2 text-sm outline-none transition-colors hover-primary-light focus:bg-primary/5 focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
+      menuItemBase,
       className
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react5.Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React5__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.Label,
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  DropdownMenuPrimitive.Label,
   {
     ref,
     className: cn(
@@ -1094,18 +1508,18 @@ var DropdownMenuLabel = React5__namespace.forwardRef(({ className, inset, ...pro
     ...props
   }
 ));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.Separator,
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  DropdownMenuPrimitive.Separator,
   {
     ref,
     className: cn("-mx-1 my-1 h-px bg-primary/5", className),
     ...props
   }
 ));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
-var DropdownMenuShortcut = React5__namespace.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = React6.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "span",
     {
       ref,
@@ -1115,27 +1529,36 @@ var DropdownMenuShortcut = React5__namespace.forwardRef(({ className, ...props }
   );
 });
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+// src/components/select.tsx
+var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
+var import_class_variance_authority9 = require("class-variance-authority");
+var import_lucide_react6 = require("lucide-react");
+var import_react16 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function Select({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Group, { "data-slot": "select-group", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
-var selectTriggerVariants = classVarianceAuthority.cva(
-  "flex w-full items-center justify-between gap-2 rounded-none border border-input bg-background px-3 text-sm text-foreground cursor-pointer transition-all duration-150 focus:!border-primary focus-visible:!border-primary focus:outline-none hover:border-primary/30 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-primary/5 data-[placeholder]:text-muted-foreground aria-[invalid=true]:border-destructive aria-[invalid=true]:focus:!border-destructive [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4",
+var selectTriggerVariants = (0, import_class_variance_authority9.cva)(
+  // hover:border-primary (full strength) keeps the hover boundary more visible
+  // than the resting border-input, not a fainter alpha of it.
+  "flex w-full items-center justify-between gap-2 rounded-md border border-input bg-background px-3 text-sm text-foreground cursor-pointer transition-all duration-150 focus:border-primary! focus-visible:border-primary! focus:outline-none hover:border-primary disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-primary/5 data-[placeholder]:text-muted-foreground aria-[invalid=true]:border-destructive aria-[invalid=true]:focus:border-destructive! [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4",
   {
     variants: {
       size: {
-        sm: "h-8 text-sm",
-        default: "h-10 text-sm",
-        lg: "h-11 text-base"
+        sm: "h-[var(--nx-control-height-sm)] text-sm",
+        default: "h-[var(--nx-control-height)] text-sm",
+        lg: "h-[var(--nx-control-height-lg)] text-base"
       }
     },
     defaultVariants: {
@@ -1143,9 +1566,9 @@ var selectTriggerVariants = classVarianceAuthority.cva(
     }
   }
 );
-var SelectTrigger = React5.forwardRef(({ className, size, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    SelectPrimitive__namespace.Trigger,
+var SelectTrigger = (0, import_react16.forwardRef)(({ className, size, children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    SelectPrimitive.Trigger,
     {
       ref,
       "data-slot": "select-trigger",
@@ -1153,7 +1576,7 @@ var SelectTrigger = React5.forwardRef(({ className, size, children, ...props },
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react6.ChevronDown, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -1166,21 +1589,21 @@ function SelectContent({
   ...props
 }) {
   const portalContainer = usePortalContainer();
-  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    SelectPrimitive__namespace.Content,
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    SelectPrimitive.Content,
     {
       "data-slot": "select-content",
       className: cn(
-        "bg-popover text-popover-foreground  border border-primary/5 shadow-none rounded-none z-9999 max-h-(--radix-select-content-available-height) min-w-32 overflow-hidden data-[state=open]:animate-zoom-in-95 data-[state=closed]:animate-zoom-out-95 data-[side=bottom]:animate-slide-in-from-top-2 data-[side=left]:animate-slide-in-from-right-2 data-[side=right]:animate-slide-in-from-left-2 data-[side=top]:animate-slide-in-from-bottom-2",
+        "bg-popover text-popover-foreground  border border-border shadow-none rounded-lg z-9999 max-h-(--radix-select-content-available-height) min-w-32 overflow-hidden data-[state=open]:animate-zoom-in-95 data-[state=closed]:animate-zoom-out-95 data-[side=bottom]:animate-slide-in-from-top-2 data-[side=left]:animate-slide-in-from-right-2 data-[side=right]:animate-slide-in-from-left-2 data-[side=top]:animate-slide-in-from-bottom-2",
         position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         className
       ),
       position,
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          SelectPrimitive__namespace.Viewport,
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectScrollUpButton, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          SelectPrimitive.Viewport,
           {
             className: cn(
               "p-1",
@@ -1189,7 +1612,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -1198,8 +1621,8 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SelectPrimitive__namespace.Label,
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    SelectPrimitive.Label,
     {
       "data-slot": "select-label",
       className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
@@ -1212,18 +1635,18 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    SelectPrimitive__namespace.Item,
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    SelectPrimitive.Item,
     {
       "data-slot": "select-item",
       className: cn(
-        "relative flex w-full cursor-pointer items-center gap-2 rounded-none py-2 pr-8 pl-2 text-sm text-foreground outline-none select-none transition-colors hover-unified focus:bg-primary/5 focus:text-primary data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4",
+        "relative flex w-full cursor-pointer items-center gap-2 rounded-sm py-2 pr-8 pl-2 text-sm text-foreground outline-none select-none transition-colors hover-unified focus:bg-primary/5 focus:text-primary data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4",
         className
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react6.Check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -1232,8 +1655,8 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SelectPrimitive__namespace.Separator,
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
       className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
@@ -1245,8 +1668,8 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SelectPrimitive__namespace.ScrollUpButton,
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
       className: cn(
@@ -1254,7 +1677,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react6.ChevronUp, { className: "size-4" })
     }
   );
 }
@@ -1262,8 +1685,8 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SelectPrimitive__namespace.ScrollDownButton,
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
       className: cn(
@@ -1271,18 +1694,27 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react6.ChevronDown, { className: "size-4" })
     }
   );
 }
-var Sheet = DialogPrimitive__namespace.Root;
-var SheetTrigger = DialogPrimitive__namespace.Trigger;
-var SheetClose = DialogPrimitive__namespace.Close;
-var SheetPortal = DialogPrimitive__namespace.Portal;
-var SheetOverlay = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DialogPrimitive__namespace.Overlay,
+
+// src/components/sheet.tsx
+var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_class_variance_authority10 = require("class-variance-authority");
+var React7 = __toESM(require("react"), 1);
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var Sheet = DialogPrimitive2.Root;
+var SheetTrigger = DialogPrimitive2.Trigger;
+var SheetClose = DialogPrimitive2.Close;
+var SheetPortal = DialogPrimitive2.Portal;
+var SheetOverlay = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  DialogPrimitive2.Overlay,
   {
     className: cn(
+      // A modal scrim: a black wash is the point, so it stays a literal
+      // rather than a surface token. Painting it from `background` would
+      // make it a white veil in light mode and near-invisible in dark.
       "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
       "data-[state=open]:animate-in data-[state=closed]:animate-out",
       "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
@@ -1292,16 +1724,16 @@ var SheetOverlay = React5__namespace.forwardRef(({ className, ...props }, ref) =
     ref
   }
 ));
-SheetOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var sheetVariants = classVarianceAuthority.cva(
+SheetOverlay.displayName = DialogPrimitive2.Overlay.displayName;
+var sheetVariants = (0, import_class_variance_authority10.cva)(
   "fixed z-50 gap-4 bg-background p-6 shadow-lg will-change-transform transition ease-in-out data-[state=closed]:duration-150 data-[state=open]:duration-150 data-[state=open]:animate-in data-[state=closed]:animate-out",
   {
     variants: {
       side: {
-        top: "inset-x-0 top-0  border-b border-primary/5 data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-        bottom: "inset-x-0 bottom-0  border-t border-primary/5 data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-        left: "inset-y-0 left-0 h-full w-3/4  border-r border-primary/5 data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-        right: "inset-y-0 right-0 h-full w-3/4  border-l border-primary/5 data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+        top: "inset-x-0 top-0  border-b border-border data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0  border-t border-border data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4  border-r border-border data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4  border-l border-border data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
       }
     },
     defaultVariants: {
@@ -1309,12 +1741,12 @@ var sheetVariants = classVarianceAuthority.cva(
     }
   }
 );
-var SheetContent = React5__namespace.forwardRef(({ side = "right", className, children, ...props }, ref) => {
+var SheetContent = React7.forwardRef(({ side = "right", className, children, ...props }, ref) => {
   const portalContainer = usePortalContainer();
-  return /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { container: portalContainer, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      DialogPrimitive__namespace.Content,
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(SheetPortal, { container: portalContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      DialogPrimitive2.Content,
       {
         ref,
         "data-slot": "sheet-content",
@@ -1325,11 +1757,11 @@ var SheetContent = React5__namespace.forwardRef(({ side = "right", className, ch
     )
   ] });
 });
-SheetContent.displayName = DialogPrimitive__namespace.Content.displayName;
+SheetContent.displayName = DialogPrimitive2.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
+}) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
   "div",
   {
     className: cn(
@@ -1343,7 +1775,7 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
+}) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
   "div",
   {
     className: cn(
@@ -1354,31 +1786,38 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DialogPrimitive__namespace.Title,
+var SheetTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  DialogPrimitive2.Title,
   {
     ref,
     className: cn("text-lg font-semibold text-foreground", className),
     ...props
   }
 ));
-SheetTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var SheetDescription = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DialogPrimitive__namespace.Description,
+SheetTitle.displayName = DialogPrimitive2.Title.displayName;
+var SheetDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  DialogPrimitive2.Description,
   {
     ref,
     className: cn("text-sm text-muted-foreground", className),
     ...props
   }
 ));
-SheetDescription.displayName = DialogPrimitive__namespace.Description.displayName;
-var Command = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command,
+SheetDescription.displayName = DialogPrimitive2.Description.displayName;
+
+// src/components/command.tsx
+var DialogPrimitive3 = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_cmdk = require("cmdk");
+var import_lucide_react7 = require("lucide-react");
+var import_react17 = require("react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var Command = (0, import_react17.forwardRef)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    import_cmdk.Command,
     {
       ref,
       className: cn(
-        "flex h-full w-full flex-col overflow-hidden rounded-none bg-background text-foreground",
+        "flex h-full w-full flex-col overflow-hidden rounded-lg bg-background text-foreground",
         className
       ),
       ...props
@@ -1386,11 +1825,14 @@ var Command = React5.forwardRef(
   )
 );
 Command.displayName = "Command";
-var CommandDialogOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DialogPrimitive__namespace.Overlay,
+var CommandDialogOverlay = (0, import_react17.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  DialogPrimitive3.Overlay,
   {
     ref,
     className: cn(
+      // A modal scrim: a black wash is the point, so it stays a literal
+      // rather than a surface token. Painting it from `background` would
+      // make it a white veil in light mode and near-invisible in dark.
       "fixed inset-0 z-[99] bg-black/80 backdrop-blur-sm",
       "data-[state=open]:animate-in data-[state=closed]:animate-out",
       "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
@@ -1403,10 +1845,10 @@ var CommandDialogOverlay = React5.forwardRef(({ className, ...props }, ref) => /
 CommandDialogOverlay.displayName = "CommandDialogOverlay";
 var CommandDialog = ({ children, ...props }) => {
   const portalContainer = usePortalContainer();
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Portal, { container: portalContainer, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(CommandDialogOverlay, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      DialogPrimitive__namespace.Content,
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DialogPrimitive3.Root, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DialogPrimitive3.Portal, { container: portalContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CommandDialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      DialogPrimitive3.Content,
       {
         "data-slot": "command-content",
         className: cn(
@@ -1425,7 +1867,7 @@ var CommandDialog = ({ children, ...props }) => {
           "m-4 sm:m-0",
           // 16px margin on mobile, no margin on desktop
           // Visual
-          "overflow-hidden rounded-none  border border-primary/5 bg-background shadow-xl",
+          "overflow-hidden rounded-lg  border border-border bg-background shadow-xl",
           // Animation
           "duration-200",
           "data-[state=open]:animate-in data-[state=closed]:animate-out",
@@ -1433,20 +1875,20 @@ var CommandDialog = ({ children, ...props }) => {
           "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
           "data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-top-[48%]"
         ),
-        children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "[&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-semibold [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wide [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:mb-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-3 [&_[cmdk-item]]:py-2 [&_[cmdk-item]_svg]:h-4 [&_[cmdk-item]_svg]:w-4", children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Command, { className: "[&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-semibold [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wide [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:mb-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-3 [&_[cmdk-item]]:py-2 [&_[cmdk-item]_svg]:h-4 [&_[cmdk-item]_svg]:w-4", children })
       }
     )
   ] }) });
 };
-var CommandInput = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var CommandInput = (0, import_react17.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
   "div",
   {
-    className: "flex items-center  border-b border-primary/5 px-4",
+    className: "flex items-center  border-b border-border px-4",
     "cmdk-input-wrapper": "",
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "mr-3 h-5 w-5 shrink-0 text-muted-foreground" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        cmdk.Command.Input,
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react7.Search, { className: "mr-3 h-5 w-5 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        import_cmdk.Command.Input,
         {
           ref,
           className: cn(
@@ -1470,8 +1912,8 @@ var CommandInput = React5.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandInput.displayName = "CommandInput";
-var CommandList = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  cmdk.Command.List,
+var CommandList = (0, import_react17.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  import_cmdk.Command.List,
   {
     ref,
     className: cn(
@@ -1485,8 +1927,8 @@ var CommandList = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CommandList.displayName = "CommandList";
-var CommandEmpty = React5.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  cmdk.Command.Empty,
+var CommandEmpty = (0, import_react17.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  import_cmdk.Command.Empty,
   {
     ref,
     className: "py-8 px-4 text-center text-sm text-muted-foreground",
@@ -1494,8 +1936,8 @@ var CommandEmpty = React5.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.
   }
 ));
 CommandEmpty.displayName = "CommandEmpty";
-var CommandGroup = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  cmdk.Command.Group,
+var CommandGroup = (0, import_react17.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  import_cmdk.Command.Group,
   {
     ref,
     className: cn(
@@ -1509,8 +1951,8 @@ var CommandGroup = React5.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandGroup.displayName = "CommandGroup";
-var CommandSeparator = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  cmdk.Command.Separator,
+var CommandSeparator = (0, import_react17.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  import_cmdk.Command.Separator,
   {
     ref,
     className: cn("h-px bg-border my-2", className),
@@ -1518,8 +1960,8 @@ var CommandSeparator = React5.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CommandSeparator.displayName = "CommandSeparator";
-var CommandItem = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  cmdk.Command.Item,
+var CommandItem = (0, import_react17.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  import_cmdk.Command.Item,
   {
     ref,
     className: cn(
@@ -1531,7 +1973,7 @@ var CommandItem = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
       // Spacing
       "px-3 py-2.5",
       // Visual
-      "rounded-none text-base sm:text-sm outline-none",
+      "rounded-sm text-base sm:text-sm outline-none",
       // Transitions
       "transition-all duration-200 ease-(--ease-premium)",
       // Hover state - shared dashboard hover treatment
@@ -1547,9 +1989,9 @@ var CommandItem = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CommandItem.displayName = "CommandItem";
-var CommandShortcut = React5.forwardRef(
+var CommandShortcut = (0, import_react17.forwardRef)(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "span",
       {
         ref,
@@ -1560,7 +2002,7 @@ var CommandShortcut = React5.forwardRef(
           "text-xs font-mono",
           // Visual
           "text-muted-foreground bg-primary/5",
-          "border border-primary/5 rounded-none",
+          "border border-border rounded-md",
           // Spacing
           "px-1.5 py-0.5",
           className
@@ -1571,7 +2013,13 @@ var CommandShortcut = React5.forwardRef(
   }
 );
 CommandShortcut.displayName = "CommandShortcut";
-var spinnerVariants = classVarianceAuthority.cva("animate-spin motion-reduce:animate-none", {
+
+// src/components/spinner.tsx
+var import_class_variance_authority11 = require("class-variance-authority");
+var import_lucide_react8 = require("lucide-react");
+var import_react18 = require("react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var spinnerVariants = (0, import_class_variance_authority11.cva)("animate-spin motion-reduce:animate-none", {
   variants: {
     size: {
       sm: "h-4 w-4",
@@ -1583,10 +2031,10 @@ var spinnerVariants = classVarianceAuthority.cva("animate-spin motion-reduce:ani
     size: "md"
   }
 });
-var Spinner = React5.forwardRef(
+var Spinner = (0, import_react18.forwardRef)(
   ({ size = "md", className, "aria-label": ariaLabel = "Loading", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      lucideReact.Loader2,
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      import_lucide_react8.Loader2,
       {
         ref,
         role: "status",
@@ -1598,12 +2046,17 @@ var Spinner = React5.forwardRef(
   }
 );
 Spinner.displayName = "Spinner";
+
+// src/components/toaster.tsx
+var import_lucide_react9 = require("lucide-react");
+var import_sonner = require("sonner");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function Toaster({ theme = "system", ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    sonner.Toaster,
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    import_sonner.Toaster,
     {
       theme,
-      className: "toaster group !bg-transparent !overflow-visible !z-[9999]",
+      className: "toaster group bg-transparent! overflow-visible! z-[9999]!",
       "data-slot": "toaster",
       toastOptions: {
         classNames: {
@@ -1611,23 +2064,27 @@ function Toaster({ theme = "system", ...props }) {
         }
       },
       icons: {
-        success: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-4 w-4" }),
-        info: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-4 w-4" }),
-        warning: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "h-4 w-4" }),
-        error: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { className: "h-4 w-4" }),
-        loading: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin" })
+        success: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.CheckCircle2, { className: "h-4 w-4" }),
+        info: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.AlertCircle, { className: "h-4 w-4" }),
+        warning: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.AlertTriangle, { className: "h-4 w-4" }),
+        error: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.XCircle, { className: "h-4 w-4" }),
+        loading: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.Loader2, { className: "h-4 w-4 animate-spin" })
       },
       style: {
-        "--normal-bg": "hsl(var(--popover, 0 0% 100%))",
-        "--normal-text": "hsl(var(--popover-foreground, 222.2 84% 4.9%))",
-        "--normal-border": "hsl(var(--border, 214.3 31.8% 91.4%))",
+        "--normal-bg": "var(--nx-popover)",
+        "--normal-text": "var(--nx-popover-foreground)",
+        "--normal-border": "var(--nx-border)",
         "--border-radius": "0px"
       },
       ...props
     }
   );
 }
-var Table = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+
+// src/components/table.tsx
+var React8 = __toESM(require("react"), 1);
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var Table = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "table",
   {
     ref,
@@ -1636,9 +2093,16 @@ var Table = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr] :border-b border-primary/5", className), ...props }));
+var TableHeader = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  "thead",
+  {
+    ref,
+    className: cn("[&_tr]:border-b border-border", className),
+    ...props
+  }
+));
 TableHeader.displayName = "TableHeader";
-var TableBody = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableBody = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "tbody",
   {
     ref,
@@ -1647,28 +2111,31 @@ var TableBody = React5__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableFooter = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "tfoot",
   {
     ref,
-    className: cn("border-t border-primary/5 font-medium [&>tr]:last:border-b-0", className),
+    className: cn(
+      "border-t border-border font-medium [&>tr]:last:border-b-0",
+      className
+    ),
     ...props
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableRow = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "tr",
   {
     ref,
     className: cn(
-      "border-b border-primary/5 transition-colors data-[state=selected]:bg-primary/5",
+      "border-b border-border transition-colors data-[state=selected]:bg-primary/5",
       className
     ),
     ...props
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableHead = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "th",
   {
     ref,
@@ -1680,7 +2147,7 @@ var TableHead = React5__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCell = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "td",
   {
     ref,
@@ -1692,7 +2159,7 @@ var TableCell = React5__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCaption = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "caption",
   {
     ref,
@@ -1701,6 +2168,10 @@ var TableCaption = React5__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 TableCaption.displayName = "TableCaption";
+
+// src/components/table-search.tsx
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function TableSearch({
   value,
   onChange,
@@ -1709,9 +2180,9 @@ function TableSearch({
   isLoading = false,
   inputRef
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full max-w-lg", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "relative w-full max-w-lg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react10.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       "input",
       {
         ref: inputRef,
@@ -1720,685 +2191,236 @@ function TableSearch({
         value,
         onChange: (e) => onChange(e.target.value),
         "aria-busy": isLoading,
-        className: "h-10 w-full rounded-none  border border-primary/5 bg-background pl-10 pr-10 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 transition-all"
+        className: "h-10 w-full rounded-md  border border-input bg-background pl-10 pr-10 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 transition-all"
       }
     ),
-    (value || isLoading) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-2", children: [
-      isLoading && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-3.5 h-3.5 text-primary animate-spin" }),
-      value && /* @__PURE__ */ jsxRuntime.jsx(
+    (value || isLoading) && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-2", children: [
+      isLoading && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react10.Loader2, { className: "w-3.5 h-3.5 text-primary animate-spin" }),
+      value && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         "button",
         {
           type: "button",
           onClick: onClear,
-          className: "text-muted-foreground/60 hover:text-foreground transition-colors p-0.5 rounded-none hover:bg-primary/5",
+          className: "text-muted-foreground hover:text-foreground transition-colors p-0.5 rounded-md hover:bg-primary/5",
           "aria-label": "Clear search",
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-3.5 h-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react10.X, { className: "w-3.5 h-3.5" })
         }
       )
     ] })
   ] });
 }
+
+// src/components/table-states.tsx
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function TableError({
   message = "An error occurred. Please try again."
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "w-4 h-4 shrink-0" }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { children: message })
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react11.AlertCircle, { className: "w-4 h-4 shrink-0" }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: message })
   ] });
 }
 function TableLoading() {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center gap-4 p-12 text-muted-foreground", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-8 h-8 animate-spin text-primary/80" }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Loading data..." })
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col items-center justify-center gap-4 p-12 text-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react11.Loader2, { className: "w-8 h-8 animate-spin text-primary/80" }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-sm font-medium", children: "Loading data..." })
   ] });
 }
 function TableEmpty({ message = "No records found" }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center gap-4 p-16 text-center text-muted-foreground", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-none bg-primary/5", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileQuestion, { className: "h-6 w-6" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: message })
-  ] });
-}
-function renderPageNumbers(currentPage, totalPages, maxVisiblePages, onPageChange) {
-  const getBtnClass = (active) => `flex h-8 w-8 items-center justify-center  border-y border-primary/5  border-r border-primary/5 text-xs z-10 -ml-px transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring ${active ? "!bg-primary !text-primary-foreground !border-primary z-20" : "!bg-background !border-primary/5 hover-muted disabled:opacity-50"}`;
-  if (totalPages <= maxVisiblePages) {
-    return Array.from({ length: totalPages }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        onClick: () => onPageChange(i),
-        "aria-label": `Go to page ${i + 1}`,
-        "aria-current": currentPage === i ? "page" : void 0,
-        className: getBtnClass(currentPage === i),
-        children: i + 1
-      },
-      `page-${i}`
-    ));
-  }
-  const pages = [];
-  const startPage = Math.max(0, currentPage - Math.floor(maxVisiblePages / 2));
-  const endPage = Math.min(totalPages - 1, startPage + maxVisiblePages - 1);
-  if (startPage > 0) {
-    pages.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          onClick: () => onPageChange(0),
-          "aria-label": "Go to page 1",
-          className: getBtnClass(currentPage === 0),
-          children: "1"
-        },
-        "page-0"
-      )
-    );
-    if (startPage > 1) {
-      pages.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: "flex h-8 w-8 items-center justify-center  border-y border-primary/5  border-r border-primary/5 !border-primary/5 !bg-background text-muted-foreground text-xs -ml-px",
-            "aria-hidden": "true",
-            children: "..."
-          },
-          "ellipsis-start"
-        )
-      );
-    }
-  }
-  for (let i = startPage; i <= endPage; i++) {
-    pages.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          onClick: () => onPageChange(i),
-          "aria-label": `Go to page ${i + 1}`,
-          "aria-current": currentPage === i ? "page" : void 0,
-          className: getBtnClass(currentPage === i),
-          children: i + 1
-        },
-        i
-      )
-    );
-  }
-  if (endPage < totalPages - 1) {
-    if (endPage < totalPages - 2) {
-      pages.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: "flex h-8 w-8 items-center justify-center  border-y border-primary/5  border-r border-primary/5 !border-primary/5 !bg-background text-muted-foreground text-xs -ml-px",
-            "aria-hidden": "true",
-            children: "..."
-          },
-          "ellipsis-end"
-        )
-      );
-    }
-    pages.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          onClick: () => onPageChange(totalPages - 1),
-          "aria-label": `Go to page ${totalPages}`,
-          className: getBtnClass(currentPage === totalPages - 1),
-          children: totalPages
-        },
-        totalPages - 1
-      )
-    );
-  }
-  return pages;
-}
-function TablePagination({
-  meta,
-  onPageChange,
-  onPageSizeChange,
-  config,
-  isLoading = false
-}) {
-  const {
-    showPageSizeSelector = true,
-    pageSizeOptions = [10, 20, 30, 50],
-    maxVisiblePages = 5
-  } = config || {};
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row w-full items-center justify-between gap-4 text-xs sm:text-sm text-muted-foreground p-4 border-t border-primary/5", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "whitespace-nowrap order-2 sm:order-1", children: [
-      "Showing ",
-      (meta.page - 1) * meta.limit + 1,
-      "-",
-      Math.min(meta.page * meta.limit, meta.total),
-      " of ",
-      meta.total,
-      " entries"
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-4 sm:gap-6 lg:gap-8 order-1 sm:order-2", children: [
-      showPageSizeSelector && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap hidden sm:inline-block", children: "Rows per page" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "select",
-            {
-              id: "pageSize",
-              value: meta.limit,
-              onChange: (e) => {
-                const newPageSize = Number(e.target.value);
-                onPageSizeChange(newPageSize);
-              },
-              className: "h-8 w-[70px] appearance-none rounded-none  border border-primary/5 bg-background px-2 py-1 text-sm font-medium focus-visible:outline-none focus:ring-1 focus:ring-ring disabled:opacity-50 hover-muted cursor-pointer",
-              disabled: isLoading,
-              children: pageSizeOptions.map((size) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: size, children: size }, size))
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(
-            "svg",
-            {
-              className: "h-3 w-3",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M19 9l-7 7-7-7"
-                }
-              )
-            }
-          ) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center -space-x-px", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: () => onPageChange(0),
-            disabled: meta.page === 0 || isLoading,
-            className: "hidden sm:flex h-8 w-8 items-center justify-center rounded-none  border border-primary/5 bg-background hover-muted disabled:opacity-50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring z-10",
-            "aria-label": "First page",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsLeft, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: () => onPageChange(meta.page - 1),
-            disabled: meta.page === 0 || isLoading,
-            className: "flex h-8 w-8 items-center justify-center rounded-none sm:rounded-none  border border-primary/5 bg-background hover-muted disabled:opacity-50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring z-10",
-            "aria-label": "Previous page",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex", children: renderPageNumbers(
-          meta.page,
-          meta.totalPages,
-          maxVisiblePages,
-          onPageChange
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: () => onPageChange(meta.page + 1),
-            disabled: meta.page >= meta.totalPages - 1 || isLoading,
-            className: "flex h-8 w-8 items-center justify-center rounded-none sm:rounded-none  border-y border-primary/5  border-x border-primary/5 sm :border-r border-primary/5 bg-background hover-muted disabled:opacity-50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring z-10",
-            "aria-label": "Next page",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: () => onPageChange(meta.totalPages - 1),
-            disabled: meta.page >= meta.totalPages - 1 || isLoading,
-            className: "hidden sm:flex h-8 w-8 items-center justify-center rounded-none  border border-primary/5 bg-background hover-muted disabled:opacity-50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring z-10",
-            "aria-label": "Last page",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsRight, { className: "h-4 w-4" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "whitespace-nowrap hidden sm:block", children: [
-        "Page ",
-        meta.page + 1,
-        " of ",
-        meta.totalPages
-      ] })
-    ] })
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col items-center justify-center gap-4 p-16 text-center text-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex h-12 w-12 items-center justify-center rounded-md bg-primary/5", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react11.FileQuestion, { className: "h-6 w-6" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-sm font-medium", children: message })
   ] });
 }
-var GrayBar = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className });
+
+// src/components/table-skeleton.tsx
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var GrayBar = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Skeleton, { className });
 var TableSkeleton = ({
   columns = 5,
   rowCount = 8,
   hideWrapper = false,
   hideFooter = false
 }) => {
-  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-0 rounded-none shadow-none", children: /* @__PURE__ */ jsxRuntime.jsxs(Table, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: Array.from({ length: columns }).map((_, colIdx) => /* @__PURE__ */ jsxRuntime.jsx(TableHead, { className: "py-3", children: colIdx === 0 ? /* @__PURE__ */ jsxRuntime.jsx(GrayBar, { className: "h-4 w-4" }) : colIdx === columns - 1 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-4 w-4 rounded-none" }) }) : colIdx === 1 ? /* @__PURE__ */ jsxRuntime.jsx(GrayBar, { className: "h-4 w-[70%] max-w-[180px]" }) : /* @__PURE__ */ jsxRuntime.jsx(GrayBar, { className: "h-4 w-[60%] max-w-[120px]" }) }, `skeleton-header-${colIdx}`)) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: Array.from({ length: rowCount }).map((_, rowIdx) => /* @__PURE__ */ jsxRuntime.jsx(TableRow, { className: "border-b border-primary/5", children: Array.from({ length: columns }).map((_2, colIdx) => /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "py-3", children: colIdx === 0 ? /* @__PURE__ */ jsxRuntime.jsx(GrayBar, { className: "h-4 w-4" }) : colIdx === columns - 1 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-8 w-8 rounded-none" }) }) : colIdx === 1 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "w-9 rounded-none shrink-0" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5 flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-4 w-[120px]" }),
-          /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-3 w-[80px]" })
+  const content = /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "border-0 rounded-none shadow-none", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Table, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableRow, { children: Array.from({ length: columns }).map((_, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableHead, { className: "py-3", children: colIdx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(GrayBar, { className: "h-4 w-4" }) : colIdx === columns - 1 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Skeleton, { className: "h-4 w-4 rounded-sm" }) }) : colIdx === 1 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(GrayBar, { className: "h-4 w-[70%] max-w-[180px]" }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(GrayBar, { className: "h-4 w-[60%] max-w-[120px]" }) }, `skeleton-header-${colIdx}`)) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableBody, { children: Array.from({ length: rowCount }).map((_, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableRow, { className: "border-b border-border", children: Array.from({ length: columns }).map((_2, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableCell, { className: "py-3", children: colIdx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(GrayBar, { className: "h-4 w-4" }) : colIdx === columns - 1 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Skeleton, { className: "h-8 w-8 rounded-md" }) }) : colIdx === 1 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Skeleton, { className: "w-9 rounded-md shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "space-y-1.5 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Skeleton, { className: "h-4 w-[120px]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Skeleton, { className: "h-3 w-[80px]" })
         ] })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx(GrayBar, { className: "h-4 w-[60%] max-w-[120px]" }) }, colIdx)) }, rowIdx)) })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(GrayBar, { className: "h-4 w-[60%] max-w-[120px]" }) }, colIdx)) }, rowIdx)) })
     ] }) }),
-    !hideFooter && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-footer  border-t border-primary/5", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-2 py-4 p-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 text-sm", children: /* @__PURE__ */ jsxRuntime.jsx(GrayBar, { className: "h-4 w-[120px]" }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(GrayBar, { className: "h-4 w-20" }),
-          /* @__PURE__ */ jsxRuntime.jsx(GrayBar, { className: "h-8 w-[70px]" })
+    !hideFooter && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "table-footer  border-t border-border", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between px-2 py-4 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex items-center gap-2 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(GrayBar, { className: "h-4 w-[120px]" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(GrayBar, { className: "h-4 w-20" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(GrayBar, { className: "h-8 w-[70px]" })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(GrayBar, { className: "h-8 w-8" }),
-          /* @__PURE__ */ jsxRuntime.jsx(GrayBar, { className: "h-8 w-8" }),
-          /* @__PURE__ */ jsxRuntime.jsx(GrayBar, { className: "h-8 w-8" }),
-          /* @__PURE__ */ jsxRuntime.jsx(GrayBar, { className: "h-8 w-8" }),
-          /* @__PURE__ */ jsxRuntime.jsx(GrayBar, { className: "h-8 w-8" })
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(GrayBar, { className: "h-8 w-8" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(GrayBar, { className: "h-8 w-8" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(GrayBar, { className: "h-8 w-8" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(GrayBar, { className: "h-8 w-8" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(GrayBar, { className: "h-8 w-8" })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(GrayBar, { className: "h-4 w-[120px]" })
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(GrayBar, { className: "h-4 w-[120px]" })
       ] })
     ] }) })
   ] });
   if (hideWrapper) {
     return content;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-wrapper rounded-none  border border-primary/5 bg-card overflow-hidden", children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "table-wrapper rounded-md  border border-border bg-card overflow-hidden", children: content });
 };
 TableSkeleton.displayName = "TableSkeleton";
-function ResponsiveTableInner({
-  data,
-  columns,
-  onRowClick,
-  renderMobileCard,
-  className,
-  emptyMessage = "No results found.",
-  ariaLabel,
-  tableWrapperClassName,
-  footer
-}, ref) {
-  const visibleMobileColumns = React5__namespace.useMemo(
-    () => columns.filter((col) => !col.hideOnMobile),
-    [columns]
-  );
-  const primaryColumn = React5__namespace.useMemo(() => {
-    return visibleMobileColumns.find(
-      (col) => col.key !== "select" && col.key !== "actions"
-    ) || visibleMobileColumns[0];
-  }, [visibleMobileColumns]);
-  const secondaryColumns = React5__namespace.useMemo(
-    () => visibleMobileColumns.filter((col) => col.key !== primaryColumn?.key),
-    [visibleMobileColumns, primaryColumn]
-  );
-  React5__namespace.useEffect(() => {
-    const isDev = typeof globalThis !== "undefined" && globalThis.process && globalThis.process.env?.NODE_ENV === "development";
-    if (isDev && visibleMobileColumns.length === 0) {
-      console.warn(
-        "ResponsiveTable: All columns are hidden on mobile (hideOnMobile: true). Consider showing at least one column for better mobile UX. Users will see empty card borders on mobile devices."
-      );
-    }
-  }, [visibleMobileColumns.length]);
-  const handleItemClick = React5__namespace.useCallback(
-    (item, e) => {
-      if (!onRowClick) return;
-      if (e) {
-        const target = e.target;
-        if (target.closest('[role="checkbox"]') || target.closest("button") || target.closest("a") || target.closest('[role^="menuitem"]') || target.closest("[data-actions]")) {
-          return;
-        }
-      }
-      onRowClick(item);
-    },
-    [onRowClick]
-  );
-  const handleCardKeyDown = React5__namespace.useCallback(
-    (item) => (e) => {
-      if (onRowClick && (e.key === "Enter" || e.key === " ")) {
-        e.preventDefault();
-        handleItemClick(item, e);
-      }
-    },
-    [handleItemClick, onRowClick]
-  );
-  if (data.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "p-8 text-center",
-          className
-        ),
-        children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessage })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("w-full", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4 md:hidden", children: data.map((item) => {
-      const primaryValue = primaryColumn ? String(item[primaryColumn.key]) : String(item.id);
-      if (renderMobileCard) {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            onClick: (e) => handleItemClick(item, e),
-            role: onRowClick ? "button" : void 0,
-            tabIndex: onRowClick ? 0 : void 0,
-            onKeyDown: onRowClick ? handleCardKeyDown(item) : void 0,
-            className: onRowClick ? "cursor-pointer" : void 0,
-            "aria-label": onRowClick ? `View details for ${primaryValue}` : void 0,
-            children: renderMobileCard(item, visibleMobileColumns)
-          },
-          item.id
-        );
-      }
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        Card,
-        {
-          variant: onRowClick ? "interactive" : "default",
-          className: cn(
-            onRowClick && "cursor-pointer",
-            "transition-all duration-150"
-          ),
-          onClick: (e) => handleItemClick(item, e),
-          role: onRowClick ? "button" : void 0,
-          tabIndex: onRowClick ? 0 : void 0,
-          onKeyDown: onRowClick ? handleCardKeyDown(item) : void 0,
-          "aria-label": onRowClick ? `View details for ${primaryValue}` : void 0,
-          children: [
-            primaryColumn ? /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { className: "pb-3", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { className: "text-base", children: primaryColumn.render ? primaryColumn.render(item[primaryColumn.key], item) : String(item[primaryColumn.key]) }) }) : null,
-            secondaryColumns.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: "pb-3", children: /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "flex flex-col gap-2", children: secondaryColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: "flex items-start justify-between gap-4 text-sm",
-                children: [
-                  !column.hideLabelOnMobile && /* @__PURE__ */ jsxRuntime.jsxs("dt", { className: "text-muted-foreground min-w-[80px] shrink-0", children: [
-                    column.label,
-                    ":"
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "dd",
-                    {
-                      className: cn(
-                        "font-medium flex-1",
-                        !column.hideLabelOnMobile ? "text-right" : "text-left"
-                      ),
-                      children: column.render ? column.render(item[column.key], item) : String(item[column.key])
-                    }
-                  )
-                ]
-              },
-              String(column.key)
-            )) }) })
-          ]
-        },
-        item.id
-      );
-    }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: cn(
-          "table-wrapper hidden md:block overflow-hidden rounded-none  border border-primary/5",
-          tableWrapperClassName
-        ),
-        children: /* @__PURE__ */ jsxRuntime.jsxs(Table, { "aria-label": ariaLabel || "Data table", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { className: "bg-[hsl(var(--table-header-bg))]", children: /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: columns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(
-            TableHead,
-            {
-              className: column.headerClassName,
-              children: column.label
-            },
-            String(column.key)
-          )) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: data.map((item) => {
-            const primaryValue = primaryColumn ? String(item[primaryColumn.key]) : String(item.id);
-            return /* @__PURE__ */ jsxRuntime.jsx(
-              TableRow,
-              {
-                className: cn(
-                  "hover-unified-table-row",
-                  onRowClick && "cursor-pointer"
-                ),
-                onClick: (e) => handleItemClick(item, e),
-                role: onRowClick ? "button" : void 0,
-                tabIndex: onRowClick ? 0 : void 0,
-                onKeyDown: onRowClick ? handleCardKeyDown(item) : void 0,
-                "aria-label": onRowClick ? `View details for ${primaryValue}` : void 0,
-                children: columns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(
-                  TableCell,
-                  {
-                    className: column.cellClassName,
-                    children: column.render ? column.render(item[column.key], item) : String(item[column.key])
-                  },
-                  String(column.key)
-                ))
-              },
-              item.id
-            );
-          }) })
-        ] })
-      }
-    ),
-    footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-footer border-t border-primary/5 bg-[hsl(var(--table-header-bg))]", children: footer })
-  ] });
-}
-var ResponsiveTable = React5__namespace.forwardRef(ResponsiveTableInner);
-
-// src/tailwind-preset.ts
-var uiPreset = {
-  theme: {
-    extend: {
-      colors: {
-        border: "hsl(var(--border))",
-        input: "hsl(var(--input))",
-        ring: "hsl(var(--ring))",
-        background: "hsl(var(--background))",
-        foreground: "hsl(var(--foreground))",
-        primary: {
-          DEFAULT: "hsl(var(--primary))",
-          foreground: "hsl(var(--primary-foreground))"
-        },
-        secondary: {
-          DEFAULT: "hsl(var(--secondary))",
-          foreground: "hsl(var(--secondary-foreground))"
-        },
-        destructive: {
-          DEFAULT: "hsl(var(--destructive))",
-          foreground: "hsl(var(--destructive-foreground))"
-        },
-        success: {
-          DEFAULT: "hsl(var(--success))",
-          foreground: "hsl(var(--success-foreground))"
-        },
-        warning: {
-          DEFAULT: "hsl(var(--warning))",
-          foreground: "hsl(var(--warning-foreground))"
-        },
-        muted: {
-          DEFAULT: "hsl(var(--muted))",
-          foreground: "hsl(var(--muted-foreground))"
-        },
-        accent: {
-          DEFAULT: "hsl(var(--accent))",
-          foreground: "hsl(var(--accent-foreground))"
-        },
-        popover: {
-          DEFAULT: "hsl(var(--popover))",
-          foreground: "hsl(var(--popover-foreground))"
-        },
-        card: {
-          DEFAULT: "hsl(var(--card))",
-          foreground: "hsl(var(--card-foreground))"
-        }
-      },
-      borderRadius: {
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)"
-      },
-      keyframes: {
-        "accordion-down": {
-          from: { height: "0" },
-          to: { height: "var(--radix-accordion-content-height)" }
-        },
-        "accordion-up": {
-          from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: "0" }
-        }
-      },
-      animation: {
-        "accordion-down": "accordion-down 0.3s cubic-bezier(0.87, 0, 0.13, 1)",
-        "accordion-up": "accordion-up 0.3s cubic-bezier(0.87, 0, 0.13, 1)"
-      }
-    }
-  }
-};
-var tailwind_preset_default = uiPreset;
-
-Object.defineProperty(exports, "toast", {
-  enumerable: true,
-  get: function () { return sonner.toast; }
+// 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,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  AlertTitle,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  Button,
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  FormLabelWithTooltip,
+  Grid,
+  Input,
+  Label,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverTrigger,
+  PortalProvider,
+  Progress,
+  RadioGroup,
+  RadioGroupItem,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
+  Skeleton,
+  Spinner,
+  Stack,
+  Stat,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableEmpty,
+  TableError,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableLoading,
+  TableRow,
+  TableSearch,
+  TableSkeleton,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  Toaster,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  alertVariants,
+  avatarVariants,
+  badgeVariants,
+  buttonVariants,
+  cardVariants,
+  dialogContentVariants,
+  inputVariants,
+  progressVariants,
+  selectTriggerVariants,
+  sheetVariants,
+  spinnerVariants,
+  toast,
+  usePortalContainer
 });
-exports.Accordion = Accordion;
-exports.AccordionContent = AccordionContent;
-exports.AccordionItem = AccordionItem;
-exports.AccordionTrigger = AccordionTrigger;
-exports.Alert = Alert;
-exports.AlertDescription = AlertDescription;
-exports.AlertDialog = AlertDialog;
-exports.AlertDialogAction = AlertDialogAction;
-exports.AlertDialogCancel = AlertDialogCancel;
-exports.AlertDialogContent = AlertDialogContent;
-exports.AlertDialogDescription = AlertDialogDescription;
-exports.AlertDialogFooter = AlertDialogFooter;
-exports.AlertDialogHeader = AlertDialogHeader;
-exports.AlertDialogOverlay = AlertDialogOverlay;
-exports.AlertDialogPortal = AlertDialogPortal;
-exports.AlertDialogTitle = AlertDialogTitle;
-exports.AlertDialogTrigger = AlertDialogTrigger;
-exports.AlertTitle = AlertTitle;
-exports.Avatar = Avatar;
-exports.AvatarFallback = AvatarFallback;
-exports.AvatarImage = AvatarImage;
-exports.Badge = Badge;
-exports.Button = Button;
-exports.Card = Card;
-exports.CardAction = CardAction;
-exports.CardContent = CardContent;
-exports.CardDescription = CardDescription;
-exports.CardFooter = CardFooter;
-exports.CardHeader = CardHeader;
-exports.CardTitle = CardTitle;
-exports.Checkbox = Checkbox;
-exports.Collapsible = Collapsible;
-exports.CollapsibleContent = CollapsibleContent2;
-exports.CollapsibleTrigger = CollapsibleTrigger2;
-exports.Command = Command;
-exports.CommandDialog = CommandDialog;
-exports.CommandEmpty = CommandEmpty;
-exports.CommandGroup = CommandGroup;
-exports.CommandInput = CommandInput;
-exports.CommandItem = CommandItem;
-exports.CommandList = CommandList;
-exports.CommandSeparator = CommandSeparator;
-exports.CommandShortcut = CommandShortcut;
-exports.Dialog = Dialog;
-exports.DialogClose = DialogClose;
-exports.DialogContent = DialogContent;
-exports.DialogDescription = DialogDescription;
-exports.DialogFooter = DialogFooter;
-exports.DialogHeader = DialogHeader;
-exports.DialogOverlay = DialogOverlay;
-exports.DialogPortal = DialogPortal;
-exports.DialogTitle = DialogTitle;
-exports.DialogTrigger = DialogTrigger;
-exports.DropdownMenu = DropdownMenu;
-exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
-exports.DropdownMenuContent = DropdownMenuContent;
-exports.DropdownMenuGroup = DropdownMenuGroup;
-exports.DropdownMenuItem = DropdownMenuItem;
-exports.DropdownMenuLabel = DropdownMenuLabel;
-exports.DropdownMenuPortal = DropdownMenuPortal;
-exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
-exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
-exports.DropdownMenuSeparator = DropdownMenuSeparator;
-exports.DropdownMenuShortcut = DropdownMenuShortcut;
-exports.DropdownMenuSub = DropdownMenuSub;
-exports.DropdownMenuSubContent = DropdownMenuSubContent;
-exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
-exports.DropdownMenuTrigger = DropdownMenuTrigger;
-exports.Input = Input;
-exports.Label = Label;
-exports.Popover = Popover;
-exports.PopoverAnchor = PopoverAnchor;
-exports.PopoverContent = PopoverContent;
-exports.PopoverTrigger = PopoverTrigger;
-exports.PortalProvider = PortalProvider;
-exports.Progress = Progress;
-exports.RadioGroup = RadioGroup;
-exports.RadioGroupItem = RadioGroupItem;
-exports.ResponsiveTable = ResponsiveTable;
-exports.Select = Select;
-exports.SelectContent = SelectContent;
-exports.SelectGroup = SelectGroup;
-exports.SelectItem = SelectItem;
-exports.SelectLabel = SelectLabel;
-exports.SelectScrollDownButton = SelectScrollDownButton;
-exports.SelectScrollUpButton = SelectScrollUpButton;
-exports.SelectSeparator = SelectSeparator;
-exports.SelectTrigger = SelectTrigger;
-exports.SelectValue = SelectValue;
-exports.Separator = Separator;
-exports.Sheet = Sheet;
-exports.SheetClose = SheetClose;
-exports.SheetContent = SheetContent;
-exports.SheetDescription = SheetDescription;
-exports.SheetFooter = SheetFooter;
-exports.SheetHeader = SheetHeader;
-exports.SheetOverlay = SheetOverlay;
-exports.SheetPortal = SheetPortal;
-exports.SheetTitle = SheetTitle;
-exports.SheetTrigger = SheetTrigger;
-exports.Skeleton = Skeleton;
-exports.Spinner = Spinner;
-exports.Switch = Switch;
-exports.Table = Table;
-exports.TableBody = TableBody;
-exports.TableCaption = TableCaption;
-exports.TableCell = TableCell;
-exports.TableEmpty = TableEmpty;
-exports.TableError = TableError;
-exports.TableFooter = TableFooter;
-exports.TableHead = TableHead;
-exports.TableHeader = TableHeader;
-exports.TableLoading = TableLoading;
-exports.TablePagination = TablePagination;
-exports.TableRow = TableRow;
-exports.TableSearch = TableSearch;
-exports.TableSkeleton = TableSkeleton;
-exports.Tabs = Tabs;
-exports.TabsContent = TabsContent;
-exports.TabsList = TabsList;
-exports.TabsTrigger = TabsTrigger;
-exports.Textarea = Textarea;
-exports.Toaster = Toaster;
-exports.Tooltip = Tooltip;
-exports.TooltipContent = TooltipContent;
-exports.TooltipProvider = TooltipProvider;
-exports.TooltipTrigger = TooltipTrigger;
-exports.alertVariants = alertVariants;
-exports.avatarVariants = avatarVariants;
-exports.badgeVariants = badgeVariants;
-exports.buttonVariants = buttonVariants;
-exports.cardVariants = cardVariants;
-exports.cn = cn;
-exports.dialogContentVariants = dialogContentVariants;
-exports.inputVariants = inputVariants;
-exports.progressVariants = progressVariants;
-exports.selectTriggerVariants = selectTriggerVariants;
-exports.sheetVariants = sheetVariants;
-exports.spinnerVariants = spinnerVariants;
-exports.uiPreset = tailwind_preset_default;
-exports.usePortalContainer = usePortalContainer;
-//# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map