@nextlyhq/ui 0.0.2-alpha.6 → 0.0.2-alpha.60

package/dist/index.mjs

@@ -1,55 +1,56 @@
-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",
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-all duration-150 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-0 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed active:scale-[0.98] [&_svg]:text-current",
   {
     variants: {
       variant: {
         default: "bg-primary text-primary-foreground border border-transparent hover:opacity-90",
         primary: "bg-primary text-primary-foreground border border-transparent hover:opacity-90",
-        destructive: "bg-destructive text-destructive-foreground border border-transparent hover:opacity-90",
-        outline: "border border-primary/10 text-foreground hover-unified bg-background",
-        secondary: "bg-background border border-primary/10 text-foreground hover:bg-primary/5",
+        // Solid fill uses the emphasis token so 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 rather than opacity-90, which would
+        // composite the fill toward the page and drop the label under 4.5:1.
+        // One step, not two: the label is white in light mode and black in
+        // dark, so mixing the fill toward black moves it away from the label in
+        // one mode and into it in the other. `-600` clears both (5.92:1 light,
+        // 5.67:1 dark); `-700` reads at 3.70:1 against the dark label.
+        destructive: "bg-destructive-solid text-destructive-foreground border border-transparent hover:bg-destructive-600",
+        // border-border is the decorative separator token, and it is the right
+        // one here: a button is identified by its label and fill, so its edge
+        // carries no meaning on its own, unlike border-input, which is the
+        // token for controls identified by their boundary (that token is now
+        // below 1.4.11's 3:1 in light mode; see contrast/accepted.ts). It is
+        // still used in preference to a faint primary alpha, which reads as a
+        // tint of the brand colour rather than as an edge.
+        outline: "border border-border text-foreground hover-unified bg-background",
+        secondary: "bg-background border border-border text-foreground hover:bg-primary/5",
         ghost: "text-foreground border border-transparent hover-unified",
         link: "text-primary border border-transparent underline-offset-4 hover:underline"
       },
       size: {
-        default: "h-10 px-6 py-2",
-        sm: "h-9 px-4 text-[13px]",
-        md: "h-10 px-6 text-sm",
-        lg: "h-11 px-8 text-base",
-        icon: "h-10 w-10 p-0",
-        "icon-sm": "h-9 w-9 p-0",
-        "icon-lg": "h-11 w-11 p-0"
+        default: "h-[var(--nx-control-height)] px-6 py-2",
+        sm: "h-[var(--nx-control-height-md)] px-4 text-sm",
+        md: "h-[var(--nx-control-height)] px-6 text-sm",
+        lg: "h-[var(--nx-control-height-lg)] px-8 text-base",
+        icon: "h-[var(--nx-control-height)] w-[var(--nx-control-height)] p-0",
+        "icon-sm": "h-[var(--nx-control-height-md)] w-[var(--nx-control-height-md)] p-0",
+        "icon-lg": "h-[var(--nx-control-height-lg)] w-[var(--nx-control-height-lg)] p-0"
       }
     },
     defaultVariants: {
@@ -68,7 +69,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 +86,30 @@ 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(
+  // `text-foreground` is explicit rather than inherited. Tailwind's preflight
+  // sets `color: inherit` on form controls, so without it the typed value takes
+  // whatever colour an ancestor happens to carry -- muted inside a
+  // `text-muted-foreground` block, red inside a `text-destructive` one. Select
+  // and Textarea have always pinned it; Input was the one control that did not,
+  // and callers were compensating by putting the token on a wrapper.
+  "file:text-foreground text-foreground placeholder:text-muted-foreground placeholder:opacity-50 selection:bg-primary selection:text-primary-foreground w-full min-w-0 rounded-md border border-input bg-background text-sm transition-all duration-150 outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 focus:ring-0 focus:ring-offset-0 focus:outline-none focus:border-primary! focus-visible:border-primary! aria-invalid:border-destructive aria-invalid:focus:border-destructive! data-[invalid=true]:border-destructive data-[invalid=true]:focus:border-destructive!",
   {
     variants: {
       size: {
-        sm: "h-8 px-2.5 py-2 text-sm",
-        default: "h-10 px-3 py-2.5 text-sm",
-        lg: "h-11 px-4 py-3 text-base"
+        // `-md` rather than `-sm`, so that a small input is the same height as
+        // a small button standing beside it in a toolbar or a filter row.
+        // Button's `sm` has always used this step; an input reading `-sm` made
+        // `size="sm"` mean 36px on one control and 32px on another, and a form
+        // row mixing them sat 4px out of line.
+        sm: "h-[var(--nx-control-height-md)] 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 +117,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 +132,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-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground placeholder:opacity-50 transition-all duration-200 focus:border-primary! focus-visible:border-primary! focus:outline-none hover:border-primary disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-primary/5 resize-y",
+        "aria-invalid:border-destructive aria-invalid:focus:border-destructive!",
         className
       ),
       ref,
@@ -131,9 +154,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 +171,135 @@ function Label({ className, ...props }) {
     }
   );
 }
-var badgeVariants = cva(
-  "inline-flex items-center rounded-none px-2.5 py-0.5 h-[22px] text-xs font-medium transition-colors",
+
+// src/components/form-label-with-tooltip.tsx
+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-lg px-3 py-1.5 text-xs shadow-lg  border border-border bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+          className
+        ),
+        ...props
+      }
+    ) })
+  );
+});
+TooltipContent.displayName = 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-xs break-words relative z-[100] shadow-md  border border-border bg-primary text-primary-foreground px-3 py-2 rounded-lg",
+              tooltipClassName
+            ),
+            children: description
+          }
+        )
+      ] }) })
+    ] });
+  }
+);
+FormLabelWithTooltip.displayName = "FormLabelWithTooltip";
+
+// src/components/badge.tsx
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var badgeVariants = cva3(
+  "inline-flex items-center rounded-sm px-2.5 py-0.5 h-[22px] text-xs font-medium transition-colors",
   {
     variants: {
       variant: {
-        default: "bg-primary/5 text-slate-900 dark:bg-slate-800 dark:text-slate-100",
-        primary: "bg-primary/5 text-primary dark:bg-primary/20 dark:text-primary-foreground/90",
-        success: "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-100",
-        warning: "bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-100",
-        destructive: "bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-100",
-        outline: "border !border-primary/5 bg-transparent text-slate-700 dark:text-slate-300 dark:!border-primary/5"
+        // Clear, legible chip in both modes (was bg-primary/5 at ~5% opacity,
+        // which was nearly invisible on dark backgrounds).
+        default: "bg-muted text-foreground",
+        primary: "bg-primary/10 text-primary dark:bg-primary/20",
+        success: "bg-success-100 text-success-700 dark:bg-success-900 dark:text-success-100",
+        warning: "bg-warning-100 text-warning-700 dark:bg-warning-900 dark:text-warning-100",
+        destructive: "bg-destructive-100 text-destructive-700 dark:bg-destructive-900 dark:text-destructive-100",
+        /*
+         * The border colour is NOT important-marked. The base sets no border
+         * colour, so nothing inside this component competes for it — the only
+         * thing a mark could win against is the caller's own class. Seven
+         * outline badges pass one, including a status pill whose comment gives
+         * a 3:1 contrast reason for the colour it asks for, and every one of
+         * them was being overridden without any sign that it had been.
+         */
+        outline: "border border-border bg-transparent text-foreground dark:text-muted-foreground dark:border-border"
       }
     },
     defaultVariants: {
@@ -163,7 +308,7 @@ var badgeVariants = cva(
   }
 );
 function Badge({ className, variant = "default", ...props }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx8(
     "div",
     {
       "data-slot": `badge.${variant}`,
@@ -172,8 +317,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-lg  border border-border   transition-all duration-200",
   {
     variants: {
       variant: {
@@ -187,9 +337,9 @@ var cardVariants = cva(
     }
   }
 );
-var Card = forwardRef(
+var Card = forwardRef6(
   ({ className, variant, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx9(
       "div",
       {
         ref,
@@ -201,16 +351,23 @@ 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",
+          // Mirrors CardFooter: a header that carries its own tint runs the full
+          // width of the card, so at a nonzero --radius it would paint square
+          // across the card's curved top corners. `inherit` takes the parent's
+          // computed radius rather than restating a step. It only helps when the
+          // header is a direct child of the card; a header nested inside another
+          // wrapper inherits that wrapper's radius instead, and such a card needs
+          // `overflow-hidden` to clip the fill.
+          "flex flex-col rounded-t-[inherit] p-4",
+          !noBorder && "border-b border-border",
           className
         ),
         ...props
@@ -219,9 +376,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 +390,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 +404,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 +418,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 +432,21 @@ 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",
+          // The footer's tint runs the full width of the card, so at a nonzero
+          // --radius it would paint square across the card's curved bottom
+          // corners. `inherit` takes the card's own computed radius rather than
+          // restating a step, so a card whose radius is overridden stays
+          // matched, and it can never disagree with the card at any --radius,
+          // including the shipped 0 where `rounded-lg` is 0.
+          "flex items-center px-6 py-4  border-t border-border bg-primary/5 rounded-b-[inherit]",
           className
         ),
         ...props
@@ -292,15 +455,93 @@ 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 RESPONSIVE_COLS = {
+  1: "grid-cols-1",
+  2: "grid-cols-1 @2xl:grid-cols-2",
+  3: "grid-cols-1 @2xl:grid-cols-3",
+  4: "grid-cols-1 @2xl:grid-cols-4",
+  6: "grid-cols-1 @2xl: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, responsive = false, className, children, ...rest }, ref) => {
+    if (!responsive) {
+      return /* @__PURE__ */ jsx10(
+        "div",
+        {
+          ref,
+          className: cn("grid", COLS[cols], GAP[gap], className),
+          ...rest,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx10("div", { ref, className: cn("@container", className), ...rest, children: /* @__PURE__ */ jsx10("div", { className: cn("grid", RESPONSIVE_COLS[cols], GAP[gap]), children }) });
+  }
+);
+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-md  border border-border p-4 text-sm   transition-colors duration-150",
   {
     variants: {
       variant: {
-        info: "border-primary/5 bg-primary/5 text-primary dark:border-primary/30 dark:bg-primary/5 dark:text-primary-foreground/90",
-        success: "border-green-200 bg-green-50 text-green-900 dark:border-green-900 dark:bg-green-950 dark:text-green-100",
-        warning: "border-amber-200 bg-amber-50 text-amber-900 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-100",
-        destructive: "border-red-200 bg-red-50 text-red-900 dark:border-red-900 dark:bg-red-950 dark:text-red-100"
+        // text-primary is mode-correct (dark ink on light in light mode, light
+        // ink on dark in dark mode); the previous dark text override rendered
+        // dark slate on the dark tint at about 1:1.
+        info: "bg-primary/5 text-primary",
+        // dark:border-l-* re-asserts the strong base accent on the left after
+        // the dark:border-*-900 all-sides rule, so the meaningful accent stays
+        // visible in dark mode instead of collapsing to the faint -900 shade.
+        success: "border-success-200 bg-success-50 text-success-900 border-l-4 border-l-success dark:border-success-900 dark:border-l-success dark:bg-success-950 dark:text-success-100",
+        warning: "border-warning-200 bg-warning-50 text-warning-900 border-l-4 border-l-warning dark:border-warning-900 dark:border-l-warning dark:bg-warning-950 dark:text-warning-100",
+        destructive: "border-destructive-200 bg-destructive-50 text-destructive-900 border-l-4 border-l-destructive dark:border-destructive-900 dark:border-l-destructive dark:bg-destructive-950 dark:text-destructive-100"
       }
     },
     defaultVariants: {
@@ -308,9 +549,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 +564,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 +581,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 +595,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,16 +619,20 @@ 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,
         "data-slot": "skeleton",
         "aria-hidden": "true",
         className: cn(
-          "bg-primary/5 animate-pulse rounded-none motion-reduce:animate-none",
+          "bg-primary/5 animate-pulse rounded-md motion-reduce:animate-none",
           className
         ),
         ...props
@@ -392,11 +641,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 +658,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 +669,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,
@@ -425,11 +679,11 @@ var Progress = React5.forwardRef(
         "aria-valuemax": max,
         "aria-label": ariaLabel || `Progress: ${Math.round(percentage)}%`,
         className: cn(
-          "relative h-2 w-full overflow-hidden rounded-none bg-accent",
+          "relative h-2 w-full overflow-hidden rounded-full bg-accent",
           className
         ),
         ...props,
-        children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx14(
           "div",
           {
             className: cn(progressVariants({ variant })),
@@ -444,28 +698,44 @@ 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-control-border, NOT border-input. An
+      // unchecked box has no label, value or focus ring to identify it -- the
+      // border is the whole control -- so it is held to 1.4.11's 3:1, which
+      // border-input deliberately no longer meets. The checked state switches
+      // to border-primary below, keeping the two states distinct.
+      "peer relative h-4 w-4 shrink-0 rounded-sm border border-control-border 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,52 +746,92 @@ 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-control-border, NOT border-input. An
+        // unchecked radio is only its ring, with nothing else to identify it,
+        // so it is held to 1.4.11's 3:1 -- which border-input deliberately no
+        // longer meets. The checked state switches to border-primary below.
+        // rounded-full is fixed rather than derived from --radius: the circle is
+        // what tells the user only one option can be chosen. The thick checked
+        // border leaves a background-coloured core, and because the border's
+        // inner edge is curved too that core reads as a round dot.
+        "peer h-4 w-4 shrink-0 rounded-full border border-control-border 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, { className: "block size-full rounded-full" })
     }
   );
 });
 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-full  border border-border transition-all outline-none focus-visible:border-primary aria-invalid:border-destructive aria-invalid:focus-visible:border-destructive! disabled:cursor-not-allowed disabled:opacity-50",
+        "data-[state=checked]:bg-primary data-[state=checked]:border-primary!",
+        // An unchecked switch is a track and a thumb and nothing else -- no
+        // label inside it, no value, no glyph -- so 1.4.11 applies to both the
+        // track against the page and the thumb against the track. `bg-input`
+        // cannot serve here: it is the FIELD border weight, deliberately below
+        // the minimum, and at that value the pill and its thumb both vanish
+        // into a light page. The control token is the same answer used for the
+        // checkbox and radio boundary, for the same reason.
+        // At full strength in both modes. A `/80` here read as a softening of
+        // the dark track and was in fact a removal of the guarantee the token
+        // carries: composited over the surfaces the switch renders on it
+        // measures 3.02 on the page, 2.94 on a card, 2.85 on a popover or the
+        // sidebar and 2.65 on muted, so three of the four fall under the 3:1
+        // this token exists to hold. Opaque, the same four are 4.23, 4.01,
+        // 3.79 and 3.40.
+        "data-[state=unchecked]:bg-control-border data-[state=unchecked]:border-control-border",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx(
-        Thumb,
+      children: /* @__PURE__ */ jsx17(
+        SwitchThumb,
         {
           "data-slot": "switch-thumb",
           className: cn(
-            "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-none ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+            "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
           )
         }
       )
     }
   );
 }
+
+// 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 +842,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,27 +855,37 @@ 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(
-  "relative inline-flex shrink-0 overflow-hidden rounded-none items-center justify-center bg-primary/5 text-muted-foreground",
+
+// 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-full items-center justify-center bg-primary/5 text-muted-foreground",
   {
     variants: {
       size: {
@@ -593,11 +913,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 +928,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,17 +942,17 @@ 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",
         className: cn(
-          "bg-primary/5 text-muted-foreground flex size-full items-center justify-center rounded-none font-medium",
+          "bg-primary/5 text-muted-foreground flex size-full items-center justify-center rounded-full font-medium",
           textSize,
           className
         ),
@@ -643,83 +963,113 @@ var AvatarFallback = forwardRef(
   }
 );
 AvatarFallback.displayName = "AvatarFallback";
-var Tabs = Root$1;
-var TabsList = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    List,
-    {
-      ref,
-      "data-slot": "tabs-list",
-      className: cn(
-        "inline-flex h-10 items-center justify-center gap-1 rounded-none p-0 text-muted-foreground",
-        className
-      ),
-      ...props
-    }
-  )
+
+// src/components/tabs.tsx
+import { Root as Root7, List, Trigger as Trigger3, Content as Content3 } from "@radix-ui/react-tabs";
+import { cva as cva8 } from "class-variance-authority";
+import { forwardRef as forwardRef15 } from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var Tabs = Root7;
+var TABS_LIST_VARIANTS = {
+  default: "h-10",
+  ghost: "h-8 bg-transparent"
+};
+var tabsListVariants = cva8(
+  // Square corners: underline tabs, so the list never draws a rounded surface.
+  // `gap-1` and `p-0` are invariant across the variants, so they belong here —
+  // repeating them in each arm gives any future adjustment two sites to change
+  // and one to forget.
+  //
+  // The rail the triggers sit on, and it is load-bearing rather than
+  // decoration. Each trigger draws a 2px border on its trailing edge and pulls
+  // itself half a step onto this one: with no rail here, that pull put a 2px
+  // line onto whatever followed the strip in the document, and above a rounded
+  // panel that is the corner curve — a straight bar crossing an 8px arc. The
+  // rail also gives an inactive tab somewhere to be inactive, which is what
+  // makes the active one read as selected rather than as the only tab.
+  //
+  // Which edge is the trailing one depends on orientation, so the rail follows
+  // it. Radix stamps `data-orientation` on the list and on every trigger, so
+  // both halves read the same source and cannot disagree about the axis. A
+  // fixed bottom rail draws a horizontal line beneath a vertical list.
+  "inline-flex items-center justify-center gap-1 rounded-none border-b border-border p-0 text-muted-foreground data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[orientation=vertical]:border-b-0 data-[orientation=vertical]:border-r",
+  {
+    variants: { variant: TABS_LIST_VARIANTS },
+    defaultVariants: { variant: "default" }
+  }
 );
+var TabsList = forwardRef15(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx20(
+  List,
+  {
+    ref,
+    "data-slot": "tabs-list",
+    className: cn(tabsListVariants({ variant }), className),
+    ...props
+  }
+));
 TabsList.displayName = List.displayName;
-var TabsTrigger = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    Trigger,
-    {
-      ref,
-      "data-slot": "tabs-trigger",
-      className: cn(
-        "inline-flex items-center justify-center whitespace-nowrap rounded-none bg-transparent px-4 py-2 text-sm font-medium cursor-pointer transition-all duration-200 border-b-2 relative -mb-0.5 data-[state=active]:!border-b-primary data-[state=active]:text-primary data-[state=inactive]:border-transparent data-[state=inactive]:text-muted-foreground hover:text-primary hover:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/20 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed",
-        className
-      ),
-      ...props
-    }
-  )
+var TABS_TRIGGER_SIZES = {
+  default: "text-sm",
+  sm: "text-xs"
+};
+var tabsTriggerVariants = cva8(
+  // Square corners: the active state is a 2px border on the trailing edge that
+  // has to run the full length of the trigger and stay flush with its ends.
+  //
+  // The active colour is NOT important-marked. Nothing inside this component
+  // competes for it — the inactive arm is mutually exclusive with the active
+  // one — so the only thing an `!` could win against is a caller's class, which
+  // is precisely what a theme supplies. Marking it made the one line under
+  // every selected tab the one line a theme could not restyle, and the failure
+  // read as "the theme did not apply here" rather than as an opt-out.
+  //
+  // The trailing edge is the bottom when the strip is horizontal and the right
+  // when it is vertical, so the indicator, the half-step pull onto the rail and
+  // the active colour all switch axis together off the same `data-orientation`
+  // the list reads. Switching only some of them puts the selection affordance
+  // on one axis and the line it sits on the other.
+  "inline-flex items-center justify-center whitespace-nowrap rounded-none bg-transparent px-4 py-2 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 data-[orientation=vertical]:border-b-0 data-[orientation=vertical]:mb-0 data-[orientation=vertical]:border-r-2 data-[orientation=vertical]:-mr-0.5 data-[orientation=vertical]:data-[state=active]:border-r-primary",
+  {
+    variants: { size: TABS_TRIGGER_SIZES },
+    defaultVariants: { size: "default" }
+  }
 );
-TabsTrigger.displayName = Trigger.displayName;
-var TabsContent = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    Content,
+var TabsTrigger = forwardRef15(({ className, size, ...props }, ref) => /* @__PURE__ */ jsx20(
+  Trigger3,
+  {
+    ref,
+    "data-slot": "tabs-trigger",
+    className: cn(tabsTriggerVariants({ size }), className),
+    ...props
+  }
+));
+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 +1077,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-lg  border border-border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
         className
       ),
       ...props
@@ -735,24 +1085,36 @@ 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 cva9 } 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,
     "data-slot": "dialog-overlay",
     className: cn(
-      "fixed inset-0 z-50 bg-black/80 backdrop-blur-sm transition-opacity duration-150 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      // A modal scrim, from the `--nx-overlay` token rather than a surface
+      // token. A black wash is the point — painting it from `background` would
+      // make it a white veil in light mode — but the alpha still has to differ
+      // per mode, because what it composites over is white in one and mid-tone
+      // in the other.
+      "fixed inset-0 z-50 bg-overlay backdrop-blur-sm transition-opacity duration-150 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     ),
     ...props
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var dialogContentVariants = cva("", {
+var dialogContentVariants = cva9("", {
   variants: {
     size: {
       sm: "max-w-sm",
@@ -766,31 +1128,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-lg duration-150 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
           dialogContentVariants({ size }),
           className
         ),
         ...props,
         children: [
           children,
-          /* @__PURE__ */ 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",
+              className: "absolute right-4 top-4 rounded-md p-1 text-muted-foreground cursor-pointer transition-colors duration-150 hover-unified focus:outline-none focus:ring-2 focus:ring-ring disabled:pointer-events-none disabled:cursor-not-allowed",
               children: [
-                /* @__PURE__ */ 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 +1162,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 +1176,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 +1190,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 +1202,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,31 +1211,43 @@ 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,
     className: cn(
-      "fixed inset-0 z-50 bg-black/80 backdrop-blur-sm transition-opacity duration-150 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      // A modal scrim, from the `--nx-overlay` token rather than a surface
+      // token. A black wash is the point — painting it from `background` would
+      // make it a white veil in light mode — but the alpha still has to differ
+      // per mode, because what it composites over is white in one and mid-tone
+      // in the other.
+      "fixed inset-0 z-50 bg-overlay backdrop-blur-sm transition-opacity duration-150 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     ),
     ...props
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.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-lg duration-150 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
           className
         ),
         ...props
@@ -882,8 +1256,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 +1270,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 +1284,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 +1296,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 +1305,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 +1315,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 +1329,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-sm px-2 py-1.5 text-sm outline-none data-[state=open]:bg-muted data-[state=open]:text-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      menuItemBase,
       inset && "pl-8",
       className
     ),
     ...props,
     children: [
       children,
-      /* @__PURE__ */ 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-lg  border border-border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
       className
     ),
     ...props
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.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-lg  border border-border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
         className
       ),
       ...props
@@ -1006,12 +1388,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-sm px-2 py-1.5 text-sm outline-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      menuItemBase,
       inset && "pl-8",
       className
     ),
@@ -1019,40 +1402,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-sm 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-sm 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 +1450,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 +1459,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 +1470,39 @@ 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 cva10 } 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 = cva10(
+  // hover:border-primary (full strength) keeps the hover boundary more visible
+  // than the resting border-input, not a fainter alpha of it.
+  "flex w-full items-center justify-between gap-2 rounded-md border border-input bg-background px-3 text-sm text-foreground cursor-pointer transition-all duration-150 focus:border-primary! focus-visible:border-primary! focus:outline-none hover:border-primary disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-primary/5 data-[placeholder]:text-muted-foreground aria-[invalid=true]:border-destructive aria-[invalid=true]:focus:border-destructive! [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4",
   {
     variants: {
       size: {
-        sm: "h-8 text-sm",
-        default: "h-10 text-sm",
-        lg: "h-11 text-base"
+        // `-md`, matching Button and Input: one height for one size name. A
+        // select sitting beside a small button in a filter row is the case that
+        // makes a 4px difference visible.
+        sm: "h-[var(--nx-control-height-md)] text-sm",
+        default: "h-[var(--nx-control-height)] text-sm",
+        lg: "h-[var(--nx-control-height-lg)] text-base"
       }
     },
     defaultVariants: {
@@ -1113,8 +1510,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 +1520,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 +1533,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-lg z-9999 max-h-(--radix-select-content-available-height) min-w-32 overflow-hidden data-[state=open]:animate-zoom-in-95 data-[state=closed]:animate-zoom-out-95 data-[side=bottom]:animate-slide-in-from-top-2 data-[side=left]:animate-slide-in-from-right-2 data-[side=right]:animate-slide-in-from-left-2 data-[side=top]:animate-slide-in-from-bottom-2",
         position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         className
       ),
       position,
       ...props,
       children: [
-        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx25(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx25(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -1159,7 +1556,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx25(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -1168,7 +1565,7 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx25(
     SelectPrimitive.Label,
     {
       "data-slot": "select-label",
@@ -1182,18 +1579,18 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs7(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
       className: cn(
-        "relative flex w-full cursor-pointer items-center gap-2 rounded-none py-2 pr-8 pl-2 text-sm text-foreground outline-none select-none transition-colors hover-unified focus:bg-primary/5 focus:text-primary data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4",
+        "relative flex w-full cursor-pointer items-center gap-2 rounded-sm py-2 pr-8 pl-2 text-sm text-foreground outline-none select-none transition-colors hover-unified focus:bg-primary/5 focus:text-primary data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4",
         className
       ),
       ...props,
       children: [
-        /* @__PURE__ */ 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 +1599,7 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx25(
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
@@ -1215,7 +1612,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx25(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -1224,7 +1621,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx(ChevronUp, { className: "size-4" })
+      children: /* @__PURE__ */ jsx25(ChevronUp, { className: "size-4" })
     }
   );
 }
@@ -1232,7 +1629,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx25(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -1241,19 +1638,32 @@ 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 cva11 } from "class-variance-authority";
+import * as React7 from "react";
+import { jsx as jsx26, jsxs as jsxs8 } from "react/jsx-runtime";
+var SheetModalContext = React7.createContext(true);
+var Sheet = ({ modal = true, children, ...props }) => /* @__PURE__ */ jsx26(SheetModalContext.Provider, { value: modal, children: /* @__PURE__ */ jsx26(DialogPrimitive2.Root, { modal, ...props, children }) });
+Sheet.displayName = "Sheet";
+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",
+      // A modal scrim, from the `--nx-overlay` token rather than a surface
+      // token. A black wash is the point — painting it from `background` would
+      // make it a white veil in light mode — but the alpha still has to differ
+      // per mode, because what it composites over is white in one and mid-tone
+      // in the other.
+      "fixed inset-0 z-50 bg-overlay backdrop-blur-sm",
       "data-[state=open]:animate-in data-[state=closed]:animate-out",
       "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
@@ -1262,16 +1672,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 = cva11(
   "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 +1689,13 @@ 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,
+  const modal = React7.useContext(SheetModalContext);
+  return /* @__PURE__ */ jsxs8(SheetPortal, { container: portalContainer, children: [
+    modal ? /* @__PURE__ */ jsx26(SheetOverlay, {}) : null,
+    /* @__PURE__ */ jsx26(
+      DialogPrimitive2.Content,
       {
         ref,
         "data-slot": "sheet-content",
@@ -1295,11 +1706,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 +1724,7 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx(
+}) => /* @__PURE__ */ jsx26(
   "div",
   {
     className: cn(
@@ -1324,31 +1735,38 @@ 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, defaultFilter } 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(
-        "flex h-full w-full flex-col overflow-hidden rounded-none bg-background text-foreground",
+        "flex h-full w-full flex-col overflow-hidden rounded-lg bg-background text-foreground",
         className
       ),
       ...props
@@ -1356,12 +1774,17 @@ 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(
-      "fixed inset-0 z-[99] bg-black/80 backdrop-blur-sm",
+      // A modal scrim, from the `--nx-overlay` token rather than a surface
+      // token. A black wash is the point — painting it from `background` would
+      // make it a white veil in light mode — but the alpha still has to differ
+      // per mode, because what it composites over is white in one and mid-tone
+      // in the other.
+      "fixed inset-0 z-[99] bg-overlay backdrop-blur-sm",
       "data-[state=open]:animate-in data-[state=closed]:animate-out",
       "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       "transition-opacity duration-200",
@@ -1371,13 +1794,19 @@ var CommandDialogOverlay = forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandDialogOverlay.displayName = "CommandDialogOverlay";
-var CommandDialog = ({ children, ...props }) => {
+var CommandDialog = ({
+  children,
+  commandProps,
+  contentProps,
+  ...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,
       {
+        ...contentProps,
         "data-slot": "command-content",
         className: cn(
           // Position
@@ -1395,7 +1824,7 @@ var CommandDialog = ({ children, ...props }) => {
           "m-4 sm:m-0",
           // 16px margin on mobile, no margin on desktop
           // Visual
-          "overflow-hidden rounded-none  border border-primary/5 bg-background shadow-xl",
+          "overflow-hidden rounded-lg  border border-border bg-background shadow-xl",
           // Animation
           "duration-200",
           "data-[state=open]:animate-in data-[state=closed]:animate-out",
@@ -1403,20 +1832,32 @@ 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,
+          {
+            ...commandProps,
+            className: cn(
+              "[&_[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",
+              // Merged rather than overridden: a caller passing `className` for its own reason
+              // would otherwise silently drop every layout rule this dialog depends on.
+              commandProps?.className
+            ),
+            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 +1881,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 +1896,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 +1905,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 +1920,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 +1929,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(
@@ -1501,7 +1942,7 @@ var CommandItem = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
       // Spacing
       "px-3 py-2.5",
       // Visual
-      "rounded-none text-base sm:text-sm outline-none",
+      "rounded-sm text-base sm:text-sm outline-none",
       // Transitions
       "transition-all duration-200 ease-(--ease-premium)",
       // Hover state - shared dashboard hover treatment
@@ -1517,9 +1958,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 +1971,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-md",
           // Spacing
           "px-1.5 py-0.5",
           className
@@ -1541,7 +1982,14 @@ var CommandShortcut = forwardRef(
   }
 );
 CommandShortcut.displayName = "CommandShortcut";
-var spinnerVariants = cva("animate-spin motion-reduce:animate-none", {
+var commandDefaultFilter = defaultFilter;
+
+// src/components/spinner.tsx
+import { cva as cva12 } 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 = cva12("animate-spin motion-reduce:animate-none", {
   variants: {
     size: {
       sm: "h-4 w-4",
@@ -1553,9 +2001,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 +2016,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 +2040,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 +2069,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 +2087,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 +2123,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 +2135,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 +2144,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 +2156,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 +2167,2112 @@ function TableSearch({
         value,
         onChange: (e) => onChange(e.target.value),
         "aria-busy": isLoading,
-        className: "h-10 w-full rounded-none  border border-primary/5 bg-background pl-10 pr-10 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 transition-all"
+        className: "h-10 w-full rounded-md  border border-input bg-background pl-10 pr-10 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 transition-all"
       }
     ),
-    (value || isLoading) && /* @__PURE__ */ 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-md 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 })
-  ] });
-}
-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
-      ] })
-    ] })
+  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-md bg-primary/5", children: /* @__PURE__ */ jsx32(FileQuestion, { className: "h-6 w-6" }) }),
+    /* @__PURE__ */ jsx32("span", { className: "text-sm font-medium", children: message })
   ] });
 }
-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-sm" }) }) : 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-md" }) }) : colIdx === 1 ? /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx33(Skeleton, { className: "w-9 rounded-md 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", 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-md  border border-border bg-card overflow-hidden", children: content });
 };
 TableSkeleton.displayName = "TableSkeleton";
-function ResponsiveTableInner({
-  data,
-  columns,
-  onRowClick,
-  renderMobileCard,
-  className,
-  emptyMessage = "No results found.",
-  ariaLabel,
-  tableWrapperClassName,
-  footer
-}, ref) {
-  const visibleMobileColumns = React5.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(
+
+// src/components/color-picker.tsx
+import { Pipette } from "lucide-react";
+import * as React9 from "react";
+
+// src/lib/color/convert.ts
+var clamp01 = (n) => n < 0 ? 0 : n > 1 ? 1 : n;
+function normalizeHue(hue) {
+  if (!Number.isFinite(hue)) return 0;
+  const wrapped = hue % 360;
+  return wrapped < 0 ? wrapped + 360 : wrapped;
+}
+function hsvToRgb({ h, s, v }) {
+  const hue = normalizeHue(h);
+  const sat = clamp01(s);
+  const val = clamp01(v);
+  const sector = hue / 60;
+  const chroma = val * sat;
+  const x = chroma * (1 - Math.abs(sector % 2 - 1));
+  const base = val - chroma;
+  let rgb;
+  if (sector < 1) rgb = [chroma, x, 0];
+  else if (sector < 2) rgb = [x, chroma, 0];
+  else if (sector < 3) rgb = [0, chroma, x];
+  else if (sector < 4) rgb = [0, x, chroma];
+  else if (sector < 5) rgb = [x, 0, chroma];
+  else rgb = [chroma, 0, x];
+  return { r: rgb[0] + base, g: rgb[1] + base, b: rgb[2] + base };
+}
+function rgbToHsv({ r, g, b }) {
+  const red = clamp01(r);
+  const green = clamp01(g);
+  const blue = clamp01(b);
+  const max = Math.max(red, green, blue);
+  const min = Math.min(red, green, blue);
+  const chroma = max - min;
+  let hue = 0;
+  if (chroma !== 0) {
+    if (max === red) hue = (green - blue) / chroma % 6;
+    else if (max === green) hue = (blue - red) / chroma + 2;
+    else hue = (red - green) / chroma + 4;
+    hue *= 60;
+  }
+  return {
+    h: normalizeHue(hue),
+    s: max === 0 ? 0 : chroma / max,
+    v: max
+  };
+}
+
+// src/lib/color/hex.ts
+var HEX = /^#?(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+var clamp012 = (n) => n < 0 ? 0 : n > 1 ? 1 : n;
+function pair(channel) {
+  const value = Number.isFinite(channel) ? clamp012(channel) : 0;
+  return Math.round(value * 255).toString(16).padStart(2, "0");
+}
+function parseHex(input) {
+  const text = input.trim();
+  if (!HEX.test(text)) return null;
+  const digits = text.replace("#", "");
+  const short = digits.length < 6;
+  const size = short ? 1 : 2;
+  const channel = (index) => {
+    const slice = digits.slice(index * size, index * size + size);
+    return parseInt(short ? slice + slice : slice, 16) / 255;
+  };
+  const hasAlpha = digits.length === 4 || digits.length === 8;
+  return {
+    r: channel(0),
+    g: channel(1),
+    b: channel(2),
+    alpha: hasAlpha ? channel(3) : 1
+  };
+}
+function toHex(color, alpha = 1) {
+  const opacity = Number.isFinite(alpha) ? clamp012(alpha) : 1;
+  const opaque = `#${pair(color.r)}${pair(color.g)}${pair(color.b)}`;
+  return opacity === 1 ? opaque : `${opaque}${pair(opacity)}`;
+}
+
+// src/lib/color/picker-geometry.ts
+var clamp013 = (n) => n < 0 ? 0 : n > 1 ? 1 : n;
+function pointOnSurface(clientX, clientY, rect) {
+  return {
+    x: rect.width === 0 ? 0 : clamp013((clientX - rect.left) / rect.width),
+    y: rect.height === 0 ? 0 : clamp013((clientY - rect.top) / rect.height)
+  };
+}
+function saturationValueAt(point) {
+  return { s: clamp013(point.x), v: 1 - clamp013(point.y) };
+}
+function surfacePointFor(s, v) {
+  return { x: clamp013(s), y: 1 - clamp013(v) };
+}
+function hueAt(fraction) {
+  const hue = clamp013(fraction) * 360;
+  return hue >= 360 ? 0 : hue;
+}
+function huePosition(hue) {
+  const wrapped = (hue % 360 + 360) % 360;
+  return wrapped / 360;
+}
+function hueSliderValue(hue, max) {
+  const step = Math.round(huePosition(hue) * (max + 1));
+  return step > max ? max : step;
+}
+
+// src/components/color-picker.tsx
+import { Fragment as Fragment2, jsx as jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
+function toHsva(hex) {
+  const parsed = parseHex(hex);
+  if (!parsed) return { h: 0, s: 0, v: 0, a: 1 };
+  const { r, g, b, alpha } = parsed;
+  return { ...rgbToHsv({ r, g, b }), a: alpha };
+}
+function toHexString(hsva, withAlpha) {
+  return toHex(hsvToRgb(hsva), withAlpha ? hsva.a : 1);
+}
+var HUE_MAX = 359;
+function hsvaFrom(color, alpha, currentHue) {
+  const hsv = rgbToHsv(color);
+  return { ...hsv, h: hsv.s === 0 ? currentHue : hsv.h, a: alpha };
+}
+var SLIDER = "h-3 w-full cursor-pointer appearance-none rounded-full";
+var CHECKERBOARD = "repeating-conic-gradient(#c8c8c8 0% 25%, #ffffff 0% 50%)";
+function eyeDropperSupported() {
+  return typeof window !== "undefined" && "EyeDropper" in window;
+}
+function ColorPicker({
+  color,
+  onColorChange,
+  swatches = [],
+  onSwatchSelect,
+  recentColors = [],
+  showAlpha = false,
+  className
+}) {
+  const fieldId = React9.useId();
+  const surfaceRef = React9.useRef(null);
+  const [hsva, setHsva] = React9.useState(() => toHsva(color));
+  const [draftHex, setDraftHex] = React9.useState(null);
+  const rendered = toHexString(hsva, showAlpha);
+  React9.useEffect(() => {
+    const incoming = parseHex(color);
+    if (incoming && toHex(incoming, showAlpha ? incoming.alpha : 1) !== rendered) {
+      setHsva((prev) => hsvaFrom(incoming, incoming.alpha, prev.h));
+    }
+  }, [color, rendered, showAlpha]);
+  const commit = (next) => {
+    setHsva(next);
+    setDraftHex(null);
+    onColorChange(toHexString(next, showAlpha));
+  };
+  const trackPointer = (event) => {
+    const rect = surfaceRef.current?.getBoundingClientRect();
+    if (!rect) return;
+    const { s, v } = saturationValueAt(
+      pointOnSurface(event.clientX, event.clientY, rect)
+    );
+    commit({ ...hsva, s, v });
+  };
+  const nudge = (ds, dv) => {
+    const { s, v } = saturationValueAt(
+      surfacePointFor(hsva.s + ds, hsva.v + dv)
+    );
+    commit({ ...hsva, s, v });
+  };
+  const handleSurfaceKey = (event) => {
+    const step = event.shiftKey ? 0.1 : 0.01;
+    const moves = {
+      ArrowLeft: [-step, 0],
+      ArrowRight: [step, 0],
+      ArrowUp: [0, step],
+      ArrowDown: [0, -step]
+    };
+    const move = moves[event.key];
+    if (!move) return;
+    event.preventDefault();
+    nudge(move[0], move[1]);
+  };
+  const [canPickFromScreen, setCanPickFromScreen] = React9.useState(false);
+  React9.useEffect(() => {
+    setCanPickFromScreen(eyeDropperSupported());
+  }, []);
+  const handle = surfacePointFor(hsva.s, hsva.v);
+  const hueOnly = toHex(hsvToRgb({ h: hsva.h, s: 1, v: 1 }));
+  const pickFromScreen = async () => {
+    const ctor = window.EyeDropper;
+    if (!ctor) return;
+    let sampled;
+    try {
+      sampled = (await new ctor().open()).sRGBHex;
+    } catch {
+      return;
+    }
+    const parsed = parseHex(sampled);
+    if (parsed) commit(hsvaFrom(parsed, hsva.a, hsva.h));
+  };
+  return /* @__PURE__ */ jsxs13("div", { className: cn("w-64 space-y-3", className), children: [
+    /* @__PURE__ */ jsx34(
       "div",
       {
-        ref,
-        className: cn(
-          "p-8 text-center",
-          className
-        ),
-        children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessage })
+        ref: surfaceRef,
+        role: "application",
+        tabIndex: 0,
+        "aria-label": `Saturation and brightness: ${Math.round(hsva.s * 100)}% saturation, ${Math.round(hsva.v * 100)}% brightness. Arrow keys adjust.`,
+        className: "ring-offset-background focus-visible:ring-ring relative h-40 w-full cursor-crosshair touch-none rounded-md focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
+        style: {
+          backgroundColor: hueOnly,
+          // Value on TOP of saturation. CSS paints the first layer nearest the
+          // viewer, so the reverse order lets the opaque white end of the
+          // saturation ramp cover the black end of the value ramp: the
+          // bottom-left corner displays white while selecting black.
+          backgroundImage: "linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent)"
+        },
+        onKeyDown: handleSurfaceKey,
+        onPointerDown: (event) => {
+          event.currentTarget.setPointerCapture(event.pointerId);
+          trackPointer(event);
+        },
+        onPointerMove: (event) => {
+          if (event.buttons === 1) trackPointer(event);
+        },
+        children: /* @__PURE__ */ jsx34(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "pointer-events-none absolute size-3 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-white shadow-sm ring-1 ring-black/60",
+            style: { left: `${handle.x * 100}%`, top: `${handle.y * 100}%` }
+          }
+        )
       }
-    );
+    ),
+    /* @__PURE__ */ jsx34("label", { className: "sr-only", htmlFor: `${fieldId}-hue`, children: "Hue" }),
+    /* @__PURE__ */ jsx34(
+      "input",
+      {
+        id: `${fieldId}-hue`,
+        type: "range",
+        min: 0,
+        max: HUE_MAX,
+        step: 1,
+        value: hueSliderValue(hsva.h, HUE_MAX),
+        onChange: (event) => commit({ ...hsva, h: hueAt(+event.target.value / (HUE_MAX + 1)) }),
+        className: SLIDER,
+        style: {
+          backgroundImage: "linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)"
+        }
+      }
+    ),
+    showAlpha && /* @__PURE__ */ jsxs13(Fragment2, { children: [
+      /* @__PURE__ */ jsx34("label", { className: "sr-only", htmlFor: `${fieldId}-alpha`, children: "Opacity" }),
+      /* @__PURE__ */ jsx34(
+        "input",
+        {
+          id: `${fieldId}-alpha`,
+          type: "range",
+          min: 0,
+          max: 100,
+          step: 1,
+          value: Math.round(hsva.a * 100),
+          onChange: (event) => commit({ ...hsva, a: +event.target.value / 100 }),
+          className: SLIDER,
+          style: {
+            // The ramp runs to the colour being edited, over a chequerboard,
+            // so the track shows what the slider actually controls. Without
+            // any background this rendered as a blank 12px strip whose only
+            // label was screen-reader-only.
+            backgroundImage: `linear-gradient(to right, transparent, ${toHexString({ ...hsva, a: 1 }, false)}), ${CHECKERBOARD}`,
+            backgroundSize: "100% 100%, 8px 8px"
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx34("label", { className: "sr-only", htmlFor: `${fieldId}-hex`, children: "Hex colour" }),
+      /* @__PURE__ */ jsx34(
+        Input,
+        {
+          id: `${fieldId}-hex`,
+          className: "font-mono",
+          value: draftHex ?? rendered,
+          onChange: (event) => {
+            const text = event.target.value;
+            setDraftHex(text);
+            const parsed = parseHex(text);
+            if (parsed) {
+              setHsva(hsvaFrom(parsed, parsed.alpha, hsva.h));
+              onColorChange(toHex(parsed, showAlpha ? parsed.alpha : 1));
+            }
+          },
+          onBlur: () => setDraftHex(null)
+        }
+      ),
+      canPickFromScreen && /* @__PURE__ */ jsx34(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "icon",
+          "aria-label": "Pick a colour from the screen",
+          onClick: () => void pickFromScreen(),
+          children: /* @__PURE__ */ jsx34(Pipette, { className: "size-4" })
+        }
+      )
+    ] }),
+    swatches.length > 0 && /* @__PURE__ */ jsxs13("div", { children: [
+      /* @__PURE__ */ jsx34("p", { className: "text-muted-foreground mb-1 text-xs", children: "Presets" }),
+      /* @__PURE__ */ jsx34("div", { className: "flex flex-wrap gap-1", children: swatches.map((swatch) => /* @__PURE__ */ jsx34(
+        "button",
+        {
+          type: "button",
+          title: swatch.label,
+          "aria-label": swatch.label,
+          className: "size-6 rounded border shadow-sm",
+          style: { backgroundColor: swatch.color },
+          onClick: () => onSwatchSelect?.(swatch)
+        },
+        swatch.id
+      )) })
+    ] }),
+    recentColors.length > 0 && /* @__PURE__ */ jsxs13("div", { children: [
+      /* @__PURE__ */ jsx34("p", { className: "text-muted-foreground mb-1 text-xs", children: "Recent" }),
+      /* @__PURE__ */ jsx34("div", { className: "flex flex-wrap gap-1", children: recentColors.map((recent) => /* @__PURE__ */ jsx34(
+        "button",
+        {
+          type: "button",
+          title: recent,
+          "aria-label": recent,
+          className: "size-6 rounded border shadow-sm",
+          style: { backgroundColor: recent },
+          onClick: () => {
+            const parsed = parseHex(recent);
+            if (parsed) commit(hsvaFrom(parsed, parsed.alpha, hsva.h));
+          }
+        },
+        recent
+      )) })
+    ] })
+  ] });
+}
+
+// src/components/context-menu.tsx
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import { Check as Check4, ChevronRight as ChevronRight2, Circle as Circle2 } from "lucide-react";
+import * as React10 from "react";
+import { jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
+var menuItemBase2 = "cursor-pointer transition-colors data-[highlighted]:bg-muted data-[highlighted]:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
+var menuSurface = "z-50 max-h-[var(--radix-context-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-lg border border-border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 origin-[--radix-context-menu-content-transform-origin]";
+var ContextMenu = ContextMenuPrimitive.Root;
+var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+var ContextMenuGroup = ContextMenuPrimitive.Group;
+var ContextMenuSub = ContextMenuPrimitive.Sub;
+var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
+var ContextMenuSubTrigger = React10.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
+  ContextMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none data-[state=open]:bg-muted [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      menuItemBase2,
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx35(ChevronRight2, { className: "ml-auto" })
+    ]
+  }
+));
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
+var ContextMenuSubContent = React10.forwardRef(({ className, ...props }, ref) => {
+  const portalContainer = usePortalContainer();
+  return /* @__PURE__ */ jsx35(ContextMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx35(
+    ContextMenuPrimitive.SubContent,
+    {
+      ref,
+      className: cn(menuSurface, className),
+      ...props
+    }
+  ) });
+});
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
+var ContextMenuContent = React10.forwardRef(({ className, ...props }, ref) => {
+  const portalContainer = usePortalContainer();
+  return /* @__PURE__ */ jsx35(ContextMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx35(
+    ContextMenuPrimitive.Content,
+    {
+      ref,
+      className: cn(menuSurface, className),
+      ...props
+    }
+  ) });
+});
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
+var ContextMenuItem = React10.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx35(
+  ContextMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      menuItemBase2,
+      inset && "pl-8",
+      className
+    ),
+    ...props
   }
-  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(
+));
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
+var ContextMenuCheckboxItem = React10.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs14(
+  ContextMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
+      menuItemBase2,
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx35("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx35(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx35(Check4, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
+var ContextMenuRadioItem = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
+  ContextMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
+      menuItemBase2,
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx35("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx35(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx35(Circle2, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
+var ContextMenuLabel = React10.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx35(
+  ContextMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold text-foreground",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
+var ContextMenuSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+  ContextMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-border", className),
+    ...props
+  }
+));
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
+var ContextMenuShortcut = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx35(
+  "span",
+  {
+    className: cn(
+      "ml-auto text-xs tracking-widest text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+);
+ContextMenuShortcut.displayName = "ContextMenuShortcut";
+
+// src/components/resizable.tsx
+import { GripVertical } from "lucide-react";
+import * as ResizablePrimitive from "react-resizable-panels";
+import { jsx as jsx36, jsxs as jsxs15 } from "react/jsx-runtime";
+var ResizablePanelGroup = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx36(
+  ResizablePrimitive.Group,
+  {
+    className: cn("h-full w-full", className),
+    ...props
+  }
+);
+var ResizablePanel = ResizablePrimitive.Panel;
+var ResizableHandle = ({
+  withGrip,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxs15(
+  ResizablePrimitive.Separator,
+  {
+    className: cn(
+      // The drawn line is 1px; the element around it is wider and transparent, so the pointer
+      // target is comfortably larger than what it appears to grab (WCAG 2.5.8).
+      "relative flex items-center justify-center bg-border",
+      // Keyed off `aria-orientation`, which is what the separator actually carries, and read as
+      // the ARIA spec defines it: the attribute describes the SEPARATOR, not the group. A
+      // horizontal group puts its panels side by side, so its separator is a vertical line.
+      "aria-[orientation=vertical]:w-px aria-[orientation=horizontal]:h-px",
+      "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background",
+      // Reachable without precision pointing, without drawing a heavier divider: the hit area
+      // grows across the line, so a vertical line widens and a horizontal one deepens.
+      "after:absolute after:inset-0",
+      "aria-[orientation=vertical]:after:-inset-x-1 aria-[orientation=horizontal]:after:-inset-y-1",
+      className
+    ),
+    ...props,
+    children: [
+      withGrip ? /* @__PURE__ */ jsx36("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border border-border bg-border", children: /* @__PURE__ */ jsx36(GripVertical, { className: "h-2.5 w-2.5 text-muted-foreground" }) }) : null,
+      children
+    ]
+  }
+);
+
+// src/components/tree-view.tsx
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { ChevronRight as ChevronRight3 } from "lucide-react";
+import * as React11 from "react";
+import { jsx as jsx37, jsxs as jsxs16 } from "react/jsx-runtime";
+var ROW_HEIGHT = 28;
+var INDENT_PER_LEVEL = 12;
+function textOf(node) {
+  if (typeof node.textValue === "string") return node.textValue;
+  return typeof node.label === "string" ? node.label : "";
+}
+function flatten(nodes, expanded) {
+  const rows = [];
+  const pending = [{ list: nodes, index: 0, level: 0 }];
+  while (pending.length > 0) {
+    const frame = pending[pending.length - 1];
+    if (frame === void 0 || frame.index >= frame.list.length) {
+      pending.pop();
+      continue;
+    }
+    const node = frame.list[frame.index];
+    const posInSet = frame.index;
+    frame.index += 1;
+    if (node === void 0) continue;
+    const hasChildren = node.children !== void 0;
+    rows.push({
+      node,
+      level: frame.level,
+      setSize: frame.list.length,
+      posInSet,
+      parentId: frame.parentId,
+      hasChildren
+    });
+    if (hasChildren && expanded.has(node.id)) {
+      pending.push({
+        list: node.children ?? [],
+        index: 0,
+        level: frame.level + 1,
+        parentId: node.id
+      });
+    }
+  }
+  return rows;
+}
+function useControllable(controlled, fallback) {
+  const [uncontrolled, setUncontrolled] = React11.useState(fallback);
+  return [
+    controlled === void 0 ? uncontrolled : controlled,
+    setUncontrolled
+  ];
+}
+var TreeView = React11.forwardRef(
+  ({
+    nodes,
+    expandedIds,
+    defaultExpandedIds,
+    onExpandedChange,
+    selectedId,
+    defaultSelectedId,
+    onSelectedChange,
+    className,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    ...props
+  }, forwardedRef) => {
+    const scrollRef = React11.useRef(null);
+    const attachScroll = React11.useCallback(
+      (node) => {
+        scrollRef.current = node;
+        if (typeof forwardedRef === "function") forwardedRef(node);
+        else if (forwardedRef !== null && forwardedRef !== void 0) {
+          forwardedRef.current = node;
+        }
+      },
+      [forwardedRef]
+    );
+    const [expandedState, setExpandedState] = useControllable(
+      expandedIds === void 0 ? void 0 : [...expandedIds],
+      [...defaultExpandedIds ?? []]
+    );
+    const expanded = React11.useMemo(
+      () => new Set(expandedIds ?? expandedState),
+      [expandedIds, expandedState]
+    );
+    const [selected, setSelected] = useControllable(
+      selectedId === void 0 ? void 0 : selectedId,
+      defaultSelectedId ?? null
+    );
+    const rows = React11.useMemo(
+      () => flatten(nodes, expanded),
+      [nodes, expanded]
+    );
+    const [activeId, setActiveId] = React11.useState(null);
+    const activeIndex = Math.max(
+      0,
+      rows.findIndex((row) => row.node.id === (activeId ?? selected))
+    );
+    const virtualizer = useVirtualizer({
+      count: rows.length,
+      getScrollElement: () => scrollRef.current,
+      estimateSize: () => ROW_HEIGHT,
+      overscan: 8
+    });
+    const commitExpanded = (next) => {
+      const ids = [...next];
+      if (expandedIds === void 0) setExpandedState(ids);
+      onExpandedChange?.(ids);
+    };
+    const setExpansion = (id, open) => {
+      const next = new Set(expanded);
+      if (open) next.add(id);
+      else next.delete(id);
+      commitExpanded(next);
+    };
+    const choose = (id) => {
+      if (selectedId === void 0) setSelected(id);
+      onSelectedChange?.(id);
+    };
+    const focusRow = (index) => {
+      const row = rows[index];
+      if (row === void 0) return;
+      setActiveId(row.node.id);
+      virtualizer.scrollToIndex(index, { align: "auto" });
+      requestAnimationFrame(() => {
+        const element = scrollRef.current?.querySelector(
+          `[data-tree-index="${index}"]`
+        );
+        element?.focus();
+      });
+    };
+    const step = (from, delta) => {
+      for (let index = from + delta; index >= 0 && index < rows.length; index += delta) {
+        if (rows[index]?.node.disabled !== true) return index;
+      }
+      return from;
+    };
+    const typeahead = React11.useRef({ query: "", at: 0 });
+    const onKeyDown = (event) => {
+      const index = activeIndex;
+      const row = rows[index];
+      if (row === void 0) return;
+      switch (event.key) {
+        case "ArrowDown":
+          event.preventDefault();
+          focusRow(step(index, 1));
+          return;
+        case "ArrowUp":
+          event.preventDefault();
+          focusRow(step(index, -1));
+          return;
+        case "ArrowRight":
+          event.preventDefault();
+          if (row.hasChildren && !expanded.has(row.node.id)) {
+            setExpansion(row.node.id, true);
+          } else if (row.hasChildren) {
+            for (let child = index + 1; child < rows.length && (rows[child]?.level ?? 0) > row.level; child += 1) {
+              if (rows[child]?.parentId === row.node.id && rows[child]?.node.disabled !== true) {
+                focusRow(child);
+                break;
+              }
+            }
+          }
+          return;
+        case "ArrowLeft":
+          event.preventDefault();
+          if (row.hasChildren && expanded.has(row.node.id)) {
+            setExpansion(row.node.id, false);
+          } else if (row.parentId !== void 0) {
+            let ancestor = row.parentId;
+            while (ancestor !== void 0) {
+              const at = rows.findIndex(
+                (candidate) => candidate.node.id === ancestor
+              );
+              if (at < 0) break;
+              if (rows[at]?.node.disabled !== true) {
+                focusRow(at);
+                break;
+              }
+              ancestor = rows[at]?.parentId;
+            }
+          }
+          return;
+        case "Home":
+          event.preventDefault();
+          focusRow(rows[0]?.node.disabled === true ? step(0, 1) : 0);
+          return;
+        case "End": {
+          event.preventDefault();
+          const last = rows.length - 1;
+          focusRow(rows[last]?.node.disabled === true ? step(last, -1) : last);
+          return;
+        }
+        case "Enter":
+        case " ":
+          event.preventDefault();
+          if (row.node.disabled !== true) choose(row.node.id);
+          return;
+        case "*": {
+          event.preventDefault();
+          const next = new Set(expanded);
+          for (const sibling of rows) {
+            if (sibling.parentId === row.parentId && sibling.hasChildren) {
+              next.add(sibling.node.id);
+            }
+          }
+          commitExpanded(next);
+          return;
+        }
+        default:
+          break;
+      }
+      if (event.key.length !== 1 || event.metaKey || event.ctrlKey || event.altKey) {
+        return;
+      }
+      event.preventDefault();
+      const now = Date.now();
+      const state = typeahead.current;
+      state.query = now - state.at > 500 ? event.key : state.query + event.key;
+      state.at = now;
+      const query = state.query.toLowerCase();
+      for (let offset = 1; offset <= rows.length; offset += 1) {
+        const candidate = rows[(index + offset) % rows.length];
+        if (candidate === void 0 || candidate.node.disabled === true)
+          continue;
+        if (textOf(candidate.node).toLowerCase().startsWith(query)) {
+          focusRow(rows.indexOf(candidate));
+          return;
+        }
+      }
+    };
+    const virtualItems = virtualizer.getVirtualItems();
+    const usable = (index) => rows[index]?.node.disabled !== true;
+    const tabStopIndex = virtualItems.some((item) => item.index === activeIndex) && usable(activeIndex) ? activeIndex : virtualItems.find((item) => usable(item.index))?.index ?? -1;
+    return /* @__PURE__ */ jsx37(
+      "div",
+      {
+        ref: attachScroll,
+        className: cn("overflow-auto", className),
+        ...props,
+        children: /* @__PURE__ */ jsx37(
           "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
-        );
+            role: "tree",
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledBy,
+            "aria-describedby": ariaDescribedBy,
+            onKeyDown,
+            style: { height: virtualizer.getTotalSize(), position: "relative" },
+            children: virtualItems.map((item) => {
+              const row = rows[item.index];
+              if (row === void 0) return null;
+              const isSelected = selected === row.node.id;
+              return /* @__PURE__ */ jsxs16(
+                "div",
+                {
+                  "data-tree-index": item.index,
+                  role: "treeitem",
+                  "aria-level": row.level + 1,
+                  "aria-setsize": row.setSize,
+                  "aria-posinset": row.posInSet + 1,
+                  "aria-selected": isSelected,
+                  "aria-expanded": row.hasChildren ? expanded.has(row.node.id) : void 0,
+                  "aria-disabled": row.node.disabled === true ? true : void 0,
+                  tabIndex: item.index === tabStopIndex ? 0 : -1,
+                  onFocus: () => setActiveId(row.node.id),
+                  onClick: () => {
+                    if (row.node.disabled === true) return;
+                    setActiveId(row.node.id);
+                    choose(row.node.id);
+                  },
+                  className: cn(
+                    "absolute left-0 flex w-full select-none items-center gap-1 rounded-sm pr-2 text-sm outline-none",
+                    "focus-visible:ring-1 focus-visible:ring-ring",
+                    row.node.disabled === true ? "pointer-events-none opacity-50" : "cursor-pointer",
+                    isSelected ? "bg-muted text-foreground" : "hover:bg-muted/50"
+                  ),
+                  style: {
+                    height: item.size,
+                    transform: `translateY(${item.start}px)`,
+                    paddingLeft: 4 + row.level * INDENT_PER_LEVEL
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx37(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: "flex size-4 shrink-0 items-center justify-center",
+                        onClick: (event) => {
+                          if (!row.hasChildren) return;
+                          event.stopPropagation();
+                          setExpansion(row.node.id, !expanded.has(row.node.id));
+                        },
+                        children: row.hasChildren ? /* @__PURE__ */ jsx37(
+                          ChevronRight3,
+                          {
+                            className: cn(
+                              "size-3.5 text-muted-foreground transition-transform",
+                              expanded.has(row.node.id) && "rotate-90"
+                            )
+                          }
+                        ) : null
+                      }
+                    ),
+                    row.node.icon !== void 0 ? /* @__PURE__ */ jsx37("span", { className: "flex size-4 shrink-0 items-center justify-center text-muted-foreground", children: row.node.icon }) : null,
+                    /* @__PURE__ */ jsx37("span", { className: "truncate", children: row.node.label })
+                  ]
+                },
+                row.node.id
+              );
+            })
+          }
+        )
+      }
+    );
+  }
+);
+TreeView.displayName = "TreeView";
+
+// src/components/slider.tsx
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import * as React12 from "react";
+
+// src/lib/dev-warn.ts
+var emitted = /* @__PURE__ */ new Set();
+var SPEAKING_ENVIRONMENTS = /* @__PURE__ */ new Set(["development", "test"]);
+function isDevelopmentRuntime() {
+  if (typeof process === "undefined") return false;
+  const env = process?.env?.NODE_ENV;
+  return env !== void 0 && SPEAKING_ENVIRONMENTS.has(env);
+}
+function devWarnOnce(condition, message) {
+  if (condition) return;
+  if (!isDevelopmentRuntime()) return;
+  if (emitted.has(message)) return;
+  emitted.add(message);
+  console.warn(`[@nextlyhq/ui] ${message}`);
+}
+
+// src/components/slider.tsx
+import { jsx as jsx38, jsxs as jsxs17 } from "react/jsx-runtime";
+function thumbCount(value, defaultValue) {
+  return Math.max(1, value?.length ?? defaultValue?.length ?? 1);
+}
+function hasAccessibleName(value) {
+  return value !== void 0 && value.trim() !== "";
+}
+var Slider = React12.forwardRef(
+  ({
+    className,
+    value,
+    defaultValue,
+    thumbs,
+    orientation = "horizontal",
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    ...props
+  }, ref) => {
+    const initialUncontrolledCount = React12.useRef(
+      thumbCount(void 0, defaultValue)
+    ).current;
+    const count = value?.length ?? initialUncontrolledCount;
+    const isEmptyDefault = defaultValue !== void 0 && defaultValue.length === 0;
+    const isEmptyControlled = value !== void 0 && value.length === 0;
+    devWarnOnce(
+      !isEmptyDefault && !isEmptyControlled,
+      "Slider: `value`/`defaultValue` must hold one number per thumb, and an empty array holds none \u2014 the control has nothing to slide. An empty `defaultValue` falls back to `min`; an empty `value` renders nothing at all, because a controlled slider cannot be given a value without taking state the caller owns. Render nothing until the value is loaded rather than passing `[]`."
+    );
+    if (isEmptyControlled) return null;
+    const isNamed = (index) => {
+      const own = thumbs?.[index];
+      if (hasAccessibleName(own?.["aria-label"])) return true;
+      if (hasAccessibleName(own?.["aria-labelledby"])) return true;
+      return count === 1 && (hasAccessibleName(ariaLabel) || hasAccessibleName(ariaLabelledBy));
+    };
+    devWarnOnce(
+      Array.from({ length: count }).every((_, i) => isNamed(i)),
+      "Slider: every thumb needs an accessible name. A single thumb may take it from the root's `aria-label`/`aria-labelledby`; a range needs one `thumbs` entry per thumb, because the root's name is not inherited and two thumbs sharing one name are announced identically."
+    );
+    const ariaFor = (index) => {
+      const supplied = thumbs?.[index] ?? {};
+      const ownLabel = hasAccessibleName(supplied["aria-label"]) ? supplied["aria-label"] : void 0;
+      const ownLabelledBy = hasAccessibleName(supplied["aria-labelledby"]) ? supplied["aria-labelledby"] : void 0;
+      if (count !== 1) {
+        return {
+          ...supplied,
+          "aria-label": ownLabel,
+          "aria-labelledby": ownLabelledBy
+        };
       }
-      return /* @__PURE__ */ jsxs(
-        Card,
+      const namesItself = ownLabel !== void 0 || ownLabelledBy !== void 0;
+      return {
+        "aria-label": namesItself ? ownLabel : ariaLabel,
+        "aria-labelledby": namesItself ? ownLabelledBy : ariaLabelledBy,
+        "aria-valuetext": supplied["aria-valuetext"],
+        "aria-describedby": supplied["aria-describedby"]
+      };
+    };
+    const isVertical = orientation === "vertical";
+    return (
+      // `aria-label`/`aria-labelledby` are destructured out above rather than
+      // spread here: left on the root they would be a second, roleless copy
+      // of a name only the thumb is read for.
+      /* @__PURE__ */ jsxs17(
+        SliderPrimitive.Root,
         {
-          variant: onRowClick ? "interactive" : "default",
+          ref,
           className: cn(
-            onRowClick && "cursor-pointer",
-            "transition-all duration-150"
+            "relative flex touch-none select-none items-center",
+            // WCAG 2.5.8 wants a 24px target. Padding alone does not reach it: the
+            // thumb is absolutely positioned, so the cross-axis size is the 6px
+            // track plus the padding — 22px with `py-2`. An explicit minimum
+            // states the target rather than leaving it to arithmetic that moves
+            // whenever the track thickness does.
+            isVertical ? (
+              // A vertical slider needs a LENGTH, and it cannot inherit one:
+              // `h-full` inside an auto-height parent resolves to zero, leaving
+              // a control with no track to drag along. A concrete default is
+              // usable everywhere and, being a plain utility, is replaced by a
+              // caller's own `h-*` — including `h-full`, for the fill-the-parent
+              // case this default gives up.
+              "h-44 min-w-6 flex-col px-2"
+            ) : "min-h-6 w-full py-2",
+            "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+            className
           ),
-          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,
+          orientation,
+          value,
+          defaultValue: isEmptyDefault ? void 0 : defaultValue,
+          ...props,
           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,
+            /* @__PURE__ */ jsx38(
+              SliderPrimitive.Track,
               {
                 className: cn(
-                  "hover-unified-table-row",
-                  onRowClick && "cursor-pointer"
+                  "bg-secondary relative grow overflow-hidden rounded-full",
+                  isVertical ? "h-full w-1.5" : "h-1.5 w-full"
                 ),
-                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,
+                children: /* @__PURE__ */ jsx38(
+                  SliderPrimitive.Range,
                   {
-                    className: column.cellClassName,
-                    children: column.render ? column.render(item[column.key], item) : String(item[column.key])
-                  },
-                  String(column.key)
-                ))
+                    className: cn(
+                      "bg-primary absolute",
+                      isVertical ? "w-full" : "h-full"
+                    )
+                  }
+                )
+              }
+            ),
+            Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx38(
+              SliderPrimitive.Thumb,
+              {
+                ...ariaFor(i),
+                className: cn(
+                  "border-primary bg-background block h-4 w-4 rounded-full border-2",
+                  "ring-offset-background transition-colors",
+                  "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2",
+                  "focus-visible:ring-offset-2",
+                  "disabled:pointer-events-none disabled:opacity-50"
+                )
               },
-              item.id
-            );
-          }) })
-        ] })
-      }
-    ),
-    footer && /* @__PURE__ */ jsx("div", { className: "table-footer border-t border-primary/5 bg-[hsl(var(--table-header-bg))]", children: footer })
-  ] });
+              i
+            ))
+          ]
+        }
+      )
+    );
+  }
+);
+Slider.displayName = SliderPrimitive.Root.displayName;
+
+// src/lib/shortcuts/react.tsx
+import * as React13 from "react";
+
+// src/lib/shortcuts/key-spec.ts
+function normalizeKey(key) {
+  return [...key].length === 1 ? key.toLowerCase() : key;
+}
+function shiftIsMeaningful(key) {
+  if (key.length > 1) return true;
+  if (key === " ") return true;
+  return /[\p{L}\p{N}]/u.test(key);
+}
+function parseKeys(spec) {
+  const steps = spec.trim().split(/\s+/).filter(Boolean);
+  if (steps.length === 0) {
+    throw new Error(`Shortcut spec is empty: ${JSON.stringify(spec)}`);
+  }
+  return steps.map((step) => parseChord(step, spec));
+}
+function parseChord(step, spec) {
+  const trailingPlusIsKey = step.length > 2 && step.endsWith("++");
+  const body = trailingPlusIsKey ? step.slice(0, -1) : step;
+  const parts = step === "+" ? ["+"] : body.split("+").filter(Boolean);
+  let mod = false;
+  let ctrl = false;
+  let meta = false;
+  let alt = false;
+  let shift = false;
+  let key;
+  for (const raw of parts) {
+    switch (raw.toLowerCase()) {
+      case "mod":
+        mod = true;
+        break;
+      case "ctrl":
+      case "control":
+        ctrl = true;
+        break;
+      case "meta":
+      case "cmd":
+      case "command":
+        meta = true;
+        break;
+      case "alt":
+      case "option":
+        alt = true;
+        break;
+      case "shift":
+        shift = true;
+        break;
+      case "space":
+        key = " ";
+        break;
+      default:
+        if (key !== void 0) {
+          throw new Error(
+            `Shortcut step "${step}" names two keys ("${key}" and "${raw}") in ${JSON.stringify(spec)}`
+          );
+        }
+        key = raw;
+    }
+  }
+  if (trailingPlusIsKey) {
+    if (key !== void 0) {
+      throw new Error(
+        `Shortcut step has more than one key: ${JSON.stringify(step)} in ${JSON.stringify(spec)}`
+      );
+    }
+    key = "+";
+  }
+  if (key === void 0) {
+    throw new Error(
+      `Shortcut step "${step}" names modifiers but no key, in ${JSON.stringify(spec)}`
+    );
+  }
+  return { key: normalizeKey(key), mod, ctrl, meta, alt, shift };
+}
+function chordMatches(chord, key, state, isApple) {
+  if (normalizeKey(key) !== chord.key) return false;
+  const wantsCtrl = chord.ctrl || chord.mod && !isApple;
+  const wantsMeta = chord.meta || chord.mod && isApple;
+  if (state.metaKey !== wantsMeta) return false;
+  const altGraph = state.getModifierState?.("AltGraph") ?? false;
+  const synthetic = altGraph && [...chord.key].length === 1 && !wantsCtrl && !chord.alt;
+  if (!synthetic) {
+    if (state.ctrlKey !== wantsCtrl) return false;
+    if (state.altKey !== chord.alt) return false;
+  }
+  if (shiftIsMeaningful(chord.key) && state.shiftKey !== chord.shift)
+    return false;
+  return true;
+}
+function detectApplePlatform() {
+  if (typeof navigator === "undefined") return false;
+  const candidate = navigator;
+  const platform = candidate.userAgentData?.platform ?? navigator.platform ?? "";
+  return /mac|iphone|ipad|ipod/i.test(platform);
 }
-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))"
+// src/lib/shortcuts/manager.ts
+var DEFAULT_SEQUENCE_TIMEOUT_MS = 1e3;
+function signature(event) {
+  return event.code || event.key;
+}
+function eventTarget(event) {
+  const path = event.composedPath?.();
+  return path && path.length > 0 ? path[0] ?? null : event.target;
+}
+function asElement(target) {
+  if (target === null || typeof target !== "object") return null;
+  const node = target;
+  if (node.nodeType !== 1 || typeof node.tagName !== "string") return null;
+  return target;
+}
+function inputType(element) {
+  if (element.tagName !== "INPUT") return "";
+  const value = element.type;
+  return typeof value === "string" ? value.toLowerCase() : "";
+}
+function controlOwnsKey(target, event) {
+  if (event.ctrlKey || event.metaKey || event.altKey) return false;
+  const element = asElement(target);
+  if (!element) return false;
+  const tag = element.tagName;
+  const type = inputType(element);
+  if (tag === "BUTTON" || type === "button" || type === "submit" || type === "reset" || type === "image") {
+    return event.key === " " || event.key === "Enter";
+  }
+  if (tag === "A" && element.getAttribute("href") !== null) {
+    return event.key === "Enter";
+  }
+  if (tag === "SUMMARY") return event.key === " " || event.key === "Enter";
+  if (type === "checkbox") return event.key === " ";
+  if (type === "color") return event.key === " " || event.key === "Enter";
+  if (type === "file") return event.key === " " || event.key === "Enter";
+  if (type === "range") {
+    return event.key.startsWith("Arrow") || RANGE_KEYS.has(event.key);
+  }
+  if (type === "radio") {
+    return event.key === " " || event.key.startsWith("Arrow");
+  }
+  return false;
+}
+function isTypingTarget(target) {
+  const element = asElement(target);
+  if (!element) return false;
+  if (element.isContentEditable) return true;
+  const tag = element.tagName;
+  if (tag === "TEXTAREA") return true;
+  if (tag === "SELECT") return true;
+  if (tag === "INPUT") {
+    return !NON_TEXT_INPUT_TYPES.has(inputType(element));
+  }
+  const role = element.getAttribute("role");
+  return role !== null && TYPE_AHEAD_ROLES.has(role);
+}
+var NON_TEXT_INPUT_TYPES = /* @__PURE__ */ new Set([
+  "button",
+  "checkbox",
+  "color",
+  "file",
+  "hidden",
+  "image",
+  "radio",
+  "range",
+  "reset",
+  "submit"
+]);
+function firesWhileTyping(prepared) {
+  const explicit = prepared.binding.whenTyping;
+  if (explicit !== void 0) return explicit;
+  const first = prepared.keys[0];
+  if (first === void 0) return false;
+  return first.mod || first.ctrl || first.meta || first.alt || first.key === "Escape";
+}
+function createShortcutManager(options = {}) {
+  const isApple = options.isApple ?? detectApplePlatform();
+  const sequenceTimeoutMs = options.sequenceTimeoutMs ?? DEFAULT_SEQUENCE_TIMEOUT_MS;
+  const now = options.now ?? (() => Date.now());
+  const layers = /* @__PURE__ */ new Set();
+  let nextSequence = 0;
+  let pendingAt = null;
+  let pendingLayer = null;
+  const consumedPresses = /* @__PURE__ */ new Map();
+  let pendingKey = null;
+  function layerShape(bindings, options2) {
+    const keys = bindings.map((b) => b.binding.keys).join("\0");
+    return `${keys}
${options2.depth}
${options2.priority ?? 0}
${options2.blocking === true}
${options2.enabled !== false}`;
+  }
+  function blocking() {
+    return ordered().some((layer) => layer.options.blocking === true);
+  }
+  function abandonSequence() {
+    pendingAt = null;
+    pressedEvents.length = 0;
+    pendingLayer = null;
+    pendingKey = null;
+  }
+  function prepare(bindings) {
+    return bindings.map((binding) => ({
+      binding,
+      keys: parseKeys(binding.keys)
+    }));
+  }
+  function ordered() {
+    return [...layers].filter((layer) => layer.options.enabled !== false).sort(
+      (a, b) => (b.options.priority ?? 0) - (a.options.priority ?? 0) || b.options.depth - a.options.depth || b.sequence - a.sequence
+    );
+  }
+  function matchDepth(prepared, pressed) {
+    if (pressed.length > prepared.keys.length) return "none";
+    for (let i = 0; i < pressed.length; i++) {
+      const chord = prepared.keys[i];
+      const event = pressed[i];
+      if (chord === void 0 || event === void 0) return "none";
+      if (!chordMatches(chord, event.key, event, isApple)) return "none";
+    }
+    return pressed.length === prepared.keys.length ? "exact" : "prefix";
+  }
+  function fire(prepared, event, invoke) {
+    if (prepared.binding.preventDefault !== false) event.preventDefault();
+    if (invoke) prepared.binding.run(event);
+  }
+  function insertsText(event, typing) {
+    if (event.key === "Tab")
+      return !event.ctrlKey && !event.metaKey && !event.altKey;
+    if (!typing) return false;
+    const altGraph = event.getModifierState?.("AltGraph") ?? false;
+    if (!altGraph && (event.ctrlKey || event.metaKey)) {
+      const letter = event.key.length === 1 ? event.key.toLowerCase() : event.key;
+      if (letter === "z" && event.shiftKey) return !event.altKey;
+      if (letter === REDO_LETTER)
+        return !isApple && !event.shiftKey && !event.altKey;
+      if (EDITING_NAVIGATION.has(event.key)) return !event.altKey || isApple;
+      if (event.shiftKey || event.altKey) return false;
+      return EDITING_LETTERS.has(letter);
+    }
+    if (!altGraph && event.altKey) {
+      if ((event.key === "ArrowDown" || event.key === "ArrowUp") && asElement(eventTarget(event))?.tagName === "SELECT") {
+        return true;
+      }
+      if (!isApple) return false;
+      if (EDITING_NAVIGATION.has(event.key)) return true;
+    }
+    if (event.key === "Dead" || event.key === "Process") return true;
+    if ([...event.key].length === 1) return true;
+    if (AMBIGUOUS_KEYS.has(event.key)) return targetOwnsAmbiguousKey(event);
+    return FIELD_KEYS.has(event.key);
+  }
+  function offer(pressed, event, typing, invoke) {
+    for (const layer of ordered()) {
+      const mayMatch = pressed.length <= 1 || pendingLayer === null || layer === pendingLayer;
+      if (mayMatch) {
+        let prefixed = false;
+        for (const prepared of layer.bindings) {
+          if (typing && !firesWhileTyping(prepared)) continue;
+          if (prepared.binding.when && !prepared.binding.when()) continue;
+          const depth = matchDepth(prepared, pressed);
+          if (depth === "exact") {
+            fire(prepared, event, invoke);
+            return "fired";
+          }
+          if (depth === "prefix") prefixed = true;
         }
-      },
-      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)" }
+        if (prefixed) {
+          pendingLayer = layer;
+          event.preventDefault();
+          return "pending";
+        }
+      }
+      if (layer.options.blocking) return "blocked";
+    }
+    return "none";
+  }
+  function warnOnPrefixConflicts(prepared, layerName) {
+    const resolved = (chord) => {
+      const ctrl = chord.ctrl || chord.mod && !isApple;
+      const meta = chord.meta || chord.mod && isApple;
+      const shift = shiftIsMeaningful(chord.key) ? chord.shift : false;
+      return `${chord.key}\0${ctrl}${meta}${chord.alt}${shift}`;
+    };
+    const sameChord = (a, b) => resolved(a) === resolved(b);
+    for (const short of prepared) {
+      for (const long of prepared) {
+        if (short === long || short.keys.length >= long.keys.length) continue;
+        if (short.binding.when !== void 0) continue;
+        if (!firesWhileTyping(short) && firesWhileTyping(long)) continue;
+        if (short.keys.every((chord, i) => sameChord(chord, long.keys[i]))) {
+          devWarnOnce(
+            false,
+            `shortcuts: in layer "${layerName}", "${short.binding.keys}" is a prefix of "${long.binding.keys}", so the longer one can never fire. Bind one or the other.`
+          );
+        }
+      }
+    }
+  }
+  const watchers = /* @__PURE__ */ new Set();
+  let snapshot = null;
+  function computeSnapshot() {
+    return ordered().flatMap(
+      (layer) => layer.bindings.map((prepared) => ({
+        keys: prepared.binding.keys,
+        description: prepared.binding.description,
+        layer: layer.options.name
+      }))
+    );
+  }
+  function sameShortcuts(a, b) {
+    return a.length === b.length && a.every(
+      (entry, index) => entry.keys === b[index]?.keys && entry.description === b[index]?.description && entry.layer === b[index]?.layer
+    );
+  }
+  function changed() {
+    const previous = snapshot;
+    snapshot = null;
+    if (watchers.size === 0) return;
+    const next = computeSnapshot();
+    if (previous && sameShortcuts(previous, next)) {
+      snapshot = previous;
+      return;
+    }
+    snapshot = next;
+    for (const watcher of watchers) watcher();
+  }
+  const pressedEvents = [];
+  function runOffer(pressed, event, typing) {
+    try {
+      return offer(pressed, event, typing, true);
+    } catch (error) {
+      abandonSequence();
+      consumedPresses.delete(signature(event));
+      throw error;
+    }
+  }
+  function handle(event) {
+    if (typeof event.key !== "string") return false;
+    if (event.defaultPrevented) {
+      abandonSequence();
+      return true;
+    }
+    if (event.isComposing) {
+      abandonSequence();
+      return true;
+    }
+    if (MODIFIER_KEYS.has(event.key)) return blocking();
+    if (controlOwnsKey(eventTarget(event), event)) {
+      abandonSequence();
+      return true;
+    }
+    const typing = isTypingTarget(eventTarget(event));
+    if (event.repeat) {
+      if (pendingKey !== signature(event)) {
+        abandonSequence();
+      }
+      const held = consumedPresses.get(signature(event));
+      if (held) {
+        if (held.prevented) {
+          event.preventDefault();
+        } else {
+          const still = offer([event], event, typing, false);
+          if (still !== "fired" && !insertsText(event, typing)) {
+            event.preventDefault();
+          }
+        }
+        return true;
+      }
+      const repeated = offer([event], event, typing, false);
+      if (repeated === "blocked" && !insertsText(event, typing)) {
+        event.preventDefault();
+      }
+      return repeated !== "none";
+    }
+    if (pendingAt !== null && now() - pendingAt > sequenceTimeoutMs) {
+      abandonSequence();
+    }
+    pressedEvents.push(event);
+    let outcome = runOffer(pressedEvents, event, typing);
+    if (pressedEvents.length > 1 && (outcome === "none" || outcome === "blocked")) {
+      abandonSequence();
+      pressedEvents.push(event);
+      outcome = runOffer(pressedEvents, event, typing);
+    }
+    if (outcome === "pending") {
+      pendingAt = now();
+      pendingKey = signature(event);
+      consumedPresses.set(signature(event), {
+        prevented: event.defaultPrevented
+      });
+      return true;
+    }
+    abandonSequence();
+    if (outcome === "blocked") {
+      if (!insertsText(event, typing)) event.preventDefault();
+    }
+    const consumed = outcome === "fired" || outcome === "blocked";
+    if (consumed) {
+      consumedPresses.set(signature(event), {
+        prevented: event.defaultPrevented
+      });
+    } else {
+      consumedPresses.delete(signature(event));
+    }
+    return consumed;
+  }
+  return {
+    register(bindings, layerOptions) {
+      const prepared = prepare(bindings);
+      const layer = {
+        options: layerOptions,
+        bindings: prepared,
+        sequence: nextSequence++,
+        shape: layerShape(prepared, layerOptions)
+      };
+      warnOnPrefixConflicts(layer.bindings, layerOptions.name);
+      layers.add(layer);
+      changed();
+      return {
+        update(nextBindings, nextOptions) {
+          layer.bindings = prepare(nextBindings);
+          layer.options = nextOptions;
+          warnOnPrefixConflicts(layer.bindings, nextOptions.name);
+          const shape = layerShape(layer.bindings, nextOptions);
+          const shapeChanged = shape !== layer.shape;
+          layer.shape = shape;
+          if (shapeChanged && pendingLayer === layer) abandonSequence();
+          changed();
         },
-        "accordion-up": {
-          from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: "0" }
+        dispose() {
+          layers.delete(layer);
+          changed();
+          if (pendingLayer === layer) abandonSequence();
         }
-      },
-      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)"
+      };
+    },
+    handle,
+    attach(target) {
+      const listener = (event) => {
+        try {
+          if (handle(event)) event.stopPropagation();
+        } catch (error) {
+          event.stopPropagation();
+          throw error;
+        }
+      };
+      target.addEventListener("keydown", listener);
+      return () => {
+        target.removeEventListener("keydown", listener);
+        abandonSequence();
+        consumedPresses.clear();
+      };
+    },
+    subscribe(onChange) {
+      watchers.add(onChange);
+      return () => {
+        watchers.delete(onChange);
+      };
+    },
+    activeBindings() {
+      if (snapshot) return snapshot;
+      snapshot = computeSnapshot();
+      return snapshot;
+    }
+  };
+}
+var MODIFIER_KEYS = /* @__PURE__ */ new Set([
+  "Control",
+  "Meta",
+  "Alt",
+  "Shift",
+  // A dedicated AltGraph key reports its own keydown before the character-producing one. Without
+  // it here, pressing AltGraph mid-sequence abandons the sequence before the character that would
+  // have completed it ever arrives.
+  "AltGraph"
+]);
+var TYPE_AHEAD_ROLES = /* @__PURE__ */ new Set([
+  "textbox",
+  "combobox",
+  "listbox",
+  // The focused element inside an open listbox is the OPTION, and it is what the event reports;
+  // the listbox itself is only its ancestor.
+  "option",
+  "menu",
+  "menuitem",
+  "menuitemcheckbox",
+  "menuitemradio"
+]);
+var RANGE_KEYS = /* @__PURE__ */ new Set(["Home", "End", "PageUp", "PageDown"]);
+var EDITING_LETTERS = /* @__PURE__ */ new Set(["a", "c", "v", "x", "z"]);
+var REDO_LETTER = "y";
+var EDITING_NAVIGATION = /* @__PURE__ */ new Set([
+  "Insert",
+  "ArrowLeft",
+  "ArrowRight",
+  "ArrowUp",
+  "ArrowDown",
+  "Home",
+  "End",
+  "Backspace",
+  "Delete"
+]);
+var AMBIGUOUS_KEYS = /* @__PURE__ */ new Set(["Enter", "PageUp", "PageDown"]);
+function targetOwnsAmbiguousKey(event) {
+  const element = asElement(eventTarget(event));
+  if (element === null) return false;
+  const multiline = element.tagName === "TEXTAREA" || element.isContentEditable;
+  if (event.key === "Enter") return multiline;
+  return multiline || element.tagName === "SELECT";
+}
+var FIELD_KEYS = /* @__PURE__ */ new Set([
+  "Backspace",
+  "Delete",
+  "ArrowUp",
+  "ArrowDown",
+  "ArrowLeft",
+  "ArrowRight",
+  "Home",
+  "End",
+  // Shift+Insert pastes and carries no ctrl or meta, so it arrives here rather than at the
+  // chord branch where Ctrl+Insert is recognised.
+  "Insert",
+  // Tab moves focus, and a blocking layer must NOT take it. The documented case for blocking is
+  // a modal, whose focus trap only calls `preventDefault()` at the first and last tabbable
+  // element — ordinary moves between the controls inside it rely on the browser default.
+  // Suppressing every Tab therefore pinned focus to one control in exactly the situation
+  // blocking exists to serve. A layer that genuinely wants Tab binds it.
+  "Tab"
+]);
+
+// src/lib/shortcuts/react.tsx
+import { jsx as jsx39 } from "react/jsx-runtime";
+var ShortcutContext = React13.createContext(null);
+var ownersByTarget = /* @__PURE__ */ new WeakMap();
+var useIsomorphicLayoutEffect = typeof document === "undefined" ? React13.useEffect : React13.useLayoutEffect;
+function optionsFingerprint(options) {
+  return [
+    options.isApple ?? "auto",
+    options.sequenceTimeoutMs ?? "default",
+    options.now ? "clock" : "no-clock"
+  ].join("\0");
+}
+function ShortcutProvider({
+  children,
+  target,
+  ...managerOptions
+}) {
+  const parent = React13.useContext(ShortcutContext);
+  const resolvedTarget = target === null ? null : target ?? (typeof document === "undefined" ? null : document);
+  const nestedOnSameTarget = parent !== null && parent.target === resolvedTarget;
+  const optionsRef = React13.useRef(managerOptions);
+  const ownManagers = React13.useRef(/* @__PURE__ */ new WeakMap());
+  const ownDetached = React13.useRef(null);
+  const detached = React13.useMemo(() => {
+    if (resolvedTarget === null) {
+      ownDetached.current ??= createShortcutManager(optionsRef.current);
+      return ownDetached.current;
+    }
+    const existing = ownManagers.current.get(resolvedTarget);
+    if (existing) return existing;
+    const created = createShortcutManager(optionsRef.current);
+    ownManagers.current.set(resolvedTarget, created);
+    return created;
+  }, [resolvedTarget]);
+  let owner = resolvedTarget === null ? null : ownersByTarget.get(resolvedTarget);
+  const fingerprint = optionsFingerprint(optionsRef.current);
+  if (resolvedTarget !== null && (!owner || owner.retired)) {
+    owner = {
+      manager: detached,
+      providers: 0,
+      retired: false,
+      options: fingerprint
+    };
+    ownersByTarget.set(resolvedTarget, owner);
+  }
+  const adoptedDiffers = Boolean(owner) && owner?.options !== fingerprint || nestedOnSameTarget && parent !== null && parent.options !== fingerprint;
+  devWarnOnce(
+    !adoptedDiffers,
+    "ShortcutProvider: another provider is already listening on this target with different options, so the ones passed here are being ignored. Managers are shared per target; give the providers matching options, or a target of their own."
+  );
+  const manager = nestedOnSameTarget && parent ? parent.manager : owner ? owner.manager : detached;
+  useIsomorphicLayoutEffect(() => {
+    if (resolvedTarget === null) return;
+    let entry = ownersByTarget.get(resolvedTarget);
+    if (!entry) {
+      entry = {
+        manager,
+        providers: 0,
+        retired: false,
+        options: optionsFingerprint(optionsRef.current)
+      };
+      ownersByTarget.set(resolvedTarget, entry);
+    }
+    const owned = entry;
+    owned.providers += 1;
+    owned.retired = false;
+    if (owned.providers === 1) {
+      owned.detach = owned.manager.attach(resolvedTarget);
+    }
+    return () => {
+      owned.providers -= 1;
+      if (owned.providers === 0) {
+        owned.detach?.();
+        owned.detach = void 0;
+        owned.retired = true;
       }
+    };
+  }, [resolvedTarget, manager]);
+  const depth = nestedOnSameTarget && parent ? parent.depth : 0;
+  const value = React13.useMemo(
+    () => ({ manager, depth, target: resolvedTarget, options: fingerprint }),
+    [manager, depth, resolvedTarget, fingerprint]
+  );
+  return /* @__PURE__ */ jsx39(ShortcutContext.Provider, { value, children });
+}
+function ShortcutScope({
+  children
+}) {
+  const parent = React13.useContext(ShortcutContext);
+  if (!parent) {
+    throw new Error("ShortcutScope must be rendered inside a ShortcutProvider");
+  }
+  const value = React13.useMemo(
+    () => ({
+      manager: parent.manager,
+      depth: parent.depth + 1,
+      target: parent.target,
+      // Inherited: a scope raises precedence, it does not build a manager, so the options in force
+      // are still the ones the provider above it used.
+      options: parent.options
+    }),
+    [parent.manager, parent.depth, parent.target, parent.options]
+  );
+  return /* @__PURE__ */ jsx39(ShortcutContext.Provider, { value, children });
+}
+function useShortcuts(bindings, options) {
+  const context = React13.useContext(ShortcutContext);
+  if (!context) {
+    throw new Error("useShortcuts must be called inside a ShortcutProvider");
+  }
+  const { manager, depth } = context;
+  const registration = React13.useRef(null);
+  const latest = React13.useRef({ bindings, options });
+  useIsomorphicLayoutEffect(() => {
+    registration.current = manager.register([], {
+      name: latest.current.options.name,
+      depth
+    });
+    return () => {
+      registration.current?.dispose();
+      registration.current = null;
+    };
+  }, [manager, depth]);
+  useIsomorphicLayoutEffect(() => {
+    latest.current = { bindings, options };
+    registration.current?.update(bindings, {
+      name: options.name,
+      depth,
+      enabled: options.enabled,
+      blocking: options.blocking,
+      priority: options.priority
+    });
+  });
+}
+function useShortcutManager() {
+  const context = React13.useContext(ShortcutContext);
+  if (!context) {
+    throw new Error(
+      "useShortcutManager must be called inside a ShortcutProvider"
+    );
+  }
+  return context.manager;
+}
+function useActiveShortcuts() {
+  const manager = useShortcutManager();
+  return React13.useSyncExternalStore(
+    manager.subscribe,
+    manager.activeBindings,
+    manager.activeBindings
+  );
+}
+
+// src/components/field-shell.tsx
+import { cva as cva13 } from "class-variance-authority";
+import { cloneElement, Fragment as Fragment3, useEffect as useEffect3, useId as useId2 } from "react";
+import { jsx as jsx40, jsxs as jsxs18 } from "react/jsx-runtime";
+var controlWidth = cva13("w-full", {
+  variants: {
+    width: {
+      half: "max-w-[var(--nx-field-half,380px)]",
+      full: "max-w-[var(--nx-field-full,760px)]",
+      fill: ""
     }
+  },
+  defaultVariants: { width: "half" }
+});
+function readControlProps(child) {
+  const props = child.props;
+  return props && typeof props === "object" ? props : {};
+}
+function isRenderFunction(children) {
+  return typeof children === "function";
+}
+function computeControlWiring(ownProps, requestedId, renderedMessageIds, hasError) {
+  const ownId = typeof ownProps.id === "string" && ownProps.id !== "" ? ownProps.id : void 0;
+  const id = ownId ?? requestedId;
+  const ownDescribedByIds = typeof ownProps["aria-describedby"] === "string" ? ownProps["aria-describedby"].split(" ").filter(Boolean) : [];
+  const describedByIds = Array.from(
+    /* @__PURE__ */ new Set([...ownDescribedByIds, ...renderedMessageIds])
+  );
+  const describedBy = describedByIds.length > 0 ? describedByIds.join(" ") : void 0;
+  const ownInvalid = typeof ownProps["aria-invalid"] === "boolean" ? ownProps["aria-invalid"] : void 0;
+  const invalid = hasError ? true : ownInvalid;
+  return { id, describedBy, invalid };
+}
+function FieldShell({
+  label,
+  description,
+  error,
+  width = "half",
+  htmlFor,
+  className,
+  children
+}) {
+  const generatedControlId = useId2();
+  const messageBaseId = useId2();
+  const descriptionId = `${messageBaseId}-description`;
+  const errorId = `${messageBaseId}-error`;
+  const requestedId = htmlFor ?? generatedControlId;
+  const renderedMessageIds = [
+    description ? descriptionId : null,
+    error ? errorId : null
+  ].filter((id) => id !== null);
+  const wiring = isRenderFunction(children) ? computeControlWiring({}, requestedId, renderedMessageIds, Boolean(error)) : computeControlWiring(
+    readControlProps(children),
+    requestedId,
+    renderedMessageIds,
+    Boolean(error)
+  );
+  const isFragmentChild = !isRenderFunction(children) && children.type === Fragment3;
+  useEffect3(() => {
+    if (!isDevelopmentRuntime()) return;
+    if (isFragmentChild) return;
+    const landed = document.getElementById(wiring.id) !== null;
+    const fieldName = typeof label === "string" ? `"${label}"` : "this field";
+    devWarnOnce(
+      landed,
+      `FieldShell: the id computed for ${fieldName} never appeared on any element in the document, so its label and any description are not connected to the control. This happens when the control is a compound component \u2014 a Radix \`Select\`, \`RadioGroup\`, or similar \u2014 whose root does not forward \`id\`/\`aria-describedby\`/\`aria-invalid\` to a real DOM node. Pass \`children\` as a function and apply those to the control's actual focusable element (its trigger) instead of a single top-level clone.`
+    );
+  }, [wiring.id, label, isFragmentChild]);
+  let control;
+  if (isRenderFunction(children)) {
+    control = children(wiring);
+  } else {
+    devWarnOnce(
+      !isFragmentChild,
+      "FieldShell: `children` must be a single element, not a Fragment. A Fragment forwards no props to the elements inside it, so the id, aria-describedby and aria-invalid this component computes would have nowhere to land \u2014 the label and the control would look wired up and never actually connect. Wrap the intended elements in a real element instead, such as a `<div>`."
+    );
+    const controlOverrides = {
+      id: wiring.id,
+      ...wiring.describedBy !== void 0 ? { "aria-describedby": wiring.describedBy } : {},
+      ...wiring.invalid !== void 0 ? { "aria-invalid": wiring.invalid } : {}
+    };
+    control = isFragmentChild ? children : cloneElement(children, controlOverrides);
   }
-};
-var tailwind_preset_default = uiPreset;
+  return /* @__PURE__ */ jsxs18("div", { className: cn("flex flex-col gap-1.5", className), children: [
+    label ? /* @__PURE__ */ jsx40(
+      "label",
+      {
+        htmlFor: wiring.id,
+        className: "text-sm font-medium text-foreground",
+        children: label
+      }
+    ) : null,
+    /* @__PURE__ */ jsx40("div", { className: controlWidth({ width }), children: control }),
+    description ? /* @__PURE__ */ jsx40("p", { id: descriptionId, className: "text-sm text-muted-foreground", children: description }) : null,
+    error ? /* @__PURE__ */ jsx40("p", { id: errorId, className: "text-sm font-medium text-destructive", children: error }) : null
+  ] });
+}
+
+// src/components/form-section.tsx
+import { useId as useId3 } from "react";
+import { jsx as jsx41, jsxs as jsxs19 } from "react/jsx-runtime";
+function FormSection({
+  label,
+  description,
+  className,
+  children
+}) {
+  const labelId = useId3();
+  return /* @__PURE__ */ jsxs19("section", { "aria-labelledby": labelId, className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ jsxs19("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx41(
+        "p",
+        {
+          id: labelId,
+          className: "text-xs font-semibold tracking-[0.08em] uppercase text-muted-foreground",
+          children: label
+        }
+      ),
+      description ? /* @__PURE__ */ jsx41("p", { className: "text-sm text-muted-foreground", children: description }) : null
+    ] }),
+    /* @__PURE__ */ jsx41(Card, { className: "overflow-hidden", children: /* @__PURE__ */ jsx41("div", { className: "divide-y divide-foreground/10 px-6", children }) })
+  ] });
+}
 
-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
+// src/components/form-layout.tsx
+import { cva as cva14 } from "class-variance-authority";
+import { jsx as jsx42, jsxs as jsxs20 } from "react/jsx-runtime";
+var measure = cva14("mx-auto w-full px-6 py-8", {
+  variants: {
+    width: {
+      form: "max-w-[56rem]",
+      wide: "max-w-[72rem]"
+    }
+  },
+  defaultVariants: { width: "form" }
+});
+function FormLayout({
+  width = "form",
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx42("div", { className: cn(measure({ width }), className), children });
+}
+function FormActions({ dirty, className, children }) {
+  return /* @__PURE__ */ jsxs20(
+    "div",
+    {
+      className: cn(
+        "sticky bottom-0 mt-8 flex items-center justify-end gap-3",
+        "border-t border-border bg-background/95 py-4 backdrop-blur",
+        className
+      ),
+      children: [
+        dirty ? (
+          // `role="status"` (implying `aria-live="polite"`) so a screen-reader
+          // user is told when the flag flips false to true, not only sighted
+          // users watching the bar. This is the only live region FormActions
+          // renders, one per form.
+          /* @__PURE__ */ jsx42("span", { role: "status", className: "mr-auto text-sm text-muted-foreground", children: "You have unsaved changes" })
+        ) : null,
+        children
+      ]
+    }
+  );
+}
+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,
+  ColorPicker,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
+  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,
+  FieldShell,
+  FormActions,
+  FormLabelWithTooltip,
+  FormLayout,
+  FormSection,
+  Grid,
+  Input,
+  Label,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverTrigger,
+  PortalProvider,
+  Progress,
+  RadioGroup,
+  RadioGroupItem,
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
+  ShortcutProvider,
+  ShortcutScope,
+  Skeleton,
+  Slider,
+  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,
+  TreeView,
+  alertVariants,
+  avatarVariants,
+  badgeVariants,
+  buttonVariants,
+  cardVariants,
+  commandDefaultFilter,
+  createShortcutManager,
+  dialogContentVariants,
+  inputVariants,
+  parseKeys,
+  progressVariants,
+  selectTriggerVariants,
+  sheetVariants,
+  spinnerVariants,
+  toast,
+  useActiveShortcuts,
+  usePortalContainer,
+  useShortcutManager,
+  useShortcuts
+};
 //# sourceMappingURL=index.mjs.map