@webstacks/ui 0.4.0 → 0.4.2

package/dist/index.js

@@ -1196,11 +1196,160 @@ var Text = React13.forwardRef(
 );
 Text.displayName = "Text";
 
-// src/components/ui/stack.tsx
+// src/components/ui/section.tsx
 import * as React14 from "react";
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var stackVariants = cva8("flex", {
+import { jsx as jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
+var paddingStartVariants = {
+  none: "pt-0",
+  condensed: "pt-6 md:pt-8",
+  normal: "pt-12 md:pt-16 lg:pt-20",
+  spacious: "pt-16 md:pt-24 lg:pt-32"
+};
+var paddingEndVariants = {
+  none: "pb-0",
+  condensed: "pb-6 md:pb-8",
+  normal: "pb-12 md:pb-16 lg:pb-20",
+  spacious: "pb-16 md:pb-24 lg:pb-32"
+};
+var backgroundColorVariants = {
+  default: "bg-background",
+  subtle: "bg-muted",
+  inset: "bg-accent"
+};
+var sectionVariants = cva8("relative w-full", {
+  variants: {
+    rounded: {
+      true: "rounded-xl overflow-hidden",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    rounded: false
+  }
+});
+var responsivePrefixes4 = { narrow: "", regular: "md:", wide: "lg:" };
+function resolveResponsivePadding(prop, map, fallback) {
+  if (!prop) return map[fallback] || "";
+  if (typeof prop === "string") return map[prop] || "";
+  const classes = [];
+  for (const [bp, prefix] of Object.entries(responsivePrefixes4)) {
+    const val = prop[bp];
+    if (val && map[val]) {
+      const base = map[val];
+      if (prefix === "") {
+        classes.push(base);
+      } else {
+        const parts = base.split(" ");
+        for (const part of parts) {
+          if (prefix === "md:" && part.startsWith("md:")) {
+            classes.push(part);
+          } else if (prefix === "lg:" && part.startsWith("lg:")) {
+            classes.push(part);
+          } else if (prefix === "" && !part.includes(":")) {
+            classes.push(part);
+          }
+        }
+      }
+    }
+  }
+  return classes.join(" ");
+}
+var Section = React14.forwardRef(
+  ({
+    as: Tag = "section",
+    className,
+    children,
+    paddingBlockStart = "normal",
+    paddingBlockEnd = "normal",
+    backgroundColor,
+    backgroundImageSrc,
+    backgroundImageSize = "cover",
+    backgroundImagePosition = "50%",
+    rounded,
+    fullWidth = false,
+    sectionTitle,
+    containerClassName,
+    style,
+    ...props
+  }, ref) => {
+    const paddingStartClasses = resolveResponsivePadding(
+      paddingBlockStart,
+      paddingStartVariants,
+      "normal"
+    );
+    const paddingEndClasses = resolveResponsivePadding(
+      paddingBlockEnd,
+      paddingEndVariants,
+      "normal"
+    );
+    let bgColorClass = "";
+    let bgColorStyle;
+    if (backgroundColor) {
+      if (typeof backgroundColor === "string") {
+        const mapped = backgroundColorVariants[backgroundColor];
+        if (mapped) {
+          bgColorClass = mapped;
+        } else {
+          bgColorStyle = { backgroundColor };
+        }
+      }
+    }
+    let bgImageStyle;
+    if (backgroundImageSrc) {
+      const srcs = Array.isArray(backgroundImageSrc) ? backgroundImageSrc : [backgroundImageSrc];
+      const bgImages = srcs.map((src) => `url(${src})`).join(", ");
+      const bgSizes = Array.isArray(backgroundImageSrc) ? srcs.map(() => backgroundImageSize).join(", ") : backgroundImageSize;
+      const bgPositions = Array.isArray(backgroundImageSrc) ? srcs.map(() => backgroundImagePosition).join(", ") : backgroundImagePosition;
+      bgImageStyle = {
+        backgroundImage: bgImages,
+        backgroundSize: bgSizes,
+        backgroundPosition: bgPositions,
+        backgroundRepeat: "no-repeat"
+      };
+    }
+    const combinedStyle = {
+      ...bgColorStyle,
+      ...bgImageStyle,
+      ...style
+    };
+    return /* @__PURE__ */ jsx13(
+      Tag,
+      {
+        ref,
+        className: cn(
+          sectionVariants({ rounded }),
+          paddingStartClasses,
+          paddingEndClasses,
+          bgColorClass,
+          className
+        ),
+        style: Object.keys(combinedStyle).length > 0 ? combinedStyle : void 0,
+        ...props,
+        children: /* @__PURE__ */ jsxs4(
+          "div",
+          {
+            className: cn(
+              fullWidth ? "w-full" : "max-w-7xl mx-auto px-6",
+              containerClassName
+            ),
+            children: [
+              sectionTitle && /* @__PURE__ */ jsx13("h2", { className: "text-2xl text-foreground border-b border-border pb-2 mb-4", children: sectionTitle }),
+              children
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Section.displayName = "Section";
+
+// src/components/ui/stack.tsx
+import * as React15 from "react";
+import { cva as cva9 } from "class-variance-authority";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var stackVariants = cva9("flex", {
   variants: {
     direction: {
       horizontal: "flex-row",
@@ -1286,7 +1435,7 @@ function resolveResponsive3(value, map) {
   }
   return classes;
 }
-var Stack = React14.forwardRef(
+var Stack = React15.forwardRef(
   ({
     as: Comp = "div",
     className,
@@ -1308,7 +1457,7 @@ var Stack = React14.forwardRef(
     const isResponsiveGap = typeof gap === "object";
     const isResponsiveAlign = typeof align === "object";
     const isResponsiveJustify = typeof justify === "object";
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       Comp,
       {
         ref,
@@ -1335,14 +1484,14 @@ var Stack = React14.forwardRef(
 Stack.displayName = "Stack";
 
 // src/components/ui/calendar.tsx
-import * as React15 from "react";
+import * as React16 from "react";
 import {
   ChevronDownIcon,
   ChevronLeftIcon,
   ChevronRightIcon
 } from "lucide-react";
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function Calendar({
   className,
   classNames,
@@ -1354,7 +1503,7 @@ function Calendar({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     DayPicker,
     {
       showOutsideDays,
@@ -1453,7 +1602,7 @@ function Calendar({
       },
       components: {
         Root: ({ className: className2, rootRef, ...props2 }) => {
-          return /* @__PURE__ */ jsx14(
+          return /* @__PURE__ */ jsx15(
             "div",
             {
               "data-slot": "calendar",
@@ -1465,10 +1614,10 @@ function Calendar({
         },
         Chevron: ({ className: className2, orientation, ...props2 }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx14(ChevronLeftIcon, { className: cn("size-4", className2), ...props2 });
+            return /* @__PURE__ */ jsx15(ChevronLeftIcon, { className: cn("size-4", className2), ...props2 });
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ jsx14(
+            return /* @__PURE__ */ jsx15(
               ChevronRightIcon,
               {
                 className: cn("size-4", className2),
@@ -1476,11 +1625,11 @@ function Calendar({
               }
             );
           }
-          return /* @__PURE__ */ jsx14(ChevronDownIcon, { className: cn("size-4", className2), ...props2 });
+          return /* @__PURE__ */ jsx15(ChevronDownIcon, { className: cn("size-4", className2), ...props2 });
         },
         DayButton: CalendarDayButton,
         WeekNumber: ({ children, ...props2 }) => {
-          return /* @__PURE__ */ jsx14("td", { ...props2, children: /* @__PURE__ */ jsx14("div", { className: "flex size-[--cell-size] items-center justify-center text-center", children }) });
+          return /* @__PURE__ */ jsx15("td", { ...props2, children: /* @__PURE__ */ jsx15("div", { className: "flex size-[--cell-size] items-center justify-center text-center", children }) });
         },
         ...components
       },
@@ -1495,11 +1644,11 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React15.useRef(null);
-  React15.useEffect(() => {
+  const ref = React16.useRef(null);
+  React16.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     Button,
     {
       ref,
@@ -1521,9 +1670,9 @@ function CalendarDayButton({
 }
 
 // src/components/ui/card.tsx
-import * as React16 from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var Card = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+import * as React17 from "react";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var Card = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   "div",
   {
     ref,
@@ -1535,7 +1684,7 @@ var Card = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var CardHeader = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   "div",
   {
     ref,
@@ -1544,7 +1693,7 @@ var CardHeader = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var CardTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   "div",
   {
     ref,
@@ -1553,7 +1702,7 @@ var CardTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var CardDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   "div",
   {
     ref,
@@ -1562,9 +1711,9 @@ var CardDescription = React16.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var CardFooter = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   "div",
   {
     ref,
@@ -1575,19 +1724,19 @@ var CardFooter = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE
 CardFooter.displayName = "CardFooter";
 
 // src/components/ui/carousel.tsx
-import * as React17 from "react";
+import * as React18 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx as jsx16, jsxs as jsxs4 } from "react/jsx-runtime";
-var CarouselContext = React17.createContext(null);
+import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
+var CarouselContext = React18.createContext(null);
 function useCarousel() {
-  const context = React17.useContext(CarouselContext);
+  const context = React18.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React17.forwardRef(
+var Carousel = React18.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -1604,22 +1753,22 @@ var Carousel = React17.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React17.useState(false);
-    const [canScrollNext, setCanScrollNext] = React17.useState(false);
-    const onSelect = React17.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React18.useState(false);
+    const [canScrollNext, setCanScrollNext] = React18.useState(false);
+    const onSelect = React18.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React17.useCallback(() => {
+    const scrollPrev = React18.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React17.useCallback(() => {
+    const scrollNext = React18.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React17.useCallback(
+    const handleKeyDown = React18.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -1631,13 +1780,13 @@ var Carousel = React17.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React17.useEffect(() => {
+    React18.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React17.useEffect(() => {
+    React18.useEffect(() => {
       if (!api) {
         return;
       }
@@ -1648,7 +1797,7 @@ var Carousel = React17.forwardRef(
         api?.off("select", onSelect);
       };
     }, [api, onSelect]);
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx17(
       CarouselContext.Provider,
       {
         value: {
@@ -1661,7 +1810,7 @@ var Carousel = React17.forwardRef(
           canScrollPrev,
           canScrollNext
         },
-        children: /* @__PURE__ */ jsx16(
+        children: /* @__PURE__ */ jsx17(
           "div",
           {
             ref,
@@ -1678,9 +1827,9 @@ var Carousel = React17.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React17.forwardRef(({ className, ...props }, ref) => {
+var CarouselContent = React18.forwardRef(({ className, ...props }, ref) => {
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx16("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx17(
     "div",
     {
       ref,
@@ -1694,9 +1843,9 @@ var CarouselContent = React17.forwardRef(({ className, ...props }, ref) => {
   ) });
 });
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React17.forwardRef(({ className, ...props }, ref) => {
+var CarouselItem = React18.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       ref,
@@ -1712,9 +1861,9 @@ var CarouselItem = React17.forwardRef(({ className, ...props }, ref) => {
   );
 });
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React17.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselPrevious = React18.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     Button,
     {
       ref,
@@ -1729,16 +1878,16 @@ var CarouselPrevious = React17.forwardRef(({ className, variant = "outline", siz
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsx16(ArrowLeft, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx16("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx17(ArrowLeft, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React17.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselNext = React18.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     Button,
     {
       ref,
@@ -1753,8 +1902,8 @@ var CarouselNext = React17.forwardRef(({ className, variant = "outline", size =
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsx16(ArrowRight, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx16("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx17(ArrowRight, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
@@ -1762,22 +1911,22 @@ var CarouselNext = React17.forwardRef(({ className, variant = "outline", size =
 CarouselNext.displayName = "CarouselNext";
 
 // src/components/ui/chart.tsx
-import * as React18 from "react";
+import * as React19 from "react";
 import * as RechartsPrimitive from "recharts";
-import { Fragment, jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React18.createContext(null);
+var ChartContext = React19.createContext(null);
 function useChart() {
-  const context = React18.useContext(ChartContext);
+  const context = React19.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
   return context;
 }
-var ChartContainer = React18.forwardRef(({ id, className, children, config, ...props }, ref) => {
-  const uniqueId = React18.useId();
+var ChartContainer = React19.forwardRef(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React19.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx17(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx18(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs6(
     "div",
     {
       "data-chart": chartId,
@@ -1788,8 +1937,8 @@ var ChartContainer = React18.forwardRef(({ id, className, children, config, ...p
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx17(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ jsx17(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ jsx18(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx18(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     }
   ) });
@@ -1802,7 +1951,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -1821,7 +1970,7 @@ ${colorConfig.map(([key, itemConfig]) => {
   );
 };
 var ChartTooltip = RechartsPrimitive.Tooltip;
-var ChartTooltipContent = React18.forwardRef(
+var ChartTooltipContent = React19.forwardRef(
   ({
     active,
     payload,
@@ -1838,7 +1987,7 @@ var ChartTooltipContent = React18.forwardRef(
     labelKey
   }, ref) => {
     const { config } = useChart();
-    const tooltipLabel = React18.useMemo(() => {
+    const tooltipLabel = React19.useMemo(() => {
       if (hideLabel || !payload?.length) {
         return null;
       }
@@ -1847,12 +1996,12 @@ var ChartTooltipContent = React18.forwardRef(
       const itemConfig = getPayloadConfigFromPayload(config, item, key);
       const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
       if (labelFormatter) {
-        return /* @__PURE__ */ jsx17("div", { className: cn(labelClassName), children: labelFormatter(value, payload) });
+        return /* @__PURE__ */ jsx18("div", { className: cn(labelClassName), children: labelFormatter(value, payload) });
       }
       if (!value) {
         return null;
       }
-      return /* @__PURE__ */ jsx17("div", { className: cn(labelClassName), children: value });
+      return /* @__PURE__ */ jsx18("div", { className: cn(labelClassName), children: value });
     }, [
       label,
       labelFormatter,
@@ -1866,7 +2015,7 @@ var ChartTooltipContent = React18.forwardRef(
       return null;
     }
     const nestLabel = payload.length === 1 && indicator !== "dot";
-    return /* @__PURE__ */ jsxs5(
+    return /* @__PURE__ */ jsxs6(
       "div",
       {
         ref,
@@ -1876,19 +2025,19 @@ var ChartTooltipContent = React18.forwardRef(
         ),
         children: [
           !nestLabel ? tooltipLabel : null,
-          /* @__PURE__ */ jsx17("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
+          /* @__PURE__ */ jsx18("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__ */ jsx17(
+            return /* @__PURE__ */ jsx18(
               "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__ */ jsxs5(Fragment, { children: [
-                  itemConfig?.icon ? /* @__PURE__ */ jsx17(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx17(
+                children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs6(Fragment, { children: [
+                  itemConfig?.icon ? /* @__PURE__ */ jsx18(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx18(
                     "div",
                     {
                       className: cn(
@@ -1906,7 +2055,7 @@ var ChartTooltipContent = React18.forwardRef(
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsxs5(
+                  /* @__PURE__ */ jsxs6(
                     "div",
                     {
                       className: cn(
@@ -1914,11 +2063,11 @@ var ChartTooltipContent = React18.forwardRef(
                         nestLabel ? "items-end" : "items-center"
                       ),
                       children: [
-                        /* @__PURE__ */ jsxs5("div", { className: "grid gap-1.5", children: [
+                        /* @__PURE__ */ jsxs6("div", { className: "grid gap-1.5", children: [
                           nestLabel ? tooltipLabel : null,
-                          /* @__PURE__ */ jsx17("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
+                          /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
                         ] }),
-                        item.value && /* @__PURE__ */ jsx17("span", { className: "font-mono tabular-nums text-foreground", children: item.value.toLocaleString() })
+                        item.value && /* @__PURE__ */ jsx18("span", { className: "font-mono tabular-nums text-foreground", children: item.value.toLocaleString() })
                       ]
                     }
                   )
@@ -1934,13 +2083,13 @@ var ChartTooltipContent = React18.forwardRef(
 );
 ChartTooltipContent.displayName = "ChartTooltip";
 var ChartLegend = RechartsPrimitive.Legend;
-var ChartLegendContent = React18.forwardRef(
+var ChartLegendContent = React19.forwardRef(
   ({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
     const { config } = useChart();
     if (!payload?.length) {
       return null;
     }
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx18(
       "div",
       {
         ref,
@@ -1952,14 +2101,14 @@ var ChartLegendContent = React18.forwardRef(
         children: payload.filter((item) => item.type !== "none").map((item) => {
           const key = `${nameKey || item.dataKey || "value"}`;
           const itemConfig = getPayloadConfigFromPayload(config, item, key);
-          return /* @__PURE__ */ jsxs5(
+          return /* @__PURE__ */ jsxs6(
             "div",
             {
               className: cn(
                 "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
               ),
               children: [
-                itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx17(itemConfig.icon, {}) : /* @__PURE__ */ jsx17(
+                itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx18(itemConfig.icon, {}) : /* @__PURE__ */ jsx18(
                   "div",
                   {
                     className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -1994,11 +2143,11 @@ function getPayloadConfigFromPayload(config, payload, key) {
 }
 
 // src/components/ui/checkbox.tsx
-import * as React19 from "react";
+import * as React20 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check } from "lucide-react";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var Checkbox = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+import { jsx as jsx19 } from "react/jsx-runtime";
+var Checkbox = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -2007,11 +2156,11 @@ var Checkbox = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx18(
+    children: /* @__PURE__ */ jsx19(
       CheckboxPrimitive.Indicator,
       {
         className: cn("grid place-content-center text-current"),
-        children: /* @__PURE__ */ jsx18(Check, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx19(Check, { className: "h-4 w-4" })
       }
     )
   }
@@ -2025,20 +2174,20 @@ var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 
 // src/components/ui/command.tsx
-import * as React21 from "react";
+import * as React22 from "react";
 import { Command as CommandPrimitive } from "cmdk";
 import { Search } from "lucide-react";
 
 // src/components/ui/dialog.tsx
-import * as React20 from "react";
+import * as React21 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs7 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var DialogOverlay = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -2050,9 +2199,9 @@ var DialogOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(DialogPortal, { children: [
-  /* @__PURE__ */ jsx19(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs6(
+var DialogContent = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs7(DialogPortal, { children: [
+  /* @__PURE__ */ jsx20(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs7(
     DialogPrimitive.Content,
     {
       ref,
@@ -2063,9 +2212,9 @@ var DialogContent = React20.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs6(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__ */ jsx19(X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx19("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsxs7(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__ */ jsx20(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx20("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
@@ -2075,7 +2224,7 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx19(
+}) => /* @__PURE__ */ jsx20(
   "div",
   {
     className: cn(
@@ -2089,7 +2238,7 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx19(
+}) => /* @__PURE__ */ jsx20(
   "div",
   {
     className: cn(
@@ -2100,7 +2249,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var DialogTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   DialogPrimitive.Title,
   {
     ref,
@@ -2112,7 +2261,7 @@ var DialogTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var DialogDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   DialogPrimitive.Description,
   {
     ref,
@@ -2123,8 +2272,8 @@ var DialogDescription = React20.forwardRef(({ className, ...props }, ref) => /*
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/ui/command.tsx
-import { jsx as jsx20, jsxs as jsxs7 } from "react/jsx-runtime";
-var Command = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+import { jsx as jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
+var Command = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   CommandPrimitive,
   {
     ref,
@@ -2137,11 +2286,11 @@ var Command = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = CommandPrimitive.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx20(Dialog, { ...props, children: /* @__PURE__ */ jsx20(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx20(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 }) }) });
+  return /* @__PURE__ */ jsx21(Dialog, { ...props, children: /* @__PURE__ */ jsx21(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx21(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 = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs7("div", { className: "flex items-center border-b border-border px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx20(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ jsx20(
+var CommandInput = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs8("div", { className: "flex items-center border-b border-border px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx21(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx21(
     CommandPrimitive.Input,
     {
       ref,
@@ -2154,7 +2303,7 @@ var CommandInput = React21.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var CommandList = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   CommandPrimitive.List,
   {
     ref,
@@ -2163,7 +2312,7 @@ var CommandList = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React21.forwardRef((props, ref) => /* @__PURE__ */ jsx20(
+var CommandEmpty = React22.forwardRef((props, ref) => /* @__PURE__ */ jsx21(
   CommandPrimitive.Empty,
   {
     ref,
@@ -2172,7 +2321,7 @@ var CommandEmpty = React21.forwardRef((props, ref) => /* @__PURE__ */ jsx20(
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var CommandGroup = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   CommandPrimitive.Group,
   {
     ref,
@@ -2184,7 +2333,7 @@ var CommandGroup = React21.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var CommandSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   CommandPrimitive.Separator,
   {
     ref,
@@ -2193,7 +2342,7 @@ var CommandSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var CommandItem = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   CommandPrimitive.Item,
   {
     ref,
@@ -2209,7 +2358,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "span",
     {
       className: cn(
@@ -2223,17 +2372,17 @@ var CommandShortcut = ({
 CommandShortcut.displayName = "CommandShortcut";
 
 // src/components/ui/context-menu.tsx
-import * as React22 from "react";
+import * as React23 from "react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 import { Check as Check2, ChevronRight as ChevronRight2, Circle } from "lucide-react";
-import { jsx as jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs9 } from "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 = React22.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
+var ContextMenuSubTrigger = React23.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs9(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -2245,12 +2394,12 @@ var ContextMenuSubTrigger = React22.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx21(ChevronRight2, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx22(ChevronRight2, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+var ContextMenuSubContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -2262,7 +2411,7 @@ var ContextMenuSubContent = React22.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx21(
+var ContextMenuContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx22(
   ContextMenuPrimitive.Content,
   {
     ref,
@@ -2274,7 +2423,7 @@ var ContextMenuContent = React22.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React22.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx21(
+var ContextMenuItem = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx22(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -2287,7 +2436,7 @@ var ContextMenuItem = React22.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React22.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs8(
+var ContextMenuCheckboxItem = React23.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs9(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -2298,13 +2447,13 @@ var ContextMenuCheckboxItem = React22.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx21("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx21(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx21(Check2, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx22("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx22(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx22(Check2, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React22.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
+var ContextMenuRadioItem = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs9(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -2314,13 +2463,13 @@ var ContextMenuRadioItem = React22.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx21("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx21(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx21(Circle, { className: "h-4 w-4 fill-current" }) }) }),
+      /* @__PURE__ */ jsx22("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx22(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx22(Circle, { className: "h-4 w-4 fill-current" }) }) }),
       children
     ]
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React22.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx21(
+var ContextMenuLabel = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx22(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -2333,7 +2482,7 @@ var ContextMenuLabel = React22.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+var ContextMenuSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   ContextMenuPrimitive.Separator,
   {
     ref,
@@ -2346,7 +2495,7 @@ var ContextMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "span",
     {
       className: cn(
@@ -2360,13 +2509,13 @@ var ContextMenuShortcut = ({
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
 // src/components/ui/drawer.tsx
-import * as React23 from "react";
+import * as React24 from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
 var Drawer = ({
   shouldScaleBackground = true,
   ...props
-}) => /* @__PURE__ */ jsx22(
+}) => /* @__PURE__ */ jsx23(
   DrawerPrimitive.Root,
   {
     shouldScaleBackground,
@@ -2377,7 +2526,7 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = DrawerPrimitive.Trigger;
 var DrawerPortal = DrawerPrimitive.Portal;
 var DrawerClose = DrawerPrimitive.Close;
-var DrawerOverlay = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var DrawerOverlay = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   DrawerPrimitive.Overlay,
   {
     ref,
@@ -2386,9 +2535,9 @@ var DrawerOverlay = React23.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
-var DrawerContent = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs9(DrawerPortal, { children: [
-  /* @__PURE__ */ jsx22(DrawerOverlay, {}),
-  /* @__PURE__ */ jsxs9(
+var DrawerContent = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(DrawerPortal, { children: [
+  /* @__PURE__ */ jsx23(DrawerOverlay, {}),
+  /* @__PURE__ */ jsxs10(
     DrawerPrimitive.Content,
     {
       ref,
@@ -2398,7 +2547,7 @@ var DrawerContent = React23.forwardRef(({ className, children, ...props }, ref)
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx22("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        /* @__PURE__ */ jsx23("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
         children
       ]
     }
@@ -2408,7 +2557,7 @@ DrawerContent.displayName = "DrawerContent";
 var DrawerHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx22(
+}) => /* @__PURE__ */ jsx23(
   "div",
   {
     className: cn("grid gap-1.5 p-4 text-center sm:text-left", className),
@@ -2419,7 +2568,7 @@ DrawerHeader.displayName = "DrawerHeader";
 var DrawerFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx22(
+}) => /* @__PURE__ */ jsx23(
   "div",
   {
     className: cn("mt-auto flex flex-col gap-2 p-4", className),
@@ -2427,7 +2576,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var DrawerTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   DrawerPrimitive.Title,
   {
     ref,
@@ -2439,7 +2588,7 @@ var DrawerTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
-var DrawerDescription = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var DrawerDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   DrawerPrimitive.Description,
   {
     ref,
@@ -2450,17 +2599,17 @@ var DrawerDescription = React23.forwardRef(({ className, ...props }, ref) => /*
 DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
 
 // src/components/ui/dropdown-menu.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check as Check3, ChevronRight as ChevronRight3, Circle as Circle2 } from "lucide-react";
-import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React24.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var DropdownMenuSubTrigger = React25.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -2472,12 +2621,12 @@ var DropdownMenuSubTrigger = React24.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx23(ChevronRight3, { className: "ml-auto" })
+      /* @__PURE__ */ jsx24(ChevronRight3, { className: "ml-auto" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var DropdownMenuSubContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -2489,7 +2638,7 @@ var DropdownMenuSubContent = React24.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React24.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx23(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx23(
+var DropdownMenuContent = React25.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx24(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -2503,7 +2652,7 @@ var DropdownMenuContent = React24.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React24.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx23(
+var DropdownMenuItem = React25.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx24(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -2516,7 +2665,7 @@ var DropdownMenuItem = React24.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React24.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var DropdownMenuCheckboxItem = React25.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs11(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -2527,13 +2676,13 @@ var DropdownMenuCheckboxItem = React24.forwardRef(({ className, children, checke
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx23("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(Check3, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx24("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(Check3, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var DropdownMenuRadioItem = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -2543,13 +2692,13 @@ var DropdownMenuRadioItem = React24.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx23("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(Circle2, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx24("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(Circle2, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React24.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx23(
+var DropdownMenuLabel = React25.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx24(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -2562,7 +2711,7 @@ var DropdownMenuLabel = React24.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var DropdownMenuSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -2575,7 +2724,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest opacity-60", className),
@@ -2586,7 +2735,7 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/ui/form.tsx
-import * as React26 from "react";
+import * as React27 from "react";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import {
   Controller,
@@ -2595,14 +2744,14 @@ import {
 } from "react-hook-form";
 
 // src/components/ui/label.tsx
-import * as React25 from "react";
+import * as React26 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
-import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx24 } from "react/jsx-runtime";
-var labelVariants = cva9(
+import { cva as cva10 } from "class-variance-authority";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var labelVariants = cva10(
   "text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label3 = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var Label3 = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   LabelPrimitive.Root,
   {
     ref,
@@ -2613,17 +2762,17 @@ var Label3 = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Label3.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/ui/form.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var Form = FormProvider;
-var FormFieldContext = React26.createContext(null);
+var FormFieldContext = React27.createContext(null);
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ jsx25(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx25(Controller, { ...props }) });
+  return /* @__PURE__ */ jsx26(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx26(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React26.useContext(FormFieldContext);
-  const itemContext = React26.useContext(FormItemContext);
+  const fieldContext = React27.useContext(FormFieldContext);
+  const itemContext = React27.useContext(FormItemContext);
   const { getFieldState, formState } = useFormContext();
   if (!fieldContext) {
     throw new Error("useFormField should be used within <FormField>");
@@ -2642,15 +2791,15 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React26.createContext(null);
-var FormItem = React26.forwardRef(({ className, ...props }, ref) => {
-  const id = React26.useId();
-  return /* @__PURE__ */ jsx25(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx25("div", { ref, className: cn("space-y-2", className), ...props }) });
+var FormItemContext = React27.createContext(null);
+var FormItem = React27.forwardRef(({ className, ...props }, ref) => {
+  const id = React27.useId();
+  return /* @__PURE__ */ jsx26(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx26("div", { ref, className: cn("space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React26.forwardRef(({ className, ...props }, ref) => {
+var FormLabel = React27.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     Label3,
     {
       ref,
@@ -2661,9 +2810,9 @@ var FormLabel = React26.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React26.forwardRef(({ ...props }, ref) => {
+var FormControl = React27.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     Slot3,
     {
       ref,
@@ -2675,9 +2824,9 @@ var FormControl = React26.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React26.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React27.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "p",
     {
       ref,
@@ -2688,13 +2837,13 @@ var FormDescription = React26.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React26.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React27.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message ?? "") : children;
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "p",
     {
       ref,
@@ -2708,12 +2857,12 @@ var FormMessage = React26.forwardRef(({ className, children, ...props }, ref) =>
 FormMessage.displayName = "FormMessage";
 
 // src/components/ui/hover-card.tsx
-import * as React27 from "react";
+import * as React28 from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React27.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx26(
+var HoverCardContent = React28.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx27(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -2729,11 +2878,11 @@ var HoverCardContent = React27.forwardRef(({ className, align = "center", sideOf
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/ui/input.tsx
-import * as React28 from "react";
-import { jsx as jsx27 } from "react/jsx-runtime";
-var Input = React28.forwardRef(
+import * as React29 from "react";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var Input = React29.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx28(
       "input",
       {
         type,
@@ -2750,11 +2899,11 @@ var Input = React28.forwardRef(
 Input.displayName = "Input";
 
 // src/components/ui/input-otp.tsx
-import * as React29 from "react";
+import * as React30 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { Minus } from "lucide-react";
-import { jsx as jsx28, jsxs as jsxs11 } from "react/jsx-runtime";
-var InputOTP = React29.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx28(
+import { jsx as jsx29, jsxs as jsxs12 } from "react/jsx-runtime";
+var InputOTP = React30.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx29(
   OTPInput,
   {
     ref,
@@ -2767,12 +2916,12 @@ var InputOTP = React29.forwardRef(({ className, containerClassName, ...props },
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React29.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React29.useContext(OTPInputContext);
+var InputOTPSlot = React30.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React30.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       ref,
@@ -2784,46 +2933,46 @@ var InputOTPSlot = React29.forwardRef(({ index, className, ...props }, ref) => {
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx28("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx28("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx29("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx29("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     }
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React29.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx28("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx28(Minus, {}) }));
+var InputOTPSeparator = React30.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx29("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx29(Minus, {}) }));
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/ui/menubar.tsx
-import * as React30 from "react";
+import * as React31 from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { Check as Check4, ChevronRight as ChevronRight4, Circle as Circle3 } from "lucide-react";
-import { jsx as jsx29, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs13 } from "react/jsx-runtime";
 function MenubarMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(MenubarPrimitive.Menu, { ...props });
+  return /* @__PURE__ */ jsx30(MenubarPrimitive.Menu, { ...props });
 }
 function MenubarGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(MenubarPrimitive.Group, { ...props });
+  return /* @__PURE__ */ jsx30(MenubarPrimitive.Group, { ...props });
 }
 function MenubarPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(MenubarPrimitive.Portal, { ...props });
+  return /* @__PURE__ */ jsx30(MenubarPrimitive.Portal, { ...props });
 }
 function MenubarRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(MenubarPrimitive.RadioGroup, { ...props });
+  return /* @__PURE__ */ jsx30(MenubarPrimitive.RadioGroup, { ...props });
 }
 function MenubarSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
+  return /* @__PURE__ */ jsx30(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
 }
-var Menubar = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var Menubar = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   MenubarPrimitive.Root,
   {
     ref,
@@ -2835,7 +2984,7 @@ var Menubar = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var MenubarTrigger = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -2847,7 +2996,7 @@ var MenubarTrigger = React30.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React30.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs12(
+var MenubarSubTrigger = React31.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -2859,12 +3008,12 @@ var MenubarSubTrigger = React30.forwardRef(({ className, inset, children, ...pro
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx29(ChevronRight4, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx30(ChevronRight4, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var MenubarSubContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -2876,8 +3025,8 @@ var MenubarSubContent = React30.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React30.forwardRef(
-  ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx29(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx29(
+var MenubarContent = React31.forwardRef(
+  ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx30(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx30(
     MenubarPrimitive.Content,
     {
       ref,
@@ -2893,7 +3042,7 @@ var MenubarContent = React30.forwardRef(
   ) })
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React30.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx29(
+var MenubarItem = React31.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx30(
   MenubarPrimitive.Item,
   {
     ref,
@@ -2906,7 +3055,7 @@ var MenubarItem = React30.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React30.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs12(
+var MenubarCheckboxItem = React31.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs13(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -2917,13 +3066,13 @@ var MenubarCheckboxItem = React30.forwardRef(({ className, children, checked, ..
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx29("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx29(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx29(Check4, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx30("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx30(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx30(Check4, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React30.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs12(
+var MenubarRadioItem = React31.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -2933,13 +3082,13 @@ var MenubarRadioItem = React30.forwardRef(({ className, children, ...props }, re
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx29("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx29(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx29(Circle3, { className: "h-4 w-4 fill-current" }) }) }),
+      /* @__PURE__ */ jsx30("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx30(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx30(Circle3, { className: "h-4 w-4 fill-current" }) }) }),
       children
     ]
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React30.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx29(
+var MenubarLabel = React31.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx30(
   MenubarPrimitive.Label,
   {
     ref,
@@ -2952,7 +3101,7 @@ var MenubarLabel = React30.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var MenubarSeparator = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   MenubarPrimitive.Separator,
   {
     ref,
@@ -2965,7 +3114,7 @@ var MenubarShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "span",
     {
       className: cn(
@@ -2979,12 +3128,12 @@ var MenubarShortcut = ({
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // src/components/ui/navigation-menu.tsx
-import * as React31 from "react";
+import * as React32 from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-import { cva as cva10 } from "class-variance-authority";
+import { cva as cva11 } from "class-variance-authority";
 import { ChevronDown as ChevronDown2 } from "lucide-react";
-import { jsx as jsx30, jsxs as jsxs13 } from "react/jsx-runtime";
-var NavigationMenu = React31.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
+import { jsx as jsx31, jsxs as jsxs14 } from "react/jsx-runtime";
+var NavigationMenu = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -2995,12 +3144,12 @@ var NavigationMenu = React31.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx30(NavigationMenuViewport, {})
+      /* @__PURE__ */ jsx31(NavigationMenuViewport, {})
     ]
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+var NavigationMenuList = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -3013,10 +3162,10 @@ var NavigationMenuList = React31.forwardRef(({ className, ...props }, ref) => /*
 ));
 NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
 var NavigationMenuItem = NavigationMenuPrimitive.Item;
-var navigationMenuTriggerStyle = cva10(
+var navigationMenuTriggerStyle = cva11(
   "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 = React31.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
+var NavigationMenuTrigger = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -3025,7 +3174,7 @@ var NavigationMenuTrigger = React31.forwardRef(({ className, children, ...props
     children: [
       children,
       " ",
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx31(
         ChevronDown2,
         {
           className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
@@ -3036,7 +3185,7 @@ var NavigationMenuTrigger = React31.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+var NavigationMenuContent = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -3049,7 +3198,7 @@ var NavigationMenuContent = React31.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx30(
+var NavigationMenuViewport = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx31(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -3061,7 +3210,7 @@ var NavigationMenuViewport = React31.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+var NavigationMenuIndicator = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -3070,16 +3219,16 @@ var NavigationMenuIndicator = React31.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx30("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+    children: /* @__PURE__ */ jsx31("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
-import * as React32 from "react";
+import * as React33 from "react";
 import { ChevronLeft, ChevronRight as ChevronRight5, MoreHorizontal as MoreHorizontal2 } from "lucide-react";
-import { jsx as jsx31, jsxs as jsxs14 } from "react/jsx-runtime";
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx31(
+import { jsx as jsx32, jsxs as jsxs15 } from "react/jsx-runtime";
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx32(
   "nav",
   {
     role: "navigation",
@@ -3089,7 +3238,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx31(
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var PaginationContent = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
   "ul",
   {
     ref,
@@ -3098,14 +3247,14 @@ var PaginationContent = React32.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
   isActive,
   size = "icon",
   ...props
-}) => /* @__PURE__ */ jsx31(
+}) => /* @__PURE__ */ jsx32(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -3123,7 +3272,7 @@ PaginationLink.displayName = "PaginationLink";
 var PaginationPrevious = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxs14(
+}) => /* @__PURE__ */ jsxs15(
   PaginationLink,
   {
     "aria-label": "Go to previous page",
@@ -3131,8 +3280,8 @@ var PaginationPrevious = ({
     className: cn("gap-1 pl-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx31(ChevronLeft, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx31("span", { children: "Previous" })
+      /* @__PURE__ */ jsx32(ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx32("span", { children: "Previous" })
     ]
   }
 );
@@ -3140,7 +3289,7 @@ PaginationPrevious.displayName = "PaginationPrevious";
 var PaginationNext = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxs14(
+}) => /* @__PURE__ */ jsxs15(
   PaginationLink,
   {
     "aria-label": "Go to next page",
@@ -3148,8 +3297,8 @@ var PaginationNext = ({
     className: cn("gap-1 pr-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx31("span", { children: "Next" }),
-      /* @__PURE__ */ jsx31(ChevronRight5, { className: "h-4 w-4" })
+      /* @__PURE__ */ jsx32("span", { children: "Next" }),
+      /* @__PURE__ */ jsx32(ChevronRight5, { className: "h-4 w-4" })
     ]
   }
 );
@@ -3157,28 +3306,28 @@ PaginationNext.displayName = "PaginationNext";
 var PaginationEllipsis = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxs14(
+}) => /* @__PURE__ */ jsxs15(
   "span",
   {
     "aria-hidden": true,
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx31(MoreHorizontal2, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "More pages" })
+      /* @__PURE__ */ jsx32(MoreHorizontal2, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "More pages" })
     ]
   }
 );
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/ui/popover.tsx
-import * as React33 from "react";
+import * as React34 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React33.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx32(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx32(
+var PopoverContent = React34.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx33(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx33(
   PopoverPrimitive.Content,
   {
     ref,
@@ -3194,10 +3343,10 @@ var PopoverContent = React33.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/ui/progress.tsx
-import * as React34 from "react";
+import * as React35 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx33 } from "react/jsx-runtime";
-var Progress = React34.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx33(
+import { jsx as jsx34 } from "react/jsx-runtime";
+var Progress = React35.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx34(
   ProgressPrimitive.Root,
   {
     ref,
@@ -3206,7 +3355,7 @@ var Progress = React34.forwardRef(({ className, value, ...props }, ref) => /* @_
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx33(
+    children: /* @__PURE__ */ jsx34(
       ProgressPrimitive.Indicator,
       {
         className: "h-full w-full flex-1 bg-primary transition-all",
@@ -3218,12 +3367,12 @@ var Progress = React34.forwardRef(({ className, value, ...props }, ref) => /* @_
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/ui/radio-group.tsx
-import * as React35 from "react";
+import * as React36 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { Circle as Circle4 } from "lucide-react";
-import { jsx as jsx34 } from "react/jsx-runtime";
-var RadioGroup4 = React35.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx34(
+import { jsx as jsx35 } from "react/jsx-runtime";
+var RadioGroup4 = React36.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx35(
     RadioGroupPrimitive.Root,
     {
       className: cn("grid gap-2", className),
@@ -3233,8 +3382,8 @@ var RadioGroup4 = React35.forwardRef(({ className, ...props }, ref) => {
   );
 });
 RadioGroup4.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React35.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx34(
+var RadioGroupItem = React36.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx35(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -3243,7 +3392,7 @@ var RadioGroupItem = React35.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx34(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx34(Circle4, { className: "h-3.5 w-3.5 fill-primary" }) })
+      children: /* @__PURE__ */ jsx35(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx35(Circle4, { className: "h-3.5 w-3.5 fill-primary" }) })
     }
   );
 });
@@ -3256,11 +3405,11 @@ import {
   Panel,
   Separator as Separator4
 } from "react-resizable-panels";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var ResizablePanelGroup = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx35(
+}) => /* @__PURE__ */ jsx36(
   Group4,
   {
     className: cn(
@@ -3275,7 +3424,7 @@ var ResizableHandle = ({
   withHandle,
   className,
   ...props
-}) => /* @__PURE__ */ jsx35(
+}) => /* @__PURE__ */ jsx36(
   Separator4,
   {
     className: cn(
@@ -3283,29 +3432,29 @@ var ResizableHandle = ({
       className
     ),
     ...props,
-    children: withHandle && /* @__PURE__ */ jsx35("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx35(GripVertical, { className: "h-2.5 w-2.5" }) })
+    children: withHandle && /* @__PURE__ */ jsx36("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx36(GripVertical, { className: "h-2.5 w-2.5" }) })
   }
 );
 
 // src/components/ui/scroll-area.tsx
-import * as React36 from "react";
+import * as React37 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx36, jsxs as jsxs15 } from "react/jsx-runtime";
-var ScrollArea = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
+import { jsx as jsx37, jsxs as jsxs16 } from "react/jsx-runtime";
+var ScrollArea = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs16(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx36(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx36(ScrollBar, {}),
-      /* @__PURE__ */ jsx36(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ jsx37(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx37(ScrollBar, {}),
+      /* @__PURE__ */ jsx37(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React36.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx36(
+var ScrollBar = React37.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx37(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -3317,20 +3466,20 @@ var ScrollBar = React36.forwardRef(({ className, orientation = "vertical", ...pr
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx36(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ jsx37(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // src/components/ui/select.tsx
-import * as React37 from "react";
+import * as React38 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check as Check5, ChevronDown as ChevronDown3, ChevronUp } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs17 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs16(
+var SelectTrigger = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs17(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -3341,12 +3490,12 @@ var SelectTrigger = React37.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx37(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx37(ChevronDown3, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ jsx38(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx38(ChevronDown3, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+var SelectScrollUpButton = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -3355,11 +3504,11 @@ var SelectScrollUpButton = React37.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx37(ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx38(ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+var SelectScrollDownButton = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -3368,11 +3517,11 @@ var SelectScrollDownButton = React37.forwardRef(({ className, ...props }, ref) =
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx37(ChevronDown3, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx38(ChevronDown3, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React37.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx37(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs16(
+var SelectContent = React38.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx38(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs17(
   SelectPrimitive.Content,
   {
     ref,
@@ -3384,8 +3533,8 @@ var SelectContent = React37.forwardRef(({ className, children, position = "poppe
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx37(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx38(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -3395,12 +3544,12 @@ var SelectContent = React37.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ jsx37(SelectScrollDownButton, {})
+      /* @__PURE__ */ jsx38(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+var SelectLabel = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   SelectPrimitive.Label,
   {
     ref,
@@ -3409,7 +3558,7 @@ var SelectLabel = React37.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs16(
+var SelectItem = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs17(
   SelectPrimitive.Item,
   {
     ref,
@@ -3419,13 +3568,13 @@ var SelectItem = React37.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx37("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx37(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx37(Check5, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx37(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ jsx38("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx38(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx38(Check5, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx38(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+var SelectSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   SelectPrimitive.Separator,
   {
     ref,
@@ -3436,11 +3585,11 @@ var SelectSeparator = React37.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/ui/separator.tsx
-import * as React38 from "react";
+import * as React39 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx38 } from "react/jsx-runtime";
-var Separator6 = React38.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx38(
+import { jsx as jsx39 } from "react/jsx-runtime";
+var Separator6 = React39.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx39(
     SeparatorPrimitive.Root,
     {
       ref,
@@ -3458,16 +3607,16 @@ var Separator6 = React38.forwardRef(
 Separator6.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/ui/sheet.tsx
-import * as React39 from "react";
+import * as React40 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
-import { cva as cva11 } from "class-variance-authority";
+import { cva as cva12 } from "class-variance-authority";
 import { X as X2 } from "lucide-react";
-import { jsx as jsx39, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs18 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+var SheetOverlay = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -3479,7 +3628,7 @@ var SheetOverlay = React39.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
-var sheetVariants = cva11(
+var sheetVariants = cva12(
   "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: {
@@ -3495,18 +3644,18 @@ var sheetVariants = cva11(
     }
   }
 );
-var SheetContent = React39.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs17(SheetPortal, { children: [
-  /* @__PURE__ */ jsx39(SheetOverlay, {}),
-  /* @__PURE__ */ jsxs17(
+var SheetContent = React40.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(SheetPortal, { children: [
+  /* @__PURE__ */ jsx40(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs18(
     SheetPrimitive.Content,
     {
       ref,
       className: cn(sheetVariants({ side }), className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs17(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__ */ jsx39(X2, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx39("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsxs18(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__ */ jsx40(X2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx40("span", { className: "sr-only", children: "Close" })
         ] }),
         children
       ]
@@ -3517,7 +3666,7 @@ SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx39(
+}) => /* @__PURE__ */ jsx40(
   "div",
   {
     className: cn(
@@ -3531,7 +3680,7 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx39(
+}) => /* @__PURE__ */ jsx40(
   "div",
   {
     className: cn(
@@ -3542,7 +3691,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+var SheetTitle = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   SheetPrimitive.Title,
   {
     ref,
@@ -3551,7 +3700,7 @@ var SheetTitle = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+var SheetDescription = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   SheetPrimitive.Description,
   {
     ref,
@@ -3562,18 +3711,18 @@ var SheetDescription = React39.forwardRef(({ className, ...props }, ref) => /* @
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/sidebar.tsx
-import * as React41 from "react";
+import * as React42 from "react";
 import { Slot as Slot4 } from "@radix-ui/react-slot";
-import { cva as cva12 } from "class-variance-authority";
+import { cva as cva13 } from "class-variance-authority";
 import { PanelLeft } from "lucide-react";
 
 // src/components/ui/skeleton.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function Skeleton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "div",
     {
       className: cn("animate-pulse rounded-md bg-primary/10", className),
@@ -3583,13 +3732,13 @@ function Skeleton({
 }
 
 // src/components/ui/tooltip.tsx
-import * as React40 from "react";
+import * as React41 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip2 = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React40.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx41(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx41(
+var TooltipContent = React41.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx42(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx42(
   TooltipPrimitive.Content,
   {
     ref,
@@ -3604,22 +3753,22 @@ var TooltipContent = React40.forwardRef(({ className, sideOffset = 4, ...props }
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/ui/sidebar.tsx
-import { jsx as jsx42, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs19 } from "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 = React41.createContext(null);
+var SidebarContext = React42.createContext(null);
 function useSidebar() {
-  const context = React41.useContext(SidebarContext);
+  const context = React42.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React41.forwardRef(
+var SidebarProvider = React42.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -3630,10 +3779,10 @@ var SidebarProvider = React41.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React41.useState(false);
-    const [_open, _setOpen] = React41.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React42.useState(false);
+    const [_open, _setOpen] = React42.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React41.useCallback(
+    const setOpen = React42.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -3645,10 +3794,10 @@ var SidebarProvider = React41.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React41.useCallback(() => {
+    const toggleSidebar = React42.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React41.useEffect(() => {
+    React42.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -3659,7 +3808,7 @@ var SidebarProvider = React41.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React41.useMemo(
+    const contextValue = React42.useMemo(
       () => ({
         state,
         open,
@@ -3671,7 +3820,7 @@ var SidebarProvider = React41.forwardRef(
       }),
       [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ jsx42(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx42(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx42(
+    return /* @__PURE__ */ jsx43(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx43(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx43(
       "div",
       {
         style: {
@@ -3691,7 +3840,7 @@ var SidebarProvider = React41.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React41.forwardRef(
+var Sidebar = React42.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -3702,7 +3851,7 @@ var Sidebar = React41.forwardRef(
   }, ref) => {
     const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
     if (collapsible === "none") {
-      return /* @__PURE__ */ jsx42(
+      return /* @__PURE__ */ jsx43(
         "div",
         {
           className: cn(
@@ -3716,7 +3865,7 @@ var Sidebar = React41.forwardRef(
       );
     }
     if (isMobile) {
-      return /* @__PURE__ */ jsx42(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs18(
+      return /* @__PURE__ */ jsx43(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs19(
         SheetContent,
         {
           "data-sidebar": "sidebar",
@@ -3727,16 +3876,16 @@ var Sidebar = React41.forwardRef(
           },
           side,
           children: [
-            /* @__PURE__ */ jsxs18(SheetHeader, { className: "sr-only", children: [
-              /* @__PURE__ */ jsx42(SheetTitle, { children: "Sidebar" }),
-              /* @__PURE__ */ jsx42(SheetDescription, { children: "Displays the mobile sidebar." })
+            /* @__PURE__ */ jsxs19(SheetHeader, { className: "sr-only", children: [
+              /* @__PURE__ */ jsx43(SheetTitle, { children: "Sidebar" }),
+              /* @__PURE__ */ jsx43(SheetDescription, { children: "Displays the mobile sidebar." })
             ] }),
-            /* @__PURE__ */ jsx42("div", { className: "flex h-full w-full flex-col", children })
+            /* @__PURE__ */ jsx43("div", { className: "flex h-full w-full flex-col", children })
           ]
         }
       ) });
     }
-    return /* @__PURE__ */ jsxs18(
+    return /* @__PURE__ */ jsxs19(
       "div",
       {
         ref,
@@ -3746,7 +3895,7 @@ var Sidebar = React41.forwardRef(
         "data-variant": variant,
         "data-side": side,
         children: [
-          /* @__PURE__ */ jsx42(
+          /* @__PURE__ */ jsx43(
             "div",
             {
               className: cn(
@@ -3757,7 +3906,7 @@ var Sidebar = React41.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx42(
+          /* @__PURE__ */ jsx43(
             "div",
             {
               className: cn(
@@ -3768,7 +3917,7 @@ var Sidebar = React41.forwardRef(
                 className
               ),
               ...props,
-              children: /* @__PURE__ */ jsx42(
+              children: /* @__PURE__ */ jsx43(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -3784,9 +3933,9 @@ var Sidebar = React41.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React41.forwardRef(({ className, onClick, ...props }, ref) => {
+var SidebarTrigger = React42.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     Button,
     {
       ref,
@@ -3800,16 +3949,16 @@ var SidebarTrigger = React41.forwardRef(({ className, onClick, ...props }, ref)
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx42(PanelLeft, {}),
-        /* @__PURE__ */ jsx42("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx43(PanelLeft, {}),
+        /* @__PURE__ */ jsx43("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React41.forwardRef(({ className, ...props }, ref) => {
+var SidebarRail = React42.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "button",
     {
       ref,
@@ -3832,8 +3981,8 @@ var SidebarRail = React41.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React41.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx42(
+var SidebarInset = React42.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx43(
     "main",
     {
       ref,
@@ -3847,8 +3996,8 @@ var SidebarInset = React41.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React41.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx42(
+var SidebarInput = React42.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx43(
     Input,
     {
       ref,
@@ -3862,8 +4011,8 @@ var SidebarInput = React41.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React41.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx42(
+var SidebarHeader = React42.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       ref,
@@ -3874,8 +4023,8 @@ var SidebarHeader = React41.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React41.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx42(
+var SidebarFooter = React42.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       ref,
@@ -3886,8 +4035,8 @@ var SidebarFooter = React41.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React41.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx42(
+var SidebarSeparator = React42.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx43(
     Separator6,
     {
       ref,
@@ -3898,8 +4047,8 @@ var SidebarSeparator = React41.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React41.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx42(
+var SidebarContent = React42.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       ref,
@@ -3913,8 +4062,8 @@ var SidebarContent = React41.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React41.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx42(
+var SidebarGroup = React42.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       ref,
@@ -3925,9 +4074,9 @@ var SidebarGroup = React41.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React41.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabel = React42.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "div";
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     Comp,
     {
       ref,
@@ -3942,9 +4091,9 @@ var SidebarGroupLabel = React41.forwardRef(({ className, asChild = false, ...pro
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React41.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupAction = React42.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "button";
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     Comp,
     {
       ref,
@@ -3961,7 +4110,7 @@ var SidebarGroupAction = React41.forwardRef(({ className, asChild = false, ...pr
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(
+var SidebarGroupContent = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
   "div",
   {
     ref,
@@ -3971,7 +4120,7 @@ var SidebarGroupContent = React41.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(
+var SidebarMenu = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
   "ul",
   {
     ref,
@@ -3981,7 +4130,7 @@ var SidebarMenu = React41.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(
+var SidebarMenuItem = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
   "li",
   {
     ref,
@@ -3991,7 +4140,7 @@ var SidebarMenuItem = React41.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SidebarMenuItem.displayName = "SidebarMenuItem";
-var sidebarMenuButtonVariants = cva12(
+var sidebarMenuButtonVariants = cva13(
   "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: {
@@ -4011,7 +4160,7 @@ var sidebarMenuButtonVariants = cva12(
     }
   }
 );
-var SidebarMenuButton = React41.forwardRef(
+var SidebarMenuButton = React42.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -4023,7 +4172,7 @@ var SidebarMenuButton = React41.forwardRef(
   }, ref) => {
     const Comp = asChild ? Slot4 : "button";
     const { isMobile, state } = useSidebar();
-    const button = /* @__PURE__ */ jsx42(
+    const button = /* @__PURE__ */ jsx43(
       Comp,
       {
         ref,
@@ -4042,9 +4191,9 @@ var SidebarMenuButton = React41.forwardRef(
         children: tooltip
       };
     }
-    return /* @__PURE__ */ jsxs18(Tooltip2, { children: [
-      /* @__PURE__ */ jsx42(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ jsx42(
+    return /* @__PURE__ */ jsxs19(Tooltip2, { children: [
+      /* @__PURE__ */ jsx43(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx43(
         TooltipContent,
         {
           side: "right",
@@ -4057,9 +4206,9 @@ var SidebarMenuButton = React41.forwardRef(
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React41.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React42.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "button";
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     Comp,
     {
       ref,
@@ -4080,7 +4229,7 @@ var SidebarMenuAction = React41.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(
+var SidebarMenuBadge = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
   "div",
   {
     ref,
@@ -4098,11 +4247,11 @@ var SidebarMenuBadge = React41.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React41.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React41.useMemo(() => {
+var SidebarMenuSkeleton = React42.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React42.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       ref,
@@ -4110,14 +4259,14 @@ var SidebarMenuSkeleton = React41.forwardRef(({ className, showIcon = false, ...
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ jsx42(
+        showIcon && /* @__PURE__ */ jsx43(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx43(
           Skeleton,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -4132,7 +4281,7 @@ var SidebarMenuSkeleton = React41.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(
+var SidebarMenuSub = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
   "ul",
   {
     ref,
@@ -4146,11 +4295,11 @@ var SidebarMenuSub = React41.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React41.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx42("li", { ref, ...props }));
+var SidebarMenuSubItem = React42.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx43("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React41.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButton = React42.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "a";
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     Comp,
     {
       ref,
@@ -4172,10 +4321,10 @@ var SidebarMenuSubButton = React41.forwardRef(({ asChild = false, size = "md", i
 SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 
 // src/components/ui/slider.tsx
-import * as React42 from "react";
+import * as React43 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx43, jsxs as jsxs19 } from "react/jsx-runtime";
-var Slider = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs19(
+import { jsx as jsx44, jsxs as jsxs20 } from "react/jsx-runtime";
+var Slider = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs20(
   SliderPrimitive.Root,
   {
     ref,
@@ -4185,8 +4334,8 @@ var Slider = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx43(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsx43(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
-      /* @__PURE__ */ jsx43(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__ */ jsx44(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsx44(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ jsx44(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" })
     ]
   }
 ));
@@ -4195,10 +4344,10 @@ Slider.displayName = SliderPrimitive.Root.displayName;
 // src/components/ui/sonner.tsx
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var Toaster = ({ ...props }) => {
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     Sonner,
     {
       theme,
@@ -4217,10 +4366,10 @@ var Toaster = ({ ...props }) => {
 };
 
 // src/components/ui/switch.tsx
-import * as React43 from "react";
+import * as React44 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { jsx as jsx45 } from "react/jsx-runtime";
-var Switch = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+import { jsx as jsx46 } from "react/jsx-runtime";
+var Switch = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -4229,7 +4378,7 @@ var Switch = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ jsx45(
+    children: /* @__PURE__ */ jsx46(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -4242,9 +4391,9 @@ var Switch = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/ui/table.tsx
-import * as React44 from "react";
-import { jsx as jsx46 } from "react/jsx-runtime";
-var Table = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx46(
+import * as React45 from "react";
+import { jsx as jsx47 } from "react/jsx-runtime";
+var Table = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx47(
   "table",
   {
     ref,
@@ -4253,9 +4402,9 @@ var Table = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border", className), ...props }));
+var TableHeader = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+var TableBody = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
   "tbody",
   {
     ref,
@@ -4264,7 +4413,7 @@ var TableBody = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+var TableFooter = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
   "tfoot",
   {
     ref,
@@ -4276,7 +4425,7 @@ var TableFooter = React44.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+var TableRow = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
   "tr",
   {
     ref,
@@ -4288,7 +4437,7 @@ var TableRow = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+var TableHead = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
   "th",
   {
     ref,
@@ -4300,7 +4449,7 @@ var TableHead = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+var TableCell = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
   "td",
   {
     ref,
@@ -4312,7 +4461,7 @@ var TableCell = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+var TableCaption = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
   "caption",
   {
     ref,
@@ -4323,11 +4472,11 @@ var TableCaption = React44.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // src/components/ui/tabs.tsx
-import * as React45 from "react";
+import * as React46 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
+var TabsList = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
   TabsPrimitive.List,
   {
     ref,
@@ -4339,7 +4488,7 @@ var TabsList = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
+var TabsTrigger = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -4351,7 +4500,7 @@ var TabsTrigger = React45.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
+var TabsContent = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
   TabsPrimitive.Content,
   {
     ref,
@@ -4365,10 +4514,10 @@ var TabsContent = React45.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/ui/textarea.tsx
-import * as React46 from "react";
-import { jsx as jsx48 } from "react/jsx-runtime";
-var Textarea = React46.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx48(
+import * as React47 from "react";
+import { jsx as jsx49 } from "react/jsx-runtime";
+var Textarea = React47.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx49(
     "textarea",
     {
       className: cn(
@@ -4383,13 +4532,13 @@ var Textarea = React46.forwardRef(({ className, ...props }, ref) => {
 Textarea.displayName = "Textarea";
 
 // src/components/ui/toast.tsx
-import * as React47 from "react";
+import * as React48 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
-import { cva as cva13 } from "class-variance-authority";
+import { cva as cva14 } from "class-variance-authority";
 import { X as X3 } from "lucide-react";
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
+var ToastViewport = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -4401,7 +4550,7 @@ var ToastViewport = React47.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var toastVariants = cva13(
+var toastVariants = cva14(
   "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: {
@@ -4415,8 +4564,8 @@ var toastVariants = cva13(
     }
   }
 );
-var Toast = React47.forwardRef(({ className, variant, ...props }, ref) => {
-  return /* @__PURE__ */ jsx49(
+var Toast = React48.forwardRef(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ jsx50(
     ToastPrimitives.Root,
     {
       ref,
@@ -4426,7 +4575,7 @@ var Toast = React47.forwardRef(({ className, variant, ...props }, ref) => {
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
+var ToastAction = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
   ToastPrimitives.Action,
   {
     ref,
@@ -4438,7 +4587,7 @@ var ToastAction = React47.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
+var ToastClose = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
   ToastPrimitives.Close,
   {
     ref,
@@ -4448,11 +4597,11 @@ var ToastClose = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ),
     "toast-close": "",
     ...props,
-    children: /* @__PURE__ */ jsx49(X3, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx50(X3, { className: "h-4 w-4" })
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
+var ToastTitle = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
   ToastPrimitives.Title,
   {
     ref,
@@ -4461,7 +4610,7 @@ var ToastTitle = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
+var ToastDescription = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
   ToastPrimitives.Description,
   {
     ref,
@@ -4472,30 +4621,30 @@ var ToastDescription = React47.forwardRef(({ className, ...props }, ref) => /* @
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // src/components/ui/toaster.tsx
-import { jsx as jsx50, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs21 } from "react/jsx-runtime";
 function Toaster2() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ jsxs20(ToastProvider, { children: [
+  return /* @__PURE__ */ jsxs21(ToastProvider, { children: [
     toasts.map(function({ id, title, description, action, ...props }) {
-      return /* @__PURE__ */ jsxs20(Toast, { ...props, children: [
-        /* @__PURE__ */ jsxs20("div", { className: "grid gap-1", children: [
-          title && /* @__PURE__ */ jsx50(ToastTitle, { children: title }),
-          description && /* @__PURE__ */ jsx50(ToastDescription, { children: description })
+      return /* @__PURE__ */ jsxs21(Toast, { ...props, children: [
+        /* @__PURE__ */ jsxs21("div", { className: "grid gap-1", children: [
+          title && /* @__PURE__ */ jsx51(ToastTitle, { children: title }),
+          description && /* @__PURE__ */ jsx51(ToastDescription, { children: description })
         ] }),
         action,
-        /* @__PURE__ */ jsx50(ToastClose, {})
+        /* @__PURE__ */ jsx51(ToastClose, {})
       ] }, id);
     }),
-    /* @__PURE__ */ jsx50(ToastViewport, {})
+    /* @__PURE__ */ jsx51(ToastViewport, {})
   ] });
 }
 
 // src/components/ui/toggle.tsx
-import * as React48 from "react";
+import * as React49 from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
-import { cva as cva14 } from "class-variance-authority";
-import { jsx as jsx51 } from "react/jsx-runtime";
-var toggleVariants = cva14(
+import { cva as cva15 } from "class-variance-authority";
+import { jsx as jsx52 } from "react/jsx-runtime";
+var toggleVariants = cva15(
   "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: {
@@ -4515,7 +4664,7 @@ var toggleVariants = cva14(
     }
   }
 );
-var Toggle = React48.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx51(
+var Toggle = React49.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx52(
   TogglePrimitive.Root,
   {
     ref,
@@ -4526,26 +4675,26 @@ var Toggle = React48.forwardRef(({ className, variant, size, ...props }, ref) =>
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/ui/toggle-group.tsx
-import * as React49 from "react";
+import * as React50 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import { jsx as jsx52 } from "react/jsx-runtime";
-var ToggleGroupContext = React49.createContext({
+import { jsx as jsx53 } from "react/jsx-runtime";
+var ToggleGroupContext = React50.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React49.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx52(
+var ToggleGroup = React50.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx53(
   ToggleGroupPrimitive.Root,
   {
     ref,
     className: cn("flex items-center justify-center gap-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx52(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    children: /* @__PURE__ */ jsx53(ToggleGroupContext.Provider, { value: { variant, size }, children })
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React49.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React49.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx52(
+var ToggleGroupItem = React50.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React50.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx53(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -4740,6 +4889,7 @@ export {
   ResizablePanelGroup,
   ScrollArea,
   ScrollBar,
+  Section,
   Select,
   SelectContent,
   SelectGroup,
@@ -4826,6 +4976,7 @@ export {
   gridVariants,
   headingVariants,
   navigationMenuTriggerStyle,
+  sectionVariants,
   stackVariants,
   textVariants,
   toast,