@nextlyhq/ui 0.0.2-alpha.4 → 0.0.2-alpha.40

package/dist/index.mjs

@@ -1,34 +1,20 @@
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import * as React5 from 'react';
-import { forwardRef, createContext, useContext } from 'react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Root as Root$3 } from '@radix-ui/react-label';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { Minus, Check, ChevronDown, X, ChevronRight, Circle, Search, Loader2, ChevronUp, XCircle, AlertTriangle, AlertCircle, CheckCircle2, FileQuestion, ChevronsLeft, ChevronLeft, ChevronsRight } from 'lucide-react';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import { Root as Root$4, Thumb } from '@radix-ui/react-switch';
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { Root, Image, Fallback } from '@radix-ui/react-avatar';
-import { List, Trigger, Content, Root as Root$1 } from '@radix-ui/react-tabs';
-import { Content as Content$1, Root as Root$2, Provider, Trigger as Trigger$1 } from '@radix-ui/react-tooltip';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import { Command as Command$1 } from 'cmdk';
-import { Toaster as Toaster$1 } from 'sonner';
-export { toast } from 'sonner';
+"use client";
 
 // src/components/button.tsx
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { forwardRef } from "react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+
+// src/components/button.tsx
+import { jsx } from "react/jsx-runtime";
 var buttonVariants = 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",
   {
@@ -36,20 +22,26 @@ var buttonVariants = cva(
       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 (not a faint primary alpha) so the outline is a visible
+        // boundary at the 3:1 UI minimum.
+        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-[13px]",
+        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: {
@@ -68,7 +60,7 @@ var Button = forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? Slot : "button";
-    const hasMultipleChildren = React5.Children.count(children) > 1;
+    const hasMultipleChildren = React.Children.count(children) > 1;
     return /* @__PURE__ */ jsx(
       Comp,
       {
@@ -85,14 +77,19 @@ var Button = forwardRef(
   }
 );
 Button.displayName = "Button";
-var inputVariants = 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
+import { cva as cva2 } from "class-variance-authority";
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var inputVariants = cva2(
+  "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!",
   {
     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: {
@@ -100,9 +97,9 @@ var inputVariants = cva(
     }
   }
 );
-var Input = forwardRef(
+var Input = forwardRef2(
   ({ className, type, size, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx2(
       "input",
       {
         type,
@@ -115,14 +112,20 @@ var Input = forwardRef(
   }
 );
 Input.displayName = "Input";
-var Textarea = forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
+
+// src/components/textarea.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Textarea = forwardRef3(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx3(
     "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-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 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-primary/5 resize-y",
+        "aria-invalid:border-destructive aria-invalid:focus:border-destructive!",
         className
       ),
       ref,
@@ -131,9 +134,13 @@ var Textarea = forwardRef(({ className, ...props }, ref) => {
   );
 });
 Textarea.displayName = "Textarea";
+
+// src/components/label.tsx
+import { Root as LabelRoot } from "@radix-ui/react-label";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function Label({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Root$3,
+  return /* @__PURE__ */ jsx4(
+    LabelRoot,
     {
       "data-slot": "label",
       className: cn(
@@ -144,17 +151,127 @@ function Label({ className, ...props }) {
     }
   );
 }
-var badgeVariants = cva(
+
+// src/components/form-label-with-tooltip.tsx
+import { Info } from "lucide-react";
+import * as React2 from "react";
+
+// src/components/tooltip.tsx
+import {
+  Provider,
+  Root,
+  Trigger,
+  Portal,
+  Content
+} from "@radix-ui/react-tooltip";
+import { forwardRef as forwardRef4 } from "react";
+
+// src/providers/portal-provider.tsx
+import { createContext, useContext } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var PortalContext = createContext({ container: null });
+function PortalProvider({ container, children }) {
+  return /* @__PURE__ */ jsx5(PortalContext.Provider, { value: { container }, children });
+}
+function usePortalContainer() {
+  const { container } = useContext(PortalContext);
+  return container ?? void 0;
+}
+
+// src/components/tooltip.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var TooltipProvider = Provider;
+var Tooltip = Root;
+var TooltipTrigger = Trigger;
+var TooltipContent = forwardRef4(({ 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__ */ jsx6(Portal, { container: portalContainer, children: /* @__PURE__ */ jsx6(
+      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-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 = Content.displayName;
+
+// src/components/form-label-with-tooltip.tsx
+import { jsx as jsx7, jsxs } from "react/jsx-runtime";
+var FormLabelWithTooltip = React2.forwardRef(
+  ({
+    className,
+    labelClassName,
+    tooltipClassName,
+    label,
+    description,
+    required,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
+      /* @__PURE__ */ jsxs(Label, { ref, className: labelClassName, ...props, children: [
+        label,
+        required && /* @__PURE__ */ jsx7("span", { className: "text-destructive ml-1", children: "*" })
+      ] }),
+      description && /* @__PURE__ */ jsx7(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { delayDuration: 200, children: [
+        /* @__PURE__ */ 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__ */ jsx7(Info, { className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ jsx7("span", { className: "sr-only", children: "Toggle description" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          TooltipContent,
+          {
+            side: "right",
+            className: cn(
+              "max-w-[250px] text-[12px] break-words relative z-[100] shadow-md  border border-border bg-primary text-primary-foreground px-3 py-2 rounded-none",
+              tooltipClassName
+            ),
+            children: description
+          }
+        )
+      ] }) })
+    ] });
+  }
+);
+FormLabelWithTooltip.displayName = "FormLabelWithTooltip";
+
+// src/components/badge.tsx
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var badgeVariants = cva3(
   "inline-flex items-center rounded-none 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: {
@@ -163,7 +280,7 @@ var badgeVariants = cva(
   }
 );
 function Badge({ className, variant = "default", ...props }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx8(
     "div",
     {
       "data-slot": `badge.${variant}`,
@@ -172,8 +289,13 @@ function Badge({ className, variant = "default", ...props }) {
     }
   );
 }
-var cardVariants = cva(
-  "bg-card text-foreground rounded-none  border border-primary/5   transition-all duration-200",
+
+// src/components/card.tsx
+import { cva as cva4 } from "class-variance-authority";
+import { forwardRef as forwardRef6 } from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var cardVariants = cva4(
+  "bg-card text-foreground rounded-none  border border-border   transition-all duration-200",
   {
     variants: {
       variant: {
@@ -187,9 +309,9 @@ var cardVariants = cva(
     }
   }
 );
-var Card = forwardRef(
+var Card = forwardRef6(
   ({ className, variant, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx9(
       "div",
       {
         ref,
@@ -201,16 +323,16 @@ var Card = forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = forwardRef(
+var CardHeader = forwardRef6(
   ({ className, noBorder = false, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx9(
       "div",
       {
         ref,
         "data-slot": "card-header",
         className: cn(
           "flex flex-col p-4",
-          !noBorder && "border-b border-primary/5",
+          !noBorder && "border-b border-border",
           className
         ),
         ...props
@@ -219,9 +341,9 @@ var CardHeader = forwardRef(
   }
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = forwardRef(
+var CardTitle = forwardRef6(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx9(
       "h3",
       {
         ref,
@@ -233,9 +355,9 @@ var CardTitle = forwardRef(
   }
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = forwardRef(
+var CardDescription = forwardRef6(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx9(
       "p",
       {
         ref,
@@ -247,9 +369,9 @@ var CardDescription = forwardRef(
   }
 );
 CardDescription.displayName = "CardDescription";
-var CardAction = forwardRef(
+var CardAction = forwardRef6(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx9(
       "div",
       {
         ref,
@@ -261,9 +383,9 @@ var CardAction = forwardRef(
   }
 );
 CardAction.displayName = "CardAction";
-var CardContent = forwardRef(
+var CardContent = forwardRef6(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx9(
       "div",
       {
         ref,
@@ -275,15 +397,15 @@ var CardContent = forwardRef(
   }
 );
 CardContent.displayName = "CardContent";
-var CardFooter = forwardRef(
+var CardFooter = forwardRef6(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx9(
       "div",
       {
         ref,
         "data-slot": "card-footer",
         className: cn(
-          "flex items-center px-6 py-4  border-t border-primary/5 bg-primary/5",
+          "flex items-center px-6 py-4  border-t border-border bg-primary/5",
           className
         ),
         ...props
@@ -292,15 +414,80 @@ var CardFooter = forwardRef(
   }
 );
 CardFooter.displayName = "CardFooter";
-var alertVariants = 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
+import { forwardRef as forwardRef7 } from "react";
+import { jsx as jsx10, jsxs as jsxs2 } from "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 = forwardRef7(
+  ({ direction = "col", gap = 4, className, ...props }, ref) => /* @__PURE__ */ jsx10(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex",
+        direction === "col" ? "flex-col" : "flex-row",
+        GAP[gap],
+        className
+      ),
+      ...props
+    }
+  )
+);
+Stack.displayName = "Stack";
+var Grid = forwardRef7(
+  ({ cols = 2, gap = 4, className, ...props }, ref) => /* @__PURE__ */ jsx10(
+    "div",
+    {
+      ref,
+      className: cn("grid", COLS[cols], GAP[gap], className),
+      ...props
+    }
+  )
+);
+Grid.displayName = "Grid";
+var Stat = forwardRef7(
+  ({ label, value, className, ...props }, ref) => /* @__PURE__ */ jsxs2("div", { ref, className: cn("flex flex-col gap-1", className), ...props, children: [
+    /* @__PURE__ */ jsx10("span", { className: "text-sm text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx10("span", { className: "text-2xl font-semibold text-foreground", children: value })
+  ] })
+);
+Stat.displayName = "Stat";
+
+// src/components/alert.tsx
+import { cva as cva5 } from "class-variance-authority";
+import { forwardRef as forwardRef8 } from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var alertVariants = cva5(
+  "relative flex items-start gap-3 rounded-none  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: {
@@ -308,9 +495,9 @@ var alertVariants = cva(
     }
   }
 );
-var Alert = forwardRef(
+var Alert = forwardRef8(
   ({ className, variant = "info", role = "alert", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx11(
       "div",
       {
         ref,
@@ -323,9 +510,9 @@ var Alert = forwardRef(
   }
 );
 Alert.displayName = "Alert";
-var AlertTitle = forwardRef(
+var AlertTitle = forwardRef8(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx11(
       "h5",
       {
         ref,
@@ -340,9 +527,9 @@ var AlertTitle = forwardRef(
   }
 );
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = forwardRef(
+var AlertDescription = forwardRef8(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx11(
       "div",
       {
         ref,
@@ -354,13 +541,17 @@ var AlertDescription = forwardRef(
   }
 );
 AlertDescription.displayName = "AlertDescription";
+
+// src/components/separator.tsx
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function Separator({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx12(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -374,9 +565,13 @@ function Separator({
     }
   );
 }
-var Skeleton = React5.forwardRef(
+
+// src/components/skeleton.tsx
+import * as React3 from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var Skeleton = React3.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx13(
       "div",
       {
         ref,
@@ -392,11 +587,16 @@ var Skeleton = React5.forwardRef(
   }
 );
 Skeleton.displayName = "Skeleton";
-var progressVariants = cva("h-full rounded-none transition-all", {
+
+// src/components/progress.tsx
+import { cva as cva6 } from "class-variance-authority";
+import * as React4 from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var progressVariants = cva6("h-full rounded-none transition-all", {
   variants: {
     variant: {
       default: "bg-primary-500",
-      success: "bg-green-500",
+      success: "bg-success-500",
       error: "bg-destructive"
     }
   },
@@ -404,7 +604,7 @@ var progressVariants = cva("h-full rounded-none transition-all", {
     variant: "default"
   }
 });
-var Progress = React5.forwardRef(
+var Progress = React4.forwardRef(
   ({
     value,
     max = 100,
@@ -415,7 +615,7 @@ var Progress = React5.forwardRef(
   }, ref) => {
     const clampedValue = Math.min(Math.max(0, value), max);
     const percentage = clampedValue / max * 100;
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx14(
       "div",
       {
         ref,
@@ -429,7 +629,7 @@ var Progress = React5.forwardRef(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx14(
           "div",
           {
             className: cn(progressVariants({ variant })),
@@ -444,28 +644,41 @@ var Progress = React5.forwardRef(
   }
 );
 Progress.displayName = "Progress";
-var Checkbox = forwardRef(({ className, indeterminate, ...props }, ref) => /* @__PURE__ */ jsx(
+
+// src/components/checkbox.tsx
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check, Minus } from "lucide-react";
+import { forwardRef as forwardRef11 } from "react";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var Checkbox = forwardRef11(({ className, indeterminate, ...props }, ref) => /* @__PURE__ */ jsx15(
   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-none 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__ */ jsx(
+    children: /* @__PURE__ */ jsx15(
       CheckboxPrimitive.Indicator,
       {
         className: cn("flex items-center justify-center text-current"),
-        children: indeterminate ? /* @__PURE__ */ jsx(Minus, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" })
+        children: indeterminate ? /* @__PURE__ */ jsx15(Minus, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx15(Check, { className: "h-3 w-3" })
       }
     )
   }
 ));
 Checkbox.displayName = "Checkbox";
-var RadioGroup = forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
+
+// src/components/radio-group.tsx
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { forwardRef as forwardRef12 } from "react";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var RadioGroup = forwardRef12(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx16(
     RadioGroupPrimitive.Root,
     {
       className: cn("grid gap-2", className),
@@ -476,36 +689,47 @@ var RadioGroup = forwardRef(({ className, ...props }, ref) => {
   );
 });
 RadioGroup.displayName = "RadioGroup";
-var RadioGroupItem = forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
+var RadioGroupItem = forwardRef12(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx16(
     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.
+        "peer h-4 w-4 shrink-0 rounded-none 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__ */ jsx(RadioGroupPrimitive.Indicator, {})
+      children: /* @__PURE__ */ jsx16(RadioGroupPrimitive.Indicator, {})
     }
   );
 });
 RadioGroupItem.displayName = "RadioGroupItem";
+
+// src/components/switch.tsx
+import {
+  Root as SwitchRoot,
+  Thumb as SwitchThumb
+} from "@radix-ui/react-switch";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function Switch({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Root$4,
+  return /* @__PURE__ */ jsx17(
+    SwitchRoot,
     {
       "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-none  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__ */ jsx(
-        Thumb,
+      children: /* @__PURE__ */ jsx17(
+        SwitchThumb,
         {
           "data-slot": "switch-thumb",
           className: cn(
@@ -516,12 +740,21 @@ function Switch({ className, ...props }) {
     }
   );
 }
+
+// src/components/collapsible.tsx
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+
+// src/components/accordion.tsx
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown } from "lucide-react";
+import { forwardRef as forwardRef13 } from "react";
+import { jsx as jsx18, jsxs as jsxs3 } from "react/jsx-runtime";
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionItem = forwardRef13(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
     AccordionPrimitive.Item,
     {
       ref,
@@ -532,8 +765,8 @@ var AccordionItem = forwardRef(
   )
 );
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", "data-slot": "accordion-header", children: /* @__PURE__ */ jsxs(
+var AccordionTrigger = forwardRef13(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx18(AccordionPrimitive.Header, { className: "flex", "data-slot": "accordion-header", children: /* @__PURE__ */ jsxs3(
     AccordionPrimitive.Trigger,
     {
       ref,
@@ -545,26 +778,36 @@ var AccordionTrigger = forwardRef(
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-150" })
+        /* @__PURE__ */ jsx18(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-150 will-change-transform" })
       ]
     }
   ) })
 );
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionContent = forwardRef13(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx18(
     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__ */ jsx("div", { className: cn("pb-4 pt-0", className), children })
+      children: /* @__PURE__ */ jsx18("div", { className: cn("pb-4 pt-0", className), children })
     }
   )
 );
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-var avatarVariants = cva(
+
+// src/components/avatar.tsx
+import {
+  Root as AvatarRoot,
+  Image as AvatarImagePrimitive,
+  Fallback as AvatarFallbackPrimitive
+} from "@radix-ui/react-avatar";
+import { cva as cva7 } from "class-variance-authority";
+import { createContext as createContext2, forwardRef as forwardRef14, useContext as useContext2 } from "react";
+import { jsx as jsx19 } from "react/jsx-runtime";
+var avatarVariants = cva7(
   "relative inline-flex shrink-0 overflow-hidden rounded-none items-center justify-center bg-primary/5 text-muted-foreground",
   {
     variants: {
@@ -593,11 +836,11 @@ var fallbackTextSizeMap = {
   "2xl": "text-2xl"
   // 24px for 80px avatar
 };
-var AvatarSizeContext = createContext("md");
-var Avatar = forwardRef(
+var AvatarSizeContext = createContext2("md");
+var Avatar = forwardRef14(
   ({ className, size = "md", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(AvatarSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx(
-      Root,
+    return /* @__PURE__ */ jsx19(AvatarSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx19(
+      AvatarRoot,
       {
         ref,
         "data-slot": "avatar",
@@ -608,10 +851,10 @@ var Avatar = forwardRef(
   }
 );
 Avatar.displayName = "Avatar";
-var AvatarImage = forwardRef(
+var AvatarImage = forwardRef14(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Image,
+    return /* @__PURE__ */ jsx19(
+      AvatarImagePrimitive,
       {
         ref,
         "data-slot": "avatar-image",
@@ -622,12 +865,12 @@ var AvatarImage = forwardRef(
   }
 );
 AvatarImage.displayName = "AvatarImage";
-var AvatarFallback = forwardRef(
+var AvatarFallback = forwardRef14(
   ({ className, children, ...props }, ref) => {
-    const size = useContext(AvatarSizeContext) || "md";
+    const size = useContext2(AvatarSizeContext) || "md";
     const textSize = fallbackTextSizeMap[size];
-    return /* @__PURE__ */ jsx(
-      Fallback,
+    return /* @__PURE__ */ jsx19(
+      AvatarFallbackPrimitive,
       {
         ref,
         "data-slot": "avatar-fallback",
@@ -643,9 +886,14 @@ var AvatarFallback = forwardRef(
   }
 );
 AvatarFallback.displayName = "AvatarFallback";
-var Tabs = Root$1;
-var TabsList = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+
+// src/components/tabs.tsx
+import { Root as Root7, List, Trigger as Trigger3, Content as Content3 } from "@radix-ui/react-tabs";
+import { forwardRef as forwardRef15 } from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var Tabs = Root7;
+var TabsList = forwardRef15(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
     List,
     {
       ref,
@@ -659,67 +907,47 @@ var TabsList = forwardRef(
   )
 );
 TabsList.displayName = List.displayName;
-var TabsTrigger = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    Trigger,
+var TabsTrigger = forwardRef15(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+    Trigger3,
     {
       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",
+        "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 = Trigger.displayName;
-var TabsContent = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    Content,
+TabsTrigger.displayName = Trigger3.displayName;
+var TabsContent = forwardRef15(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+    Content3,
     {
       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 = Content.displayName;
-var TooltipProvider = Provider;
-var Tooltip = Root$2;
-var TooltipTrigger = Trigger$1;
-var TooltipContent = forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
-  Content$1,
-  {
-    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 = Content$1.displayName;
-var PortalContext = createContext({ container: null });
-function PortalProvider({ container, children }) {
-  return /* @__PURE__ */ jsx(PortalContext.Provider, { value: { container }, children });
-}
-function usePortalContainer() {
-  const { container } = useContext(PortalContext);
-  return container ?? void 0;
-}
+TabsContent.displayName = Content3.displayName;
+
+// src/components/popover.tsx
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React5 from "react";
+import { jsx as jsx21 } from "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__ */ jsx(PopoverPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx21(PopoverPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx21(
     PopoverPrimitive.Content,
     {
       ref,
@@ -727,7 +955,7 @@ var PopoverContent = React5.forwardRef(({ className, align = "center", sideOffse
       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-none  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
@@ -735,11 +963,18 @@ var PopoverContent = React5.forwardRef(({ className, align = "center", sideOffse
   ) });
 });
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+// src/components/dialog.tsx
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { cva as cva8 } from "class-variance-authority";
+import { X } from "lucide-react";
+import { forwardRef as forwardRef17 } from "react";
+import { jsx as jsx22, jsxs as jsxs4 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = forwardRef17(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -752,7 +987,7 @@ var DialogOverlay = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var dialogContentVariants = cva("", {
+var dialogContentVariants = cva8("", {
   variants: {
     size: {
       sm: "max-w-sm",
@@ -766,31 +1001,31 @@ var dialogContentVariants = cva("", {
     size: "md"
   }
 });
-var DialogContent = forwardRef(({ className, children, size, ...props }, ref) => {
+var DialogContent = forwardRef17(({ className, children, size, ...props }, ref) => {
   const portalContainer = usePortalContainer();
-  return /* @__PURE__ */ jsxs(DialogPortal, { container: portalContainer, children: [
-    /* @__PURE__ */ jsx(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs4(DialogPortal, { container: portalContainer, children: [
+    /* @__PURE__ */ jsx22(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs4(
       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-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%]",
           dialogContentVariants({ size }),
           className
         ),
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsxs4(
             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",
               children: [
-                /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx22(X, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx22("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -800,8 +1035,8 @@ var DialogContent = forwardRef(({ className, children, size, ...props }, ref) =>
   ] });
 });
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogHeader = forwardRef17(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
     "div",
     {
       ref,
@@ -814,8 +1049,8 @@ var DialogHeader = forwardRef(
   )
 );
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogFooter = forwardRef17(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
     "div",
     {
       ref,
@@ -828,7 +1063,7 @@ var DialogFooter = forwardRef(
   )
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = forwardRef17(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   DialogPrimitive.Title,
   {
     ref,
@@ -840,7 +1075,7 @@ var DialogTitle = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = forwardRef17(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   DialogPrimitive.Description,
   {
     ref,
@@ -849,10 +1084,17 @@ var DialogDescription = forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// src/components/alert-dialog.tsx
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import {
+  forwardRef as forwardRef18
+} from "react";
+import { jsx as jsx23, jsxs as jsxs5 } from "react/jsx-runtime";
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogOverlay = forwardRef18(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   AlertDialogPrimitive.Overlay,
   {
     ref,
@@ -864,16 +1106,16 @@ var AlertDialogOverlay = forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = forwardRef(({ className, ...props }, ref) => {
+var AlertDialogContent = forwardRef18(({ className, ...props }, ref) => {
   const portalContainer = usePortalContainer();
-  return /* @__PURE__ */ jsxs(AlertDialogPortal, { container: portalContainer, children: [
-    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs5(AlertDialogPortal, { container: portalContainer, children: [
+    /* @__PURE__ */ jsx23(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx23(
       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-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%]",
           className
         ),
         ...props
@@ -882,8 +1124,8 @@ var AlertDialogContent = forwardRef(({ className, ...props }, ref) => {
   ] });
 });
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-var AlertDialogHeader = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogHeader = forwardRef18(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
     "div",
     {
       ref,
@@ -896,8 +1138,8 @@ var AlertDialogHeader = forwardRef(
   )
 );
 AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogFooter = forwardRef18(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
     "div",
     {
       ref,
@@ -910,7 +1152,7 @@ var AlertDialogFooter = forwardRef(
   )
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogTitle = forwardRef18(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -922,7 +1164,7 @@ var AlertDialogTitle = forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogDescription = forwardRef18(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -931,7 +1173,7 @@ var AlertDialogDescription = forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogAction = forwardRef18(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx23(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -941,7 +1183,7 @@ var AlertDialogAction = forwardRef(({ className, children, ...props }, ref) => /
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogCancel = forwardRef18(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx23(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -955,50 +1197,58 @@ var AlertDialogCancel = forwardRef(({ className, children, ...props }, ref) => /
   }
 ));
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+// src/components/dropdown-menu.tsx
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check as Check2, ChevronRight, Circle } from "lucide-react";
+import * as React6 from "react";
+import { jsx as jsx24, jsxs as jsxs6 } from "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 DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+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__ */ jsxs6(
   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-none 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__ */ jsx(ChevronRight, { className: "ml-auto" })
+      /* @__PURE__ */ jsx24(ChevronRight, { className: "ml-auto" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSubContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   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-none  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.SubContent.displayName;
-var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
+var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
   const portalContainer = usePortalContainer();
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx24(
     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-none  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
@@ -1006,12 +1256,13 @@ var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...pro
   ) });
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React5.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuItem = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx24(
   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-none px-2 py-1.5 text-sm outline-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      menuItemBase,
       inset && "pl-8",
       className
     ),
@@ -1019,40 +1270,42 @@ var DropdownMenuItem = React5.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React5.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuCheckboxItem = React6.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs6(
   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-none py-1.5 pl-8 pr-2 text-sm outline-none",
+      menuItemBase,
       className
     ),
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx24("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(Check2, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuRadioItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
   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-none py-1.5 pl-8 pr-2 text-sm outline-none",
+      menuItemBase,
       className
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx24("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React5.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuLabel = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx24(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -1065,7 +1318,7 @@ var DropdownMenuLabel = React5.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -1074,8 +1327,8 @@ var DropdownMenuSeparator = React5.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuShortcut = React5.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
+var DropdownMenuShortcut = React6.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx24(
     "span",
     {
       ref,
@@ -1085,27 +1338,36 @@ var DropdownMenuShortcut = React5.forwardRef(({ className, ...props }, ref) => {
   );
 });
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+// src/components/select.tsx
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { cva as cva9 } from "class-variance-authority";
+import { Check as Check3, ChevronDown as ChevronDown2, ChevronUp } from "lucide-react";
+import { forwardRef as forwardRef20 } from "react";
+import { jsx as jsx25, jsxs as jsxs7 } from "react/jsx-runtime";
 function Select({ ...props }) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx25(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+  return /* @__PURE__ */ jsx25(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx25(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
-var selectTriggerVariants = 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 = cva9(
+  // 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-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 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: {
@@ -1113,8 +1375,8 @@ var selectTriggerVariants = cva(
     }
   }
 );
-var SelectTrigger = forwardRef(({ className, size, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs(
+var SelectTrigger = forwardRef20(({ className, size, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs7(
     SelectPrimitive.Trigger,
     {
       ref,
@@ -1123,7 +1385,7 @@ var SelectTrigger = forwardRef(({ className, size, children, ...props }, ref) =>
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ jsx25(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx25(ChevronDown2, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -1136,20 +1398,20 @@ function SelectContent({
   ...props
 }) {
   const portalContainer = usePortalContainer();
-  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx25(SelectPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxs7(
     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-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",
         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__ */ jsx(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx25(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx25(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -1159,7 +1421,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx25(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -1168,7 +1430,7 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx25(
     SelectPrimitive.Label,
     {
       "data-slot": "select-label",
@@ -1182,7 +1444,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs7(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -1192,8 +1454,8 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx25("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(Check3, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx25(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -1202,7 +1464,7 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx25(
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
@@ -1215,7 +1477,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx25(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -1224,7 +1486,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx(ChevronUp, { className: "size-4" })
+      children: /* @__PURE__ */ jsx25(ChevronUp, { className: "size-4" })
     }
   );
 }
@@ -1232,7 +1494,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx25(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -1241,16 +1503,22 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" })
+      children: /* @__PURE__ */ jsx25(ChevronDown2, { className: "size-4" })
     }
   );
 }
-var Sheet = DialogPrimitive.Root;
-var SheetTrigger = DialogPrimitive.Trigger;
-var SheetClose = DialogPrimitive.Close;
-var SheetPortal = DialogPrimitive.Portal;
-var SheetOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Overlay,
+
+// src/components/sheet.tsx
+import * as DialogPrimitive2 from "@radix-ui/react-dialog";
+import { cva as cva10 } from "class-variance-authority";
+import * as React7 from "react";
+import { jsx as jsx26, jsxs as jsxs8 } from "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__ */ jsx26(
+  DialogPrimitive2.Overlay,
   {
     className: cn(
       "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
@@ -1262,16 +1530,16 @@ var SheetOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ref
   }
 ));
-SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var sheetVariants = cva(
+SheetOverlay.displayName = DialogPrimitive2.Overlay.displayName;
+var sheetVariants = cva10(
   "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: {
@@ -1279,12 +1547,12 @@ var sheetVariants = cva(
     }
   }
 );
-var SheetContent = React5.forwardRef(({ side = "right", className, children, ...props }, ref) => {
+var SheetContent = React7.forwardRef(({ side = "right", className, children, ...props }, ref) => {
   const portalContainer = usePortalContainer();
-  return /* @__PURE__ */ jsxs(SheetPortal, { container: portalContainer, children: [
-    /* @__PURE__ */ jsx(SheetOverlay, {}),
-    /* @__PURE__ */ jsx(
-      DialogPrimitive.Content,
+  return /* @__PURE__ */ jsxs8(SheetPortal, { container: portalContainer, children: [
+    /* @__PURE__ */ jsx26(SheetOverlay, {}),
+    /* @__PURE__ */ jsx26(
+      DialogPrimitive2.Content,
       {
         ref,
         "data-slot": "sheet-content",
@@ -1295,11 +1563,11 @@ var SheetContent = React5.forwardRef(({ side = "right", className, children, ...
     )
   ] });
 });
-SheetContent.displayName = DialogPrimitive.Content.displayName;
+SheetContent.displayName = DialogPrimitive2.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx(
+}) => /* @__PURE__ */ jsx26(
   "div",
   {
     className: cn(
@@ -1313,7 +1581,7 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx(
+}) => /* @__PURE__ */ jsx26(
   "div",
   {
     className: cn(
@@ -1324,27 +1592,34 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Title,
+var SheetTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  DialogPrimitive2.Title,
   {
     ref,
     className: cn("text-lg font-semibold text-foreground", className),
     ...props
   }
 ));
-SheetTitle.displayName = DialogPrimitive.Title.displayName;
-var SheetDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Description,
+SheetTitle.displayName = DialogPrimitive2.Title.displayName;
+var SheetDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  DialogPrimitive2.Description,
   {
     ref,
     className: cn("text-sm text-muted-foreground", className),
     ...props
   }
 ));
-SheetDescription.displayName = DialogPrimitive.Description.displayName;
-var Command = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    Command$1,
+SheetDescription.displayName = DialogPrimitive2.Description.displayName;
+
+// src/components/command.tsx
+import * as DialogPrimitive3 from "@radix-ui/react-dialog";
+import { Command as CommandPrimitive } from "cmdk";
+import { Search } from "lucide-react";
+import { forwardRef as forwardRef22 } from "react";
+import { jsx as jsx27, jsxs as jsxs9 } from "react/jsx-runtime";
+var Command = forwardRef22(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+    CommandPrimitive,
     {
       ref,
       className: cn(
@@ -1356,8 +1631,8 @@ var Command = forwardRef(
   )
 );
 Command.displayName = "Command";
-var CommandDialogOverlay = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Overlay,
+var CommandDialogOverlay = forwardRef22(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  DialogPrimitive3.Overlay,
   {
     ref,
     className: cn(
@@ -1373,10 +1648,10 @@ var CommandDialogOverlay = forwardRef(({ className, ...props }, ref) => /* @__PU
 CommandDialogOverlay.displayName = "CommandDialogOverlay";
 var CommandDialog = ({ children, ...props }) => {
   const portalContainer = usePortalContainer();
-  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...props, children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { container: portalContainer, children: [
-    /* @__PURE__ */ jsx(CommandDialogOverlay, {}),
-    /* @__PURE__ */ jsx(
-      DialogPrimitive.Content,
+  return /* @__PURE__ */ jsx27(DialogPrimitive3.Root, { ...props, children: /* @__PURE__ */ jsxs9(DialogPrimitive3.Portal, { container: portalContainer, children: [
+    /* @__PURE__ */ jsx27(CommandDialogOverlay, {}),
+    /* @__PURE__ */ jsx27(
+      DialogPrimitive3.Content,
       {
         "data-slot": "command-content",
         className: cn(
@@ -1395,7 +1670,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-none  border border-border bg-background shadow-xl",
           // Animation
           "duration-200",
           "data-[state=open]:animate-in data-[state=closed]:animate-out",
@@ -1403,20 +1678,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__ */ 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__ */ jsx27(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 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
+var CommandInput = forwardRef22(({ className, ...props }, ref) => /* @__PURE__ */ jsxs9(
   "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__ */ jsx(Search, { className: "mr-3 h-5 w-5 shrink-0 text-muted-foreground" }),
-      /* @__PURE__ */ jsx(
-        Command$1.Input,
+      /* @__PURE__ */ jsx27(Search, { className: "mr-3 h-5 w-5 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsx27(
+        CommandPrimitive.Input,
         {
           ref,
           className: cn(
@@ -1440,8 +1715,8 @@ var CommandInput = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 CommandInput.displayName = "CommandInput";
-var CommandList = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Command$1.List,
+var CommandList = forwardRef22(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  CommandPrimitive.List,
   {
     ref,
     className: cn(
@@ -1455,8 +1730,8 @@ var CommandList = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
   }
 ));
 CommandList.displayName = "CommandList";
-var CommandEmpty = forwardRef((props, ref) => /* @__PURE__ */ jsx(
-  Command$1.Empty,
+var CommandEmpty = forwardRef22((props, ref) => /* @__PURE__ */ jsx27(
+  CommandPrimitive.Empty,
   {
     ref,
     className: "py-8 px-4 text-center text-sm text-muted-foreground",
@@ -1464,8 +1739,8 @@ var CommandEmpty = forwardRef((props, ref) => /* @__PURE__ */ jsx(
   }
 ));
 CommandEmpty.displayName = "CommandEmpty";
-var CommandGroup = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Command$1.Group,
+var CommandGroup = forwardRef22(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  CommandPrimitive.Group,
   {
     ref,
     className: cn(
@@ -1479,8 +1754,8 @@ var CommandGroup = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 CommandGroup.displayName = "CommandGroup";
-var CommandSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Command$1.Separator,
+var CommandSeparator = forwardRef22(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  CommandPrimitive.Separator,
   {
     ref,
     className: cn("h-px bg-border my-2", className),
@@ -1488,8 +1763,8 @@ var CommandSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CommandSeparator.displayName = "CommandSeparator";
-var CommandItem = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Command$1.Item,
+var CommandItem = forwardRef22(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  CommandPrimitive.Item,
   {
     ref,
     className: cn(
@@ -1517,9 +1792,9 @@ var CommandItem = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
   }
 ));
 CommandItem.displayName = "CommandItem";
-var CommandShortcut = forwardRef(
+var CommandShortcut = forwardRef22(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx27(
       "span",
       {
         ref,
@@ -1530,7 +1805,7 @@ var CommandShortcut = forwardRef(
           "text-xs font-mono",
           // Visual
           "text-muted-foreground bg-primary/5",
-          "border border-primary/5 rounded-none",
+          "border border-border rounded-none",
           // Spacing
           "px-1.5 py-0.5",
           className
@@ -1541,7 +1816,13 @@ var CommandShortcut = forwardRef(
   }
 );
 CommandShortcut.displayName = "CommandShortcut";
-var spinnerVariants = cva("animate-spin motion-reduce:animate-none", {
+
+// src/components/spinner.tsx
+import { cva as cva11 } from "class-variance-authority";
+import { Loader2 } from "lucide-react";
+import { forwardRef as forwardRef23 } from "react";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var spinnerVariants = cva11("animate-spin motion-reduce:animate-none", {
   variants: {
     size: {
       sm: "h-4 w-4",
@@ -1553,9 +1834,9 @@ var spinnerVariants = cva("animate-spin motion-reduce:animate-none", {
     size: "md"
   }
 });
-var Spinner = forwardRef(
+var Spinner = forwardRef23(
   ({ size = "md", className, "aria-label": ariaLabel = "Loading", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx28(
       Loader2,
       {
         ref,
@@ -1568,12 +1849,23 @@ var Spinner = forwardRef(
   }
 );
 Spinner.displayName = "Spinner";
+
+// src/components/toaster.tsx
+import {
+  CheckCircle2,
+  AlertCircle,
+  AlertTriangle,
+  XCircle,
+  Loader2 as Loader22
+} from "lucide-react";
+import { toast, Toaster as Sonner } from "sonner";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function Toaster({ theme = "system", ...props }) {
-  return /* @__PURE__ */ jsx(
-    Toaster$1,
+  return /* @__PURE__ */ jsx29(
+    Sonner,
     {
       theme,
-      className: "toaster group !bg-transparent !overflow-visible !z-[9999]",
+      className: "toaster group bg-transparent! overflow-visible! z-[9999]!",
       "data-slot": "toaster",
       toastOptions: {
         classNames: {
@@ -1581,23 +1873,27 @@ function Toaster({ theme = "system", ...props }) {
         }
       },
       icons: {
-        success: /* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4" }),
-        info: /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4" }),
-        warning: /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4" }),
-        error: /* @__PURE__ */ jsx(XCircle, { className: "h-4 w-4" }),
-        loading: /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" })
+        success: /* @__PURE__ */ jsx29(CheckCircle2, { className: "h-4 w-4" }),
+        info: /* @__PURE__ */ jsx29(AlertCircle, { className: "h-4 w-4" }),
+        warning: /* @__PURE__ */ jsx29(AlertTriangle, { className: "h-4 w-4" }),
+        error: /* @__PURE__ */ jsx29(XCircle, { className: "h-4 w-4" }),
+        loading: /* @__PURE__ */ jsx29(Loader22, { 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.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
+
+// src/components/table.tsx
+import * as React8 from "react";
+import { jsx as jsx30 } from "react/jsx-runtime";
+var Table = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx30(
   "table",
   {
     ref,
@@ -1606,9 +1902,16 @@ var Table = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr] :border-b border-primary/5", className), ...props }));
+var TableHeader = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+  "thead",
+  {
+    ref,
+    className: cn("[&_tr]:border-b border-border", className),
+    ...props
+  }
+));
 TableHeader.displayName = "TableHeader";
-var TableBody = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableBody = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   "tbody",
   {
     ref,
@@ -1617,28 +1920,31 @@ var TableBody = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   "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.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableRow = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   "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.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHead = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   "th",
   {
     ref,
@@ -1650,7 +1956,7 @@ var TableHead = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCell = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   "td",
   {
     ref,
@@ -1662,7 +1968,7 @@ var TableCell = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCaption = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   "caption",
   {
     ref,
@@ -1671,6 +1977,10 @@ var TableCaption = React5.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableCaption.displayName = "TableCaption";
+
+// src/components/table-search.tsx
+import { Search as Search2, Loader2 as Loader23, X as X2 } from "lucide-react";
+import { jsx as jsx31, jsxs as jsxs10 } from "react/jsx-runtime";
 function TableSearch({
   value,
   onChange,
@@ -1679,9 +1989,9 @@ function TableSearch({
   isLoading = false,
   inputRef
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "relative w-full max-w-lg", children: [
-    /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs10("div", { className: "relative w-full max-w-lg", children: [
+    /* @__PURE__ */ jsx31(Search2, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+    /* @__PURE__ */ jsx31(
       "input",
       {
         ref: inputRef,
@@ -1690,541 +2000,235 @@ 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-none  border border-border 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__ */ jsxs("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-2", children: [
-      isLoading && /* @__PURE__ */ jsx(Loader2, { className: "w-3.5 h-3.5 text-primary animate-spin" }),
-      value && /* @__PURE__ */ jsx(
+    (value || isLoading) && /* @__PURE__ */ jsxs10("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-2", children: [
+      isLoading && /* @__PURE__ */ jsx31(Loader23, { className: "w-3.5 h-3.5 text-primary animate-spin" }),
+      value && /* @__PURE__ */ jsx31(
         "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-none hover:bg-primary/5",
           "aria-label": "Clear search",
-          children: /* @__PURE__ */ jsx(X, { className: "w-3.5 h-3.5" })
+          children: /* @__PURE__ */ jsx31(X2, { className: "w-3.5 h-3.5" })
         }
       )
     ] })
   ] });
 }
+
+// src/components/table-states.tsx
+import { AlertCircle as AlertCircle2, Loader2 as Loader24, FileQuestion } from "lucide-react";
+import { jsx as jsx32, jsxs as jsxs11 } from "react/jsx-runtime";
 function TableError({
   message = "An error occurred. Please try again."
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx(AlertCircle, { className: "w-4 h-4 shrink-0" }),
-    /* @__PURE__ */ jsx("span", { children: message })
+  return /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx32(AlertCircle2, { className: "w-4 h-4 shrink-0" }),
+    /* @__PURE__ */ jsx32("span", { children: message })
   ] });
 }
 function TableLoading() {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-4 p-12 text-muted-foreground", children: [
-    /* @__PURE__ */ jsx(Loader2, { className: "w-8 h-8 animate-spin text-primary/80" }),
-    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Loading data..." })
+  return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-center justify-center gap-4 p-12 text-muted-foreground", children: [
+    /* @__PURE__ */ jsx32(Loader24, { className: "w-8 h-8 animate-spin text-primary/80" }),
+    /* @__PURE__ */ jsx32("span", { className: "text-sm font-medium", children: "Loading data..." })
   ] });
 }
 function TableEmpty({ message = "No records found" }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-4 p-16 text-center text-muted-foreground", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-none bg-primary/5", children: /* @__PURE__ */ jsx(FileQuestion, { className: "h-6 w-6" }) }),
-    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: message })
+  return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-center justify-center gap-4 p-16 text-center text-muted-foreground", children: [
+    /* @__PURE__ */ jsx32("div", { className: "flex h-12 w-12 items-center justify-center rounded-none bg-primary/5", children: /* @__PURE__ */ jsx32(FileQuestion, { className: "h-6 w-6" }) }),
+    /* @__PURE__ */ jsx32("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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap hidden sm:inline-block", children: "Rows per page" }),
-        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ 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__ */ jsx("option", { value: size, children: size }, size))
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-muted-foreground", children: /* @__PURE__ */ jsx(
-            "svg",
-            {
-              className: "h-3 w-3",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: /* @__PURE__ */ jsx(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M19 9l-7 7-7-7"
-                }
-              )
-            }
-          ) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center -space-x-px", children: [
-        /* @__PURE__ */ 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__ */ jsx(ChevronsLeft, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ 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__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "flex", children: renderPageNumbers(
-          meta.page,
-          meta.totalPages,
-          maxVisiblePages,
-          onPageChange
-        ) }),
-        /* @__PURE__ */ 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__ */ jsx(ChevronRight, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ 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__ */ jsx(ChevronsRight, { className: "h-4 w-4" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "whitespace-nowrap hidden sm:block", children: [
-        "Page ",
-        meta.page + 1,
-        " of ",
-        meta.totalPages
-      ] })
-    ] })
-  ] });
-}
-var GrayBar = ({ className }) => /* @__PURE__ */ jsx(Skeleton, { className });
+
+// src/components/table-skeleton.tsx
+import { Fragment, jsx as jsx33, jsxs as jsxs12 } from "react/jsx-runtime";
+var GrayBar = ({ className }) => /* @__PURE__ */ jsx33(Skeleton, { className });
 var TableSkeleton = ({
   columns = 5,
   rowCount = 8,
   hideWrapper = false,
   hideFooter = false
 }) => {
-  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "border-0 rounded-none shadow-none", children: /* @__PURE__ */ jsxs(Table, { children: [
-      /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: Array.from({ length: columns }).map((_, colIdx) => /* @__PURE__ */ jsx(TableHead, { className: "py-3", children: colIdx === 0 ? /* @__PURE__ */ jsx(GrayBar, { className: "h-4 w-4" }) : colIdx === columns - 1 ? /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded-none" }) }) : colIdx === 1 ? /* @__PURE__ */ jsx(GrayBar, { className: "h-4 w-[70%] max-w-[180px]" }) : /* @__PURE__ */ jsx(GrayBar, { className: "h-4 w-[60%] max-w-[120px]" }) }, `skeleton-header-${colIdx}`)) }) }),
-      /* @__PURE__ */ jsx(TableBody, { children: Array.from({ length: rowCount }).map((_, rowIdx) => /* @__PURE__ */ jsx(TableRow, { className: "border-b border-primary/5", children: Array.from({ length: columns }).map((_2, colIdx) => /* @__PURE__ */ jsx(TableCell, { className: "py-3", children: colIdx === 0 ? /* @__PURE__ */ jsx(GrayBar, { className: "h-4 w-4" }) : colIdx === columns - 1 ? /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 rounded-none" }) }) : colIdx === 1 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "w-9 rounded-none shrink-0" }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 flex-1", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-[120px]" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-[80px]" })
+  const content = /* @__PURE__ */ jsxs12(Fragment, { children: [
+    /* @__PURE__ */ jsx33("div", { className: "border-0 rounded-none shadow-none", children: /* @__PURE__ */ jsxs12(Table, { children: [
+      /* @__PURE__ */ jsx33(TableHeader, { children: /* @__PURE__ */ jsx33(TableRow, { children: Array.from({ length: columns }).map((_, colIdx) => /* @__PURE__ */ jsx33(TableHead, { className: "py-3", children: colIdx === 0 ? /* @__PURE__ */ jsx33(GrayBar, { className: "h-4 w-4" }) : colIdx === columns - 1 ? /* @__PURE__ */ jsx33("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx33(Skeleton, { className: "h-4 w-4 rounded-none" }) }) : colIdx === 1 ? /* @__PURE__ */ jsx33(GrayBar, { className: "h-4 w-[70%] max-w-[180px]" }) : /* @__PURE__ */ jsx33(GrayBar, { className: "h-4 w-[60%] max-w-[120px]" }) }, `skeleton-header-${colIdx}`)) }) }),
+      /* @__PURE__ */ jsx33(TableBody, { children: Array.from({ length: rowCount }).map((_, rowIdx) => /* @__PURE__ */ jsx33(TableRow, { className: "border-b border-border", children: Array.from({ length: columns }).map((_2, colIdx) => /* @__PURE__ */ jsx33(TableCell, { className: "py-3", children: colIdx === 0 ? /* @__PURE__ */ jsx33(GrayBar, { className: "h-4 w-4" }) : colIdx === columns - 1 ? /* @__PURE__ */ jsx33("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx33(Skeleton, { className: "h-8 w-8 rounded-none" }) }) : colIdx === 1 ? /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx33(Skeleton, { className: "w-9 rounded-none shrink-0" }),
+        /* @__PURE__ */ jsxs12("div", { className: "space-y-1.5 flex-1", children: [
+          /* @__PURE__ */ jsx33(Skeleton, { className: "h-4 w-[120px]" }),
+          /* @__PURE__ */ jsx33(Skeleton, { className: "h-3 w-[80px]" })
         ] })
-      ] }) : /* @__PURE__ */ jsx(GrayBar, { className: "h-4 w-[60%] max-w-[120px]" }) }, colIdx)) }, rowIdx)) })
+      ] }) : /* @__PURE__ */ jsx33(GrayBar, { className: "h-4 w-[60%] max-w-[120px]" }) }, colIdx)) }, rowIdx)) })
     ] }) }),
-    !hideFooter && /* @__PURE__ */ jsx("div", { className: "table-footer  border-t border-primary/5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2 py-4 p-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 text-sm", children: /* @__PURE__ */ jsx(GrayBar, { className: "h-4 w-[120px]" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(GrayBar, { className: "h-4 w-20" }),
-          /* @__PURE__ */ jsx(GrayBar, { className: "h-8 w-[70px]" })
+    !hideFooter && /* @__PURE__ */ jsx33("div", { className: "table-footer  border-t border-border", children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between px-2 py-4 p-4", children: [
+      /* @__PURE__ */ jsx33("div", { className: "flex items-center gap-2 text-sm", children: /* @__PURE__ */ jsx33(GrayBar, { className: "h-4 w-[120px]" }) }),
+      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-6", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx33(GrayBar, { className: "h-4 w-20" }),
+          /* @__PURE__ */ jsx33(GrayBar, { className: "h-8 w-[70px]" })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx(GrayBar, { className: "h-8 w-8" }),
-          /* @__PURE__ */ jsx(GrayBar, { className: "h-8 w-8" }),
-          /* @__PURE__ */ jsx(GrayBar, { className: "h-8 w-8" }),
-          /* @__PURE__ */ jsx(GrayBar, { className: "h-8 w-8" }),
-          /* @__PURE__ */ jsx(GrayBar, { className: "h-8 w-8" })
+        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx33(GrayBar, { className: "h-8 w-8" }),
+          /* @__PURE__ */ jsx33(GrayBar, { className: "h-8 w-8" }),
+          /* @__PURE__ */ jsx33(GrayBar, { className: "h-8 w-8" }),
+          /* @__PURE__ */ jsx33(GrayBar, { className: "h-8 w-8" }),
+          /* @__PURE__ */ jsx33(GrayBar, { className: "h-8 w-8" })
         ] }),
-        /* @__PURE__ */ jsx(GrayBar, { className: "h-4 w-[120px]" })
+        /* @__PURE__ */ jsx33(GrayBar, { className: "h-4 w-[120px]" })
       ] })
     ] }) })
   ] });
   if (hideWrapper) {
     return content;
   }
-  return /* @__PURE__ */ jsx("div", { className: "table-wrapper rounded-none  border border-primary/5 bg-card overflow-hidden", children: content });
+  return /* @__PURE__ */ jsx33("div", { className: "table-wrapper rounded-none  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.useMemo(
-    () => columns.filter((col) => !col.hideOnMobile),
-    [columns]
-  );
-  const primaryColumn = React5.useMemo(() => {
-    return visibleMobileColumns.find(
-      (col) => col.key !== "select" && col.key !== "actions"
-    ) || visibleMobileColumns[0];
-  }, [visibleMobileColumns]);
-  const secondaryColumns = React5.useMemo(
-    () => visibleMobileColumns.filter((col) => col.key !== primaryColumn?.key),
-    [visibleMobileColumns, primaryColumn]
-  );
-  React5.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.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.useCallback(
-    (item) => (e) => {
-      if (onRowClick && (e.key === "Enter" || e.key === " ")) {
-        e.preventDefault();
-        handleItemClick(item, e);
-      }
-    },
-    [handleItemClick, onRowClick]
-  );
-  if (data.length === 0) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "p-8 text-center",
-          className
-        ),
-        children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessage })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs("div", { ref, className: cn("w-full", className), children: [
-    /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx(CardHeader, { className: "pb-3", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: primaryColumn.render ? primaryColumn.render(item[primaryColumn.key], item) : String(item[primaryColumn.key]) }) }) : null,
-            secondaryColumns.length > 0 && /* @__PURE__ */ jsx(CardContent, { className: "pb-3", children: /* @__PURE__ */ jsx("dl", { className: "flex flex-col gap-2", children: secondaryColumns.map((column) => /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: "flex items-start justify-between gap-4 text-sm",
-                children: [
-                  !column.hideLabelOnMobile && /* @__PURE__ */ jsxs("dt", { className: "text-muted-foreground min-w-[80px] shrink-0", children: [
-                    column.label,
-                    ":"
-                  ] }),
-                  /* @__PURE__ */ 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__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "table-wrapper hidden md:block overflow-hidden rounded-none  border border-primary/5",
-          tableWrapperClassName
-        ),
-        children: /* @__PURE__ */ jsxs(Table, { "aria-label": ariaLabel || "Data table", children: [
-          /* @__PURE__ */ jsx(TableHeader, { className: "bg-[hsl(var(--table-header-bg))]", children: /* @__PURE__ */ jsx(TableRow, { children: columns.map((column) => /* @__PURE__ */ jsx(
-            TableHead,
-            {
-              className: column.headerClassName,
-              children: column.label
-            },
-            String(column.key)
-          )) }) }),
-          /* @__PURE__ */ jsx(TableBody, { children: data.map((item) => {
-            const primaryValue = primaryColumn ? String(item[primaryColumn.key]) : String(item.id);
-            return /* @__PURE__ */ 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__ */ 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__ */ jsx("div", { className: "table-footer border-t border-primary/5 bg-[hsl(var(--table-header-bg))]", children: footer })
-  ] });
-}
-var ResponsiveTable = React5.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)"
-      }
-    }
-  }
+export {
+  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,
+  CollapsibleContent2 as CollapsibleContent,
+  CollapsibleTrigger2 as 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
 };
-var tailwind_preset_default = uiPreset;
-
-export { 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, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as 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, Input, Label, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalProvider, Progress, RadioGroup, RadioGroupItem, ResponsiveTable, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableEmpty, TableError, TableFooter, TableHead, TableHeader, TableLoading, TablePagination, TableRow, TableSearch, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, avatarVariants, badgeVariants, buttonVariants, cardVariants, cn, dialogContentVariants, inputVariants, progressVariants, selectTriggerVariants, sheetVariants, spinnerVariants, tailwind_preset_default as uiPreset, usePortalContainer };
-//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map