@webstacks/ui 0.2.0 → 0.3.1

package/dist/index.cjs

@@ -54,6 +54,7 @@ __export(index_exports, {
   AvatarFallback: () => AvatarFallback,
   AvatarImage: () => AvatarImage,
   Badge: () => Badge,
+  Box: () => Box,
   Breadcrumb: () => Breadcrumb,
   BreadcrumbEllipsis: () => BreadcrumbEllipsis,
   BreadcrumbItem: () => BreadcrumbItem,
@@ -151,6 +152,9 @@ __export(index_exports, {
   FormItem: () => FormItem,
   FormLabel: () => FormLabel,
   FormMessage: () => FormMessage,
+  Grid: () => Grid,
+  GridColumn: () => GridColumn,
+  Heading: () => Heading,
   HoverCard: () => HoverCard,
   HoverCardContent: () => HoverCardContent,
   HoverCardTrigger: () => HoverCardTrigger,
@@ -250,6 +254,7 @@ __export(index_exports, {
   Skeleton: () => Skeleton,
   Slider: () => Slider,
   Sonner: () => Toaster,
+  Stack: () => Stack,
   Switch: () => Switch,
   Table: () => Table,
   TableBody: () => TableBody,
@@ -263,6 +268,7 @@ __export(index_exports, {
   TabsContent: () => TabsContent,
   TabsList: () => TabsList,
   TabsTrigger: () => TabsTrigger,
+  Text: () => Text,
   Textarea: () => Textarea,
   Toast: () => Toast,
   ToastAction: () => ToastAction,
@@ -280,9 +286,15 @@ __export(index_exports, {
   TooltipProvider: () => TooltipProvider,
   TooltipTrigger: () => TooltipTrigger,
   badgeVariants: () => badgeVariants,
+  boxVariants: () => boxVariants,
   buttonVariants: () => buttonVariants,
   cn: () => cn,
+  gridColumnVariants: () => gridColumnVariants,
+  gridVariants: () => gridVariants,
+  headingVariants: () => headingVariants,
   navigationMenuTriggerStyle: () => navigationMenuTriggerStyle,
+  stackVariants: () => stackVariants,
+  textVariants: () => textVariants,
   toast: () => toast,
   toggleVariants: () => toggleVariants,
   useFormField: () => useFormField,
@@ -445,7 +457,7 @@ var AccordionItem = React3.forwardRef(({ className, ...props }, ref) => /* @__PU
   AccordionPrimitive.Item,
   {
     ref,
-    className: cn("border-b", className),
+    className: cn("border-b border-border", className),
     ...props
   }
 ));
@@ -455,7 +467,7 @@ var AccordionTrigger = React3.forwardRef(({ className, children, ...props }, ref
   {
     ref,
     className: cn(
-      "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
+      "flex flex-1 items-center justify-between py-4 text-sm  transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
       className
     ),
     ...props,
@@ -509,7 +521,7 @@ var AlertTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   "h5",
   {
     ref,
-    className: cn("mb-1 font-medium leading-none tracking-tight", className),
+    className: cn("mb-1 leading-none tracking-tight", className),
     ...props
   }
 ));
@@ -534,21 +546,21 @@ var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority2 = require("class-variance-authority");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority2.cva)(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
         default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
+        sm: "h-8 px-3 text-xs",
+        lg: "h-10 px-8",
         icon: "h-9 w-9"
       }
     },
@@ -637,7 +649,7 @@ var AlertDialogTitle = React6.forwardRef(({ className, ...props }, ref) => /* @_
   AlertDialogPrimitive.Title,
   {
     ref,
-    className: cn("text-lg font-semibold", className),
+    className: cn("text-lg ", className),
     ...props
   }
 ));
@@ -720,7 +732,7 @@ AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 var import_class_variance_authority3 = require("class-variance-authority");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority3.cva)(
-  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
       variant: {
@@ -824,11 +836,780 @@ var BreadcrumbEllipsis = ({
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 
-// src/components/ui/calendar.tsx
+// src/components/ui/box.tsx
 var React9 = __toESM(require("react"), 1);
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var boxVariants = (0, import_class_variance_authority4.cva)("", {
+  variants: {
+    padding: {
+      none: "p-0",
+      condensed: "p-2",
+      normal: "p-4",
+      spacious: "p-6",
+      "extra-spacious": "p-8"
+    },
+    paddingX: {
+      none: "px-0",
+      condensed: "px-2",
+      normal: "px-4",
+      spacious: "px-6",
+      "extra-spacious": "px-8"
+    },
+    paddingY: {
+      none: "py-0",
+      condensed: "py-2",
+      normal: "py-4",
+      spacious: "py-6",
+      "extra-spacious": "py-8"
+    },
+    paddingTop: {
+      none: "pt-0",
+      condensed: "pt-2",
+      normal: "pt-4",
+      spacious: "pt-6",
+      "extra-spacious": "pt-8"
+    },
+    paddingBottom: {
+      none: "pb-0",
+      condensed: "pb-2",
+      normal: "pb-4",
+      spacious: "pb-6",
+      "extra-spacious": "pb-8"
+    },
+    paddingStart: {
+      none: "ps-0",
+      condensed: "ps-2",
+      normal: "ps-4",
+      spacious: "ps-6",
+      "extra-spacious": "ps-8"
+    },
+    paddingEnd: {
+      none: "pe-0",
+      condensed: "pe-2",
+      normal: "pe-4",
+      spacious: "pe-6",
+      "extra-spacious": "pe-8"
+    },
+    margin: {
+      none: "m-0",
+      condensed: "m-2",
+      normal: "m-4",
+      spacious: "m-6",
+      "extra-spacious": "m-8",
+      auto: "m-auto"
+    },
+    marginX: {
+      none: "mx-0",
+      condensed: "mx-2",
+      normal: "mx-4",
+      spacious: "mx-6",
+      "extra-spacious": "mx-8",
+      auto: "mx-auto"
+    },
+    marginY: {
+      none: "my-0",
+      condensed: "my-2",
+      normal: "my-4",
+      spacious: "my-6",
+      "extra-spacious": "my-8",
+      auto: "my-auto"
+    },
+    marginTop: {
+      none: "mt-0",
+      condensed: "mt-2",
+      normal: "mt-4",
+      spacious: "mt-6",
+      "extra-spacious": "mt-8",
+      auto: "mt-auto"
+    },
+    marginBottom: {
+      none: "mb-0",
+      condensed: "mb-2",
+      normal: "mb-4",
+      spacious: "mb-6",
+      "extra-spacious": "mb-8",
+      auto: "mb-auto"
+    },
+    marginStart: {
+      none: "ms-0",
+      condensed: "ms-2",
+      normal: "ms-4",
+      spacious: "ms-6",
+      "extra-spacious": "ms-8",
+      auto: "ms-auto"
+    },
+    marginEnd: {
+      none: "me-0",
+      condensed: "me-2",
+      normal: "me-4",
+      spacious: "me-6",
+      "extra-spacious": "me-8",
+      auto: "me-auto"
+    },
+    backgroundColor: {
+      default: "bg-background",
+      subtle: "bg-muted",
+      inset: "bg-accent"
+    },
+    borderStyle: {
+      none: "border-0",
+      solid: "border border-solid",
+      dashed: "border border-dashed"
+    },
+    borderRadius: {
+      none: "rounded-none",
+      small: "rounded-sm",
+      medium: "rounded-md",
+      large: "rounded-lg",
+      xlarge: "rounded-xl",
+      full: "rounded-full"
+    },
+    borderColor: {
+      default: "border-border",
+      muted: "border-muted",
+      subtle: "border-border/50"
+    }
+  }
+});
+var spacingMap = {
+  padding: { none: "p-0", condensed: "p-2", normal: "p-4", spacious: "p-6", "extra-spacious": "p-8" },
+  paddingX: { none: "px-0", condensed: "px-2", normal: "px-4", spacious: "px-6", "extra-spacious": "px-8" },
+  paddingY: { none: "py-0", condensed: "py-2", normal: "py-4", spacious: "py-6", "extra-spacious": "py-8" },
+  paddingTop: { none: "pt-0", condensed: "pt-2", normal: "pt-4", spacious: "pt-6", "extra-spacious": "pt-8" },
+  paddingBottom: { none: "pb-0", condensed: "pb-2", normal: "pb-4", spacious: "pb-6", "extra-spacious": "pb-8" },
+  paddingStart: { none: "ps-0", condensed: "ps-2", normal: "ps-4", spacious: "ps-6", "extra-spacious": "ps-8" },
+  paddingEnd: { none: "pe-0", condensed: "pe-2", normal: "pe-4", spacious: "pe-6", "extra-spacious": "pe-8" },
+  margin: { none: "m-0", condensed: "m-2", normal: "m-4", spacious: "m-6", "extra-spacious": "m-8", auto: "m-auto" },
+  marginX: { none: "mx-0", condensed: "mx-2", normal: "mx-4", spacious: "mx-6", "extra-spacious": "mx-8", auto: "mx-auto" },
+  marginY: { none: "my-0", condensed: "my-2", normal: "my-4", spacious: "my-6", "extra-spacious": "my-8", auto: "my-auto" },
+  marginTop: { none: "mt-0", condensed: "mt-2", normal: "mt-4", spacious: "mt-6", "extra-spacious": "mt-8", auto: "mt-auto" },
+  marginBottom: { none: "mb-0", condensed: "mb-2", normal: "mb-4", spacious: "mb-6", "extra-spacious": "mb-8", auto: "mb-auto" },
+  marginStart: { none: "ms-0", condensed: "ms-2", normal: "ms-4", spacious: "ms-6", "extra-spacious": "ms-8", auto: "ms-auto" },
+  marginEnd: { none: "me-0", condensed: "me-2", normal: "me-4", spacious: "me-6", "extra-spacious": "me-8", auto: "me-auto" }
+};
+var responsivePrefixes = {
+  narrow: "",
+  regular: "md:",
+  wide: "lg:"
+};
+function resolveResponsiveClasses(prop, value) {
+  if (!value) return [];
+  const map = spacingMap[prop];
+  if (!map) return [];
+  if (typeof value === "string") {
+    return [map[value]].filter(Boolean);
+  }
+  const classes = [];
+  for (const [breakpoint, val] of Object.entries(value)) {
+    if (val && map[val]) {
+      const prefix = responsivePrefixes[breakpoint] || "";
+      classes.push(`${prefix}${map[val]}`);
+    }
+  }
+  return classes;
+}
+var Box = React9.forwardRef(
+  ({
+    as: Comp = "div",
+    className,
+    padding,
+    paddingX,
+    paddingY,
+    paddingTop,
+    paddingBottom,
+    paddingStart,
+    paddingEnd,
+    margin,
+    marginX,
+    marginY,
+    marginTop,
+    marginBottom,
+    marginStart,
+    marginEnd,
+    backgroundColor,
+    borderStyle,
+    borderRadius,
+    borderColor,
+    ...props
+  }, ref) => {
+    const responsiveClasses = [
+      ...resolveResponsiveClasses("padding", padding),
+      ...resolveResponsiveClasses("paddingX", paddingX),
+      ...resolveResponsiveClasses("paddingY", paddingY),
+      ...resolveResponsiveClasses("paddingTop", paddingTop),
+      ...resolveResponsiveClasses("paddingBottom", paddingBottom),
+      ...resolveResponsiveClasses("paddingStart", paddingStart),
+      ...resolveResponsiveClasses("paddingEnd", paddingEnd),
+      ...resolveResponsiveClasses("margin", margin),
+      ...resolveResponsiveClasses("marginX", marginX),
+      ...resolveResponsiveClasses("marginY", marginY),
+      ...resolveResponsiveClasses("marginTop", marginTop),
+      ...resolveResponsiveClasses("marginBottom", marginBottom),
+      ...resolveResponsiveClasses("marginStart", marginStart),
+      ...resolveResponsiveClasses("marginEnd", marginEnd)
+    ];
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      Comp,
+      {
+        ref,
+        className: cn(
+          boxVariants({ backgroundColor, borderStyle, borderRadius, borderColor }),
+          ...responsiveClasses,
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Box.displayName = "Box";
+
+// src/components/ui/grid.tsx
+var React10 = __toESM(require("react"), 1);
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var gridVariants = (0, import_class_variance_authority5.cva)("grid", {
+  variants: {
+    columns: {
+      1: "grid-cols-1",
+      2: "grid-cols-2",
+      3: "grid-cols-3",
+      4: "grid-cols-4",
+      5: "grid-cols-5",
+      6: "grid-cols-6",
+      7: "grid-cols-7",
+      8: "grid-cols-8",
+      9: "grid-cols-9",
+      10: "grid-cols-10",
+      11: "grid-cols-11",
+      12: "grid-cols-12"
+    },
+    gap: {
+      none: "gap-0",
+      condensed: "gap-2",
+      normal: "gap-4",
+      spacious: "gap-6",
+      "extra-spacious": "gap-8"
+    },
+    gapX: {
+      none: "gap-x-0",
+      condensed: "gap-x-2",
+      normal: "gap-x-4",
+      spacious: "gap-x-6",
+      "extra-spacious": "gap-x-8"
+    },
+    gapY: {
+      none: "gap-y-0",
+      condensed: "gap-y-2",
+      normal: "gap-y-4",
+      spacious: "gap-y-6",
+      "extra-spacious": "gap-y-8"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    },
+    justify: {
+      start: "justify-items-start",
+      center: "justify-items-center",
+      end: "justify-items-end",
+      stretch: "justify-items-stretch"
+    }
+  },
+  defaultVariants: {
+    columns: 12,
+    gap: "normal"
+  }
+});
+var columnMap = {
+  1: "grid-cols-1",
+  2: "grid-cols-2",
+  3: "grid-cols-3",
+  4: "grid-cols-4",
+  5: "grid-cols-5",
+  6: "grid-cols-6",
+  7: "grid-cols-7",
+  8: "grid-cols-8",
+  9: "grid-cols-9",
+  10: "grid-cols-10",
+  11: "grid-cols-11",
+  12: "grid-cols-12"
+};
+var Grid = React10.forwardRef(
+  ({ as: Comp = "div", className, columns = 12, gap, gapX, gapY, align, justify, ...props }, ref) => {
+    let columnClasses;
+    if (typeof columns === "number") {
+      columnClasses = columnMap[columns] || "grid-cols-12";
+    } else {
+      const classes = [];
+      if (columns.narrow) classes.push(columnMap[columns.narrow]);
+      if (columns.regular) classes.push(`md:${columnMap[columns.regular]}`);
+      if (columns.wide) classes.push(`lg:${columnMap[columns.wide]}`);
+      columnClasses = classes.join(" ");
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      Comp,
+      {
+        ref,
+        className: cn(
+          gridVariants({ gap, gapX, gapY, align, justify }),
+          columnClasses,
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Grid.displayName = "Grid";
+var gridColumnVariants = (0, import_class_variance_authority5.cva)("", {
+  variants: {
+    span: {
+      1: "col-span-1",
+      2: "col-span-2",
+      3: "col-span-3",
+      4: "col-span-4",
+      5: "col-span-5",
+      6: "col-span-6",
+      7: "col-span-7",
+      8: "col-span-8",
+      9: "col-span-9",
+      10: "col-span-10",
+      11: "col-span-11",
+      12: "col-span-12"
+    },
+    start: {
+      1: "col-start-1",
+      2: "col-start-2",
+      3: "col-start-3",
+      4: "col-start-4",
+      5: "col-start-5",
+      6: "col-start-6",
+      7: "col-start-7",
+      8: "col-start-8",
+      9: "col-start-9",
+      10: "col-start-10",
+      11: "col-start-11",
+      12: "col-start-12",
+      13: "col-start-13"
+    }
+  }
+});
+var spanMap = {
+  1: "col-span-1",
+  2: "col-span-2",
+  3: "col-span-3",
+  4: "col-span-4",
+  5: "col-span-5",
+  6: "col-span-6",
+  7: "col-span-7",
+  8: "col-span-8",
+  9: "col-span-9",
+  10: "col-span-10",
+  11: "col-span-11",
+  12: "col-span-12"
+};
+var GridColumn = React10.forwardRef(
+  ({ as: Comp = "div", className, span, start, ...props }, ref) => {
+    let spanClasses;
+    if (typeof span === "number") {
+      spanClasses = spanMap[span] || "";
+    } else if (span) {
+      const classes = [];
+      if (span.narrow) classes.push(spanMap[span.narrow]);
+      if (span.regular) classes.push(`md:${spanMap[span.regular]}`);
+      if (span.wide) classes.push(`lg:${spanMap[span.wide]}`);
+      spanClasses = classes.join(" ");
+    } else {
+      spanClasses = "";
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      Comp,
+      {
+        ref,
+        className: cn(
+          gridColumnVariants({ start }),
+          spanClasses,
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+GridColumn.displayName = "GridColumn";
+
+// src/components/ui/heading.tsx
+var React11 = __toESM(require("react"), 1);
+var import_class_variance_authority6 = require("class-variance-authority");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var headingVariants = (0, import_class_variance_authority6.cva)("font-heading scroll-m-24", {
+  variants: {
+    size: {
+      display: "text-7xl leading-[1.1] tracking-[-0.03em] lg:text-8xl lg:leading-[1.1] lg:tracking-[-0.031em]",
+      1: "text-5xl leading-[1.05] tracking-[-0.022em] lg:text-6xl lg:leading-[1.05] lg:tracking-[-0.025em]",
+      2: "text-4xl leading-[1.08] tracking-[-0.02em] lg:text-5xl lg:leading-[1.05] lg:tracking-[-0.022em]",
+      3: "text-3xl leading-[1.1] tracking-[-0.02em] lg:text-4xl lg:leading-[1.08] lg:tracking-[-0.02em]",
+      4: "text-2xl leading-[1.33] tracking-[-0.015em] lg:text-3xl lg:leading-[1.1] lg:tracking-[-0.02em]",
+      5: "text-xl leading-[1.5] lg:text-2xl lg:leading-[1.33] lg:tracking-[-0.015em]",
+      6: "text-lg leading-[1.55] lg:text-xl lg:leading-[1.5]",
+      "subhead-large": "text-lg leading-[1.3] tracking-[-0.01em]",
+      "subhead-medium": "text-base leading-[1.2] tracking-[-0.01em]"
+    },
+    weight: {
+      heavy: "font-black",
+      extrabold: "font-extrabold",
+      bold: "font-bold",
+      semibold: "font-semibold",
+      medium: "font-medium",
+      normal: "font-normal",
+      light: "font-light",
+      extralight: "font-extralight"
+    },
+    stretch: {
+      condensed: "tracking-tighter",
+      normal: "",
+      expanded: "tracking-wider"
+    },
+    letterSpacing: {
+      condensed: "tracking-tight",
+      normal: "tracking-normal",
+      none: "tracking-[0]"
+    },
+    align: {
+      start: "text-start",
+      center: "text-center",
+      end: "text-end"
+    },
+    variant: {
+      default: "text-foreground",
+      muted: "text-muted-foreground"
+    }
+  },
+  defaultVariants: {
+    size: 2,
+    variant: "default"
+  }
+});
+var sizeMap = {
+  display: "text-7xl leading-[1.1] tracking-[-0.03em] lg:text-8xl lg:leading-[1.1] lg:tracking-[-0.031em]",
+  1: "text-5xl leading-[1.05] tracking-[-0.022em] lg:text-6xl lg:leading-[1.05] lg:tracking-[-0.025em]",
+  2: "text-4xl leading-[1.08] tracking-[-0.02em] lg:text-5xl lg:leading-[1.05] lg:tracking-[-0.022em]",
+  3: "text-3xl leading-[1.1] tracking-[-0.02em] lg:text-4xl lg:leading-[1.08] lg:tracking-[-0.02em]",
+  4: "text-2xl leading-[1.33] tracking-[-0.015em] lg:text-3xl lg:leading-[1.1] lg:tracking-[-0.02em]",
+  5: "text-xl leading-[1.5] lg:text-2xl lg:leading-[1.33] lg:tracking-[-0.015em]",
+  6: "text-lg leading-[1.55] lg:text-xl lg:leading-[1.5]",
+  "subhead-large": "text-lg leading-[1.3] tracking-[-0.01em]",
+  "subhead-medium": "text-base leading-[1.2] tracking-[-0.01em]"
+};
+var weightMap = {
+  heavy: "font-black",
+  extrabold: "font-extrabold",
+  bold: "font-bold",
+  semibold: "font-semibold",
+  medium: "font-medium",
+  normal: "font-normal",
+  light: "font-light",
+  extralight: "font-extralight"
+};
+var responsivePrefixes2 = { narrow: "", regular: "md:", wide: "lg:" };
+function resolveResponsive(value, map) {
+  if (value === void 0 || value === null) return [];
+  if (typeof value !== "object") return [map[String(value)]].filter(Boolean);
+  const classes = [];
+  for (const [bp, val] of Object.entries(value)) {
+    if (val !== void 0 && map[String(val)]) {
+      const prefix = responsivePrefixes2[bp] || "";
+      classes.push(
+        map[String(val)].split(" ").map((c) => `${prefix}${c}`).join(" ")
+      );
+    }
+  }
+  return classes;
+}
+var Heading = React11.forwardRef(
+  ({ as: Tag = "h2", className, size = 2, weight, stretch, letterSpacing, align, variant, ...props }, ref) => {
+    const isResponsiveSize = typeof size === "object";
+    const isResponsiveWeight = typeof weight === "object";
+    const responsiveClasses = [
+      ...isResponsiveSize ? resolveResponsive(size, sizeMap) : [],
+      ...isResponsiveWeight ? resolveResponsive(weight, weightMap) : []
+    ];
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      Tag,
+      {
+        ref,
+        className: cn(
+          "font-heading scroll-m-24",
+          headingVariants({
+            size: isResponsiveSize ? void 0 : size,
+            weight: isResponsiveWeight ? void 0 : weight,
+            stretch,
+            letterSpacing,
+            align,
+            variant
+          }),
+          ...responsiveClasses,
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Heading.displayName = "Heading";
+
+// src/components/ui/text.tsx
+var React12 = __toESM(require("react"), 1);
+var import_class_variance_authority7 = require("class-variance-authority");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var textVariants = (0, import_class_variance_authority7.cva)("font-body", {
+  variants: {
+    size: {
+      100: "text-xs leading-[1.5]",
+      200: "text-sm leading-[1.42]",
+      300: "text-base leading-[1.5]",
+      400: "text-base leading-[1.5]",
+      500: "text-lg leading-[1.55]",
+      600: "text-xl leading-[1.5]",
+      700: "text-2xl leading-[1.33] tracking-[-0.015em]"
+    },
+    variant: {
+      default: "text-foreground",
+      muted: "text-muted-foreground"
+    },
+    weight: {
+      heavy: "font-black",
+      extrabold: "font-extrabold",
+      bold: "font-bold",
+      semibold: "font-semibold",
+      medium: "font-medium",
+      normal: "font-normal",
+      light: "font-light",
+      extralight: "font-extralight"
+    },
+    align: {
+      start: "text-start",
+      center: "text-center",
+      end: "text-end"
+    }
+  },
+  defaultVariants: {
+    size: 400,
+    variant: "default"
+  }
+});
+var sizeMap2 = {
+  100: "text-xs leading-[1.5]",
+  200: "text-sm leading-[1.42]",
+  300: "text-base leading-[1.5]",
+  400: "text-base leading-[1.5]",
+  500: "text-lg leading-[1.55]",
+  600: "text-xl leading-[1.5]",
+  700: "text-2xl leading-[1.33] tracking-[-0.015em]"
+};
+var weightMap2 = {
+  heavy: "font-black",
+  extrabold: "font-extrabold",
+  bold: "font-bold",
+  semibold: "font-semibold",
+  medium: "font-medium",
+  normal: "font-normal",
+  light: "font-light",
+  extralight: "font-extralight"
+};
+var responsivePrefixes3 = { narrow: "", regular: "md:", wide: "lg:" };
+function resolveResponsive2(value, map) {
+  if (value === void 0 || value === null) return [];
+  if (typeof value !== "object") return [map[String(value)]].filter(Boolean);
+  const classes = [];
+  for (const [bp, val] of Object.entries(value)) {
+    if (val !== void 0 && map[String(val)]) {
+      const prefix = responsivePrefixes3[bp] || "";
+      classes.push(
+        map[String(val)].split(" ").map((c) => `${prefix}${c}`).join(" ")
+      );
+    }
+  }
+  return classes;
+}
+var Text = React12.forwardRef(
+  ({ as: Comp = "p", className, size = 400, weight, align, variant, ...props }, ref) => {
+    const isResponsiveSize = typeof size === "object";
+    const isResponsiveWeight = typeof weight === "object";
+    const responsiveClasses = [
+      ...isResponsiveSize ? resolveResponsive2(size, sizeMap2) : [],
+      ...isResponsiveWeight ? resolveResponsive2(weight, weightMap2) : []
+    ];
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      Comp,
+      {
+        ref,
+        className: cn(
+          "font-body",
+          textVariants({
+            size: isResponsiveSize ? void 0 : size,
+            weight: isResponsiveWeight ? void 0 : weight,
+            align,
+            variant
+          }),
+          ...responsiveClasses,
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Text.displayName = "Text";
+
+// src/components/ui/stack.tsx
+var React13 = __toESM(require("react"), 1);
+var import_class_variance_authority8 = require("class-variance-authority");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var stackVariants = (0, import_class_variance_authority8.cva)("flex", {
+  variants: {
+    direction: {
+      horizontal: "flex-row",
+      vertical: "flex-col"
+    },
+    gap: {
+      none: "gap-0",
+      condensed: "gap-2",
+      normal: "gap-4",
+      spacious: "gap-6",
+      "extra-spacious": "gap-8"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      "space-between": "justify-between",
+      "space-around": "justify-around",
+      "space-evenly": "justify-evenly"
+    },
+    wrap: {
+      true: "flex-wrap",
+      false: "flex-nowrap"
+    },
+    padding: {
+      none: "p-0",
+      condensed: "p-2",
+      normal: "p-4",
+      spacious: "p-6",
+      "extra-spacious": "p-8"
+    }
+  },
+  defaultVariants: {
+    direction: "vertical",
+    gap: "normal",
+    align: "stretch",
+    wrap: false
+  }
+});
+var directionMap = {
+  horizontal: "flex-row",
+  vertical: "flex-col"
+};
+var gapMap = {
+  none: "gap-0",
+  condensed: "gap-2",
+  normal: "gap-4",
+  spacious: "gap-6",
+  "extra-spacious": "gap-8"
+};
+var alignMap = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end",
+  stretch: "items-stretch",
+  baseline: "items-baseline"
+};
+var justifyMap = {
+  start: "justify-start",
+  center: "justify-center",
+  end: "justify-end",
+  "space-between": "justify-between",
+  "space-around": "justify-around",
+  "space-evenly": "justify-evenly"
+};
+function resolveResponsive3(value, map) {
+  if (!value) return [];
+  if (typeof value === "string") return [map[value]].filter(Boolean);
+  const classes = [];
+  const prefixes = { narrow: "", regular: "md:", wide: "lg:" };
+  for (const [bp, val] of Object.entries(value)) {
+    if (val && map[val]) {
+      const prefix = prefixes[bp] || "";
+      classes.push(`${prefix}${map[val]}`);
+    }
+  }
+  return classes;
+}
+var Stack = React13.forwardRef(
+  ({
+    as: Comp = "div",
+    className,
+    direction = "vertical",
+    gap = "normal",
+    align,
+    justify,
+    wrap,
+    padding,
+    ...props
+  }, ref) => {
+    const responsiveClasses = [
+      ...resolveResponsive3(direction, directionMap),
+      ...resolveResponsive3(gap, gapMap),
+      ...resolveResponsive3(align, alignMap),
+      ...resolveResponsive3(justify, justifyMap)
+    ];
+    const isResponsiveDirection = typeof direction === "object";
+    const isResponsiveGap = typeof gap === "object";
+    const isResponsiveAlign = typeof align === "object";
+    const isResponsiveJustify = typeof justify === "object";
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      Comp,
+      {
+        ref,
+        className: cn(
+          "flex",
+          stackVariants({
+            direction: isResponsiveDirection ? void 0 : direction,
+            gap: isResponsiveGap ? void 0 : gap,
+            align: isResponsiveAlign ? void 0 : align,
+            justify: isResponsiveJustify ? void 0 : justify,
+            wrap,
+            padding
+          }),
+          ...responsiveClasses.filter(
+            (c) => isResponsiveDirection && directionMap[c] || isResponsiveGap && gapMap[c] || isResponsiveAlign && alignMap[c] || isResponsiveJustify && justifyMap[c] || true
+          ),
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Stack.displayName = "Stack";
+
+// src/components/ui/calendar.tsx
+var React14 = __toESM(require("react"), 1);
 var import_lucide_react3 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function Calendar({
   className,
   classNames,
@@ -840,7 +1621,7 @@ function Calendar({
   ...props
 }) {
   const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     import_react_day_picker.DayPicker,
     {
       showOutsideDays,
@@ -881,7 +1662,7 @@ function Calendar({
           defaultClassNames.month_caption
         ),
         dropdowns: cn(
-          "flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium",
+          "flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm",
           defaultClassNames.dropdowns
         ),
         dropdown_root: cn(
@@ -893,7 +1674,7 @@ function Calendar({
           defaultClassNames.dropdown
         ),
         caption_label: cn(
-          "select-none font-medium",
+          "select-none",
           captionLayout === "label" ? "text-sm" : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5",
           defaultClassNames.caption_label
         ),
@@ -939,7 +1720,7 @@ function Calendar({
       },
       components: {
         Root: ({ className: className2, rootRef, ...props2 }) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             "div",
             {
               "data-slot": "calendar",
@@ -951,10 +1732,10 @@ function Calendar({
         },
         Chevron: ({ className: className2, orientation, ...props2 }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.ChevronLeftIcon, { className: cn("size-4", className2), ...props2 });
+            return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.ChevronLeftIcon, { className: cn("size-4", className2), ...props2 });
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               import_lucide_react3.ChevronRightIcon,
               {
                 className: cn("size-4", className2),
@@ -962,11 +1743,11 @@ function Calendar({
               }
             );
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.ChevronDownIcon, { className: cn("size-4", className2), ...props2 });
+          return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.ChevronDownIcon, { className: cn("size-4", className2), ...props2 });
         },
         DayButton: CalendarDayButton,
         WeekNumber: ({ children, ...props2 }) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("td", { ...props2, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex size-[--cell-size] items-center justify-center text-center", children }) });
+          return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { ...props2, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex size-[--cell-size] items-center justify-center text-center", children }) });
         },
         ...components
       },
@@ -981,11 +1762,11 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
-  const ref = React9.useRef(null);
-  React9.useEffect(() => {
+  const ref = React14.useRef(null);
+  React14.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     Button,
     {
       ref,
@@ -1007,21 +1788,21 @@ function CalendarDayButton({
 }
 
 // src/components/ui/card.tsx
-var React10 = __toESM(require("react"), 1);
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var Card = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var React15 = __toESM(require("react"), 1);
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var Card = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "div",
   {
     ref,
     className: cn(
-      "rounded-xl border bg-card text-card-foreground shadow",
+      "border border-border bg-card text-card-foreground overflow-hidden",
       className
     ),
     ...props
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var CardHeader = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "div",
   {
     ref,
@@ -1030,16 +1811,16 @@ var CardHeader = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var CardTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "div",
   {
     ref,
-    className: cn("font-semibold leading-none tracking-tight", className),
+    className: cn("leading-none tracking-tight", className),
     ...props
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var CardDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "div",
   {
     ref,
@@ -1048,9 +1829,9 @@ var CardDescription = React10.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var CardFooter = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "div",
   {
     ref,
@@ -1061,19 +1842,19 @@ var CardFooter = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE
 CardFooter.displayName = "CardFooter";
 
 // src/components/ui/carousel.tsx
-var React11 = __toESM(require("react"), 1);
+var React16 = __toESM(require("react"), 1);
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
 var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var CarouselContext = React11.createContext(null);
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var CarouselContext = React16.createContext(null);
 function useCarousel() {
-  const context = React11.useContext(CarouselContext);
+  const context = React16.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React11.forwardRef(
+var Carousel = React16.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -1090,22 +1871,22 @@ var Carousel = React11.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React11.useState(false);
-    const [canScrollNext, setCanScrollNext] = React11.useState(false);
-    const onSelect = React11.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React16.useState(false);
+    const [canScrollNext, setCanScrollNext] = React16.useState(false);
+    const onSelect = React16.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React11.useCallback(() => {
+    const scrollPrev = React16.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React11.useCallback(() => {
+    const scrollNext = React16.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React11.useCallback(
+    const handleKeyDown = React16.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -1117,13 +1898,13 @@ var Carousel = React11.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React11.useEffect(() => {
+    React16.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React11.useEffect(() => {
+    React16.useEffect(() => {
       if (!api) {
         return;
       }
@@ -1134,7 +1915,7 @@ var Carousel = React11.forwardRef(
         api?.off("select", onSelect);
       };
     }, [api, onSelect]);
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       CarouselContext.Provider,
       {
         value: {
@@ -1147,7 +1928,7 @@ var Carousel = React11.forwardRef(
           canScrollPrev,
           canScrollNext
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "div",
           {
             ref,
@@ -1164,9 +1945,9 @@ var Carousel = React11.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React11.forwardRef(({ className, ...props }, ref) => {
+var CarouselContent = React16.forwardRef(({ className, ...props }, ref) => {
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
     {
       ref,
@@ -1180,9 +1961,9 @@ var CarouselContent = React11.forwardRef(({ className, ...props }, ref) => {
   ) });
 });
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React11.forwardRef(({ className, ...props }, ref) => {
+var CarouselItem = React16.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
     {
       ref,
@@ -1198,9 +1979,9 @@ var CarouselItem = React11.forwardRef(({ className, ...props }, ref) => {
   );
 });
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React11.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselPrevious = React16.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     Button,
     {
       ref,
@@ -1215,16 +1996,16 @@ var CarouselPrevious = React11.forwardRef(({ className, variant = "outline", siz
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.ArrowLeft, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.ArrowLeft, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React11.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselNext = React16.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     Button,
     {
       ref,
@@ -1239,8 +2020,8 @@ var CarouselNext = React11.forwardRef(({ className, variant = "outline", size =
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.ArrowRight, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.ArrowRight, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
@@ -1248,22 +2029,22 @@ var CarouselNext = React11.forwardRef(({ className, variant = "outline", size =
 CarouselNext.displayName = "CarouselNext";
 
 // src/components/ui/chart.tsx
-var React12 = __toESM(require("react"), 1);
+var React17 = __toESM(require("react"), 1);
 var RechartsPrimitive = __toESM(require("recharts"), 1);
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React12.createContext(null);
+var ChartContext = React17.createContext(null);
 function useChart() {
-  const context = React12.useContext(ChartContext);
+  const context = React17.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
   return context;
 }
-var ChartContainer = React12.forwardRef(({ id, className, children, config, ...props }, ref) => {
-  const uniqueId = React12.useId();
+var ChartContainer = React17.forwardRef(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React17.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "div",
     {
       "data-chart": chartId,
@@ -1274,8 +2055,8 @@ var ChartContainer = React12.forwardRef(({ id, className, children, config, ...p
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     }
   ) });
@@ -1288,7 +2069,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -1307,7 +2088,7 @@ ${colorConfig.map(([key, itemConfig]) => {
   );
 };
 var ChartTooltip = RechartsPrimitive.Tooltip;
-var ChartTooltipContent = React12.forwardRef(
+var ChartTooltipContent = React17.forwardRef(
   ({
     active,
     payload,
@@ -1324,7 +2105,7 @@ var ChartTooltipContent = React12.forwardRef(
     labelKey
   }, ref) => {
     const { config } = useChart();
-    const tooltipLabel = React12.useMemo(() => {
+    const tooltipLabel = React17.useMemo(() => {
       if (hideLabel || !payload?.length) {
         return null;
       }
@@ -1333,12 +2114,12 @@ var ChartTooltipContent = React12.forwardRef(
       const itemConfig = getPayloadConfigFromPayload(config, item, key);
       const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
       if (labelFormatter) {
-        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: cn(labelClassName), children: labelFormatter(value, payload) });
       }
       if (!value) {
         return null;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: cn("font-medium", labelClassName), children: value });
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: cn(labelClassName), children: value });
     }, [
       label,
       labelFormatter,
@@ -1352,7 +2133,7 @@ var ChartTooltipContent = React12.forwardRef(
       return null;
     }
     const nestLabel = payload.length === 1 && indicator !== "dot";
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       "div",
       {
         ref,
@@ -1362,19 +2143,19 @@ var ChartTooltipContent = React12.forwardRef(
         ),
         children: [
           !nestLabel ? tooltipLabel : null,
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
             const key = `${nameKey || item.name || item.dataKey || "value"}`;
             const itemConfig = getPayloadConfigFromPayload(config, item, key);
             const indicatorColor = color || item.payload.fill || item.color;
-            return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               "div",
               {
                 className: cn(
                   "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
                   indicator === "dot" && "items-center"
                 ),
-                children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-                  itemConfig?.icon ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+                  itemConfig?.icon ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                     "div",
                     {
                       className: cn(
@@ -1392,7 +2173,7 @@ var ChartTooltipContent = React12.forwardRef(
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                     "div",
                     {
                       className: cn(
@@ -1400,11 +2181,11 @@ var ChartTooltipContent = React12.forwardRef(
                         nestLabel ? "items-end" : "items-center"
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "grid gap-1.5", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "grid gap-1.5", children: [
                           nestLabel ? tooltipLabel : null,
-                          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
+                          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
                         ] }),
-                        item.value && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
+                        item.value && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "font-mono tabular-nums text-foreground", children: item.value.toLocaleString() })
                       ]
                     }
                   )
@@ -1420,13 +2201,13 @@ var ChartTooltipContent = React12.forwardRef(
 );
 ChartTooltipContent.displayName = "ChartTooltip";
 var ChartLegend = RechartsPrimitive.Legend;
-var ChartLegendContent = React12.forwardRef(
+var ChartLegendContent = React17.forwardRef(
   ({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
     const { config } = useChart();
     if (!payload?.length) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "div",
       {
         ref,
@@ -1438,14 +2219,14 @@ var ChartLegendContent = React12.forwardRef(
         children: payload.filter((item) => item.type !== "none").map((item) => {
           const key = `${nameKey || item.dataKey || "value"}`;
           const itemConfig = getPayloadConfigFromPayload(config, item, key);
-          return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
             "div",
             {
               className: cn(
                 "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
               ),
               children: [
-                itemConfig?.icon && !hideIcon ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(itemConfig.icon, {}) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                itemConfig?.icon && !hideIcon ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(itemConfig.icon, {}) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   "div",
                   {
                     className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -1480,24 +2261,24 @@ function getPayloadConfigFromPayload(config, payload, key) {
 }
 
 // src/components/ui/checkbox.tsx
-var React13 = __toESM(require("react"), 1);
+var React18 = __toESM(require("react"), 1);
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
 var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var Checkbox = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var Checkbox = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   CheckboxPrimitive.Root,
   {
     ref,
     className: cn(
-      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-input focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       CheckboxPrimitive.Indicator,
       {
         className: cn("grid place-content-center text-current"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.Check, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Check, { className: "h-4 w-4" })
       }
     )
   }
@@ -1511,20 +2292,20 @@ var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 
 // src/components/ui/command.tsx
-var React15 = __toESM(require("react"), 1);
+var React20 = __toESM(require("react"), 1);
 var import_cmdk = require("cmdk");
 var import_lucide_react7 = require("lucide-react");
 
 // src/components/ui/dialog.tsx
-var React14 = __toESM(require("react"), 1);
+var React19 = __toESM(require("react"), 1);
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var DialogOverlay = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -1536,9 +2317,9 @@ var DialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+var DialogContent = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     DialogPrimitive.Content,
     {
       ref,
@@ -1549,9 +2330,9 @@ var DialogContent = React14.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react6.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
@@ -1561,7 +2342,7 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   "div",
   {
     className: cn(
@@ -1575,7 +2356,7 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   "div",
   {
     className: cn(
@@ -1586,19 +2367,19 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var DialogTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   DialogPrimitive.Title,
   {
     ref,
     className: cn(
-      "text-lg font-semibold leading-none tracking-tight",
+      "text-lg leading-none tracking-tight",
       className
     ),
     ...props
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var DialogDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   DialogPrimitive.Description,
   {
     ref,
@@ -1609,8 +2390,8 @@ var DialogDescription = React14.forwardRef(({ className, ...props }, ref) => /*
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/ui/command.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var Command = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var Command = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   import_cmdk.Command,
   {
     ref,
@@ -1623,11 +2404,11 @@ var Command = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = import_cmdk.Command.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Dialog, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Dialog, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Command, { className: "[&_[cmdk-group-heading]]:px-2  [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
 };
-var CommandInput = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var CommandInput = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center border-b border-border px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     import_cmdk.Command.Input,
     {
       ref,
@@ -1640,7 +2421,7 @@ var CommandInput = React15.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var CommandList = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   import_cmdk.Command.List,
   {
     ref,
@@ -1649,7 +2430,7 @@ var CommandList = React15.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React15.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var CommandEmpty = React20.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   import_cmdk.Command.Empty,
   {
     ref,
@@ -1658,19 +2439,19 @@ var CommandEmpty = React15.forwardRef((props, ref) => /* @__PURE__ */ (0, import
   }
 ));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var CommandGroup = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   import_cmdk.Command.Group,
   {
     ref,
     className: cn(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs  [&_[cmdk-group-heading]]:text-muted-foreground",
       className
     ),
     ...props
   }
 ));
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var CommandSeparator = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   import_cmdk.Command.Separator,
   {
     ref,
@@ -1679,7 +2460,7 @@ var CommandSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var CommandItem = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   import_cmdk.Command.Item,
   {
     ref,
@@ -1695,7 +2476,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "span",
     {
       className: cn(
@@ -1709,17 +2490,17 @@ var CommandShortcut = ({
 CommandShortcut.displayName = "CommandShortcut";
 
 // src/components/ui/context-menu.tsx
-var React16 = __toESM(require("react"), 1);
+var React21 = __toESM(require("react"), 1);
 var ContextMenuPrimitive = __toESM(require("@radix-ui/react-context-menu"), 1);
 var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 var ContextMenuGroup = ContextMenuPrimitive.Group;
 var ContextMenuPortal = ContextMenuPrimitive.Portal;
 var ContextMenuSub = ContextMenuPrimitive.Sub;
 var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
-var ContextMenuSubTrigger = React16.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+var ContextMenuSubTrigger = React21.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -1731,12 +2512,12 @@ var ContextMenuSubTrigger = React16.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react8.ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var ContextMenuSubContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -1748,7 +2529,7 @@ var ContextMenuSubContent = React16.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var ContextMenuContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   ContextMenuPrimitive.Content,
   {
     ref,
@@ -1760,7 +2541,7 @@ var ContextMenuContent = React16.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React16.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var ContextMenuItem = React21.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -1773,7 +2554,7 @@ var ContextMenuItem = React16.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React16.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+var ContextMenuCheckboxItem = React21.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -1784,13 +2565,13 @@ var ContextMenuCheckboxItem = React16.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react8.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+var ContextMenuRadioItem = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -1800,18 +2581,18 @@ var ContextMenuRadioItem = React16.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react8.Circle, { className: "h-4 w-4 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.Circle, { className: "h-4 w-4 fill-current" }) }) }),
       children
     ]
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React16.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var ContextMenuLabel = React21.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   ContextMenuPrimitive.Label,
   {
     ref,
     className: cn(
-      "px-2 py-1.5 text-sm font-semibold text-foreground",
+      "px-2 py-1.5 text-sm text-foreground",
       inset && "pl-8",
       className
     ),
@@ -1819,7 +2600,7 @@ var ContextMenuLabel = React16.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var ContextMenuSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   ContextMenuPrimitive.Separator,
   {
     ref,
@@ -1832,7 +2613,7 @@ var ContextMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "span",
     {
       className: cn(
@@ -1846,13 +2627,13 @@ var ContextMenuShortcut = ({
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
 // src/components/ui/drawer.tsx
-var React17 = __toESM(require("react"), 1);
+var React22 = __toESM(require("react"), 1);
 var import_vaul = require("vaul");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var Drawer = ({
   shouldScaleBackground = true,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   import_vaul.Drawer.Root,
   {
     shouldScaleBackground,
@@ -1863,7 +2644,7 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = import_vaul.Drawer.Trigger;
 var DrawerPortal = import_vaul.Drawer.Portal;
 var DrawerClose = import_vaul.Drawer.Close;
-var DrawerOverlay = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var DrawerOverlay = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   import_vaul.Drawer.Overlay,
   {
     ref,
@@ -1872,9 +2653,9 @@ var DrawerOverlay = React17.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DrawerOverlay.displayName = import_vaul.Drawer.Overlay.displayName;
-var DrawerContent = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DrawerPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DrawerOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+var DrawerContent = React22.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DrawerPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DrawerOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     import_vaul.Drawer.Content,
     {
       ref,
@@ -1884,7 +2665,7 @@ var DrawerContent = React17.forwardRef(({ className, children, ...props }, ref)
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
         children
       ]
     }
@@ -1894,7 +2675,7 @@ DrawerContent.displayName = "DrawerContent";
 var DrawerHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   "div",
   {
     className: cn("grid gap-1.5 p-4 text-center sm:text-left", className),
@@ -1905,7 +2686,7 @@ DrawerHeader.displayName = "DrawerHeader";
 var DrawerFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   "div",
   {
     className: cn("mt-auto flex flex-col gap-2 p-4", className),
@@ -1913,19 +2694,19 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var DrawerTitle = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   import_vaul.Drawer.Title,
   {
     ref,
     className: cn(
-      "text-lg font-semibold leading-none tracking-tight",
+      "text-lg leading-none tracking-tight",
       className
     ),
     ...props
   }
 ));
 DrawerTitle.displayName = import_vaul.Drawer.Title.displayName;
-var DrawerDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var DrawerDescription = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   import_vaul.Drawer.Description,
   {
     ref,
@@ -1936,17 +2717,17 @@ var DrawerDescription = React17.forwardRef(({ className, ...props }, ref) => /*
 DrawerDescription.displayName = import_vaul.Drawer.Description.displayName;
 
 // src/components/ui/dropdown-menu.tsx
-var React18 = __toESM(require("react"), 1);
+var React23 = __toESM(require("react"), 1);
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
 var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React18.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+var DropdownMenuSubTrigger = React23.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -1958,12 +2739,12 @@ var DropdownMenuSubTrigger = React18.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react9.ChevronRight, { className: "ml-auto" })
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react9.ChevronRight, { className: "ml-auto" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuSubContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -1975,7 +2756,7 @@ var DropdownMenuSubContent = React18.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React18.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuContent = React23.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -1989,7 +2770,7 @@ var DropdownMenuContent = React18.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React18.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuItem = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -2002,7 +2783,7 @@ var DropdownMenuItem = React18.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React18.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+var DropdownMenuCheckboxItem = React23.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -2013,13 +2794,13 @@ var DropdownMenuCheckboxItem = React18.forwardRef(({ className, children, checke
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react9.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react9.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+var DropdownMenuRadioItem = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -2029,18 +2810,18 @@ var DropdownMenuRadioItem = React18.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react9.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react9.Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React18.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuLabel = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
     className: cn(
-      "px-2 py-1.5 text-sm font-semibold",
+      "px-2 py-1.5 text-sm",
       inset && "pl-8",
       className
     ),
@@ -2048,7 +2829,7 @@ var DropdownMenuLabel = React18.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -2061,7 +2842,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest opacity-60", className),
@@ -2072,19 +2853,19 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/ui/form.tsx
-var React20 = __toESM(require("react"), 1);
+var React25 = __toESM(require("react"), 1);
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_react_hook_form = require("react-hook-form");
 
 // src/components/ui/label.tsx
-var React19 = __toESM(require("react"), 1);
+var React24 = __toESM(require("react"), 1);
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
-var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var labelVariants = (0, import_class_variance_authority4.cva)(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+var import_class_variance_authority9 = require("class-variance-authority");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var labelVariants = (0, import_class_variance_authority9.cva)(
+  "text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label3 = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var Label3 = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
   LabelPrimitive.Root,
   {
     ref,
@@ -2095,17 +2876,17 @@ var Label3 = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Label3.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/ui/form.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var Form = import_react_hook_form.FormProvider;
-var FormFieldContext = React20.createContext(null);
+var FormFieldContext = React25.createContext(null);
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_hook_form.Controller, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_hook_form.Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React20.useContext(FormFieldContext);
-  const itemContext = React20.useContext(FormItemContext);
+  const fieldContext = React25.useContext(FormFieldContext);
+  const itemContext = React25.useContext(FormItemContext);
   const { getFieldState, formState } = (0, import_react_hook_form.useFormContext)();
   if (!fieldContext) {
     throw new Error("useFormField should be used within <FormField>");
@@ -2124,15 +2905,15 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React20.createContext(null);
-var FormItem = React20.forwardRef(({ className, ...props }, ref) => {
-  const id = React20.useId();
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
+var FormItemContext = React25.createContext(null);
+var FormItem = React25.forwardRef(({ className, ...props }, ref) => {
+  const id = React25.useId();
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React20.forwardRef(({ className, ...props }, ref) => {
+var FormLabel = React25.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     Label3,
     {
       ref,
@@ -2143,9 +2924,9 @@ var FormLabel = React20.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React20.forwardRef(({ ...props }, ref) => {
+var FormControl = React25.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     import_react_slot3.Slot,
     {
       ref,
@@ -2157,9 +2938,9 @@ var FormControl = React20.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React20.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React25.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "p",
     {
       ref,
@@ -2170,18 +2951,18 @@ var FormDescription = React20.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React20.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React25.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message ?? "") : children;
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "p",
     {
       ref,
       id: formMessageId,
-      className: cn("text-[0.8rem] font-medium text-destructive", className),
+      className: cn("text-[0.8rem] text-destructive", className),
       ...props,
       children: body
     }
@@ -2190,12 +2971,12 @@ var FormMessage = React20.forwardRef(({ className, children, ...props }, ref) =>
 FormMessage.displayName = "FormMessage";
 
 // src/components/ui/hover-card.tsx
-var React21 = __toESM(require("react"), 1);
+var React26 = __toESM(require("react"), 1);
 var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"), 1);
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React21.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+var HoverCardContent = React26.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -2211,16 +2992,16 @@ var HoverCardContent = React21.forwardRef(({ className, align = "center", sideOf
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/ui/input.tsx
-var React22 = __toESM(require("react"), 1);
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var Input = React22.forwardRef(
+var React27 = __toESM(require("react"), 1);
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var Input = React27.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       "input",
       {
         type,
         className: cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm  file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
           className
         ),
         ref,
@@ -2232,11 +3013,11 @@ var Input = React22.forwardRef(
 Input.displayName = "Input";
 
 // src/components/ui/input-otp.tsx
-var React23 = __toESM(require("react"), 1);
+var React28 = __toESM(require("react"), 1);
 var import_input_otp = require("input-otp");
 var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var InputOTP = React23.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var InputOTP = React28.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   import_input_otp.OTPInput,
   {
     ref,
@@ -2249,12 +3030,12 @@ var InputOTP = React23.forwardRef(({ className, containerClassName, ...props },
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React23.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React23.useContext(import_input_otp.OTPInputContext);
+var InputOTPSlot = React28.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React28.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "div",
     {
       ref,
@@ -2266,46 +3047,46 @@ var InputOTPSlot = React23.forwardRef(({ index, className, ...props }, ref) => {
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     }
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React23.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Minus, {}) }));
+var InputOTPSeparator = React28.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react10.Minus, {}) }));
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/ui/menubar.tsx
-var React24 = __toESM(require("react"), 1);
+var React29 = __toESM(require("react"), 1);
 var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"), 1);
 var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function MenubarMenu({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MenubarPrimitive.Menu, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(MenubarPrimitive.Menu, { ...props });
 }
 function MenubarGroup({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MenubarPrimitive.Group, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(MenubarPrimitive.Group, { ...props });
 }
 function MenubarPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MenubarPrimitive.Portal, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(MenubarPrimitive.Portal, { ...props });
 }
 function MenubarRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MenubarPrimitive.RadioGroup, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(MenubarPrimitive.RadioGroup, { ...props });
 }
 function MenubarSub({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
 }
-var Menubar = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var Menubar = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   MenubarPrimitive.Root,
   {
     ref,
@@ -2317,19 +3098,19 @@ var Menubar = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var MenubarTrigger = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   MenubarPrimitive.Trigger,
   {
     ref,
     className: cn(
-      "flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      "flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
       className
     ),
     ...props
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React24.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+var MenubarSubTrigger = React29.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -2341,12 +3122,12 @@ var MenubarSubTrigger = React24.forwardRef(({ className, inset, children, ...pro
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react11.ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var MenubarSubContent = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -2358,8 +3139,8 @@ var MenubarSubContent = React24.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React24.forwardRef(
-  ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var MenubarContent = React29.forwardRef(
+  ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     MenubarPrimitive.Content,
     {
       ref,
@@ -2375,7 +3156,7 @@ var MenubarContent = React24.forwardRef(
   ) })
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React24.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var MenubarItem = React29.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   MenubarPrimitive.Item,
   {
     ref,
@@ -2388,7 +3169,7 @@ var MenubarItem = React24.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React24.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+var MenubarCheckboxItem = React29.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -2399,13 +3180,13 @@ var MenubarCheckboxItem = React24.forwardRef(({ className, children, checked, ..
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react11.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+var MenubarRadioItem = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -2415,18 +3196,18 @@ var MenubarRadioItem = React24.forwardRef(({ className, children, ...props }, re
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Circle, { className: "h-4 w-4 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react11.Circle, { className: "h-4 w-4 fill-current" }) }) }),
       children
     ]
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React24.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var MenubarLabel = React29.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   MenubarPrimitive.Label,
   {
     ref,
     className: cn(
-      "px-2 py-1.5 text-sm font-semibold",
+      "px-2 py-1.5 text-sm",
       inset && "pl-8",
       className
     ),
@@ -2434,7 +3215,7 @@ var MenubarLabel = React24.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var MenubarSeparator = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   MenubarPrimitive.Separator,
   {
     ref,
@@ -2447,7 +3228,7 @@ var MenubarShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "span",
     {
       className: cn(
@@ -2461,12 +3242,12 @@ var MenubarShortcut = ({
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // src/components/ui/navigation-menu.tsx
-var React25 = __toESM(require("react"), 1);
+var React30 = __toESM(require("react"), 1);
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"), 1);
-var import_class_variance_authority5 = require("class-variance-authority");
+var import_class_variance_authority10 = require("class-variance-authority");
 var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var NavigationMenu = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var NavigationMenu = React30.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -2477,12 +3258,12 @@ var NavigationMenu = React25.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(NavigationMenuViewport, {})
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(NavigationMenuViewport, {})
     ]
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var NavigationMenuList = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -2495,10 +3276,10 @@ var NavigationMenuList = React25.forwardRef(({ className, ...props }, ref) => /*
 ));
 NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
 var NavigationMenuItem = NavigationMenuPrimitive.Item;
-var navigationMenuTriggerStyle = (0, import_class_variance_authority5.cva)(
-  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
+var navigationMenuTriggerStyle = (0, import_class_variance_authority10.cva)(
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm  transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
 );
-var NavigationMenuTrigger = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+var NavigationMenuTrigger = React30.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -2507,7 +3288,7 @@ var NavigationMenuTrigger = React25.forwardRef(({ className, children, ...props
     children: [
       children,
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         import_lucide_react12.ChevronDown,
         {
           className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
@@ -2518,7 +3299,7 @@ var NavigationMenuTrigger = React25.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var NavigationMenuContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -2531,7 +3312,7 @@ var NavigationMenuContent = React25.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var NavigationMenuViewport = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -2543,7 +3324,7 @@ var NavigationMenuViewport = React25.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var NavigationMenuIndicator = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -2552,16 +3333,16 @@ var NavigationMenuIndicator = React25.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
   }
 ));
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 
 // src/components/ui/pagination.tsx
-var React26 = __toESM(require("react"), 1);
+var React31 = __toESM(require("react"), 1);
 var import_lucide_react13 = require("lucide-react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "nav",
   {
     role: "navigation",
@@ -2571,7 +3352,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_run
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var PaginationContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "ul",
   {
     ref,
@@ -2580,14 +3361,14 @@ var PaginationContent = React26.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
   isActive,
   size = "icon",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -2605,7 +3386,7 @@ PaginationLink.displayName = "PaginationLink";
 var PaginationPrevious = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
   PaginationLink,
   {
     "aria-label": "Go to previous page",
@@ -2613,8 +3394,8 @@ var PaginationPrevious = ({
     className: cn("gap-1 pl-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.ChevronLeft, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "Previous" })
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react13.ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Previous" })
     ]
   }
 );
@@ -2622,7 +3403,7 @@ PaginationPrevious.displayName = "PaginationPrevious";
 var PaginationNext = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
   PaginationLink,
   {
     "aria-label": "Go to next page",
@@ -2630,8 +3411,8 @@ var PaginationNext = ({
     className: cn("gap-1 pr-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "Next" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.ChevronRight, { className: "h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Next" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react13.ChevronRight, { className: "h-4 w-4" })
     ]
   }
 );
@@ -2639,28 +3420,28 @@ PaginationNext.displayName = "PaginationNext";
 var PaginationEllipsis = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
   "span",
   {
     "aria-hidden": true,
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: "More pages" })
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react13.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "More pages" })
     ]
   }
 );
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/ui/popover.tsx
-var React27 = __toESM(require("react"), 1);
+var React32 = __toESM(require("react"), 1);
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React27.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var PopoverContent = React32.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   PopoverPrimitive.Content,
   {
     ref,
@@ -2676,10 +3457,10 @@ var PopoverContent = React27.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/ui/progress.tsx
-var React28 = __toESM(require("react"), 1);
+var React33 = __toESM(require("react"), 1);
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var Progress = React28.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var Progress = React33.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   ProgressPrimitive.Root,
   {
     ref,
@@ -2688,7 +3469,7 @@ var Progress = React28.forwardRef(({ className, value, ...props }, ref) => /* @_
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       ProgressPrimitive.Indicator,
       {
         className: "h-full w-full flex-1 bg-primary transition-all",
@@ -2700,12 +3481,12 @@ var Progress = React28.forwardRef(({ className, value, ...props }, ref) => /* @_
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/ui/radio-group.tsx
-var React29 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
 var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var RadioGroup4 = React29.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var RadioGroup4 = React34.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     RadioGroupPrimitive.Root,
     {
       className: cn("grid gap-2", className),
@@ -2715,17 +3496,17 @@ var RadioGroup4 = React29.forwardRef(({ className, ...props }, ref) => {
   );
 });
 RadioGroup4.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React29.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var RadioGroupItem = React34.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     RadioGroupPrimitive.Item,
     {
       ref,
       className: cn(
-        "aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        "aspect-square h-4 w-4 rounded-full border border-input text-primary focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.Circle, { className: "h-3.5 w-3.5 fill-primary" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react14.Circle, { className: "h-3.5 w-3.5 fill-primary" }) })
     }
   );
 });
@@ -2734,11 +3515,11 @@ RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 // src/components/ui/resizable.tsx
 var import_lucide_react15 = require("lucide-react");
 var import_react_resizable_panels = require("react-resizable-panels");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var ResizablePanelGroup = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   import_react_resizable_panels.Group,
   {
     className: cn(
@@ -2753,7 +3534,7 @@ var ResizableHandle = ({
   withHandle,
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   import_react_resizable_panels.Separator,
   {
     className: cn(
@@ -2761,29 +3542,29 @@ var ResizableHandle = ({
       className
     ),
     ...props,
-    children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.GripVertical, { className: "h-2.5 w-2.5" }) })
+    children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react15.GripVertical, { className: "h-2.5 w-2.5" }) })
   }
 );
 
 // src/components/ui/scroll-area.tsx
-var React30 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"), 1);
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var ScrollArea = React30.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var ScrollArea = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ScrollBar, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ScrollBar, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React30.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var ScrollBar = React35.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -2795,20 +3576,20 @@ var ScrollBar = React30.forwardRef(({ className, orientation = "vertical", ...pr
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // src/components/ui/select.tsx
-var React31 = __toESM(require("react"), 1);
+var React36 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react16 = require("lucide-react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React31.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+var SelectTrigger = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -2819,12 +3600,12 @@ var SelectTrigger = React31.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react16.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react16.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SelectScrollUpButton = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -2833,11 +3614,11 @@ var SelectScrollUpButton = React31.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react16.ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react16.ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SelectScrollDownButton = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -2846,11 +3627,11 @@ var SelectScrollDownButton = React31.forwardRef(({ className, ...props }, ref) =
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react16.ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react16.ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React31.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+var SelectContent = React36.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
   SelectPrimitive.Content,
   {
     ref,
@@ -2862,8 +3643,8 @@ var SelectContent = React31.forwardRef(({ className, children, position = "poppe
     position,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -2873,21 +3654,21 @@ var SelectContent = React31.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SelectLabel = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   SelectPrimitive.Label,
   {
     ref,
-    className: cn("px-2 py-1.5 text-sm font-semibold", className),
+    className: cn("px-2 py-1.5 text-sm", className),
     ...props
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React31.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+var SelectItem = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -2897,13 +3678,13 @@ var SelectItem = React31.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react16.Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react16.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SelectSeparator = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -2914,11 +3695,11 @@ var SelectSeparator = React31.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/ui/separator.tsx
-var React32 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var Separator6 = React32.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var Separator6 = React37.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     SeparatorPrimitive.Root,
     {
       ref,
@@ -2936,16 +3717,16 @@ var Separator6 = React32.forwardRef(
 Separator6.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/ui/sheet.tsx
-var React33 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_class_variance_authority6 = require("class-variance-authority");
+var import_class_variance_authority11 = require("class-variance-authority");
 var import_lucide_react17 = require("lucide-react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SheetOverlay = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -2957,15 +3738,15 @@ var SheetOverlay = React33.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
-var sheetVariants = (0, import_class_variance_authority6.cva)(
+var sheetVariants = (0, import_class_variance_authority11.cva)(
   "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
   {
     variants: {
       side: {
-        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-        bottom: "inset-x-0 bottom-0 border-t 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 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 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: {
@@ -2973,18 +3754,18 @@ var sheetVariants = (0, import_class_variance_authority6.cva)(
     }
   }
 );
-var SheetContent = React33.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(SheetPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SheetOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+var SheetContent = React38.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(SheetPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SheetOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     SheetPrimitive.Content,
     {
       ref,
       className: cn(sheetVariants({ side }), className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react17.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react17.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sr-only", children: "Close" })
         ] }),
         children
       ]
@@ -2995,7 +3776,7 @@ SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   "div",
   {
     className: cn(
@@ -3009,7 +3790,7 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   "div",
   {
     className: cn(
@@ -3020,16 +3801,16 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SheetTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   SheetPrimitive.Title,
   {
     ref,
-    className: cn("text-lg font-semibold text-foreground", className),
+    className: cn("text-lg text-foreground", className),
     ...props
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SheetDescription = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   SheetPrimitive.Description,
   {
     ref,
@@ -3040,18 +3821,18 @@ var SheetDescription = React33.forwardRef(({ className, ...props }, ref) => /* @
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/sidebar.tsx
-var React35 = __toESM(require("react"), 1);
+var React40 = __toESM(require("react"), 1);
 var import_react_slot4 = require("@radix-ui/react-slot");
-var import_class_variance_authority7 = require("class-variance-authority");
+var import_class_variance_authority12 = require("class-variance-authority");
 var import_lucide_react18 = require("lucide-react");
 
 // src/components/ui/skeleton.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function Skeleton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     {
       className: cn("animate-pulse rounded-md bg-primary/10", className),
@@ -3061,13 +3842,13 @@ function Skeleton({
 }
 
 // src/components/ui/tooltip.tsx
-var React34 = __toESM(require("react"), 1);
+var React39 = __toESM(require("react"), 1);
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip2 = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React34.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var TooltipContent = React39.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
   TooltipPrimitive.Content,
   {
     ref,
@@ -3082,22 +3863,22 @@ var TooltipContent = React34.forwardRef(({ className, sideOffset = 4, ...props }
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/ui/sidebar.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React35.createContext(null);
+var SidebarContext = React40.createContext(null);
 function useSidebar() {
-  const context = React35.useContext(SidebarContext);
+  const context = React40.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React35.forwardRef(
+var SidebarProvider = React40.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -3108,10 +3889,10 @@ var SidebarProvider = React35.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React35.useState(false);
-    const [_open, _setOpen] = React35.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React40.useState(false);
+    const [_open, _setOpen] = React40.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React35.useCallback(
+    const setOpen = React40.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -3123,10 +3904,10 @@ var SidebarProvider = React35.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React35.useCallback(() => {
+    const toggleSidebar = React40.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React35.useEffect(() => {
+    React40.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -3137,7 +3918,7 @@ var SidebarProvider = React35.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React35.useMemo(
+    const contextValue = React40.useMemo(
       () => ({
         state,
         open,
@@ -3149,7 +3930,7 @@ var SidebarProvider = React35.forwardRef(
       }),
       [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "div",
       {
         style: {
@@ -3169,7 +3950,7 @@ var SidebarProvider = React35.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React35.forwardRef(
+var Sidebar = React40.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -3180,7 +3961,7 @@ var Sidebar = React35.forwardRef(
   }, ref) => {
     const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
     if (collapsible === "none") {
-      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         "div",
         {
           className: cn(
@@ -3194,7 +3975,7 @@ var Sidebar = React35.forwardRef(
       );
     }
     if (isMobile) {
-      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
         SheetContent,
         {
           "data-sidebar": "sidebar",
@@ -3205,16 +3986,16 @@ var Sidebar = React35.forwardRef(
           },
           side,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(SheetHeader, { className: "sr-only", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SheetTitle, { children: "Sidebar" }),
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(SheetHeader, { className: "sr-only", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SheetTitle, { children: "Sidebar" }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex h-full w-full flex-col", children })
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex h-full w-full flex-col", children })
           ]
         }
       ) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
       "div",
       {
         ref,
@@ -3224,7 +4005,7 @@ var Sidebar = React35.forwardRef(
         "data-variant": variant,
         "data-side": side,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             "div",
             {
               className: cn(
@@ -3235,18 +4016,18 @@ var Sidebar = React35.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             "div",
             {
               className: cn(
                 "fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex",
                 side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
                 // Adjust the padding for floating and inset variants.
-                variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
+                variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=left]:border-border group-data-[side=right]:border-l group-data-[side=right]:border-border",
                 className
               ),
               ...props,
-              children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -3262,9 +4043,9 @@ var Sidebar = React35.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React35.forwardRef(({ className, onClick, ...props }, ref) => {
+var SidebarTrigger = React40.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     Button,
     {
       ref,
@@ -3278,16 +4059,16 @@ var SidebarTrigger = React35.forwardRef(({ className, onClick, ...props }, ref)
       },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react18.PanelLeft, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react18.PanelLeft, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React35.forwardRef(({ className, ...props }, ref) => {
+var SidebarRail = React40.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "button",
     {
       ref,
@@ -3310,8 +4091,8 @@ var SidebarRail = React35.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React35.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var SidebarInset = React40.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "main",
     {
       ref,
@@ -3325,8 +4106,8 @@ var SidebarInset = React35.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React35.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var SidebarInput = React40.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     Input,
     {
       ref,
@@ -3340,8 +4121,8 @@ var SidebarInput = React35.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React35.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var SidebarHeader = React40.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     {
       ref,
@@ -3352,8 +4133,8 @@ var SidebarHeader = React35.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React35.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var SidebarFooter = React40.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     {
       ref,
@@ -3364,8 +4145,8 @@ var SidebarFooter = React35.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React35.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var SidebarSeparator = React40.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     Separator6,
     {
       ref,
@@ -3376,8 +4157,8 @@ var SidebarSeparator = React35.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React35.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var SidebarContent = React40.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     {
       ref,
@@ -3391,8 +4172,8 @@ var SidebarContent = React35.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React35.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var SidebarGroup = React40.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     {
       ref,
@@ -3403,15 +4184,15 @@ var SidebarGroup = React35.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React35.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabel = React40.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     Comp,
     {
       ref,
       "data-sidebar": "group-label",
       className: cn(
-        "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        "flex h-8 shrink-0 items-center rounded-md px-2 text-xs text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
         "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
         className
       ),
@@ -3420,9 +4201,9 @@ var SidebarGroupLabel = React35.forwardRef(({ className, asChild = false, ...pro
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React35.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupAction = React40.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     Comp,
     {
       ref,
@@ -3439,7 +4220,7 @@ var SidebarGroupAction = React35.forwardRef(({ className, asChild = false, ...pr
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var SidebarGroupContent = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   "div",
   {
     ref,
@@ -3449,7 +4230,7 @@ var SidebarGroupContent = React35.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var SidebarMenu = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   "ul",
   {
     ref,
@@ -3459,7 +4240,7 @@ var SidebarMenu = React35.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var SidebarMenuItem = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   "li",
   {
     ref,
@@ -3469,8 +4250,8 @@ var SidebarMenuItem = React35.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SidebarMenuItem.displayName = "SidebarMenuItem";
-var sidebarMenuButtonVariants = (0, import_class_variance_authority7.cva)(
-  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+var sidebarMenuButtonVariants = (0, import_class_variance_authority12.cva)(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -3489,7 +4270,7 @@ var sidebarMenuButtonVariants = (0, import_class_variance_authority7.cva)(
     }
   }
 );
-var SidebarMenuButton = React35.forwardRef(
+var SidebarMenuButton = React40.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -3501,7 +4282,7 @@ var SidebarMenuButton = React35.forwardRef(
   }, ref) => {
     const Comp = asChild ? import_react_slot4.Slot : "button";
     const { isMobile, state } = useSidebar();
-    const button = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    const button = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       Comp,
       {
         ref,
@@ -3520,9 +4301,9 @@ var SidebarMenuButton = React35.forwardRef(
         children: tooltip
       };
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Tooltip2, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Tooltip2, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         TooltipContent,
         {
           side: "right",
@@ -3535,9 +4316,9 @@ var SidebarMenuButton = React35.forwardRef(
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React35.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React40.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     Comp,
     {
       ref,
@@ -3558,13 +4339,13 @@ var SidebarMenuAction = React35.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var SidebarMenuBadge = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   "div",
   {
     ref,
     "data-sidebar": "menu-badge",
     className: cn(
-      "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground",
+      "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs tabular-nums text-sidebar-foreground",
       "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
       "peer-data-[size=sm]/menu-button:top-1",
       "peer-data-[size=default]/menu-button:top-1.5",
@@ -3576,11 +4357,11 @@ var SidebarMenuBadge = React35.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React35.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React35.useMemo(() => {
+var SidebarMenuSkeleton = React40.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React40.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     "div",
     {
       ref,
@@ -3588,14 +4369,14 @@ var SidebarMenuSkeleton = React35.forwardRef(({ className, showIcon = false, ...
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
           Skeleton,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -3610,7 +4391,7 @@ var SidebarMenuSkeleton = React35.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var SidebarMenuSub = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   "ul",
   {
     ref,
@@ -3624,11 +4405,11 @@ var SidebarMenuSub = React35.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React35.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("li", { ref, ...props }));
+var SidebarMenuSubItem = React40.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React35.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButton = React40.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     Comp,
     {
       ref,
@@ -3650,10 +4431,10 @@ var SidebarMenuSubButton = React35.forwardRef(({ asChild = false, size = "md", i
 SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 
 // src/components/ui/slider.tsx
-var React36 = __toESM(require("react"), 1);
+var React41 = __toESM(require("react"), 1);
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var Slider = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var Slider = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
   SliderPrimitive.Root,
   {
     ref,
@@ -3663,8 +4444,8 @@ var Slider = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
     ]
   }
 ));
@@ -3673,10 +4454,10 @@ Slider.displayName = SliderPrimitive.Root.displayName;
 // src/components/ui/sonner.tsx
 var import_next_themes = require("next-themes");
 var import_sonner = require("sonner");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var Toaster = ({ ...props }) => {
   const { theme = "system" } = (0, import_next_themes.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     import_sonner.Toaster,
     {
       theme,
@@ -3695,10 +4476,10 @@ var Toaster = ({ ...props }) => {
 };
 
 // src/components/ui/switch.tsx
-var React37 = __toESM(require("react"), 1);
+var React42 = __toESM(require("react"), 1);
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var Switch = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var Switch = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -3707,7 +4488,7 @@ var Switch = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -3720,9 +4501,9 @@ var Switch = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/ui/table.tsx
-var React38 = __toESM(require("react"), 1);
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var Table = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var React43 = __toESM(require("react"), 1);
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var Table = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "table",
   {
     ref,
@@ -3731,9 +4512,9 @@ var Table = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var TableBody = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "tbody",
   {
     ref,
@@ -3742,43 +4523,43 @@ var TableBody = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var TableFooter = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "tfoot",
   {
     ref,
     className: cn(
-      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      "border-t border-border bg-muted/50 [&>tr]:last:border-b-0",
       className
     ),
     ...props
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var TableRow = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "tr",
   {
     ref,
     className: cn(
-      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      "border-b border-border transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
       className
     ),
     ...props
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var TableHead = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "th",
   {
     ref,
     className: cn(
-      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      "h-10 px-2 text-left align-middle text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
       className
     ),
     ...props
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var TableCell = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "td",
   {
     ref,
@@ -3790,7 +4571,7 @@ var TableCell = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var TableCaption = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "caption",
   {
     ref,
@@ -3801,11 +4582,11 @@ var TableCaption = React38.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // src/components/ui/tabs.tsx
-var React39 = __toESM(require("react"), 1);
+var React44 = __toESM(require("react"), 1);
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var Tabs = TabsPrimitive.Root;
-var TabsList = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+var TabsList = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
   TabsPrimitive.List,
   {
     ref,
@@ -3817,19 +4598,19 @@ var TabsList = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+var TabsTrigger = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
   TabsPrimitive.Trigger,
   {
     ref,
     className: cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
       className
     ),
     ...props
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+var TabsContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
   TabsPrimitive.Content,
   {
     ref,
@@ -3843,10 +4624,10 @@ var TabsContent = React39.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/ui/textarea.tsx
-var React40 = __toESM(require("react"), 1);
-var import_jsx_runtime42 = require("react/jsx-runtime");
-var Textarea = React40.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+var React45 = __toESM(require("react"), 1);
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var Textarea = React45.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "textarea",
     {
       className: cn(
@@ -3861,13 +4642,13 @@ var Textarea = React40.forwardRef(({ className, ...props }, ref) => {
 Textarea.displayName = "Textarea";
 
 // src/components/ui/toast.tsx
-var React41 = __toESM(require("react"), 1);
+var React46 = __toESM(require("react"), 1);
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"), 1);
-var import_class_variance_authority8 = require("class-variance-authority");
+var import_class_variance_authority13 = require("class-variance-authority");
 var import_lucide_react19 = require("lucide-react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var ToastViewport = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -3879,7 +4660,7 @@ var ToastViewport = React41.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var toastVariants = (0, import_class_variance_authority8.cva)(
+var toastVariants = (0, import_class_variance_authority13.cva)(
   "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
   {
     variants: {
@@ -3893,8 +4674,8 @@ var toastVariants = (0, import_class_variance_authority8.cva)(
     }
   }
 );
-var Toast = React41.forwardRef(({ className, variant, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var Toast = React46.forwardRef(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     ToastPrimitives.Root,
     {
       ref,
@@ -3904,19 +4685,19 @@ var Toast = React41.forwardRef(({ className, variant, ...props }, ref) => {
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var ToastAction = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   ToastPrimitives.Action,
   {
     ref,
     className: cn(
-      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
       className
     ),
     ...props
   }
 ));
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var ToastClose = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   ToastPrimitives.Close,
   {
     ref,
@@ -3926,20 +4707,20 @@ var ToastClose = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ),
     "toast-close": "",
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react19.X, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.X, { className: "h-4 w-4" })
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var ToastTitle = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   ToastPrimitives.Title,
   {
     ref,
-    className: cn("text-sm font-semibold [&+div]:text-xs", className),
+    className: cn("text-sm [&+div]:text-xs", className),
     ...props
   }
 ));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var ToastDescription = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   ToastPrimitives.Description,
   {
     ref,
@@ -3950,31 +4731,31 @@ var ToastDescription = React41.forwardRef(({ className, ...props }, ref) => /* @
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // src/components/ui/toaster.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function Toaster2() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(ToastProvider, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(ToastProvider, { children: [
     toasts.map(function({ id, title, description, action, ...props }) {
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Toast, { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "grid gap-1", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ToastTitle, { children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ToastDescription, { children: description })
+      return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Toast, { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "grid gap-1", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ToastTitle, { children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ToastDescription, { children: description })
         ] }),
         action,
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ToastClose, {})
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ToastClose, {})
       ] }, id);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ToastViewport, {})
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ToastViewport, {})
   ] });
 }
 
 // src/components/ui/toggle.tsx
-var React42 = __toESM(require("react"), 1);
+var React47 = __toESM(require("react"), 1);
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
-var import_class_variance_authority9 = require("class-variance-authority");
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var toggleVariants = (0, import_class_variance_authority9.cva)(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+var import_class_variance_authority14 = require("class-variance-authority");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var toggleVariants = (0, import_class_variance_authority14.cva)(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -3993,7 +4774,7 @@ var toggleVariants = (0, import_class_variance_authority9.cva)(
     }
   }
 );
-var Toggle = React42.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+var Toggle = React47.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
   TogglePrimitive.Root,
   {
     ref,
@@ -4004,26 +4785,26 @@ var Toggle = React42.forwardRef(({ className, variant, size, ...props }, ref) =>
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/ui/toggle-group.tsx
-var React43 = __toESM(require("react"), 1);
+var React48 = __toESM(require("react"), 1);
 var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"), 1);
-var import_jsx_runtime46 = require("react/jsx-runtime");
-var ToggleGroupContext = React43.createContext({
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var ToggleGroupContext = React48.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React43.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var ToggleGroup = React48.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
   ToggleGroupPrimitive.Root,
   {
     ref,
     className: cn("flex items-center justify-center gap-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children })
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React43.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React43.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var ToggleGroupItem = React48.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React48.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -4065,6 +4846,7 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
   AvatarFallback,
   AvatarImage,
   Badge,
+  Box,
   Breadcrumb,
   BreadcrumbEllipsis,
   BreadcrumbItem,
@@ -4162,6 +4944,9 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
   FormItem,
   FormLabel,
   FormMessage,
+  Grid,
+  GridColumn,
+  Heading,
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,
@@ -4261,6 +5046,7 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
   Skeleton,
   Slider,
   Sonner,
+  Stack,
   Switch,
   Table,
   TableBody,
@@ -4274,6 +5060,7 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
   TabsContent,
   TabsList,
   TabsTrigger,
+  Text,
   Textarea,
   Toast,
   ToastAction,
@@ -4291,9 +5078,15 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
   TooltipProvider,
   TooltipTrigger,
   badgeVariants,
+  boxVariants,
   buttonVariants,
   cn,
+  gridColumnVariants,
+  gridVariants,
+  headingVariants,
   navigationMenuTriggerStyle,
+  stackVariants,
+  textVariants,
   toast,
   toggleVariants,
   useFormField,