@nextlyhq/ui 0.0.1

package/dist/index.mjs

@@ -0,0 +1,2230 @@
+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';
+
+// src/components/button.tsx
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+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",
+  {
+    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",
+        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"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var Button = forwardRef(
+  ({
+    className,
+    variant = "default",
+    size = "md",
+    asChild = false,
+    children,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    const hasMultipleChildren = React5.Children.count(children) > 1;
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        "data-slot": `button.${variant}`,
+        className: cn(
+          buttonVariants({ variant, size, className }),
+          hasMultipleChildren && "gap-1.5"
+        ),
+        ref,
+        ...props,
+        children
+      }
+    );
+  }
+);
+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",
+  {
+    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"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var Input = forwardRef(
+  ({ className, type, size, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type,
+        "data-slot": "input",
+        className: cn(inputVariants({ size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+var Textarea = forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(
+        "flex min-h-[80px] w-full rounded-none border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground placeholder:opacity-50 transition-all duration-200 focus:!border-primary focus-visible:!border-primary focus:outline-none hover:border-primary/30 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-primary/5 resize-y",
+        "aria-invalid:border-destructive aria-invalid:focus:!border-destructive",
+        className
+      ),
+      ref,
+      ...props
+    }
+  );
+});
+Textarea.displayName = "Textarea";
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Root$3,
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var badgeVariants = cva(
+  "inline-flex items-center rounded-none px-2.5 py-0.5 h-[22px] text-xs font-medium transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary/5 text-slate-900 dark:bg-slate-800 dark:text-slate-100",
+        primary: "bg-primary/5 text-primary dark:bg-primary/20 dark:text-primary-foreground/90",
+        success: "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-100",
+        warning: "bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-100",
+        destructive: "bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-100",
+        outline: "border !border-primary/5 bg-transparent text-slate-700 dark:text-slate-300 dark:!border-primary/5"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant = "default", ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": `badge.${variant}`,
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+var cardVariants = cva(
+  "bg-card text-foreground rounded-none  border border-primary/5   transition-all duration-200",
+  {
+    variants: {
+      variant: {
+        default: "",
+        interactive: "cursor-pointer hover:border-primary active:scale-[0.99]",
+        elevated: "shadow-md"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Card = forwardRef(
+  ({ className, variant, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": `card.${variant || "default"}`,
+        className: cn(cardVariants({ variant }), className),
+        ...props
+      }
+    );
+  }
+);
+Card.displayName = "Card";
+var CardHeader = forwardRef(
+  ({ className, noBorder = false, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "card-header",
+        className: cn(
+          "flex flex-col p-4",
+          !noBorder && "border-b border-primary/5",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "h3",
+      {
+        ref,
+        "data-slot": "card-title",
+        className: cn("text-xl font-semibold leading-none", className),
+        ...props
+      }
+    );
+  }
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "p",
+      {
+        ref,
+        "data-slot": "card-description",
+        className: cn("text-sm text-muted-foreground", className),
+        ...props
+      }
+    );
+  }
+);
+CardDescription.displayName = "CardDescription";
+var CardAction = forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "card-action",
+        className: cn("flex items-center justify-end", className),
+        ...props
+      }
+    );
+  }
+);
+CardAction.displayName = "CardAction";
+var CardContent = forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "card-content",
+        className: cn("p-6", className),
+        ...props
+      }
+    );
+  }
+);
+CardContent.displayName = "CardContent";
+var CardFooter = forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "card-footer",
+        className: cn(
+          "flex items-center px-6 py-4  border-t border-primary/5 bg-primary/5",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+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",
+  {
+    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"
+      }
+    },
+    defaultVariants: {
+      variant: "info"
+    }
+  }
+);
+var Alert = forwardRef(
+  ({ className, variant = "info", role = "alert", ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role,
+        "data-slot": `alert.${variant}`,
+        className: cn(alertVariants({ variant }), className),
+        ...props
+      }
+    );
+  }
+);
+Alert.displayName = "Alert";
+var AlertTitle = forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "h5",
+      {
+        ref,
+        "data-slot": "alert-title",
+        className: cn(
+          "mb-1 text-sm font-semibold leading-tight tracking-tight",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "alert-description",
+        className: cn("text-sm leading-relaxed", className),
+        ...props
+      }
+    );
+  }
+);
+AlertDescription.displayName = "AlertDescription";
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var Skeleton = React5.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "skeleton",
+        "aria-hidden": "true",
+        className: cn(
+          "bg-primary/5 animate-pulse rounded-none motion-reduce:animate-none",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Skeleton.displayName = "Skeleton";
+var progressVariants = cva("h-full rounded-none transition-all", {
+  variants: {
+    variant: {
+      default: "bg-primary-500",
+      success: "bg-green-500",
+      error: "bg-destructive"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var Progress = React5.forwardRef(
+  ({
+    value,
+    max = 100,
+    variant = "default",
+    className,
+    "aria-label": ariaLabel,
+    ...props
+  }, ref) => {
+    const clampedValue = Math.min(Math.max(0, value), max);
+    const percentage = clampedValue / max * 100;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "progressbar",
+        "aria-valuenow": clampedValue,
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        "aria-label": ariaLabel || `Progress: ${Math.round(percentage)}%`,
+        className: cn(
+          "relative h-2 w-full overflow-hidden rounded-none bg-accent",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(progressVariants({ variant })),
+            style: {
+              width: `${percentage}%`,
+              transition: "width 300ms linear"
+            }
+          }
+        )
+      }
+    );
+  }
+);
+Progress.displayName = "Progress";
+var Checkbox = forwardRef(({ className, indeterminate, ...props }, ref) => /* @__PURE__ */ jsx(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    "data-slot": "checkbox",
+    className: cn(
+      "peer h-4 w-4 shrink-0 rounded-none border border-primary/5 ring-offset-background focus:!border-primary focus-visible:!border-primary focus:outline-none focus-visible:outline-none aria-invalid:border-destructive aria-invalid:focus:!border-destructive aria-invalid:focus-visible:!border-destructive disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary transition-all duration-200",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      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" })
+      }
+    )
+  }
+));
+Checkbox.displayName = "Checkbox";
+var RadioGroup = forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Root,
+    {
+      className: cn("grid gap-2", className),
+      ...props,
+      ref,
+      "data-slot": "radio-group"
+    }
+  );
+});
+RadioGroup.displayName = "RadioGroup";
+var RadioGroupItem = forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Item,
+    {
+      ref,
+      "data-slot": "radio-group-item",
+      className: cn(
+        "peer h-4 w-4 shrink-0 rounded-none border border-primary/5 bg-background cursor-pointer transition-all duration-150 focus:!border-primary focus-visible:!border-primary focus:outline-none focus-visible:outline-none aria-invalid:border-destructive aria-invalid:focus:!border-destructive aria-invalid:focus-visible:!border-destructive disabled:cursor-not-allowed disabled:opacity-50 hover:border-primary/30 data-[state=checked]:border-primary data-[state=checked]:border-[5px]",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, {})
+    }
+  );
+});
+RadioGroupItem.displayName = "RadioGroupItem";
+function Switch({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Root$4,
+    {
+      "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",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: cn(
+            "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-none ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+          )
+        }
+      )
+    }
+  );
+}
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    AccordionPrimitive.Item,
+    {
+      ref,
+      "data-slot": "accordion-item",
+      className: cn("border-b", className),
+      ...props
+    }
+  )
+);
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", "data-slot": "accordion-header", children: /* @__PURE__ */ jsxs(
+    AccordionPrimitive.Trigger,
+    {
+      ref,
+      "data-slot": "accordion-trigger",
+      className: cn(
+        "flex flex-1 items-center justify-between py-4 font-medium transition-all duration-150 hover:underline [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-150" })
+      ]
+    }
+  ) })
+);
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+    AccordionPrimitive.Content,
+    {
+      ref,
+      "data-slot": "accordion-content",
+      className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+      ...props,
+      children: /* @__PURE__ */ jsx("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",
+  {
+    variants: {
+      size: {
+        sm: "h-8 w-8",
+        md: "h-10 w-10",
+        lg: "h-12 w-12",
+        xl: "h-16 w-16",
+        "2xl": "h-20 w-20"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var fallbackTextSizeMap = {
+  sm: "text-xs",
+  // 12px for 32px avatar
+  md: "text-sm",
+  // 14px for 40px avatar
+  lg: "text-base",
+  // 16px for 48px avatar
+  xl: "text-lg",
+  // 18px for 64px avatar
+  "2xl": "text-2xl"
+  // 24px for 80px avatar
+};
+var AvatarSizeContext = createContext("md");
+var Avatar = forwardRef(
+  ({ className, size = "md", ...props }, ref) => {
+    return /* @__PURE__ */ jsx(AvatarSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx(
+      Root,
+      {
+        ref,
+        "data-slot": "avatar",
+        className: cn(avatarVariants({ size }), className),
+        ...props
+      }
+    ) });
+  }
+);
+Avatar.displayName = "Avatar";
+var AvatarImage = forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Image,
+      {
+        ref,
+        "data-slot": "avatar-image",
+        className: cn("aspect-square size-full", className),
+        ...props
+      }
+    );
+  }
+);
+AvatarImage.displayName = "AvatarImage";
+var AvatarFallback = forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const size = useContext(AvatarSizeContext) || "md";
+    const textSize = fallbackTextSizeMap[size];
+    return /* @__PURE__ */ jsx(
+      Fallback,
+      {
+        ref,
+        "data-slot": "avatar-fallback",
+        className: cn(
+          "bg-primary/5 text-muted-foreground flex size-full items-center justify-center rounded-none font-medium",
+          textSize,
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+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
+    }
+  )
+);
+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
+    }
+  )
+);
+TabsTrigger.displayName = Trigger.displayName;
+var TabsContent = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    Content,
+    {
+      ref,
+      "data-slot": "tabs-content",
+      className: cn(
+        "mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/20 focus-visible:ring-offset-2",
+        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;
+}
+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(
+    PopoverPrimitive.Content,
+    {
+      ref,
+      align,
+      sideOffset,
+      "data-slot": "popover-content",
+      className: cn(
+        "z-[100] w-72 rounded-none  border border-primary/5 bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  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",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var dialogContentVariants = cva("", {
+  variants: {
+    size: {
+      sm: "max-w-sm",
+      md: "max-w-lg",
+      lg: "max-w-2xl",
+      xl: "max-w-4xl",
+      full: "max-w-[calc(100vw-2rem)] sm:max-w-[calc(100vw-4rem)]"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var DialogContent = forwardRef(({ className, children, size, ...props }, ref) => {
+  const portalContainer = usePortalContainer();
+  return /* @__PURE__ */ jsxs(DialogPortal, { container: portalContainer, children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        ref,
+        "data-slot": "dialog-content",
+        className: cn(
+          "fixed left-[50%] top-[50%] z-[51] grid w-full translate-x-[-50%] translate-y-[-50%] gap-4  border border-primary/5 bg-background p-6 shadow-xl rounded-none duration-150 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+          dialogContentVariants({ size }),
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxs(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "absolute right-4 top-4 rounded-none p-1 text-muted-foreground cursor-pointer transition-colors duration-150 hover-unified focus:outline-none focus:ring-2 focus:ring-ring disabled:pointer-events-none disabled:cursor-not-allowed",
+              children: [
+                /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex flex-col space-y-1.5 text-center sm:text-left",
+        className
+      ),
+      ...props
+    }
+  )
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+        className
+      ),
+      ...props
+    }
+  )
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "text-lg font-semibold leading-none tracking-tight text-foreground",
+      className
+    ),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  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",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = forwardRef(({ className, ...props }, ref) => {
+  const portalContainer = usePortalContainer();
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { container: portalContainer, children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      AlertDialogPrimitive.Content,
+      {
+        ref,
+        className: cn(
+          "fixed left-[50%] top-[50%] z-[51] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4  border border-primary/5 bg-background p-6 shadow-xl rounded-none duration-150 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+});
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeader = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex flex-col space-y-2 text-center sm:text-left",
+        className
+      ),
+      ...props
+    }
+  )
+);
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+        className
+      ),
+      ...props
+    }
+  )
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "text-lg font-semibold leading-none tracking-tight text-foreground",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    className: cn(buttonVariants({ variant: "destructive" }), className),
+    ...props,
+    children
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(
+      buttonVariants({ variant: "outline" }),
+      "mt-2 sm:mt-0",
+      className
+    ),
+    ...props,
+    children
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+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(
+  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",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-none  border border-primary/5 bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
+  const portalContainer = usePortalContainer();
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Content,
+    {
+      ref,
+      sideOffset,
+      className: cn(
+        "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-none  border border-primary/5 bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React5.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-pointer select-none items-center gap-2 rounded-none px-2 py-1.5 text-sm outline-none transition-colors hover-unified focus:bg-primary/5 focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React5.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-none py-1.5 pl-8 pr-2 text-sm outline-none transition-colors hover-primary-light focus:bg-primary/5 focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      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" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-none py-1.5 pl-8 pr-2 text-sm outline-none transition-colors hover-primary-light focus:bg-primary/5 focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      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" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React5.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-primary/5", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = React5.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+      ...props
+    }
+  );
+});
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+function Select({ ...props }) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(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",
+  {
+    variants: {
+      size: {
+        sm: "h-8 text-sm",
+        default: "h-10 text-sm",
+        lg: "h-11 text-base"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var SelectTrigger = forwardRef(({ className, size, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Trigger,
+    {
+      ref,
+      "data-slot": "select-trigger",
+      className: cn(selectTriggerVariants({ size, className })),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+});
+SelectTrigger.displayName = "SelectTrigger";
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  ...props
+}) {
+  const portalContainer = usePortalContainer();
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxs(
+    SelectPrimitive.Content,
+    {
+      "data-slot": "select-content",
+      className: cn(
+        "bg-popover text-popover-foreground  border border-primary/5 shadow-none rounded-none z-9999 max-h-(--radix-select-content-available-height) min-w-32 overflow-hidden data-[state=open]:animate-zoom-in-95 data-[state=closed]:animate-zoom-out-95 data-[side=bottom]:animate-slide-in-from-top-2 data-[side=left]:animate-slide-in-from-right-2 data-[side=right]:animate-slide-in-from-left-2 data-[side=top]:animate-slide-in-from-bottom-2",
+        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(
+          SelectPrimitive.Viewport,
+          {
+            className: cn(
+              "p-1",
+              position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Label,
+    {
+      "data-slot": "select-label",
+      className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+      ...props
+    }
+  );
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Item,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "relative flex w-full cursor-pointer items-center gap-2 rounded-none py-2 pr-8 pl-2 text-sm text-foreground outline-none select-none transition-colors hover-unified focus:bg-primary/5 focus:text-primary data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4",
+        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 })
+      ]
+    }
+  );
+}
+function SelectSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Separator,
+    {
+      "data-slot": "select-separator",
+      className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronUp, { className: "size-4" })
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronDown, { 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,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out",
+      "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var sheetVariants = cva(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg will-change-transform transition ease-in-out data-[state=closed]:duration-150 data-[state=open]:duration-150 data-[state=open]:animate-in data-[state=closed]:animate-out",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0  border-b border-primary/5 data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0  border-t border-primary/5 data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4  border-r border-primary/5 data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4  border-l border-primary/5 data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+var SheetContent = React5.forwardRef(({ side = "right", className, children, ...props }, ref) => {
+  const portalContainer = usePortalContainer();
+  return /* @__PURE__ */ jsxs(SheetPortal, { container: portalContainer, children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsx(
+      DialogPrimitive.Content,
+      {
+        ref,
+        "data-slot": "sheet-content",
+        className: cn(sheetVariants({ side }), className),
+        ...props,
+        children
+      }
+    )
+  ] });
+});
+SheetContent.displayName = DialogPrimitive.Content.displayName;
+var SheetHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.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,
+  {
+    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,
+    {
+      ref,
+      className: cn(
+        "flex h-full w-full flex-col overflow-hidden rounded-none bg-background text-foreground",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Command.displayName = "Command";
+var CommandDialogOverlay = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-[99] bg-black/80 backdrop-blur-sm",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out",
+      "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "transition-opacity duration-200",
+      className
+    ),
+    ...props
+  }
+));
+CommandDialogOverlay.displayName = "CommandDialogOverlay";
+var CommandDialog = ({ children, ...props }) => {
+  const portalContainer = usePortalContainer();
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...props, children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { container: portalContainer, children: [
+    /* @__PURE__ */ jsx(CommandDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "command-content",
+        className: cn(
+          // Position
+          "fixed left-[50%] top-[50%] z-[100] translate-x-[-50%] translate-y-[-50%]",
+          // Size - responsive
+          "w-full max-w-lg",
+          "max-h-[85vh]",
+          // Slightly shorter than design spec to ensure safe area
+          // Mobile adjustments
+          "sm:max-w-lg",
+          // 512px on desktop
+          "max-w-full",
+          // Full width on mobile
+          // Spacing
+          "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",
+          // Animation
+          "duration-200",
+          "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-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 })
+      }
+    )
+  ] }) });
+};
+var CommandInput = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    className: "flex items-center  border-b border-primary/5 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,
+        {
+          ref,
+          className: cn(
+            // Size
+            "flex h-12 w-full",
+            // Visual
+            "bg-transparent text-base",
+            "outline-none",
+            // Typography
+            "placeholder:text-muted-foreground",
+            // States
+            "disabled:cursor-not-allowed disabled:opacity-50",
+            // Prevent iOS zoom on focus
+            "text-base md:text-sm",
+            className
+          ),
+          ...props
+        }
+      )
+    ]
+  }
+));
+CommandInput.displayName = "CommandInput";
+var CommandList = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command$1.List,
+  {
+    ref,
+    className: cn(
+      // Scroll
+      "max-h-[400px] overflow-y-auto overflow-x-hidden",
+      // Spacing
+      "p-2",
+      className
+    ),
+    ...props
+  }
+));
+CommandList.displayName = "CommandList";
+var CommandEmpty = forwardRef((props, ref) => /* @__PURE__ */ jsx(
+  Command$1.Empty,
+  {
+    ref,
+    className: "py-8 px-4 text-center text-sm text-muted-foreground",
+    ...props
+  }
+));
+CommandEmpty.displayName = "CommandEmpty";
+var CommandGroup = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command$1.Group,
+  {
+    ref,
+    className: cn(
+      // Spacing
+      "space-y-1 mb-2",
+      // Heading styling applied via parent 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",
+      className
+    ),
+    ...props
+  }
+));
+CommandGroup.displayName = "CommandGroup";
+var CommandSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command$1.Separator,
+  {
+    ref,
+    className: cn("h-px bg-border my-2", className),
+    ...props
+  }
+));
+CommandSeparator.displayName = "CommandSeparator";
+var CommandItem = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command$1.Item,
+  {
+    ref,
+    className: cn(
+      // Layout
+      "relative flex cursor-pointer select-none items-center gap-3",
+      // Size
+      "min-h-[44px] sm:min-h-[36px]",
+      // Flexible height with minimal touch targets
+      // Spacing
+      "px-3 py-2.5",
+      // Visual
+      "rounded-none text-base sm:text-sm outline-none",
+      // Transitions
+      "transition-all duration-200 ease-(--ease-premium)",
+      // Hover state - shared dashboard hover treatment
+      "hover-unified",
+      // Selected/focused state (keyboard navigation)
+      "aria-selected:bg-primary/5 aria-selected:text-primary",
+      "data-[selected=true]:bg-primary/5 data-[selected=true]:text-primary",
+      // Disabled state
+      "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+      className
+    ),
+    ...props
+  }
+));
+CommandItem.displayName = "CommandItem";
+var CommandShortcut = forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        className: cn(
+          // Position
+          "ml-auto",
+          // Typography
+          "text-xs font-mono",
+          // Visual
+          "text-muted-foreground bg-primary/5",
+          "border border-primary/5 rounded-none",
+          // Spacing
+          "px-1.5 py-0.5",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+CommandShortcut.displayName = "CommandShortcut";
+var spinnerVariants = cva("animate-spin motion-reduce:animate-none", {
+  variants: {
+    size: {
+      sm: "h-4 w-4",
+      md: "h-5 w-5",
+      lg: "h-6 w-6"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var Spinner = forwardRef(
+  ({ size = "md", className, "aria-label": ariaLabel = "Loading", ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Loader2,
+      {
+        ref,
+        role: "status",
+        "aria-label": ariaLabel,
+        className: cn(spinnerVariants({ size }), className),
+        ...props
+      }
+    );
+  }
+);
+Spinner.displayName = "Spinner";
+function Toaster({ theme = "system", ...props }) {
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      theme,
+      className: "toaster group !bg-transparent !overflow-visible !z-[9999]",
+      "data-slot": "toaster",
+      toastOptions: {
+        classNames: {
+          description: "text-muted-foreground"
+        }
+      },
+      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" })
+      },
+      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%))",
+        "--border-radius": "0px"
+      },
+      ...props
+    }
+  );
+}
+var Table = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+) }));
+Table.displayName = "Table";
+var TableHeader = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr] :border-b border-primary/5", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+var TableFooter = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tfoot",
+  {
+    ref,
+    className: cn("border-t border-primary/5 font-medium [&>tr]:last:border-b-0", className),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tr",
+  {
+    ref,
+    className: cn(
+      "border-b border-primary/5 transition-colors data-[state=selected]:bg-primary/5",
+      className
+    ),
+    ...props
+  }
+));
+TableRow.displayName = "TableRow";
+var TableHead = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "th",
+  {
+    ref,
+    className: cn(
+      "h-11 px-4 text-left align-middle font-semibold text-xs text-foreground uppercase tracking-wider [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+var TableCell = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "td",
+  {
+    ref,
+    className: cn(
+      "px-4 py-3 align-middle [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+function TableSearch({
+  value,
+  onChange,
+  onClear,
+  placeholder = "Filter records...",
+  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(
+      "input",
+      {
+        ref: inputRef,
+        type: "text",
+        placeholder,
+        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"
+      }
+    ),
+    (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(
+        "button",
+        {
+          type: "button",
+          onClick: onClear,
+          className: "text-muted-foreground/60 hover:text-foreground transition-colors p-0.5 rounded-none hover:bg-primary/5",
+          "aria-label": "Clear search",
+          children: /* @__PURE__ */ jsx(X, { className: "w-3.5 h-3.5" })
+        }
+      )
+    ] })
+  ] });
+}
+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 })
+  ] });
+}
+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..." })
+  ] });
+}
+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
+      ] })
+    ] })
+  ] });
+}
+var GrayBar = ({ className }) => /* @__PURE__ */ jsx(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]" })
+        ] })
+      ] }) : /* @__PURE__ */ jsx(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]" })
+        ] }),
+        /* @__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__ */ jsx(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 });
+};
+TableSkeleton.displayName = "TableSkeleton";
+function ResponsiveTableInner({
+  data,
+  columns,
+  onRowClick,
+  renderMobileCard,
+  className,
+  emptyMessage = "No results found.",
+  ariaLabel,
+  tableWrapperClassName,
+  footer
+}, ref) {
+  const visibleMobileColumns = React5.useMemo(
+    () => columns.filter((col) => !col.hideOnMobile),
+    [columns]
+  );
+  const primaryColumn = React5.useMemo(() => {
+    return visibleMobileColumns.find(
+      (col) => col.key !== "select" && col.key !== "actions"
+    ) || visibleMobileColumns[0];
+  }, [visibleMobileColumns]);
+  const secondaryColumns = React5.useMemo(
+    () => visibleMobileColumns.filter((col) => col.key !== primaryColumn?.key),
+    [visibleMobileColumns, primaryColumn]
+  );
+  React5.useEffect(() => {
+    const isDev = typeof globalThis !== "undefined" && globalThis.process && globalThis.process.env?.NODE_ENV === "development";
+    if (isDev && visibleMobileColumns.length === 0) {
+      console.warn(
+        "ResponsiveTable: All columns are hidden on mobile (hideOnMobile: true). Consider showing at least one column for better mobile UX. Users will see empty card borders on mobile devices."
+      );
+    }
+  }, [visibleMobileColumns.length]);
+  const handleItemClick = React5.useCallback(
+    (item, e) => {
+      if (!onRowClick) return;
+      if (e) {
+        const target = e.target;
+        if (target.closest('[role="checkbox"]') || target.closest("button") || target.closest("a") || target.closest('[role^="menuitem"]') || target.closest("[data-actions]")) {
+          return;
+        }
+      }
+      onRowClick(item);
+    },
+    [onRowClick]
+  );
+  const handleCardKeyDown = React5.useCallback(
+    (item) => (e) => {
+      if (onRowClick && (e.key === "Enter" || e.key === " ")) {
+        e.preventDefault();
+        handleItemClick(item, e);
+      }
+    },
+    [handleItemClick, onRowClick]
+  );
+  if (data.length === 0) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "p-8 text-center",
+          className
+        ),
+        children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessage })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("w-full", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 md:hidden", children: data.map((item) => {
+      const primaryValue = primaryColumn ? String(item[primaryColumn.key]) : String(item.id);
+      if (renderMobileCard) {
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            onClick: (e) => handleItemClick(item, e),
+            role: onRowClick ? "button" : void 0,
+            tabIndex: onRowClick ? 0 : void 0,
+            onKeyDown: onRowClick ? handleCardKeyDown(item) : void 0,
+            className: onRowClick ? "cursor-pointer" : void 0,
+            "aria-label": onRowClick ? `View details for ${primaryValue}` : void 0,
+            children: renderMobileCard(item, visibleMobileColumns)
+          },
+          item.id
+        );
+      }
+      return /* @__PURE__ */ jsxs(
+        Card,
+        {
+          variant: onRowClick ? "interactive" : "default",
+          className: cn(
+            onRowClick && "cursor-pointer",
+            "transition-all duration-150"
+          ),
+          onClick: (e) => handleItemClick(item, e),
+          role: onRowClick ? "button" : void 0,
+          tabIndex: onRowClick ? 0 : void 0,
+          onKeyDown: onRowClick ? handleCardKeyDown(item) : void 0,
+          "aria-label": onRowClick ? `View details for ${primaryValue}` : void 0,
+          children: [
+            primaryColumn ? /* @__PURE__ */ jsx(CardHeader, { className: "pb-3", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: primaryColumn.render ? primaryColumn.render(item[primaryColumn.key], item) : String(item[primaryColumn.key]) }) }) : null,
+            secondaryColumns.length > 0 && /* @__PURE__ */ jsx(CardContent, { className: "pb-3", children: /* @__PURE__ */ jsx("dl", { className: "flex flex-col gap-2", children: secondaryColumns.map((column) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "flex items-start justify-between gap-4 text-sm",
+                children: [
+                  !column.hideLabelOnMobile && /* @__PURE__ */ jsxs("dt", { className: "text-muted-foreground min-w-[80px] shrink-0", children: [
+                    column.label,
+                    ":"
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "dd",
+                    {
+                      className: cn(
+                        "font-medium flex-1",
+                        !column.hideLabelOnMobile ? "text-right" : "text-left"
+                      ),
+                      children: column.render ? column.render(item[column.key], item) : String(item[column.key])
+                    }
+                  )
+                ]
+              },
+              String(column.key)
+            )) }) })
+          ]
+        },
+        item.id
+      );
+    }) }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "table-wrapper hidden md:block overflow-hidden rounded-none  border border-primary/5",
+          tableWrapperClassName
+        ),
+        children: /* @__PURE__ */ jsxs(Table, { "aria-label": ariaLabel || "Data table", children: [
+          /* @__PURE__ */ jsx(TableHeader, { className: "bg-[hsl(var(--table-header-bg))]", children: /* @__PURE__ */ jsx(TableRow, { children: columns.map((column) => /* @__PURE__ */ jsx(
+            TableHead,
+            {
+              className: column.headerClassName,
+              children: column.label
+            },
+            String(column.key)
+          )) }) }),
+          /* @__PURE__ */ jsx(TableBody, { children: data.map((item) => {
+            const primaryValue = primaryColumn ? String(item[primaryColumn.key]) : String(item.id);
+            return /* @__PURE__ */ jsx(
+              TableRow,
+              {
+                className: cn(
+                  "hover-unified-table-row",
+                  onRowClick && "cursor-pointer"
+                ),
+                onClick: (e) => handleItemClick(item, e),
+                role: onRowClick ? "button" : void 0,
+                tabIndex: onRowClick ? 0 : void 0,
+                onKeyDown: onRowClick ? handleCardKeyDown(item) : void 0,
+                "aria-label": onRowClick ? `View details for ${primaryValue}` : void 0,
+                children: columns.map((column) => /* @__PURE__ */ jsx(
+                  TableCell,
+                  {
+                    className: column.cellClassName,
+                    children: column.render ? column.render(item[column.key], item) : String(item[column.key])
+                  },
+                  String(column.key)
+                ))
+              },
+              item.id
+            );
+          }) })
+        ] })
+      }
+    ),
+    footer && /* @__PURE__ */ jsx("div", { className: "table-footer border-t border-primary/5 bg-[hsl(var(--table-header-bg))]", children: footer })
+  ] });
+}
+var ResponsiveTable = React5.forwardRef(ResponsiveTableInner);
+
+// src/tailwind-preset.ts
+var uiPreset = {
+  theme: {
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))"
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))"
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))"
+        },
+        success: {
+          DEFAULT: "hsl(var(--success))",
+          foreground: "hsl(var(--success-foreground))"
+        },
+        warning: {
+          DEFAULT: "hsl(var(--warning))",
+          foreground: "hsl(var(--warning-foreground))"
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))"
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))"
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))"
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))"
+        }
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)"
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: "0" },
+          to: { height: "var(--radix-accordion-content-height)" }
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0" }
+        }
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.3s cubic-bezier(0.87, 0, 0.13, 1)",
+        "accordion-up": "accordion-up 0.3s cubic-bezier(0.87, 0, 0.13, 1)"
+      }
+    }
+  }
+};
+var tailwind_preset_default = uiPreset;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Label, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalProvider, Progress, RadioGroup, RadioGroupItem, ResponsiveTable, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableEmpty, TableError, TableFooter, TableHead, TableHeader, TableLoading, TablePagination, TableRow, TableSearch, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, avatarVariants, badgeVariants, buttonVariants, cardVariants, cn, dialogContentVariants, inputVariants, progressVariants, selectTriggerVariants, sheetVariants, spinnerVariants, tailwind_preset_default as uiPreset, usePortalContainer };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map