xertica-ui 2.5.1 → 2.5.2

package/dist/use-mobile-CKb5pqTs.js

@@ -1,4269 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { e as cn, B as Button, d as buttonVariants } from "./tooltip-HDOoD2-0.js";
-import { Slot, Slottable } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-import React__default, { useRef, useEffect, useState } from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { Check, ChevronLeft, GripVerticalIcon, ChevronDownIcon, MoreHorizontalIcon, ChevronRightIcon, ChevronLeftIcon, MinusIcon, ChevronRight, ChevronDown, XIcon, CheckIcon, CircleIcon, SearchIcon, TrendingUp, TrendingDown, Minus, ArrowRight, ArrowLeft, X, Upload, AlertCircle, FileIcon, Star, Search as Search$1 } from "lucide-react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import * as SwitchPrimitive from "@radix-ui/react-switch";
-import * as ProgressPrimitive from "@radix-ui/react-progress";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import * as TogglePrimitive from "@radix-ui/react-toggle";
-import { OTPInput, OTPInputContext } from "input-otp";
-import { FormProvider, Controller, useFormContext, useFormState } from "react-hook-form";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { getDefaultClassNames, DayPicker } from "react-day-picker";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { Drawer as Drawer$1 } from "vaul";
-import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
-import * as MenubarPrimitive from "@radix-ui/react-menubar";
-import { Command as Command$1 } from "cmdk";
-import { r as Dialog, x as DialogHeader, B as DialogTitle, v as DialogDescription, u as DialogContent, C as Card, d as CardContent, j as ChartContainer, n as ChartTooltip, o as ChartTooltipContent } from "./rich-text-editor-D76gD-QI.js";
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import useEmblaCarousel from "embla-carousel-react";
-import { u as useGoogleMapsLoader } from "./google-maps-loader-CTYySAun.js";
-import { createRoot } from "react-dom/client";
-import { BarChart, CartesianGrid, XAxis, Bar } from "recharts";
-function Label({
-  className,
-  size = "md",
-  ...props
-}) {
-  const sizeClasses = {
-    sm: "text-xs",
-    md: "text-sm",
-    lg: "text-base"
-  };
-  return /* @__PURE__ */ jsx(
-    LabelPrimitive.Root,
-    {
-      "data-slot": "label",
-      className: cn(
-        "flex items-center gap-2 leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        sizeClasses[size],
-        className
-      ),
-      ...props
-    }
-  );
-}
-function Tabs({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    TabsPrimitive.Root,
-    {
-      "data-slot": "tabs",
-      className: cn("flex flex-col gap-2", className),
-      ...props
-    }
-  );
-}
-function TabsList({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    TabsPrimitive.List,
-    {
-      "data-slot": "tabs-list",
-      className: cn(
-        "relative inline-flex h-12 w-fit items-end justify-start border-b border-border bg-transparent",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function TabsTrigger({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    TabsPrimitive.Trigger,
-    {
-      "data-slot": "tabs-trigger",
-      className: cn(
-        "relative inline-flex h-12 items-center justify-center gap-1.5 bg-transparent px-4 py-3 text-sm font-medium whitespace-nowrap transition-all duration-200 ease-in-out border-b-2 border-transparent text-muted-foreground hover:text-foreground hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-primary data-[state=active]:border-primary data-[state=active]:bg-transparent [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function TabsContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    TabsPrimitive.Content,
-    {
-      "data-slot": "tabs-content",
-      className: cn("flex-1 outline-none", className),
-      ...props
-    }
-  );
-}
-const badgeVariants = cva(
-  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-        success: "border-transparent bg-success text-success-foreground",
-        warning: "border-transparent bg-warning text-warning-foreground",
-        info: "border-transparent bg-info text-info-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge({
-  className,
-  variant,
-  asChild = false,
-  children,
-  ...props
-}) {
-  const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "badge",
-      className: cn(badgeVariants({ variant }), className),
-      ...props,
-      children: /* @__PURE__ */ jsx(Slottable, { children })
-    }
-  );
-}
-const Checkbox = React.forwardRef(({ className, size = "md", ...props }, ref) => {
-  const sizeClasses = {
-    sm: "size-3.5",
-    md: "size-4",
-    lg: "size-5"
-  };
-  const iconSizeClasses = {
-    sm: "size-3",
-    md: "size-3.5",
-    lg: "size-4"
-  };
-  return /* @__PURE__ */ jsx(
-    CheckboxPrimitive.Root,
-    {
-      ref,
-      "data-slot": "checkbox",
-      className: cn(
-        "peer border bg-white dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        sizeClasses[size],
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        CheckboxPrimitive.Indicator,
-        {
-          "data-slot": "checkbox-indicator",
-          className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ jsx(Check, { className: iconSizeClasses[size] })
-        }
-      )
-    }
-  );
-});
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-const RadioGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  RadioGroupPrimitive.Root,
-  {
-    className: cn("grid gap-4", className),
-    ...props,
-    ref
-  }
-));
-RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-const RadioGroupItem = React.forwardRef(({ className, size = "md", ...props }, ref) => {
-  const sizeClasses = {
-    sm: "size-4",
-    md: "size-5",
-    lg: "size-6"
-  };
-  const dotSizeClasses = {
-    sm: "size-2",
-    md: "size-2.5",
-    lg: "size-3"
-  };
-  return /* @__PURE__ */ jsx(
-    RadioGroupPrimitive.Item,
-    {
-      ref,
-      "data-slot": "radio-group-item",
-      className: cn(
-        // Base styles - Material UI inspired
-        "relative aspect-square shrink-0 rounded-full border-2 transition-all duration-200 outline-none cursor-pointer",
-        // Default state - sempre com contorno usando variáveis CSS
-        "border-muted-foreground bg-background",
-        // Hover state - usa variável primary
-        "hover:border-primary hover:shadow-md",
-        // Focus state - usa variável primary
-        "focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
-        // Checked state - mantém contorno com primary
-        "data-[state=checked]:border-primary data-[state=checked]:bg-background",
-        // Disabled state
-        "disabled:cursor-not-allowed disabled:opacity-50 disabled:border-muted",
-        // Invalid state - usa variável destructive
-        "aria-invalid:border-destructive aria-invalid:ring-destructive/20",
-        sizeClasses[size],
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        RadioGroupPrimitive.Indicator,
-        {
-          "data-slot": "radio-group-indicator",
-          className: "flex items-center justify-center",
-          children: /* @__PURE__ */ jsx("div", { className: cn("rounded-full bg-primary transition-all duration-200", dotSizeClasses[size]) })
-        }
-      )
-    }
-  );
-});
-RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
-const Switch = React.forwardRef(({ className, size = "md", ...props }, ref) => {
-  const trackClasses = {
-    sm: "h-3.5 w-7",
-    md: "h-[1.15rem] w-8",
-    lg: "h-[1.375rem] w-10"
-  };
-  const thumbClasses = {
-    sm: "size-3",
-    md: "size-4",
-    lg: "size-5"
-  };
-  return /* @__PURE__ */ jsx(
-    SwitchPrimitive.Root,
-    {
-      className: cn(
-        "peer inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none disabled:cursor-not-allowed disabled:opacity-50",
-        "data-[state=checked]:bg-primary",
-        "data-[state=unchecked]:bg-muted",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        trackClasses[size],
-        className
-      ),
-      ...props,
-      ref,
-      children: /* @__PURE__ */ jsx(
-        SwitchPrimitive.Thumb,
-        {
-          className: cn(
-            "pointer-events-none block rounded-full ring-0 transition-transform shadow-sm",
-            "bg-background",
-            "data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0",
-            thumbClasses[size]
-          )
-        }
-      )
-    }
-  );
-});
-Switch.displayName = SwitchPrimitive.Root.displayName;
-const trackVariants = {
-  default: "bg-primary/20",
-  success: "bg-success/20",
-  info: "bg-info/20",
-  warning: "bg-warning/20",
-  destructive: "bg-destructive/20"
-};
-const indicatorVariants = {
-  default: "bg-primary",
-  success: "bg-success",
-  info: "bg-info",
-  warning: "bg-warning",
-  destructive: "bg-destructive"
-};
-function Progress({
-  className,
-  value,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ProgressPrimitive.Root,
-    {
-      "data-slot": "progress",
-      "aria-label": props["aria-label"] || "Progresso",
-      className: cn(
-        "relative h-2 w-full overflow-hidden rounded-full",
-        trackVariants[variant],
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        ProgressPrimitive.Indicator,
-        {
-          "data-slot": "progress-indicator",
-          className: cn("h-full w-full flex-1 transition-all", indicatorVariants[variant]),
-          style: { transform: `translateX(-${100 - (value || 0)}%)` }
-        }
-      )
-    }
-  );
-}
-function Separator({
-  className,
-  orientation = "horizontal",
-  decorative = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    SeparatorPrimitive.Root,
-    {
-      "data-slot": "separator-root",
-      decorative,
-      orientation,
-      className: cn(
-        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function useMapLayers(map, layers) {
-  const trafficLayerRef = useRef(null);
-  const transitLayerRef = useRef(null);
-  const bicyclingLayerRef = useRef(null);
-  useEffect(() => {
-    if (!map) return;
-    if (layers.traffic) {
-      if (!trafficLayerRef.current) {
-        trafficLayerRef.current = new google.maps.TrafficLayer();
-      }
-      trafficLayerRef.current.setMap(map);
-    } else {
-      if (trafficLayerRef.current) {
-        trafficLayerRef.current.setMap(null);
-      }
-    }
-    return () => {
-      if (trafficLayerRef.current) {
-        trafficLayerRef.current.setMap(null);
-      }
-    };
-  }, [map, layers.traffic]);
-  useEffect(() => {
-    if (!map) return;
-    if (layers.transit) {
-      if (!transitLayerRef.current) {
-        transitLayerRef.current = new google.maps.TransitLayer();
-      }
-      transitLayerRef.current.setMap(map);
-    } else {
-      if (transitLayerRef.current) {
-        transitLayerRef.current.setMap(null);
-      }
-    }
-    return () => {
-      if (transitLayerRef.current) {
-        transitLayerRef.current.setMap(null);
-      }
-    };
-  }, [map, layers.transit]);
-  useEffect(() => {
-    if (!map) return;
-    if (layers.bicycling) {
-      if (!bicyclingLayerRef.current) {
-        bicyclingLayerRef.current = new google.maps.BicyclingLayer();
-      }
-      bicyclingLayerRef.current.setMap(map);
-    } else {
-      if (bicyclingLayerRef.current) {
-        bicyclingLayerRef.current.setMap(null);
-      }
-    }
-    return () => {
-      if (bicyclingLayerRef.current) {
-        bicyclingLayerRef.current.setMap(null);
-      }
-    };
-  }, [map, layers.bicycling]);
-}
-const __vite_import_meta_env__$1 = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false, "VITE_GEMINI_API_KEY": "AIzaSyBnoWKe4LjQzlIklON_dVXMXNUl2gvfH6U", "VITE_GOOGLE_MAPS_API_KEY": "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo" };
-const DEFAULT_CENTER = { lat: -23.5505, lng: -46.6333 };
-const DEFAULT_ZOOM = 12;
-const MapContent = React__default.forwardRef(
-  ({ apiKey, ...props }, ref) => {
-    const { isLoaded, loadError, load } = useGoogleMapsLoader();
-    const {
-      center = DEFAULT_CENTER,
-      zoom = DEFAULT_ZOOM,
-      markers = [],
-      circle,
-      polygon,
-      layers,
-      height = "400px",
-      mapContainerClassName,
-      disableDefaultUI = false,
-      zoomControl = true,
-      streetViewControl = false,
-      mapTypeControl = false,
-      fullscreenControl = true,
-      gestureHandling = "cooperative",
-      onMapLoad,
-      className,
-      ...divProps
-    } = props;
-    const [selectedMarker, setSelectedMarker] = useState(null);
-    const mapRef = useRef(null);
-    const gmpMapRef = useRef(null);
-    const infoWindowRef = useRef(null);
-    const circleRef = useRef(null);
-    const polygonRef = useRef(null);
-    const [themeColors, setThemeColors] = useState({
-      primary: "#4F46E5",
-      chart2: "#10B981"
-    });
-    useEffect(() => {
-      if (typeof window !== "undefined") {
-        const styles = getComputedStyle(document.documentElement);
-        setThemeColors({
-          primary: styles.getPropertyValue("--primary").trim() || "#4F46E5",
-          chart2: styles.getPropertyValue("--chart-2").trim() || "#10B981"
-        });
-      }
-    }, []);
-    useEffect(() => {
-      if (!isLoaded && apiKey && !loadError && load) {
-        load(apiKey).catch(console.error);
-      }
-    }, [isLoaded, apiKey, loadError, load]);
-    useEffect(() => {
-      if (!isLoaded || !gmpMapRef.current) return;
-      const gmpMap = gmpMapRef.current;
-      if (gmpMap.innerMap) {
-        mapRef.current = gmpMap.innerMap;
-        if (onMapLoad) {
-          onMapLoad(gmpMap.innerMap);
-        }
-      } else {
-        const interval = setInterval(() => {
-          if (gmpMap.innerMap) {
-            mapRef.current = gmpMap.innerMap;
-            if (onMapLoad) {
-              onMapLoad(gmpMap.innerMap);
-            }
-            clearInterval(interval);
-          }
-        }, 100);
-        return () => clearInterval(interval);
-      }
-      return () => {
-        mapRef.current = null;
-      };
-    }, [isLoaded]);
-    useEffect(() => {
-      if (gmpMapRef.current) {
-        if (center) gmpMapRef.current.center = center;
-      }
-    }, [center]);
-    useEffect(() => {
-      if (gmpMapRef.current) {
-        if (zoom !== void 0) gmpMapRef.current.zoom = zoom;
-      }
-    }, [zoom]);
-    useEffect(() => {
-      if (gmpMapRef.current) {
-        if (props.mapTypeId) gmpMapRef.current.mapTypeId = props.mapTypeId;
-      }
-    }, [props.mapTypeId]);
-    useEffect(() => {
-      var _a;
-      const map = mapRef.current;
-      if (!map || !isLoaded) return;
-      (_a = circleRef.current) == null ? void 0 : _a.setMap(null);
-      circleRef.current = null;
-      if (circle && circle.center && circle.radius) {
-        circleRef.current = new google.maps.Circle({
-          map,
-          center: circle.center,
-          radius: circle.radius,
-          fillColor: circle.fillColor || themeColors.primary,
-          fillOpacity: 0.2,
-          strokeColor: circle.strokeColor || themeColors.primary,
-          strokeOpacity: 0.8,
-          strokeWeight: 2
-        });
-      }
-      return () => {
-        var _a2;
-        (_a2 = circleRef.current) == null ? void 0 : _a2.setMap(null);
-      };
-    }, [circle, isLoaded, themeColors, mapRef.current]);
-    useEffect(() => {
-      var _a;
-      const map = mapRef.current;
-      if (!map || !isLoaded) return;
-      (_a = polygonRef.current) == null ? void 0 : _a.setMap(null);
-      polygonRef.current = null;
-      if (polygon && polygon.paths) {
-        polygonRef.current = new google.maps.Polygon({
-          map,
-          paths: polygon.paths,
-          fillColor: polygon.fillColor || themeColors.chart2,
-          fillOpacity: 0.2,
-          strokeColor: polygon.strokeColor || themeColors.chart2,
-          strokeOpacity: 0.8,
-          strokeWeight: 2
-        });
-      }
-      return () => {
-        var _a2;
-        (_a2 = polygonRef.current) == null ? void 0 : _a2.setMap(null);
-      };
-    }, [polygon, isLoaded, themeColors, mapRef.current]);
-    useMapLayers(mapRef.current, layers || {});
-    useEffect(() => {
-      var _a;
-      const map = mapRef.current;
-      if (!map || selectedMarker === null) {
-        (_a = infoWindowRef.current) == null ? void 0 : _a.close();
-        return;
-      }
-      const markerData = markers[selectedMarker];
-      if (!markerData) return;
-    }, [selectedMarker, markers]);
-    const handleMarkerClick = (index, markerElement) => {
-      setSelectedMarker(index);
-      const map = mapRef.current;
-      if (!map) return;
-      const markerData = markers[index];
-      if (!markerData) return;
-      let contentToRender = markerData.richContent;
-      if (!contentToRender && (markerData.title || markerData.info)) {
-        contentToRender = /* @__PURE__ */ jsxs("div", { className: "p-4 pr-8 min-w-[200px] max-w-[300px]", children: [
-          markerData.title && /* @__PURE__ */ jsx("h4", { className: "font-semibold text-base mb-1", children: markerData.title }),
-          markerData.info && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: markerData.info })
-        ] });
-      }
-      if (contentToRender && markerElement.innerMarker) {
-        if (!infoWindowRef.current) {
-          infoWindowRef.current = new google.maps.InfoWindow();
-        }
-        const container = document.createElement("div");
-        const root = createRoot(container);
-        root.render(contentToRender);
-        infoWindowRef.current.setContent(container);
-        infoWindowRef.current.open({
-          map,
-          anchor: markerElement.innerMarker
-        });
-        infoWindowRef.current.addListener("closeclick", () => {
-          setSelectedMarker(null);
-          setTimeout(() => root.unmount(), 0);
-        });
-      }
-    };
-    if (loadError) {
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          className: cn(
-            "relative rounded-[var(--radius-card)] border border-destructive/50 overflow-hidden bg-destructive/5",
-            className
-          ),
-          style: { height },
-          ...divProps,
-          children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "text-center space-y-2 p-6", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-destructive", children: /* @__PURE__ */ jsx("svg", { className: "w-12 h-12 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }) }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "Failed to load Google Maps" }),
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Check API key in Settings" })
-          ] }) })
-        }
-      );
-    }
-    if (!isLoaded) {
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          className: cn(
-            "relative rounded-[var(--radius-card)] border border-border overflow-hidden bg-muted animate-pulse",
-            className
-          ),
-          style: { height },
-          ...divProps
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "relative rounded-[var(--radius-card)] border border-border overflow-hidden",
-          className
-        ),
-        style: { height },
-        ...divProps,
-        children: /* @__PURE__ */ jsx(
-          "gmp-map",
-          {
-            ref: gmpMapRef,
-            style: { height: "100%", width: "100%", display: "block" },
-            "map-id": props.mapId || "DEMO_MAP_ID",
-            children: markers.map((markerData, idx) => {
-              const markerColor = markerData.customColor || "var(--primary)";
-              const iconColor = markerData.iconColor || "white";
-              return (
-                // @ts-ignore
-                /* @__PURE__ */ jsx(
-                  "gmp-advanced-marker",
-                  {
-                    title: markerData.title,
-                    ref: (el) => {
-                      if (el) {
-                        el.position = markerData.position;
-                        el.addEventListener("gmp-click", () => handleMarkerClick(idx, el));
-                      }
-                    },
-                    children: /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        className: "flex items-center justify-center w-8 h-8 border-[3px] border-background shadow-lg cursor-pointer origin-center transition-transform duration-200",
-                        style: {
-                          borderRadius: "50% 50% 50% 0",
-                          transform: "rotate(-45deg)",
-                          backgroundColor: markerColor
-                        },
-                        children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center rotate-45", children: markerData.iconSvg ? /* @__PURE__ */ jsx(
-                          "div",
-                          {
-                            dangerouslySetInnerHTML: { __html: markerData.iconSvg },
-                            style: { color: iconColor, width: 16, height: 16, fill: "currentColor" }
-                          }
-                        ) : /* @__PURE__ */ jsx("span", { className: "font-semibold text-sm", style: { color: iconColor }, children: markerData.icon || markerData.label || "" }) })
-                      }
-                    )
-                  },
-                  idx
-                )
-              );
-            })
-          }
-        )
-      }
-    );
-  }
-);
-MapContent.displayName = "MapContent";
-const Map$1 = React__default.forwardRef(
-  (props, ref) => {
-    const { isLoaded, loadError } = useGoogleMapsLoader();
-    const effectiveApiKey = props.apiKey || typeof import.meta !== "undefined" && __vite_import_meta_env__$1 && "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo" || "";
-    const isValidKey = effectiveApiKey && effectiveApiKey !== "YOUR_GOOGLE_MAPS_API_KEY_HERE" && effectiveApiKey.startsWith("AIza");
-    if (isLoaded || isValidKey || loadError) {
-      return /* @__PURE__ */ jsx(MapContent, { ref, ...props, apiKey: effectiveApiKey });
-    }
-    const isScriptInjected = typeof document !== "undefined" && !!document.querySelector('script[src*="maps.googleapis.com/maps/api/js"]');
-    if (isScriptInjected) {
-      return /* @__PURE__ */ jsx(MapContent, { ref, ...props, apiKey: effectiveApiKey });
-    }
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "relative rounded-[var(--radius-card)] border border-border overflow-hidden bg-muted",
-          props.className
-        ),
-        style: { height: props.height || "400px" },
-        children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-muted", children: /* @__PURE__ */ jsxs("div", { className: "text-center space-y-3 p-6", children: [
-          /* @__PURE__ */ jsx("div", { className: "w-16 h-16 mx-auto bg-primary/10 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsxs("svg", { className: "w-8 h-8 text-primary", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
-            /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" }),
-            /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })
-          ] }) }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Configure Google Maps API Key in Settings" })
-        ] }) })
-      }
-    );
-  }
-);
-Map$1.displayName = "Map";
-function PageHeader({
-  title,
-  subtitle,
-  backHref,
-  onBack,
-  renderBackLink,
-  actions,
-  className,
-  backLabel = "Back"
-}) {
-  const showBack = !!(backHref || onBack || renderBackLink);
-  const icon = /* @__PURE__ */ jsx(ChevronLeft, { className: "h-5 w-5" });
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-4 md:flex-row md:items-center md:justify-between mb-8", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
-      showBack && /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "outline",
-          size: "icon",
-          className: "h-10 w-10 shrink-0",
-          onClick: onBack,
-          asChild: !!renderBackLink || !!backHref,
-          "aria-label": backLabel,
-          children: renderBackLink ? renderBackLink(icon) : backHref ? /* @__PURE__ */ jsx("a", { href: backHref, children: icon }) : icon
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-1", children: [
-        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold tracking-tight text-foreground", children: title }),
-        subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: subtitle })
-      ] })
-    ] }),
-    actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: actions })
-  ] });
-}
-function PageHeaderHeading({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "h1",
-    {
-      className: cn(
-        "text-3xl font-bold leading-tight tracking-tighter md:text-4xl lg:leading-[1.1]",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function PageHeaderDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      className: cn(
-        "text-lg text-muted-foreground sm:text-xl",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AlertDialog({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
-}
-function AlertDialogTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
-}
-function AlertDialogPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
-}
-const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    AlertDialogPrimitive.Overlay,
-    {
-      ref,
-      "data-slot": "alert-dialog-overlay",
-      className: cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        className
-      ),
-      ...props
-    }
-  );
-});
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-function AlertDialogContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
-    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx(
-      AlertDialogPrimitive.Content,
-      {
-        "data-slot": "alert-dialog-content",
-        className: cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
-          className
-        ),
-        ...props
-      }
-    )
-  ] });
-}
-function AlertDialogHeader({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert-dialog-header",
-      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
-      ...props
-    }
-  );
-}
-function AlertDialogFooter({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert-dialog-footer",
-      className: cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AlertDialogTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    AlertDialogPrimitive.Title,
-    {
-      "data-slot": "alert-dialog-title",
-      className: cn("text-lg font-semibold", className),
-      ...props
-    }
-  );
-}
-function AlertDialogDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    AlertDialogPrimitive.Description,
-    {
-      "data-slot": "alert-dialog-description",
-      className: cn("text-muted-foreground text-sm", className),
-      ...props
-    }
-  );
-}
-function AlertDialogAction({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    AlertDialogPrimitive.Action,
-    {
-      className: cn(buttonVariants(), className),
-      ...props
-    }
-  );
-}
-function AlertDialogCancel({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    AlertDialogPrimitive.Cancel,
-    {
-      className: cn(buttonVariants({ variant: "outline" }), className),
-      ...props
-    }
-  );
-}
-const ERROR_IMG_SRC = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzLjciPjxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iNiIvPjxwYXRoIGQ9Im0xNiA1OCAxNi0xOCAzMiAzMiIvPjxjaXJjbGUgY3g9IjUzIiBjeT0iMzUiIHI9IjciLz48L3N2Zz4KCg==";
-function ImageWithFallback(props) {
-  const [didError, setDidError] = useState(false);
-  const handleError = () => {
-    setDidError(true);
-  };
-  const { src, alt, style, className, ...rest } = props;
-  return didError ? /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `inline-block bg-gray-100 text-center align-middle ${className ?? ""}`,
-      style,
-      children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ jsx("img", { src: ERROR_IMG_SRC, alt: "Error loading image", ...rest, "data-original-url": src }) })
-    }
-  ) : /* @__PURE__ */ jsx("img", { src, alt, className, style, ...rest, onError: handleError });
-}
-function AspectRatio({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
-}
-const ResizableContext = React.createContext(null);
-const ResizablePanelGroup = ({
-  children,
-  className,
-  direction = "horizontal",
-  id,
-  autoSaveId,
-  storage,
-  onLayout,
-  ...props
-}) => {
-  const [panels, setPanels] = React.useState(/* @__PURE__ */ new Map());
-  const [handles, setHandles] = React.useState(/* @__PURE__ */ new Map());
-  const [sizes, setSizes] = React.useState(/* @__PURE__ */ new Map());
-  const [isDragging, setIsDragging] = React.useState(false);
-  const containerRef = React.useRef(null);
-  const getSortedItems = React.useCallback((items) => {
-    if (!containerRef.current) return [];
-    return Array.from(items.values()).sort((a, b) => {
-      if (!a.ref.current || !b.ref.current) return 0;
-      const position = a.ref.current.compareDocumentPosition(b.ref.current);
-      if (position & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
-      if (position & Node.DOCUMENT_POSITION_PRECEDING) return 1;
-      return 0;
-    });
-  }, []);
-  React.useEffect(() => {
-    const sortedPanels = getSortedItems(panels);
-    if (sortedPanels.length === 0) return;
-    const uninitialized = sortedPanels.some((p) => !sizes.has(p.id));
-    if (uninitialized) {
-      const newSizes = new Map(sizes);
-      const remainingSpace = 100;
-      const defaultSizeCount = sortedPanels.filter((p) => p.defaultSize).length;
-      let usedSpace = 0;
-      sortedPanels.forEach((p) => {
-        if (p.defaultSize) usedSpace += p.defaultSize;
-      });
-      const spaceForOthers = Math.max(0, remainingSpace - usedSpace);
-      const countOthers = sortedPanels.length - defaultSizeCount;
-      const sizeForOthers = countOthers > 0 ? spaceForOthers / countOthers : 0;
-      sortedPanels.forEach((p) => {
-        if (!newSizes.has(p.id)) {
-          newSizes.set(p.id, p.defaultSize ?? sizeForOthers);
-        }
-      });
-      setSizes(newSizes);
-    }
-  }, [panels, sizes, getSortedItems]);
-  const registerPanel = React.useCallback((data) => {
-    setPanels((prev) => {
-      const next = new Map(prev);
-      next.set(data.id, data);
-      return next;
-    });
-  }, []);
-  const unregisterPanel = React.useCallback((id2) => {
-    setPanels((prev) => {
-      const next = new Map(prev);
-      next.delete(id2);
-      return next;
-    });
-    setSizes((prev) => {
-      const next = new Map(prev);
-      next.delete(id2);
-      return next;
-    });
-  }, []);
-  const registerHandle = React.useCallback((data) => {
-    setHandles((prev) => {
-      const next = new Map(prev);
-      next.set(data.id, data);
-      return next;
-    });
-  }, []);
-  const unregisterHandle = React.useCallback((id2) => {
-    setHandles((prev) => {
-      const next = new Map(prev);
-      next.delete(id2);
-      return next;
-    });
-  }, []);
-  const startDragging = React.useCallback((handleId, event) => {
-    var _a, _b;
-    event.preventDefault();
-    setIsDragging(true);
-    const sortedPanels = getSortedItems(panels);
-    const sortedHandles = getSortedItems(handles);
-    const handleIndex = sortedHandles.findIndex((h) => h.id === handleId);
-    if (handleIndex === -1) return;
-    const leftPanel = sortedPanels[handleIndex];
-    const rightPanel = sortedPanels[handleIndex + 1];
-    if (!leftPanel || !rightPanel) return;
-    const startX = "touches" in event ? event.touches[0].clientX : event.clientX;
-    const startY = "touches" in event ? event.touches[0].clientY : event.clientY;
-    const startSizeLeft = sizes.get(leftPanel.id) || 0;
-    const startSizeRight = sizes.get(rightPanel.id) || 0;
-    const containerSize = direction === "horizontal" ? ((_a = containerRef.current) == null ? void 0 : _a.offsetWidth) || 1 : ((_b = containerRef.current) == null ? void 0 : _b.offsetHeight) || 1;
-    const onMove = (e) => {
-      var _a2, _b2;
-      const currentX = "touches" in e ? e.touches[0].clientX : e.clientX;
-      const currentY = "touches" in e ? e.touches[0].clientY : e.clientY;
-      const deltaPixels = direction === "horizontal" ? currentX - startX : currentY - startY;
-      const deltaPercent = deltaPixels / containerSize * 100;
-      let finalLeft = startSizeLeft + deltaPercent;
-      let finalRight = startSizeRight - deltaPercent;
-      if (leftPanel.minSize !== void 0 && finalLeft < leftPanel.minSize) {
-        const diff = leftPanel.minSize - finalLeft;
-        finalLeft = leftPanel.minSize;
-        finalRight -= diff;
-      }
-      if (rightPanel.minSize !== void 0 && finalRight < rightPanel.minSize) {
-        const diff = rightPanel.minSize - finalRight;
-        finalRight = rightPanel.minSize;
-        finalLeft -= diff;
-      }
-      if (leftPanel.maxSize !== void 0 && finalLeft > leftPanel.maxSize) {
-        const diff = finalLeft - leftPanel.maxSize;
-        finalLeft = leftPanel.maxSize;
-        finalRight += diff;
-      }
-      if (rightPanel.maxSize !== void 0 && finalRight > rightPanel.maxSize) {
-        const diff = finalRight - rightPanel.maxSize;
-        finalRight = rightPanel.maxSize;
-        finalLeft -= diff;
-      }
-      finalLeft = Math.max(0, Math.min(100, finalLeft));
-      finalRight = Math.max(0, Math.min(100, finalRight));
-      setSizes((prev) => {
-        const next = new Map(prev);
-        next.set(leftPanel.id, finalLeft);
-        next.set(rightPanel.id, finalRight);
-        return next;
-      });
-      (_a2 = leftPanel.onResize) == null ? void 0 : _a2.call(leftPanel, finalLeft);
-      (_b2 = rightPanel.onResize) == null ? void 0 : _b2.call(rightPanel, finalRight);
-    };
-    const onUp = () => {
-      setIsDragging(false);
-      window.removeEventListener("mousemove", onMove);
-      window.removeEventListener("mouseup", onUp);
-      window.removeEventListener("touchmove", onMove);
-      window.removeEventListener("touchend", onUp);
-      if (onLayout) {
-        onLayout(sortedPanels.map((p) => sizes.get(p.id) || 0));
-      }
-    };
-    window.addEventListener("mousemove", onMove);
-    window.addEventListener("mouseup", onUp);
-    window.addEventListener("touchmove", onMove);
-    window.addEventListener("touchend", onUp);
-  }, [panels, handles, sizes, direction, getSortedItems, onLayout]);
-  const getPanelStyle = React.useCallback((id2) => {
-    const size = sizes.get(id2);
-    if (size === void 0) return { flex: "1 1 0%", overflow: "hidden" };
-    return { flex: `${size} 1 0%`, overflow: "hidden" };
-  }, [sizes]);
-  const contextValue = React.useMemo(() => ({
-    direction,
-    registerPanel,
-    unregisterPanel,
-    registerHandle,
-    unregisterHandle,
-    isDragging,
-    startDragging,
-    getPanelStyle
-  }), [direction, registerPanel, unregisterPanel, registerHandle, unregisterHandle, isDragging, startDragging, getPanelStyle]);
-  return /* @__PURE__ */ jsx(ResizableContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: containerRef,
-      "data-slot": "resizable-panel-group",
-      "data-panel-group-direction": direction,
-      className: cn(
-        "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
-        className
-      ),
-      ...props,
-      children
-    }
-  ) });
-};
-const ResizablePanel = ({
-  className,
-  defaultSize,
-  minSize = 0,
-  maxSize = 100,
-  collapsible,
-  collapsedSize,
-  onCollapse,
-  onExpand,
-  onResize,
-  order,
-  tagName,
-  id: propId,
-  children,
-  ...props
-}) => {
-  const context = React.useContext(ResizableContext);
-  const ref = React.useRef(null);
-  const [generatedId] = React.useState(() => Math.random().toString(36).substr(2, 9));
-  const id = propId || generatedId;
-  const registerPanel = context == null ? void 0 : context.registerPanel;
-  const unregisterPanel = context == null ? void 0 : context.unregisterPanel;
-  React.useLayoutEffect(() => {
-    if (!registerPanel || !unregisterPanel) return;
-    registerPanel({
-      id,
-      ref,
-      defaultSize,
-      minSize,
-      maxSize,
-      collapsible,
-      onCollapse,
-      onExpand,
-      onResize
-    });
-    return () => unregisterPanel(id);
-  }, [registerPanel, unregisterPanel, id, defaultSize, minSize, maxSize, collapsible, onCollapse, onExpand, onResize]);
-  if (!context) {
-    return /* @__PURE__ */ jsx("div", { className: cn("flex-1", className), ...props, children });
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "resizable-panel",
-      className: cn("relative transition-[flex-grow] duration-0", className),
-      style: context.getPanelStyle(id),
-      ...props,
-      children
-    }
-  );
-};
-const ResizableHandle = ({
-  withHandle,
-  className,
-  id: propId,
-  tagName,
-  ...props
-}) => {
-  const context = React.useContext(ResizableContext);
-  const ref = React.useRef(null);
-  const [generatedId] = React.useState(() => Math.random().toString(36).substr(2, 9));
-  const id = propId || generatedId;
-  const registerHandle = context == null ? void 0 : context.registerHandle;
-  const unregisterHandle = context == null ? void 0 : context.unregisterHandle;
-  React.useLayoutEffect(() => {
-    if (!registerHandle || !unregisterHandle) return;
-    registerHandle({ id, ref });
-    return () => unregisterHandle(id);
-  }, [registerHandle, unregisterHandle, id]);
-  const handleMouseDown = (e) => {
-    if (context) {
-      context.startDragging(id, e);
-    }
-  };
-  if (!context) return null;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "resizable-handle",
-      className: cn(
-        "bg-border relative flex items-center justify-center focus-visible:outline-hidden",
-        "touch-none select-none",
-        context.direction === "vertical" ? "h-px w-full cursor-row-resize after:left-0 after:h-1 after:w-full after:-translate-y-1/2 hover:after:h-4" : "w-px h-full cursor-col-resize after:top-0 after:w-1 after:h-full after:-translate-x-1/2 hover:after:w-4",
-        "after:absolute after:z-10",
-        className
-      ),
-      onMouseDown: handleMouseDown,
-      onTouchStart: handleMouseDown,
-      ...props,
-      children: withHandle && /* @__PURE__ */ jsx("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsx(GripVerticalIcon, { className: "size-2.5" }) })
-    }
-  );
-};
-function NavigationMenu({
-  className,
-  children,
-  viewport = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    NavigationMenuPrimitive.Root,
-    {
-      "data-slot": "navigation-menu",
-      className: cn(
-        "relative z-10 flex w-full flex-1 items-center justify-center",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        viewport && /* @__PURE__ */ jsx(NavigationMenuViewport, {})
-      ]
-    }
-  );
-}
-function NavigationMenuList({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    NavigationMenuPrimitive.List,
-    {
-      "data-slot": "navigation-menu-list",
-      className: cn(
-        "group flex flex-1 list-none items-center justify-center gap-1",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function NavigationMenuItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    NavigationMenuPrimitive.Item,
-    {
-      "data-slot": "navigation-menu-item",
-      className: cn("relative", className),
-      ...props
-    }
-  );
-}
-const navigationMenuTriggerStyle = cva(
-  "group inline-flex h-10 w-max items-center justify-center rounded-[var(--radius)] bg-background px-4 py-2 text-[var(--text-p)] font-[var(--font-weight-medium)] hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 outline-none focus-visible:ring-2 focus-visible:ring-ring"
-);
-function NavigationMenuTrigger({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    NavigationMenuPrimitive.Trigger,
-    {
-      "data-slot": "navigation-menu-trigger",
-      className: cn(navigationMenuTriggerStyle(), "group", className),
-      ...props,
-      children: [
-        children,
-        " ",
-        /* @__PURE__ */ jsx(
-          ChevronDownIcon,
-          {
-            className: "relative top-[1px] ml-1 size-3 group-data-[state=open]:rotate-180",
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-}
-function NavigationMenuContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    NavigationMenuPrimitive.Content,
-    {
-      "data-slot": "navigation-menu-content",
-      className: cn(
-        "left-0 top-0 w-full md:w-auto",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function NavigationMenuViewport({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx("div", { className: cn("absolute left-0 top-full flex justify-center w-full"), children: /* @__PURE__ */ jsx(
-    NavigationMenuPrimitive.Viewport,
-    {
-      "data-slot": "navigation-menu-viewport",
-      className: cn(
-        "origin-top-center relative mt-1.5 overflow-hidden rounded-[var(--radius)] border border-border bg-popover text-popover-foreground shadow-lg",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function NavigationMenuLink({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    NavigationMenuPrimitive.Link,
-    {
-      "data-slot": "navigation-menu-link",
-      className: cn(
-        "block select-none space-y-1 rounded-[var(--radius)] p-3 leading-none no-underline outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function NavigationMenuIndicator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    NavigationMenuPrimitive.Indicator,
-    {
-      "data-slot": "navigation-menu-indicator",
-      className: cn(
-        "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
-    }
-  );
-}
-function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "nav",
-    {
-      role: "navigation",
-      "aria-label": "pagination",
-      "data-slot": "pagination",
-      className: cn("mx-auto flex w-full justify-center", className),
-      ...props
-    }
-  );
-}
-function PaginationContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "ul",
-    {
-      "data-slot": "pagination-content",
-      className: cn("flex flex-row items-center gap-1", className),
-      ...props
-    }
-  );
-}
-function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsx("li", { "data-slot": "pagination-item", ...props });
-}
-function PaginationLink({
-  className,
-  isActive,
-  size = "icon",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "a",
-    {
-      "aria-current": isActive ? "page" : void 0,
-      "data-slot": "pagination-link",
-      "data-active": isActive,
-      className: cn(
-        buttonVariants({
-          variant: isActive ? "outline" : "ghost",
-          size
-        }),
-        className
-      ),
-      ...props
-    }
-  );
-}
-function PaginationPrevious({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    PaginationLink,
-    {
-      "aria-label": "Go to previous page",
-      size: "default",
-      className: cn("gap-1 px-2.5 sm:pl-2.5", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(ChevronLeftIcon, {}),
-        /* @__PURE__ */ jsx("span", { className: "hidden sm:block", children: "Previous" })
-      ]
-    }
-  );
-}
-function PaginationNext({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    PaginationLink,
-    {
-      "aria-label": "Go to next page",
-      size: "default",
-      className: cn("gap-1 px-2.5 sm:pr-2.5", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx(ChevronRightIcon, {})
-      ]
-    }
-  );
-}
-function PaginationEllipsis({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      "aria-hidden": true,
-      "data-slot": "pagination-ellipsis",
-      className: cn("flex size-9 items-center justify-center", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
-      ]
-    }
-  );
-}
-const toggleVariants = cva(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
-      },
-      size: {
-        default: "h-9 px-2 min-w-9",
-        sm: "h-8 px-1.5 min-w-8",
-        lg: "h-10 px-2.5 min-w-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-const Toggle = React.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
-  TogglePrimitive.Root,
-  {
-    ref,
-    "data-slot": "toggle",
-    className: cn(toggleVariants({ variant, size, className })),
-    ...props
-  }
-));
-Toggle.displayName = TogglePrimitive.Root.displayName;
-const ToggleGroupContext = React.createContext({
-  size: "default",
-  variant: "default"
-});
-const ToggleGroup = React.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
-  ToggleGroupPrimitive.Root,
-  {
-    ref,
-    "data-slot": "toggle-group",
-    "data-variant": variant,
-    "data-size": size,
-    className: cn(
-      "group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
-  }
-));
-ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-const ToggleGroupItem = React.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx(
-    ToggleGroupPrimitive.Item,
-    {
-      ref,
-      "data-slot": "toggle-group-item",
-      "data-variant": context.variant || variant,
-      "data-size": context.size || size,
-      className: cn(
-        toggleVariants({
-          variant: context.variant || variant,
-          size: context.size || size
-        }),
-        "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-});
-ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
-function InputOTP({
-  className,
-  containerClassName,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    OTPInput,
-    {
-      "data-slot": "input-otp",
-      containerClassName: cn(
-        "flex items-center gap-2 has-disabled:opacity-50",
-        containerClassName
-      ),
-      className: cn("disabled:cursor-not-allowed", className),
-      ...props
-    }
-  );
-}
-function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "input-otp-group",
-      className: cn("flex items-center gap-1", className),
-      ...props
-    }
-  );
-}
-function InputOTPSlot({
-  index,
-  className,
-  size = "md",
-  ...props
-}) {
-  const inputOTPContext = React.useContext(OTPInputContext);
-  const { char, hasFakeCaret, isActive } = (inputOTPContext == null ? void 0 : inputOTPContext.slots[index]) ?? {};
-  const sizeClasses = {
-    sm: "h-8 w-8 text-sm",
-    md: "h-10 w-10 text-base",
-    lg: "h-12 w-12 text-lg"
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "input-otp-slot",
-      "data-active": isActive,
-      className: cn(
-        "data-[active=true]:border-primary data-[active=true]:ring-primary/20 data-[active=true]:aria-invalid:ring-destructive/20 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive relative flex items-center justify-center border border-border rounded-[var(--radius)] bg-background transition-all outline-none data-[active=true]:z-10 data-[active=true]:ring-2",
-        sizeClasses[size],
-        className
-      ),
-      ...props,
-      children: [
-        char,
-        hasFakeCaret && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
-      ]
-    }
-  );
-}
-function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx(MinusIcon, {}) });
-}
-const Form = FormProvider;
-const FormFieldContext = React.createContext(
-  {}
-);
-const FormField = ({
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
-};
-const useFormField = () => {
-  const fieldContext = React.useContext(FormFieldContext);
-  const itemContext = React.useContext(FormItemContext);
-  const { getFieldState } = useFormContext();
-  const formState = useFormState({ name: fieldContext.name });
-  const fieldState = getFieldState(
-    fieldContext.name,
-    formState
-  );
-  if (!fieldContext) {
-    throw new Error(
-      "useFormField should be used within <FormField>"
-    );
-  }
-  const { id } = itemContext;
-  return {
-    id,
-    name: fieldContext.name,
-    formItemId: `${id}-form-item`,
-    formDescriptionId: `${id}-form-item-description`,
-    formMessageId: `${id}-form-item-message`,
-    ...fieldState
-  };
-};
-const FormItemContext = React.createContext(
-  {}
-);
-function FormItem({
-  className,
-  ...props
-}) {
-  const id = React.useId();
-  return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "form-item",
-      className: cn("grid gap-2", className),
-      ...props
-    }
-  ) });
-}
-function FormLabel({
-  className,
-  ...props
-}) {
-  const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx(
-    Label,
-    {
-      "data-slot": "form-label",
-      "data-error": !!error,
-      className: cn(
-        "data-[error=true]:text-destructive",
-        className
-      ),
-      htmlFor: formItemId,
-      ...props
-    }
-  );
-}
-function FormControl({
-  ...props
-}) {
-  const {
-    error,
-    formItemId,
-    formDescriptionId,
-    formMessageId
-  } = useFormField();
-  return /* @__PURE__ */ jsx(
-    Slot,
-    {
-      "data-slot": "form-control",
-      id: formItemId,
-      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
-      "aria-invalid": !!error,
-      ...props
-    }
-  );
-}
-function FormDescription({
-  className,
-  ...props
-}) {
-  const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      "data-slot": "form-description",
-      id: formDescriptionId,
-      className: cn("text-muted-foreground text-sm", className),
-      ...props
-    }
-  );
-}
-function FormMessage({
-  className,
-  ...props
-}) {
-  const { error, formMessageId } = useFormField();
-  const body = error ? String((error == null ? void 0 : error.message) ?? "") : props.children;
-  if (!body) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      "data-slot": "form-message",
-      id: formMessageId,
-      className: cn("text-destructive text-sm", className),
-      ...props,
-      children: body
-    }
-  );
-}
-function Calendar({
-  className,
-  classNames,
-  showOutsideDays = true,
-  captionLayout = "label",
-  buttonVariant = "ghost",
-  formatters,
-  components,
-  ...props
-}) {
-  const defaultClassNames = getDefaultClassNames();
-  const isDropdownCaption = captionLayout.startsWith("dropdown");
-  return /* @__PURE__ */ jsx(
-    DayPicker,
-    {
-      showOutsideDays,
-      className: cn(
-        "bg-background group/calendar p-4 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent font-sans",
-        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
-        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
-        className
-      ),
-      captionLayout,
-      formatters,
-      classNames: {
-        root: cn("w-fit", defaultClassNames.root),
-        months: cn(
-          "flex gap-6 flex-col md:flex-row relative",
-          defaultClassNames.months
-        ),
-        month: cn("flex flex-col w-full gap-5", defaultClassNames.month),
-        nav: cn(
-          "flex items-center gap-2 w-full absolute top-0 inset-x-0 justify-between",
-          defaultClassNames.nav
-        ),
-        button_previous: cn(
-          buttonVariants({ variant: buttonVariant }),
-          "size-(--cell-size) aria-disabled:opacity-40 p-0 select-none hover:bg-accent/50 transition-colors duration-200",
-          defaultClassNames.button_previous
-        ),
-        button_next: cn(
-          buttonVariants({ variant: buttonVariant }),
-          "size-(--cell-size) aria-disabled:opacity-40 p-0 select-none hover:bg-accent/50 transition-colors duration-200",
-          defaultClassNames.button_next
-        ),
-        month_caption: cn(
-          "flex items-center justify-center w-full",
-          isDropdownCaption ? "h-auto px-0" : "h-(--cell-size) px-(--cell-size)",
-          defaultClassNames.month_caption
-        ),
-        dropdowns: cn(
-          "w-full flex items-center justify-center gap-2",
-          isDropdownCaption ? "h-auto" : "h-(--cell-size)",
-          defaultClassNames.dropdowns
-        ),
-        dropdown_root: cn(
-          isDropdownCaption ? "relative flex min-w-[7rem] items-center rounded-[var(--radius)] border border-border bg-background text-foreground transition-colors outline-none focus-within:ring-2 focus-within:ring-primary focus-within:border-transparent data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 px-2.5 py-1" : "relative rounded-[var(--radius)] hover:bg-accent transition-colors",
-          defaultClassNames.dropdown_root
-        ),
-        dropdown: cn(
-          isDropdownCaption ? "absolute inset-0 cursor-pointer opacity-0" : "absolute bg-popover inset-0 opacity-0 cursor-pointer",
-          defaultClassNames.dropdown
-        ),
-        caption_label: cn(
-          "select-none font-[family-name:var(--font-family,Roboto)] tracking-tight transition-all duration-200",
-          captionLayout === "label" ? "rounded-[var(--radius)] px-2 py-1 text-[length:var(--calendar-caption-size)] font-[number:var(--font-weight-semibold)] hover:bg-accent hover:text-accent-foreground" : "flex h-full w-full items-center justify-between gap-2 rounded-[var(--radius)] text-[length:var(--calendar-caption-size)] font-[number:var(--font-weight-semibold)] [&>svg]:text-muted-foreground [&>svg]:size-4",
-          defaultClassNames.caption_label
-        ),
-        table: "w-full border-collapse mt-1",
-        weekdays: cn("flex gap-1", defaultClassNames.weekdays),
-        weekday: cn(
-          "text-muted-foreground rounded-(--cell-radius) flex-1 select-none text-[length:var(--calendar-weekday-size)] font-[number:var(--font-weight-medium)] uppercase tracking-wider",
-          defaultClassNames.weekday
-        ),
-        week: cn("flex w-full gap-1", defaultClassNames.week),
-        week_number_header: cn(
-          "select-none w-(--cell-size)",
-          defaultClassNames.week_number_header
-        ),
-        week_number: cn(
-          "select-none text-muted-foreground text-[length:var(--calendar-weekday-size)]",
-          defaultClassNames.week_number
-        ),
-        day: cn(
-          "relative w-full rounded-(--cell-radius) h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius) group/day aspect-square select-none",
-          props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)",
-          defaultClassNames.day
-        ),
-        range_start: cn(
-          "rounded-l-(--cell-radius) bg-accent/50 relative after:bg-accent/50 after:absolute after:inset-y-0 after:w-2 after:right-0 -z-0 isolate",
-          defaultClassNames.range_start
-        ),
-        range_middle: cn(
-          "rounded-none bg-accent/30",
-          defaultClassNames.range_middle
-        ),
-        range_end: cn(
-          "rounded-r-(--cell-radius) bg-accent/50 relative after:bg-accent/50 after:absolute after:inset-y-0 after:w-2 after:left-0 -z-0 isolate",
-          defaultClassNames.range_end
-        ),
-        today: cn(
-          "bg-accent/60 text-accent-foreground rounded-(--cell-radius) data-[selected=true]:rounded-none font-[number:var(--font-weight-semibold)]",
-          defaultClassNames.today
-        ),
-        outside: cn(
-          "text-muted-foreground aria-selected:text-muted-foreground",
-          defaultClassNames.outside
-        ),
-        disabled: cn(
-          "text-muted-foreground/30 opacity-40",
-          defaultClassNames.disabled
-        ),
-        hidden: cn("invisible", defaultClassNames.hidden),
-        ...classNames
-      },
-      components: {
-        Root: ({ className: className2, rootRef, ...props2 }) => {
-          return /* @__PURE__ */ jsx(
-            "div",
-            {
-              "data-slot": "calendar",
-              ref: rootRef,
-              className: cn(className2),
-              ...props2
-            }
-          );
-        },
-        Chevron: ({ className: className2, orientation, ...props2 }) => {
-          if (orientation === "left") {
-            return /* @__PURE__ */ jsx(
-              ChevronLeft,
-              {
-                className: cn("size-5 transition-transform group-hover:scale-110", className2),
-                ...props2
-              }
-            );
-          }
-          if (orientation === "right") {
-            return /* @__PURE__ */ jsx(
-              ChevronRight,
-              {
-                className: cn("size-5 transition-transform group-hover:scale-110", className2),
-                ...props2
-              }
-            );
-          }
-          return /* @__PURE__ */ jsx(
-            ChevronDown,
-            {
-              className: cn("size-4", className2),
-              ...props2
-            }
-          );
-        },
-        DayButton: CalendarDayButton,
-        WeekNumber: ({ children, ...props2 }) => {
-          return /* @__PURE__ */ jsx("td", { ...props2, children: /* @__PURE__ */ jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center font-[number:var(--font-weight-medium)]", children }) });
-        },
-        ...components
-      },
-      ...props
-    }
-  );
-}
-function CalendarDayButton({
-  className,
-  day,
-  modifiers,
-  ...props
-}) {
-  const defaultClassNames = getDefaultClassNames();
-  const ref = React.useRef(null);
-  React.useEffect(() => {
-    var _a;
-    if (modifiers.focused) (_a = ref.current) == null ? void 0 : _a.focus();
-  }, [modifiers.focused]);
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      ref,
-      variant: "ghost",
-      size: "icon",
-      "data-day": day.date.toLocaleDateString(),
-      "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
-      "data-range-start": modifiers.range_start,
-      "data-range-end": modifiers.range_end,
-      "data-range-middle": modifiers.range_middle,
-      className: cn(
-        "relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col items-center justify-center gap-1 border-0 leading-none transition-all duration-200 cursor-pointer disabled:cursor-not-allowed",
-        "text-[length:var(--calendar-day-size)] font-[number:var(--font-weight-regular)]",
-        "hover:bg-accent/70 hover:text-accent-foreground hover:scale-105",
-        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[selected-single=true]:font-[number:var(--font-weight-semibold)] data-[selected-single=true]:shadow-sm",
-        "data-[range-middle=true]:bg-accent/50 data-[range-middle=true]:text-foreground",
-        "data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-start=true]:font-[number:var(--font-weight-semibold)] data-[range-start=true]:shadow-sm",
-        "data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-end=true]:font-[number:var(--font-weight-semibold)] data-[range-end=true]:shadow-sm",
-        "group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 group-data-[focused=true]/day:ring-2 group-data-[focused=true]/day:ring-offset-2 group-data-[focused=true]/day:ring-offset-background",
-        "data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius)",
-        "data-[range-middle=true]:rounded-none",
-        "data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius)",
-        "[&>span]:opacity-80",
-        defaultClassNames.day,
-        className
-      ),
-      ...props,
-      children: day.date.getDate()
-    }
-  );
-}
-function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
-}
-function SheetTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
-}
-function SheetPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
-}
-const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Overlay,
-  {
-    className: cn(
-      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-      className
-    ),
-    ...props,
-    ref
-  }
-));
-SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
-function SheetContent({
-  className,
-  children,
-  side = "right",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
-    /* @__PURE__ */ jsx(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs(
-      DialogPrimitive.Content,
-      {
-        "data-slot": "sheet-content",
-        className: cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
-          side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
-          side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
-          side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
-          side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
-            /* @__PURE__ */ jsx(XIcon, { className: "size-4" }),
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sheet-header",
-      className: cn("flex flex-col gap-1.5 px-6 pt-6", className),
-      ...props
-    }
-  );
-}
-function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sheet-footer",
-      className: cn("mt-auto flex flex-col gap-2 px-6 pb-6", className),
-      ...props
-    }
-  );
-}
-function SheetTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Title,
-    {
-      "data-slot": "sheet-title",
-      className: cn("text-foreground font-semibold", className),
-      ...props
-    }
-  );
-}
-function SheetDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Description,
-    {
-      "data-slot": "sheet-description",
-      className: cn("text-muted-foreground text-sm", className),
-      ...props
-    }
-  );
-}
-function Drawer({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Drawer$1.Root, { "data-slot": "drawer", ...props });
-}
-function DrawerTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Drawer$1.Trigger, { "data-slot": "drawer-trigger", ...props });
-}
-function DrawerPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Drawer$1.Portal, { "data-slot": "drawer-portal", ...props });
-}
-const DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    Drawer$1.Overlay,
-    {
-      ref,
-      "data-slot": "drawer-overlay",
-      className: cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        className
-      ),
-      ...props
-    }
-  );
-});
-DrawerOverlay.displayName = Drawer$1.Overlay.displayName;
-function DrawerContent({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ jsx(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxs(
-      Drawer$1.Content,
-      {
-        "data-slot": "drawer-content",
-        className: cn(
-          "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
-          "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b",
-          "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t",
-          "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
-          "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
-          children
-        ]
-      }
-    )
-  ] });
-}
-function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "drawer-header",
-      className: cn("flex flex-col gap-1.5 p-4", className),
-      ...props
-    }
-  );
-}
-function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "drawer-footer",
-      className: cn("mt-auto flex flex-col gap-2 p-4", className),
-      ...props
-    }
-  );
-}
-function DrawerTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Drawer$1.Title,
-    {
-      "data-slot": "drawer-title",
-      className: cn("text-foreground font-semibold", className),
-      ...props
-    }
-  );
-}
-function DrawerDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Drawer$1.Description,
-    {
-      "data-slot": "drawer-description",
-      className: cn("text-muted-foreground text-sm", className),
-      ...props
-    }
-  );
-}
-function DrawerHandle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "drawer-handle",
-      className: cn("bg-muted mx-auto mt-4 h-2 w-[100px] shrink-0 rounded-full", className),
-      ...props
-    }
-  );
-}
-function HoverCard({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
-}
-function HoverCardTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
-}
-function HoverCardContent({
-  className,
-  align = "center",
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx(
-    HoverCardPrimitive.Content,
-    {
-      "data-slot": "hover-card-content",
-      align,
-      sideOffset,
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function ContextMenu({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
-}
-function ContextMenuTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
-}
-function ContextMenuGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
-}
-function ContextMenuPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
-}
-function ContextMenuSub({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
-}
-function ContextMenuRadioGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ContextMenuPrimitive.RadioGroup,
-    {
-      "data-slot": "context-menu-radio-group",
-      ...props
-    }
-  );
-}
-function ContextMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    ContextMenuPrimitive.SubTrigger,
-    {
-      "data-slot": "context-menu-sub-trigger",
-      "data-inset": inset,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })
-      ]
-    }
-  );
-}
-function ContextMenuSubContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ContextMenuPrimitive.SubContent,
-    {
-      "data-slot": "context-menu-sub-content",
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ContextMenuContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-    ContextMenuPrimitive.Content,
-    {
-      "data-slot": "context-menu-content",
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function ContextMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ContextMenuPrimitive.Item,
-    {
-      "data-slot": "context-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ContextMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    ContextMenuPrimitive.CheckboxItem,
-    {
-      "data-slot": "context-menu-checkbox-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      checked,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
-        children
-      ]
-    }
-  );
-}
-function ContextMenuRadioItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    ContextMenuPrimitive.RadioItem,
-    {
-      "data-slot": "context-menu-radio-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
-        children
-      ]
-    }
-  );
-}
-function ContextMenuLabel({
-  className,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ContextMenuPrimitive.Label,
-    {
-      "data-slot": "context-menu-label",
-      "data-inset": inset,
-      className: cn(
-        "text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ContextMenuSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ContextMenuPrimitive.Separator,
-    {
-      "data-slot": "context-menu-separator",
-      className: cn("bg-border -mx-1 my-1 h-px", className),
-      ...props
-    }
-  );
-}
-function ContextMenuShortcut({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "context-menu-shortcut",
-      className: cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function Menubar({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    MenubarPrimitive.Root,
-    {
-      "data-slot": "menubar",
-      className: cn(
-        "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function MenubarMenu({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
-}
-function MenubarGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
-}
-function MenubarPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
-}
-function MenubarRadioGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
-}
-function MenubarTrigger({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    MenubarPrimitive.Trigger,
-    {
-      "data-slot": "menubar-trigger",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function MenubarContent({
-  className,
-  align = "start",
-  alignOffset = -4,
-  sideOffset = 8,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(MenubarPortal, { children: /* @__PURE__ */ jsx(
-    MenubarPrimitive.Content,
-    {
-      "data-slot": "menubar-content",
-      align,
-      alignOffset,
-      sideOffset,
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function MenubarItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    MenubarPrimitive.Item,
-    {
-      "data-slot": "menubar-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function MenubarCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    MenubarPrimitive.CheckboxItem,
-    {
-      "data-slot": "menubar-checkbox-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      checked,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
-        children
-      ]
-    }
-  );
-}
-function MenubarRadioItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    MenubarPrimitive.RadioItem,
-    {
-      "data-slot": "menubar-radio-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
-        children
-      ]
-    }
-  );
-}
-function MenubarLabel({
-  className,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    MenubarPrimitive.Label,
-    {
-      "data-slot": "menubar-label",
-      "data-inset": inset,
-      className: cn(
-        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function MenubarSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    MenubarPrimitive.Separator,
-    {
-      "data-slot": "menubar-separator",
-      className: cn("bg-border -mx-1 my-1 h-px", className),
-      ...props
-    }
-  );
-}
-function MenubarShortcut({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "menubar-shortcut",
-      className: cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function MenubarSub({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
-}
-function MenubarSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    MenubarPrimitive.SubTrigger,
-    {
-      "data-slot": "menubar-sub-trigger",
-      "data-inset": inset,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto h-4 w-4" })
-      ]
-    }
-  );
-}
-function MenubarSubContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    MenubarPrimitive.SubContent,
-    {
-      "data-slot": "menubar-sub-content",
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function Command({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1,
-    {
-      "data-slot": "command",
-      className: cn(
-        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandDialog({
-  title = "Command Palette",
-  description = "Search for a command to run...",
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(Dialog, { ...props, children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { className: "sr-only", children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsx(DialogDescription, { children: description })
-    ] }),
-    /* @__PURE__ */ jsx(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[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 }) })
-  ] });
-}
-function CommandInput({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "command-input-wrapper",
-      className: "flex h-9 items-center gap-2 border-b px-3",
-      children: [
-        /* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ jsx(
-          Command$1.Input,
-          {
-            "data-slot": "command-input",
-            className: cn(
-              "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
-              className
-            ),
-            ...props
-          }
-        )
-      ]
-    }
-  );
-}
-function CommandList({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.List,
-    {
-      "data-slot": "command-list",
-      role: "listbox",
-      className: cn(
-        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandEmpty({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.Empty,
-    {
-      "data-slot": "command-empty",
-      className: "py-6 text-center text-sm",
-      ...props
-    }
-  );
-}
-function CommandGroup({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.Group,
-    {
-      "data-slot": "command-group",
-      className: cn(
-        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.Separator,
-    {
-      "data-slot": "command-separator",
-      className: cn("bg-border -mx-1 h-px", className),
-      ...props
-    }
-  );
-}
-function CommandItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.Item,
-    {
-      "data-slot": "command-item",
-      role: "option",
-      className: cn(
-        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandShortcut({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "command-shortcut",
-      className: cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
-      ),
-      ...props
-    }
-  );
-}
-const variantStyles = {
-  default: "bg-primary text-primary-foreground",
-  secondary: "bg-secondary text-secondary-foreground",
-  destructive: "bg-destructive text-destructive-foreground",
-  outline: "border-2 border-primary bg-background text-primary",
-  success: "bg-success text-success-foreground",
-  info: "bg-info text-info-foreground",
-  warning: "bg-warning text-warning-foreground"
-};
-const NotificationBadge = React.forwardRef(
-  ({
-    className,
-    count = 0,
-    max = 99,
-    showZero = false,
-    dot = false,
-    variant = "destructive",
-    children,
-    ...props
-  }, ref) => {
-    const displayCount = count > max ? `${max}+` : count;
-    const shouldShow = count > 0 || showZero;
-    if (!shouldShow && !dot) {
-      return /* @__PURE__ */ jsx("div", { ref, className, ...props, children });
-    }
-    return /* @__PURE__ */ jsxs("div", { ref, className: cn("relative inline-block", className), ...props, children: [
-      children,
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: cn(
-            "absolute -right-1 -top-1 flex items-center justify-center rounded-full",
-            variantStyles[variant],
-            dot ? "h-2 w-2" : "min-w-[1.25rem] h-5 px-1.5"
-          ),
-          children: !dot && shouldShow && /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium leading-none", children: displayCount })
-        }
-      )
-    ] });
-  }
-);
-NotificationBadge.displayName = "NotificationBadge";
-const StatsCard = React.forwardRef(
-  ({ className, title, value, description, trend, icon, ...props }, ref) => {
-    const getTrendIcon = () => {
-      if (!trend) return null;
-      if (trend.value > 0) {
-        return /* @__PURE__ */ jsx(TrendingUp, { className: "h-4 w-4 text-success" });
-      } else if (trend.value < 0) {
-        return /* @__PURE__ */ jsx(TrendingDown, { className: "h-4 w-4 text-destructive" });
-      } else {
-        return /* @__PURE__ */ jsx(Minus, { className: "h-4 w-4 text-muted-foreground" });
-      }
-    };
-    const getTrendColor = () => {
-      if (!trend) return "";
-      if (trend.value > 0) {
-        return "text-success";
-      } else if (trend.value < 0) {
-        return "text-destructive";
-      } else {
-        return "text-muted-foreground";
-      }
-    };
-    return /* @__PURE__ */ jsx(Card, { ref, className: cn("", className), ...props, children: /* @__PURE__ */ jsx(CardContent, { className: "p-4 sm:p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-1 text-sm", children: title }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-2", children: [
-          /* @__PURE__ */ jsx("h3", { className: "text-foreground text-xl sm:text-2xl", children: value }),
-          trend && /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-1 text-sm", getTrendColor()), children: [
-            getTrendIcon(),
-            /* @__PURE__ */ jsxs("span", { children: [
-              Math.abs(trend.value),
-              "%"
-            ] })
-          ] })
-        ] }),
-        (description || (trend == null ? void 0 : trend.label)) && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-xs sm:text-sm", children: (trend == null ? void 0 : trend.label) || description })
-      ] }),
-      icon && /* @__PURE__ */ jsx("div", { className: "rounded-[var(--radius)] bg-muted p-2 sm:p-3 text-muted-foreground flex-shrink-0", children: icon })
-    ] }) }) });
-  }
-);
-StatsCard.displayName = "StatsCard";
-const Timeline = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "ol",
-  {
-    ref,
-    className: cn("relative border-l border-border", className),
-    ...props
-  }
-));
-Timeline.displayName = "Timeline";
-const TimelineItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "li",
-  {
-    ref,
-    className: cn("mb-10 ml-6", className),
-    ...props
-  }
-));
-TimelineItem.displayName = "TimelineItem";
-const TimelineDot = React.forwardRef(({ className, variant = "default", icon, children, ...props }, ref) => {
-  const variantStyles2 = {
-    default: "bg-muted border-border",
-    primary: "bg-primary border-primary",
-    success: "bg-success border-success",
-    info: "bg-info border-info",
-    warning: "bg-warning border-warning",
-    destructive: "bg-destructive border-destructive",
-    outline: "bg-background border-border"
-  };
-  const iconColorStyles = {
-    default: "text-muted-foreground",
-    primary: "text-primary-foreground",
-    success: "text-success-foreground",
-    info: "text-info-foreground",
-    warning: "text-warning-foreground",
-    destructive: "text-destructive-foreground",
-    outline: "text-foreground"
-  };
-  if (icon || children) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "absolute -left-[17px] mt-0.5 h-8 w-8 rounded-full border-2 flex items-center justify-center",
-          variantStyles2[variant],
-          className
-        ),
-        ...props,
-        children: /* @__PURE__ */ jsx("span", { className: cn("h-4 w-4", iconColorStyles[variant]), children: icon || children })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn(
-        "absolute -left-[9px] mt-1.5 h-4 w-4 rounded-full border-2",
-        variantStyles2[variant],
-        className
-      ),
-      ...props
-    }
-  );
-});
-TimelineDot.displayName = "TimelineDot";
-const TimelineContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("", className),
-    ...props
-  }
-));
-TimelineContent.displayName = "TimelineContent";
-const TimelineHeading = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "h3",
-  {
-    ref,
-    className: cn("mb-1 text-foreground", className),
-    ...props
-  }
-));
-TimelineHeading.displayName = "TimelineHeading";
-const TimelineTime = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "time",
-  {
-    ref,
-    className: cn("mb-2 block text-muted-foreground", className),
-    ...props
-  }
-));
-TimelineTime.displayName = "TimelineTime";
-const TimelineDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "p",
-  {
-    ref,
-    className: cn("text-muted-foreground", className),
-    ...props
-  }
-));
-TimelineDescription.displayName = "TimelineDescription";
-const TreeView = React.forwardRef(
-  ({ className, data, onNodeClick, onNodeSelect, defaultExpanded = [], selectedNodeId, ...props }, ref) => {
-    const [expanded, setExpanded] = React.useState(new Set(defaultExpanded));
-    const [internalSelectedId, setInternalSelectedId] = React.useState(void 0);
-    const nodeRefs = React.useRef(/* @__PURE__ */ new Map());
-    const isControlled = selectedNodeId !== void 0;
-    const effectiveSelectedId = isControlled ? selectedNodeId : internalSelectedId;
-    const toggleExpand = (nodeId) => {
-      setExpanded((prev) => {
-        const next = new Set(prev);
-        next.has(nodeId) ? next.delete(nodeId) : next.add(nodeId);
-        return next;
-      });
-    };
-    const getVisibleNodes = React.useCallback(() => {
-      const result = [];
-      const traverse = (nodes) => {
-        var _a;
-        for (const node of nodes) {
-          result.push(node);
-          if (((_a = node.children) == null ? void 0 : _a.length) && expanded.has(node.id)) traverse(node.children);
-        }
-      };
-      traverse(data);
-      return result;
-    }, [data, expanded]);
-    const findParent = (nodes, targetId) => {
-      var _a;
-      for (const n of nodes) {
-        if ((_a = n.children) == null ? void 0 : _a.some((c) => c.id === targetId)) return n;
-        if (n.children) {
-          const found = findParent(n.children, targetId);
-          if (found) return found;
-        }
-      }
-      return null;
-    };
-    const handleSelect = (node) => {
-      if (!isControlled) setInternalSelectedId(node.id);
-      onNodeSelect == null ? void 0 : onNodeSelect(node);
-      onNodeClick == null ? void 0 : onNodeClick(node);
-    };
-    const handleKeyDown = (e, node) => {
-      var _a, _b;
-      const visibleNodes = getVisibleNodes();
-      const idx = visibleNodes.findIndex((n) => n.id === node.id);
-      const hasChildren = !!((_a = node.children) == null ? void 0 : _a.length);
-      const isExpanded = expanded.has(node.id);
-      const focusNode = (id) => {
-        var _a2;
-        (_a2 = nodeRefs.current.get(id)) == null ? void 0 : _a2.focus();
-      };
-      switch (e.key) {
-        case "ArrowDown": {
-          e.preventDefault();
-          const next = visibleNodes[idx + 1];
-          if (next) focusNode(next.id);
-          break;
-        }
-        case "ArrowUp": {
-          e.preventDefault();
-          const prev = visibleNodes[idx - 1];
-          if (prev) focusNode(prev.id);
-          break;
-        }
-        case "ArrowRight": {
-          e.preventDefault();
-          if (hasChildren && !isExpanded) {
-            toggleExpand(node.id);
-          } else if (hasChildren && isExpanded && ((_b = node.children) == null ? void 0 : _b.length)) {
-            focusNode(node.children[0].id);
-          }
-          break;
-        }
-        case "ArrowLeft": {
-          e.preventDefault();
-          if (hasChildren && isExpanded) {
-            toggleExpand(node.id);
-          } else {
-            const parent = findParent(data, node.id);
-            if (parent) focusNode(parent.id);
-          }
-          break;
-        }
-        case "Home": {
-          e.preventDefault();
-          if (visibleNodes.length > 0) focusNode(visibleNodes[0].id);
-          break;
-        }
-        case "End": {
-          e.preventDefault();
-          const last = visibleNodes[visibleNodes.length - 1];
-          if (last) focusNode(last.id);
-          break;
-        }
-        case "Enter":
-        case " ": {
-          e.preventDefault();
-          if (hasChildren) toggleExpand(node.id);
-          handleSelect(node);
-          break;
-        }
-      }
-    };
-    return /* @__PURE__ */ jsx("div", { ref, className: cn("w-full", className), role: "tree", ...props, children: data.map((node) => /* @__PURE__ */ jsx(
-      TreeNodeComponent,
-      {
-        node,
-        level: 0,
-        expanded,
-        selectedId: effectiveSelectedId,
-        onToggle: toggleExpand,
-        onSelect: handleSelect,
-        onKeyDown: handleKeyDown,
-        nodeRefs
-      },
-      node.id
-    )) });
-  }
-);
-TreeView.displayName = "TreeView";
-const TreeNodeComponent = ({
-  node,
-  level,
-  expanded,
-  selectedId,
-  onToggle,
-  onSelect,
-  onKeyDown,
-  nodeRefs
-}) => {
-  var _a;
-  const hasChildren = !!((_a = node.children) == null ? void 0 : _a.length);
-  const isExpanded = expanded.has(node.id);
-  const isSelected = node.id === selectedId;
-  const handleClick = () => {
-    if (hasChildren) onToggle(node.id);
-    onSelect(node);
-  };
-  const setRef = (el) => {
-    if (el) nodeRefs.current.set(node.id, el);
-    else nodeRefs.current.delete(node.id);
-  };
-  return /* @__PURE__ */ jsxs("div", { role: "none", children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        ref: setRef,
-        role: "treeitem",
-        "aria-expanded": hasChildren ? isExpanded : void 0,
-        "aria-selected": isSelected,
-        tabIndex: isSelected ? 0 : -1,
-        onClick: handleClick,
-        onKeyDown: (e) => onKeyDown(e, node),
-        className: cn(
-          "flex w-full items-center gap-2 rounded-[var(--radius)] px-2 py-1.5 text-left transition-colors",
-          "hover:bg-muted focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
-          isSelected && "bg-primary/10 text-primary font-medium"
-        ),
-        style: { paddingLeft: `${level * 1.5 + 0.5}rem` },
-        children: [
-          hasChildren ? /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 text-muted-foreground", children: isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) }) : /* @__PURE__ */ jsx("span", { className: "w-4 flex-shrink-0", "aria-hidden": "true" }),
-          node.icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 text-muted-foreground", children: node.icon }),
-          /* @__PURE__ */ jsx("span", { className: "flex-1 text-foreground", children: node.label })
-        ]
-      }
-    ),
-    hasChildren && isExpanded && /* @__PURE__ */ jsx("div", { role: "group", children: node.children.map((child) => /* @__PURE__ */ jsx(
-      TreeNodeComponent,
-      {
-        node: child,
-        level: level + 1,
-        expanded,
-        selectedId,
-        onToggle,
-        onSelect,
-        onKeyDown,
-        nodeRefs
-      },
-      child.id
-    )) })
-  ] });
-};
-function Collapsible({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
-}
-function CollapsibleTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    CollapsiblePrimitive.CollapsibleTrigger,
-    {
-      "data-slot": "collapsible-trigger",
-      ...props
-    }
-  );
-}
-function CollapsibleContent({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    CollapsiblePrimitive.CollapsibleContent,
-    {
-      "data-slot": "collapsible-content",
-      ...props
-    }
-  );
-}
-function Accordion({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
-}
-function AccordionItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    AccordionPrimitive.Item,
-    {
-      "data-slot": "accordion-item",
-      className: cn("border-b last:border-b-0", className),
-      ...props
-    }
-  );
-}
-function AccordionTrigger({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
-    AccordionPrimitive.Trigger,
-    {
-      "data-slot": "accordion-trigger",
-      className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
-      ]
-    }
-  ) });
-}
-function AccordionContent({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    AccordionPrimitive.Content,
-    {
-      "data-slot": "accordion-content",
-      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
-      ...props,
-      children: /* @__PURE__ */ jsx("div", { className: cn("pt-0 pb-4", className), children })
-    }
-  );
-}
-const CarouselContext = React.createContext(null);
-function useCarousel() {
-  const context = React.useContext(CarouselContext);
-  if (!context) {
-    throw new Error("useCarousel must be used within a <Carousel />");
-  }
-  return context;
-}
-function Carousel({
-  orientation = "horizontal",
-  opts,
-  setApi,
-  plugins,
-  className,
-  children,
-  ...props
-}) {
-  const [carouselRef, api] = useEmblaCarousel(
-    {
-      ...opts,
-      axis: orientation === "horizontal" ? "x" : "y"
-    },
-    plugins
-  );
-  const [canScrollPrev, setCanScrollPrev] = React.useState(false);
-  const [canScrollNext, setCanScrollNext] = React.useState(false);
-  const onSelect = React.useCallback((api2) => {
-    if (!api2) return;
-    setCanScrollPrev(api2.canScrollPrev());
-    setCanScrollNext(api2.canScrollNext());
-  }, []);
-  const scrollPrev = React.useCallback(() => {
-    api == null ? void 0 : api.scrollPrev();
-  }, [api]);
-  const scrollNext = React.useCallback(() => {
-    api == null ? void 0 : api.scrollNext();
-  }, [api]);
-  const handleKeyDown = React.useCallback(
-    (event) => {
-      if (event.key === "ArrowLeft") {
-        event.preventDefault();
-        scrollPrev();
-      } else if (event.key === "ArrowRight") {
-        event.preventDefault();
-        scrollNext();
-      }
-    },
-    [scrollPrev, scrollNext]
-  );
-  React.useEffect(() => {
-    if (!api || !setApi) return;
-    setApi(api);
-  }, [api, setApi]);
-  React.useEffect(() => {
-    if (!api) return;
-    onSelect(api);
-    api.on("reInit", onSelect);
-    api.on("select", onSelect);
-    return () => {
-      api == null ? void 0 : api.off("select", onSelect);
-    };
-  }, [api, onSelect]);
-  return /* @__PURE__ */ jsx(
-    CarouselContext.Provider,
-    {
-      value: {
-        carouselRef,
-        api,
-        opts,
-        orientation: orientation || ((opts == null ? void 0 : opts.axis) === "y" ? "vertical" : "horizontal"),
-        scrollPrev,
-        scrollNext,
-        canScrollPrev,
-        canScrollNext
-      },
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          onKeyDownCapture: handleKeyDown,
-          className: cn("relative", className),
-          role: "region",
-          "aria-roledescription": "carousel",
-          "data-slot": "carousel",
-          ...props,
-          children
-        }
-      )
-    }
-  );
-}
-function CarouselContent({ className, ...props }) {
-  const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: carouselRef,
-      className: "overflow-hidden",
-      "data-slot": "carousel-content",
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "flex",
-            orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
-            className
-          ),
-          ...props
-        }
-      )
-    }
-  );
-}
-function CarouselItem({ className, ...props }) {
-  const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "group",
-      "aria-roledescription": "slide",
-      "data-slot": "carousel-item",
-      className: cn(
-        "min-w-0 shrink-0 grow-0 basis-full",
-        orientation === "horizontal" ? "pl-4" : "pt-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CarouselPrevious({
-  className,
-  variant = "outline",
-  size = "icon",
-  ...props
-}) {
-  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      "data-slot": "carousel-previous",
-      variant,
-      size,
-      className: cn(
-        "absolute size-8 rounded-full",
-        orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollPrev,
-      onClick: scrollPrev,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(ArrowLeft, {}),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous slide" })
-      ]
-    }
-  );
-}
-function CarouselNext({
-  className,
-  variant = "outline",
-  size = "icon",
-  ...props
-}) {
-  const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      "data-slot": "carousel-next",
-      variant,
-      size,
-      className: cn(
-        "absolute size-8 rounded-full",
-        orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollNext,
-      onClick: scrollNext,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(ArrowRight, {}),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next slide" })
-      ]
-    }
-  );
-}
-const StepperContext = React.createContext(void 0);
-const useStepper = () => {
-  const context = React.useContext(StepperContext);
-  if (!context) throw new Error("useStepper must be used within a Stepper");
-  return context;
-};
-const Stepper = React.forwardRef(
-  ({ currentStep, orientation = "horizontal", className, children, ...props }, ref) => {
-    const totalSteps = React.Children.count(children);
-    return /* @__PURE__ */ jsx(StepperContext.Provider, { value: { currentStep, totalSteps, orientation }, children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn("w-full", className),
-        ...props,
-        children: /* @__PURE__ */ jsx("div", { className: cn(
-          orientation === "horizontal" ? "flex items-start justify-between" : "flex flex-col gap-0"
-        ), children })
-      }
-    ) });
-  }
-);
-Stepper.displayName = "Stepper";
-const Step = React.forwardRef(
-  ({ step, label, description, error = false, className, ...props }, ref) => {
-    const { currentStep, totalSteps, orientation } = useStepper();
-    const isActive = step === currentStep;
-    const isCompleted = step < currentStep && !error;
-    const isFirst = step === 1;
-    const isLast = step === totalSteps;
-    const circleClasses = cn(
-      "relative flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 transition-colors",
-      isActive && !error && "border-primary bg-primary text-primary-foreground",
-      isCompleted && "border-primary bg-primary text-primary-foreground",
-      error && "border-destructive bg-destructive text-destructive-foreground",
-      !isActive && !isCompleted && !error && "border-muted bg-background text-muted-foreground"
-    );
-    const connectorClasses = (filled) => cn("transition-colors", filled ? "bg-primary" : "bg-muted");
-    if (orientation === "vertical") {
-      return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex gap-4", className), ...props, children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
-          /* @__PURE__ */ jsx("div", { className: circleClasses, children: error ? /* @__PURE__ */ jsx(X, { className: "h-5 w-5" }) : isCompleted ? /* @__PURE__ */ jsx(Check, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx("span", { children: step }) }),
-          !isLast && /* @__PURE__ */ jsx("div", { className: cn("w-0.5 flex-1 min-h-[2rem] mt-1", connectorClasses(step < currentStep)) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: cn("pb-6", isLast && "pb-0"), children: [
-          /* @__PURE__ */ jsx("div", { className: cn("transition-colors", isActive || error ? "text-foreground" : "text-muted-foreground"), children: label }),
-          description && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: description })
-        ] })
-      ] });
-    }
-    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-1 flex-col items-center", className), ...props, children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start", children: [
-        step > 1 && /* @__PURE__ */ jsx("div", { className: cn("h-0.5 flex-1 mt-[18px]", connectorClasses(step <= currentStep)) }),
-        /* @__PURE__ */ jsx("div", { className: circleClasses, children: error ? /* @__PURE__ */ jsx(X, { className: "h-5 w-5" }) : isCompleted ? /* @__PURE__ */ jsx(Check, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx("span", { children: step }) }),
-        step < totalSteps && /* @__PURE__ */ jsx("div", { className: cn("h-0.5 flex-1 mt-[18px]", connectorClasses(step < currentStep)) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: cn(
-        "mt-2 px-1",
-        isFirst && "text-left self-start",
-        isLast && "text-right self-end",
-        !isFirst && !isLast && "text-center w-full"
-      ), children: [
-        /* @__PURE__ */ jsx("div", { className: cn("transition-colors", isActive || error ? "text-foreground" : "text-muted-foreground"), children: label }),
-        description && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: description })
-      ] })
-    ] });
-  }
-);
-Step.displayName = "Step";
-const FileUpload = React.forwardRef(
-  ({
-    className,
-    onFilesChange,
-    maxFiles = 1,
-    maxSize = 5 * 1024 * 1024,
-    // 5MB default
-    showPreview = true,
-    onError,
-    accept,
-    disabled,
-    ...props
-  }, ref) => {
-    const [files, setFiles] = React.useState([]);
-    const [dragActive, setDragActive] = React.useState(false);
-    const [errorMessage, setErrorMessage] = React.useState(null);
-    const inputRef = React.useRef(null);
-    const handleFiles = (newFiles) => {
-      if (!newFiles) return;
-      setErrorMessage(null);
-      const filesArray = Array.from(newFiles);
-      const oversized = filesArray.filter((f) => f.size > maxSize);
-      const validFiles = filesArray.filter((f) => f.size <= maxSize);
-      if (oversized.length > 0) {
-        const limitMB = (maxSize / 1024 / 1024).toFixed(0);
-        setErrorMessage(`${oversized.length} file(s) exceed the ${limitMB}MB limit and were not added.`);
-        onError == null ? void 0 : onError(oversized, "size");
-      }
-      const merged = maxFiles === 1 ? validFiles.slice(0, 1) : [...files, ...validFiles].slice(0, maxFiles);
-      const countRejected = maxFiles === 1 ? validFiles.slice(1) : [...files, ...validFiles].slice(maxFiles);
-      if (countRejected.length > 0) {
-        setErrorMessage(`Only ${maxFiles} file(s) allowed. ${countRejected.length} file(s) were not added.`);
-        onError == null ? void 0 : onError(countRejected, "count");
-      }
-      setFiles(merged);
-      onFilesChange == null ? void 0 : onFilesChange(merged);
-    };
-    const handleDrag = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      if (e.type === "dragenter" || e.type === "dragover") {
-        setDragActive(true);
-      } else if (e.type === "dragleave") {
-        setDragActive(false);
-      }
-    };
-    const handleDrop = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      setDragActive(false);
-      if (disabled) return;
-      handleFiles(e.dataTransfer.files);
-    };
-    const handleChange = (e) => {
-      e.preventDefault();
-      if (disabled) return;
-      handleFiles(e.target.files);
-    };
-    const removeFile = (index) => {
-      const updatedFiles = files.filter((_, i) => i !== index);
-      setFiles(updatedFiles);
-      onFilesChange == null ? void 0 : onFilesChange(updatedFiles);
-      if (updatedFiles.length === 0) setErrorMessage(null);
-    };
-    const openFileDialog = () => {
-      var _a;
-      if (!disabled) {
-        setErrorMessage(null);
-        (_a = inputRef.current) == null ? void 0 : _a.click();
-      }
-    };
-    return /* @__PURE__ */ jsxs("div", { ref, className: cn("w-full", className), children: [
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          onDragEnter: handleDrag,
-          onDragLeave: handleDrag,
-          onDragOver: handleDrag,
-          onDrop: handleDrop,
-          onClick: openFileDialog,
-          className: cn(
-            "relative flex cursor-pointer flex-col items-center justify-center rounded-[var(--radius)] border-2 border-dashed border-border bg-background p-8 transition-colors hover:bg-muted/50",
-            dragActive && "border-primary bg-primary/5",
-            errorMessage && "border-destructive/50",
-            disabled && "cursor-not-allowed opacity-50"
-          ),
-          children: [
-            /* @__PURE__ */ jsx(Upload, { className: "mb-4 h-10 w-10 text-muted-foreground" }),
-            /* @__PURE__ */ jsxs("p", { className: "mb-2 text-foreground", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-primary", children: "Click to upload" }),
-              " or drag and drop"
-            ] }),
-            /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
-              maxFiles > 1 ? `Up to ${maxFiles} files` : "1 file",
-              " • Max ",
-              (maxSize / 1024 / 1024).toFixed(0),
-              "MB"
-            ] }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ...props,
-                ref: inputRef,
-                type: "file",
-                className: "hidden",
-                onChange: handleChange,
-                multiple: maxFiles > 1,
-                accept,
-                disabled
-              }
-            )
-          ]
-        }
-      ),
-      errorMessage && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2 rounded-[var(--radius)] border border-destructive/30 bg-destructive/5 px-3 py-2 text-sm text-destructive", children: [
-        /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4 shrink-0" }),
-        /* @__PURE__ */ jsx("span", { children: errorMessage })
-      ] }),
-      showPreview && files.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-4 space-y-2", children: files.map((file, index) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "flex items-center justify-between rounded-[var(--radius)] border border-border bg-card p-3",
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx(FileIcon, { className: "h-5 w-5 text-muted-foreground" }),
-              /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("p", { className: "text-foreground", children: file.name }),
-                /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
-                  (file.size / 1024).toFixed(2),
-                  " KB"
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "sm",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  removeFile(index);
-                },
-                disabled,
-                children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
-              }
-            )
-          ]
-        },
-        index
-      )) })
-    ] });
-  }
-);
-FileUpload.displayName = "FileUpload";
-const Rating = React.forwardRef(
-  ({
-    className,
-    value = 0,
-    onChange,
-    max = 5,
-    readonly = false,
-    disabled = false,
-    size = "md",
-    showValue = false,
-    allowHalf = false,
-    getAriaLabel,
-    ...props
-  }, ref) => {
-    const [hoverValue, setHoverValue] = React.useState(null);
-    const isInteractive = !readonly && !disabled;
-    const sizeStyles = {
-      sm: "h-4 w-4",
-      md: "h-5 w-5",
-      lg: "h-6 w-6"
-    };
-    const handleClick = (rating) => {
-      if (isInteractive) onChange == null ? void 0 : onChange(rating);
-    };
-    const handleMouseMove = (e, rating) => {
-      if (!isInteractive) return;
-      if (allowHalf) {
-        const rect = e.currentTarget.getBoundingClientRect();
-        setHoverValue(e.clientX - rect.left < rect.width / 2 ? rating - 0.5 : rating);
-      } else {
-        setHoverValue(rating);
-      }
-    };
-    const handleMouseLeave = () => {
-      if (isInteractive) setHoverValue(null);
-    };
-    const handleClickWithHalf = (e, rating) => {
-      if (!isInteractive) return;
-      if (allowHalf) {
-        const rect = e.currentTarget.getBoundingClientRect();
-        const half = e.clientX - rect.left < rect.width / 2 ? rating - 0.5 : rating;
-        onChange == null ? void 0 : onChange(half);
-      } else {
-        handleClick(rating);
-      }
-    };
-    const displayValue = hoverValue ?? value;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn("flex items-center gap-1", disabled && "opacity-50", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5", role: "group", "aria-label": "Rating", children: Array.from({ length: max }, (_, index) => {
-            const rating = index + 1;
-            const isFull = rating <= displayValue;
-            const isHalf = allowHalf && !isFull && rating - 0.5 <= displayValue;
-            return /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                onClick: (e) => handleClickWithHalf(e, rating),
-                onMouseMove: (e) => handleMouseMove(e, rating),
-                onMouseLeave: handleMouseLeave,
-                disabled: readonly || disabled,
-                "aria-label": getAriaLabel ? getAriaLabel(rating, max) : `${rating} / ${max}`,
-                className: cn(
-                  "relative transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                  isInteractive && "cursor-pointer hover:scale-110",
-                  !isInteractive && "cursor-default"
-                ),
-                children: [
-                  /* @__PURE__ */ jsx(Star, { className: cn(sizeStyles[size], "fill-none text-muted-foreground") }),
-                  (isFull || isHalf) && /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: cn(
-                        "absolute inset-0 overflow-hidden",
-                        isHalf ? "w-1/2" : "w-full"
-                      ),
-                      children: /* @__PURE__ */ jsx(Star, { className: cn(sizeStyles[size], "fill-warning text-warning") })
-                    }
-                  )
-                ]
-              },
-              index
-            );
-          }) }),
-          showValue && /* @__PURE__ */ jsx("span", { className: "ml-2 text-sm text-muted-foreground", children: value % 1 === 0 ? value.toFixed(0) : value.toFixed(1) })
-        ]
-      }
-    );
-  }
-);
-Rating.displayName = "Rating";
-const Search = React.forwardRef(
-  ({
-    className,
-    containerClassName,
-    onSearch,
-    onClear,
-    onChange,
-    size = "md",
-    searchLabel = "Search",
-    clearLabel = "Clear search",
-    value: controlledValue,
-    defaultValue,
-    ...props
-  }, ref) => {
-    const isControlled = controlledValue !== void 0;
-    const [internalValue, setInternalValue] = React.useState(
-      isControlled ? "" : defaultValue ?? ""
-    );
-    const displayValue = isControlled ? controlledValue : internalValue;
-    const sizeClasses = {
-      sm: "h-8 px-8 py-1 text-sm",
-      md: "h-10 px-10 py-2 text-base",
-      lg: "h-12 px-12 py-3 text-base"
-    };
-    const iconSizeClasses = {
-      sm: "left-2 h-3.5 w-3.5",
-      md: "left-3 h-4 w-4",
-      lg: "left-4 h-5 w-5"
-    };
-    const clearSizeClasses = {
-      sm: "right-2",
-      md: "right-3",
-      lg: "right-4"
-    };
-    const handleChange = (e) => {
-      const newValue = e.target.value;
-      if (!isControlled) setInternalValue(newValue);
-      onChange == null ? void 0 : onChange(e);
-      onSearch == null ? void 0 : onSearch(newValue);
-    };
-    const handleClear = () => {
-      if (!isControlled) setInternalValue("");
-      onClear == null ? void 0 : onClear();
-      onSearch == null ? void 0 : onSearch("");
-    };
-    const handleKeyDown = (e) => {
-      var _a;
-      if (e.key === "Escape") {
-        handleClear();
-      }
-      (_a = props.onKeyDown) == null ? void 0 : _a.call(props, e);
-    };
-    return /* @__PURE__ */ jsxs("div", { className: cn("relative w-full", containerClassName), children: [
-      /* @__PURE__ */ jsx(
-        Search$1,
-        {
-          "aria-hidden": "true",
-          className: cn("absolute top-1/2 -translate-y-1/2 text-muted-foreground", iconSizeClasses[size])
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          ref,
-          type: "text",
-          value: displayValue,
-          onChange: handleChange,
-          onKeyDown: handleKeyDown,
-          className: cn(
-            "flex w-full rounded-[var(--radius)] border border-border bg-background text-foreground transition-colors outline-none",
-            "placeholder:text-muted-foreground",
-            "focus:ring-2 focus:ring-primary focus:border-transparent",
-            "disabled:cursor-not-allowed disabled:opacity-50",
-            sizeClasses[size],
-            className
-          ),
-          "aria-label": props.placeholder || searchLabel,
-          ...props
-        }
-      ),
-      displayValue && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: handleClear,
-          "aria-label": clearLabel,
-          className: cn(
-            "absolute top-1/2 -translate-y-1/2 text-muted-foreground transition-colors hover:text-foreground focus:outline-none",
-            clearSizeClasses[size]
-          ),
-          children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
-        }
-      )
-    ] });
-  }
-);
-Search.displayName = "Search";
-const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false, "VITE_GEMINI_API_KEY": "AIzaSyBnoWKe4LjQzlIklON_dVXMXNUl2gvfH6U", "VITE_GOOGLE_MAPS_API_KEY": "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo" };
-const RouteMapContent = React__default.forwardRef(
-  ({ apiKey, ...props }, ref) => {
-    const { isLoaded, loadError, load } = useGoogleMapsLoader();
-    const {
-      origin,
-      destination,
-      waypoints = [],
-      travelMode = "DRIVING",
-      height = "450px",
-      mapContainerClassName,
-      disableDefaultUI = false,
-      zoomControl = true,
-      streetViewControl = false,
-      mapTypeControl = false,
-      fullscreenControl = true,
-      onRouteCalculated,
-      className,
-      ...divProps
-    } = props;
-    const mapRef = useRef(null);
-    const gmpMapRef = useRef(null);
-    const directionsRendererRef = useRef(null);
-    useRef(false);
-    const isCalculatingRef = useRef(false);
-    useEffect(() => {
-      if (!isLoaded && apiKey && !loadError && load) {
-        load(apiKey).catch(console.error);
-      }
-    }, [isLoaded, apiKey, loadError, load]);
-    useEffect(() => {
-      if (!isLoaded || !gmpMapRef.current) return;
-      const setupMap = (map) => {
-        mapRef.current = map;
-        const computedStyle = getComputedStyle(document.documentElement);
-        const primaryColor = computedStyle.getPropertyValue("--primary").trim() || "#4F46E5";
-        if (!directionsRendererRef.current) {
-          directionsRendererRef.current = new google.maps.DirectionsRenderer({
-            map,
-            suppressMarkers: false,
-            polylineOptions: {
-              strokeColor: primaryColor,
-              strokeWeight: 5,
-              strokeOpacity: 0.8
-            }
-          });
-        } else {
-          directionsRendererRef.current.setMap(map);
-        }
-      };
-      const gmpMap = gmpMapRef.current;
-      if (gmpMap.innerMap) {
-        setupMap(gmpMap.innerMap);
-      } else {
-        const interval = setInterval(() => {
-          if (gmpMap.innerMap) {
-            setupMap(gmpMap.innerMap);
-            clearInterval(interval);
-          }
-        }, 100);
-        return () => clearInterval(interval);
-      }
-      return () => {
-        if (directionsRendererRef.current) {
-          directionsRendererRef.current.setMap(null);
-        }
-        mapRef.current = null;
-      };
-    }, [isLoaded]);
-    useEffect(() => {
-      if (gmpMapRef.current && origin) {
-        gmpMapRef.current.center = origin;
-      }
-    }, [origin.lat, origin.lng]);
-    useEffect(() => {
-      if (gmpMapRef.current) {
-        gmpMapRef.current.zoom = 13;
-      }
-    }, []);
-    useEffect(() => {
-      const map = mapRef.current;
-      const renderer = directionsRendererRef.current;
-      if (!map || !renderer || !isLoaded || isCalculatingRef.current) return;
-      if (!origin || !destination) return;
-      isCalculatingRef.current = true;
-      const directionsService = new google.maps.DirectionsService();
-      const request = {
-        origin,
-        destination,
-        waypoints: waypoints.map((wp) => ({
-          location: wp,
-          stopover: true
-        })),
-        travelMode: google.maps.TravelMode[travelMode]
-      };
-      directionsService.route(request, (result, status) => {
-        var _a;
-        isCalculatingRef.current = false;
-        if (status === "OK" && result) {
-          renderer.setDirections(result);
-          const route = result.routes[0];
-          if (((_a = route == null ? void 0 : route.legs) == null ? void 0 : _a.length) > 0 && onRouteCalculated) {
-            let totalDistance = 0;
-            let totalDuration = 0;
-            route.legs.forEach((leg) => {
-              if (leg.distance) totalDistance += leg.distance.value;
-              if (leg.duration) totalDuration += leg.duration.value;
-            });
-            const distanceKm = (totalDistance / 1e3).toFixed(1);
-            const distanceText = `${distanceKm} km`;
-            const hours = Math.floor(totalDuration / 3600);
-            const minutes = Math.floor(totalDuration % 3600 / 60);
-            const durationText = hours > 0 ? `${hours}h ${minutes}min` : `${minutes} min`;
-            onRouteCalculated(distanceText, durationText);
-          }
-        }
-      });
-    }, [isLoaded, origin.lat, origin.lng, destination.lat, destination.lng, travelMode, mapRef.current]);
-    if (loadError) {
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          className: cn(
-            "relative rounded-[var(--radius-card)] border border-destructive/50 overflow-hidden bg-destructive/5",
-            className
-          ),
-          style: { height },
-          ...divProps,
-          children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "text-center space-y-2 p-6", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-destructive", children: /* @__PURE__ */ jsx("svg", { className: "w-12 h-12 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }) }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "Failed to load Google Maps" }),
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Check API key in Settings" })
-          ] }) })
-        }
-      );
-    }
-    if (!isLoaded) {
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          className: cn(
-            "relative rounded-[var(--radius-card)] border border-border overflow-hidden bg-muted animate-pulse",
-            className
-          ),
-          style: { height },
-          ...divProps
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "relative rounded-[var(--radius-card)] border border-border overflow-hidden",
-          className
-        ),
-        style: { height },
-        ...divProps,
-        children: /* @__PURE__ */ jsx(
-          "gmp-map",
-          {
-            ref: gmpMapRef,
-            style: { height: "100%", width: "100%", display: "block" },
-            "map-id": props.mapId || "xertica-route-map"
-          }
-        )
-      }
-    );
-  }
-);
-RouteMapContent.displayName = "RouteMapContent";
-const RouteMap = React__default.forwardRef(
-  (props, ref) => {
-    const { isLoaded, loadError } = useGoogleMapsLoader();
-    const effectiveApiKey = props.apiKey || typeof import.meta !== "undefined" && __vite_import_meta_env__ && "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo" || "";
-    const isValidKey = effectiveApiKey && effectiveApiKey !== "YOUR_GOOGLE_MAPS_API_KEY_HERE" && effectiveApiKey.startsWith("AIza");
-    if (isLoaded || isValidKey || loadError) {
-      return /* @__PURE__ */ jsx(RouteMapContent, { ref, ...props, apiKey: effectiveApiKey });
-    }
-    const isScriptInjected = typeof document !== "undefined" && !!document.querySelector('script[src*="maps.googleapis.com/maps/api/js"]');
-    if (isScriptInjected) {
-      return /* @__PURE__ */ jsx(RouteMapContent, { ref, ...props, apiKey: effectiveApiKey });
-    }
-    const {
-      origin,
-      destination,
-      waypoints,
-      travelMode,
-      height,
-      apiKey,
-      mapContainerClassName,
-      disableDefaultUI,
-      zoomControl,
-      streetViewControl,
-      mapTypeControl,
-      fullscreenControl,
-      onRouteCalculated,
-      ...divProps
-    } = props;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "relative rounded-[var(--radius-card)] border border-border overflow-hidden bg-muted",
-          props.className
-        ),
-        style: { height: props.height || "450px" },
-        ...divProps,
-        children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-gradient-to-br from-muted/50 to-muted", children: /* @__PURE__ */ jsxs("div", { className: "text-center space-y-3 p-6", children: [
-          /* @__PURE__ */ jsx("div", { className: "w-16 h-16 mx-auto bg-primary/10 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsxs("svg", { className: "w-8 h-8 text-primary", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
-            /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" }),
-            /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })
-          ] }) }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Configure Google Maps API Key in Settings" })
-        ] }) })
-      }
-    );
-  }
-);
-RouteMap.displayName = "RouteMap";
-const SimpleMap = React__default.forwardRef(
-  ({
-    center,
-    address,
-    markerTitle,
-    markerInfo,
-    showMarker = true,
-    zoom = 15,
-    height = "350px",
-    ...props
-  }, ref) => {
-    const markers = showMarker && center ? [
-      {
-        position: center,
-        title: markerTitle || address || "Location",
-        info: markerInfo || address
-      }
-    ] : [];
-    return /* @__PURE__ */ jsx(
-      Map$1,
-      {
-        ref,
-        center,
-        zoom,
-        height,
-        markers,
-        ...props
-      }
-    );
-  }
-);
-SimpleMap.displayName = "SimpleMap";
-function AssistantChart({
-  data,
-  config,
-  categoryKey = "month",
-  bars,
-  xAxisFormatter,
-  className
-}) {
-  const resolvedBars = bars ?? Object.keys(config).map((key) => ({ dataKey: key }));
-  const formatTick = xAxisFormatter ?? ((value) => value.slice(0, 3));
-  return /* @__PURE__ */ jsx(ChartContainer, { config, className: cn("min-h-[200px] w-full", className), children: /* @__PURE__ */ jsxs(BarChart, { accessibilityLayer: true, data, children: [
-    /* @__PURE__ */ jsx(CartesianGrid, { vertical: false }),
-    /* @__PURE__ */ jsx(
-      XAxis,
-      {
-        dataKey: categoryKey,
-        tickLine: false,
-        tickMargin: 10,
-        axisLine: false,
-        tickFormatter: formatTick
-      }
-    ),
-    /* @__PURE__ */ jsx(ChartTooltip, { cursor: false, content: /* @__PURE__ */ jsx(ChartTooltipContent, { indicator: "dashed" }) }),
-    resolvedBars.map((bar) => /* @__PURE__ */ jsx(
-      Bar,
-      {
-        dataKey: bar.dataKey,
-        fill: bar.fill ?? `var(--color-${bar.dataKey})`,
-        radius: bar.radius ?? 4
-      },
-      bar.dataKey
-    ))
-  ] }) });
-}
-const MOBILE_BREAKPOINT = 768;
-function useIsMobile() {
-  const [isMobile, setIsMobile] = React.useState(
-    void 0
-  );
-  React.useEffect(() => {
-    var _a;
-    if (typeof window === "undefined") {
-      setIsMobile(false);
-      return;
-    }
-    const mql = (_a = window.matchMedia) == null ? void 0 : _a.call(window, `(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    };
-    if (mql) {
-      mql.addEventListener("change", onChange);
-    }
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    return () => {
-      if (mql) {
-        mql.removeEventListener("change", onChange);
-      }
-    };
-  }, []);
-  return !!isMobile;
-}
-const useMobile = useIsMobile;
-export {
-  DrawerContent as $,
-  Accordion as A,
-  Badge as B,
-  Calendar as C,
-  CommandDialog as D,
-  CommandEmpty as E,
-  CommandGroup as F,
-  CommandInput as G,
-  CommandItem as H,
-  CommandList as I,
-  CommandSeparator as J,
-  CommandShortcut as K,
-  ContextMenu as L,
-  ContextMenuCheckboxItem as M,
-  ContextMenuContent as N,
-  ContextMenuGroup as O,
-  ContextMenuItem as P,
-  ContextMenuLabel as Q,
-  ContextMenuPortal as R,
-  ContextMenuRadioGroup as S,
-  ContextMenuRadioItem as T,
-  ContextMenuSeparator as U,
-  ContextMenuShortcut as V,
-  ContextMenuSub as W,
-  ContextMenuSubContent as X,
-  ContextMenuSubTrigger as Y,
-  ContextMenuTrigger as Z,
-  Drawer as _,
-  AccordionContent as a,
-  RadioGroupItem as a$,
-  DrawerDescription as a0,
-  DrawerFooter as a1,
-  DrawerHandle as a2,
-  DrawerHeader as a3,
-  DrawerOverlay as a4,
-  DrawerPortal as a5,
-  DrawerTitle as a6,
-  DrawerTrigger as a7,
-  FileUpload as a8,
-  Form as a9,
-  MenubarSeparator as aA,
-  MenubarShortcut as aB,
-  MenubarSub as aC,
-  MenubarSubContent as aD,
-  MenubarSubTrigger as aE,
-  MenubarTrigger as aF,
-  NavigationMenu as aG,
-  NavigationMenuContent as aH,
-  NavigationMenuIndicator as aI,
-  NavigationMenuItem as aJ,
-  NavigationMenuLink as aK,
-  NavigationMenuList as aL,
-  NavigationMenuTrigger as aM,
-  NavigationMenuViewport as aN,
-  NotificationBadge as aO,
-  PageHeader as aP,
-  PageHeaderDescription as aQ,
-  PageHeaderHeading as aR,
-  Pagination as aS,
-  PaginationContent as aT,
-  PaginationEllipsis as aU,
-  PaginationItem as aV,
-  PaginationLink as aW,
-  PaginationNext as aX,
-  PaginationPrevious as aY,
-  Progress as aZ,
-  RadioGroup as a_,
-  FormControl as aa,
-  FormDescription as ab,
-  FormField as ac,
-  FormItem as ad,
-  FormLabel as ae,
-  FormMessage as af,
-  HoverCard as ag,
-  HoverCardContent as ah,
-  HoverCardTrigger as ai,
-  ImageWithFallback as aj,
-  InputOTP as ak,
-  InputOTPGroup as al,
-  InputOTPSeparator as am,
-  InputOTPSlot as an,
-  Label as ao,
-  Map$1 as ap,
-  Menubar as aq,
-  MenubarCheckboxItem as ar,
-  MenubarContent as as,
-  MenubarGroup as at,
-  MenubarItem as au,
-  MenubarLabel as av,
-  MenubarMenu as aw,
-  MenubarPortal as ax,
-  MenubarRadioGroup as ay,
-  MenubarRadioItem as az,
-  AccordionItem as b,
-  Rating as b0,
-  ResizableHandle as b1,
-  ResizablePanel as b2,
-  ResizablePanelGroup as b3,
-  RouteMap as b4,
-  Search as b5,
-  Separator as b6,
-  Sheet as b7,
-  SheetContent as b8,
-  SheetDescription as b9,
-  navigationMenuTriggerStyle as bA,
-  toggleVariants as bB,
-  useFormField as bC,
-  useIsMobile as bD,
-  useMapLayers as bE,
-  useMobile as bF,
-  useStepper as bG,
-  SheetFooter as ba,
-  SheetHeader as bb,
-  SheetPortal as bc,
-  SheetTitle as bd,
-  SheetTrigger as be,
-  SimpleMap as bf,
-  StatsCard as bg,
-  Step as bh,
-  Stepper as bi,
-  Switch as bj,
-  Tabs as bk,
-  TabsContent as bl,
-  TabsList as bm,
-  TabsTrigger as bn,
-  Timeline as bo,
-  TimelineContent as bp,
-  TimelineDescription as bq,
-  TimelineDot as br,
-  TimelineHeading as bs,
-  TimelineItem as bt,
-  TimelineTime as bu,
-  Toggle as bv,
-  ToggleGroup as bw,
-  ToggleGroupItem as bx,
-  TreeView as by,
-  badgeVariants as bz,
-  AccordionTrigger as c,
-  AlertDialog as d,
-  AlertDialogAction as e,
-  AlertDialogCancel as f,
-  AlertDialogContent as g,
-  AlertDialogDescription as h,
-  AlertDialogFooter as i,
-  AlertDialogHeader as j,
-  AlertDialogOverlay as k,
-  AlertDialogPortal as l,
-  AlertDialogTitle as m,
-  AlertDialogTrigger as n,
-  AspectRatio as o,
-  AssistantChart as p,
-  Carousel as q,
-  CarouselContent as r,
-  CarouselItem as s,
-  CarouselNext as t,
-  CarouselPrevious as u,
-  Checkbox as v,
-  Collapsible as w,
-  CollapsibleContent as x,
-  CollapsibleTrigger as y,
-  Command as z
-};