xertica-ui 2.2.1 → 2.3.0

package/dist/use-mobile-BzuxjzNX.cjs

@@ -0,0 +1,4392 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const reactSlot = require("@radix-ui/react-slot");
+const classVarianceAuthority = require("class-variance-authority");
+const tooltip = require("./tooltip-Ded96neP.cjs");
+const lucideReact = require("lucide-react");
+const React = require("react");
+const CheckboxPrimitive = require("@radix-ui/react-checkbox");
+const RadioGroupPrimitive = require("@radix-ui/react-radio-group");
+const SwitchPrimitive = require("@radix-ui/react-switch");
+const ProgressPrimitive = require("@radix-ui/react-progress");
+const SeparatorPrimitive = require("@radix-ui/react-separator");
+const AlertDialogPrimitive = require("@radix-ui/react-alert-dialog");
+const AspectRatioPrimitive = require("@radix-ui/react-aspect-ratio");
+const NavigationMenuPrimitive = require("@radix-ui/react-navigation-menu");
+const ToggleGroupPrimitive = require("@radix-ui/react-toggle-group");
+const TogglePrimitive = require("@radix-ui/react-toggle");
+const inputOtp = require("input-otp");
+const reactHookForm = require("react-hook-form");
+const LabelPrimitive = require("@radix-ui/react-label");
+const reactDayPicker = require("react-day-picker");
+const DialogPrimitive = require("@radix-ui/react-dialog");
+const vaul = require("vaul");
+const HoverCardPrimitive = require("@radix-ui/react-hover-card");
+const ContextMenuPrimitive = require("@radix-ui/react-context-menu");
+const MenubarPrimitive = require("@radix-ui/react-menubar");
+const cmdk = require("cmdk");
+const richTextEditor = require("./rich-text-editor-CPV1lEPH.cjs");
+const CollapsiblePrimitive = require("@radix-ui/react-collapsible");
+const AccordionPrimitive = require("@radix-ui/react-accordion");
+const useEmblaCarousel = require("embla-carousel-react");
+const googleMapsLoader = require("./google-maps-loader-eS3uQ5TA.cjs");
+const client = require("react-dom/client");
+const RechartsPrimitive = require("recharts");
+var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const CheckboxPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(CheckboxPrimitive);
+const RadioGroupPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadioGroupPrimitive);
+const SwitchPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(SwitchPrimitive);
+const ProgressPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(ProgressPrimitive);
+const SeparatorPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(SeparatorPrimitive);
+const AlertDialogPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AlertDialogPrimitive);
+const AspectRatioPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AspectRatioPrimitive);
+const NavigationMenuPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(NavigationMenuPrimitive);
+const ToggleGroupPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(ToggleGroupPrimitive);
+const TogglePrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(TogglePrimitive);
+const LabelPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(LabelPrimitive);
+const DialogPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(DialogPrimitive);
+const HoverCardPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(HoverCardPrimitive);
+const ContextMenuPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(ContextMenuPrimitive);
+const MenubarPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(MenubarPrimitive);
+const CollapsiblePrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(CollapsiblePrimitive);
+const AccordionPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AccordionPrimitive);
+function Label({
+  className,
+  size = "md",
+  ...props
+}) {
+  const sizeClasses = {
+    sm: "text-xs",
+    md: "text-sm",
+    lg: "text-base"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    LabelPrimitive__namespace.Root,
+    {
+      "data-slot": "label",
+      className: tooltip.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
+    }
+  );
+}
+const badgeVariants = classVarianceAuthority.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-[var(--toast-success-bg)] text-[var(--toast-success-icon)]",
+        warning: "border-transparent bg-[var(--toast-warning-bg)] text-[var(--toast-warning-icon)]",
+        info: "border-transparent bg-[var(--toast-info-bg)] text-[var(--toast-info-icon)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  children,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: tooltip.cn(badgeVariants({ variant }), className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children })
+    }
+  );
+}
+const alertVariants = classVarianceAuthority.cva(
+  "relative w-full rounded-[var(--radius)] border-l-4 px-4 py-3 grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-5 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted/50 border-l-border text-foreground [&>svg]:text-muted-foreground",
+        success: "bg-[color:var(--success)]/10 dark:bg-[color:var(--success)]/20 border-l-[color:var(--success)] text-foreground [&>svg]:text-[color:var(--success)]",
+        info: "bg-[color:var(--info)]/10 dark:bg-[color:var(--info)]/20 border-l-[color:var(--info)] text-foreground [&>svg]:text-[color:var(--info)]",
+        warning: "bg-[color:var(--warning)]/10 dark:bg-[color:var(--warning)]/20 border-l-[color:var(--warning)] text-foreground [&>svg]:text-[color:var(--warning)]",
+        destructive: "bg-[color:var(--destructive)]/10 dark:bg-[color:var(--destructive)]/20 border-l-[color:var(--destructive)] text-foreground [&>svg]:text-[color:var(--destructive)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+const alertIcons = {
+  default: lucideReact.Info,
+  success: lucideReact.CheckCircle,
+  info: lucideReact.Info,
+  warning: lucideReact.AlertTriangle,
+  destructive: lucideReact.XCircle
+};
+function Alert({
+  className,
+  variant,
+  icon,
+  children,
+  ...props
+}) {
+  const alertVariant = variant && variant in alertIcons ? variant : "default";
+  const DefaultIcon = alertIcons[alertVariant];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: tooltip.cn(alertVariants({ variant }), className),
+      ...props,
+      children: [
+        icon !== void 0 ? icon : /* @__PURE__ */ jsxRuntime.jsx(DefaultIcon, { className: "flex-shrink-0" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children })
+      ]
+    }
+  );
+}
+function AlertTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: tooltip.cn(
+        "font-medium mb-1 leading-tight",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: tooltip.cn(
+        "leading-relaxed",
+        className
+      ),
+      ...props
+    }
+  );
+}
+const Checkbox = React__namespace.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__ */ jsxRuntime.jsx(
+    CheckboxPrimitive__namespace.Root,
+    {
+      ref,
+      "data-slot": "checkbox",
+      className: tooltip.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__ */ jsxRuntime.jsx(
+        CheckboxPrimitive__namespace.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "flex items-center justify-center text-current transition-none",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: iconSizeClasses[size] })
+        }
+      )
+    }
+  );
+});
+Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
+const RadioGroup = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  RadioGroupPrimitive__namespace.Root,
+  {
+    className: tooltip.cn("grid gap-4", className),
+    ...props,
+    ref
+  }
+));
+RadioGroup.displayName = RadioGroupPrimitive__namespace.Root.displayName;
+const RadioGroupItem = React__namespace.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__ */ jsxRuntime.jsx(
+    RadioGroupPrimitive__namespace.Item,
+    {
+      ref,
+      "data-slot": "radio-group-item",
+      className: tooltip.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__ */ jsxRuntime.jsx(
+        RadioGroupPrimitive__namespace.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "flex items-center justify-center",
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: tooltip.cn("rounded-full bg-primary transition-all duration-200", dotSizeClasses[size]) })
+        }
+      )
+    }
+  );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
+const Switch = React__namespace.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__ */ jsxRuntime.jsx(
+    SwitchPrimitive__namespace.Root,
+    {
+      className: tooltip.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__ */ jsxRuntime.jsx(
+        SwitchPrimitive__namespace.Thumb,
+        {
+          className: tooltip.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__namespace.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__ */ jsxRuntime.jsx(
+    ProgressPrimitive__namespace.Root,
+    {
+      "data-slot": "progress",
+      "aria-label": props["aria-label"] || "Progresso",
+      className: tooltip.cn(
+        "relative h-2 w-full overflow-hidden rounded-full",
+        trackVariants[variant],
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        ProgressPrimitive__namespace.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: tooltip.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__ */ jsxRuntime.jsx(
+    SeparatorPrimitive__namespace.Root,
+    {
+      "data-slot": "separator-root",
+      decorative,
+      orientation,
+      className: tooltip.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 = React.useRef(null);
+  const transitLayerRef = React.useRef(null);
+  const bicyclingLayerRef = React.useRef(null);
+  React.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]);
+  React.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]);
+  React.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.forwardRef(
+  ({ apiKey, ...props }, ref) => {
+    const { isLoaded, loadError, load } = googleMapsLoader.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] = React.useState(null);
+    const mapRef = React.useRef(null);
+    const gmpMapRef = React.useRef(null);
+    const infoWindowRef = React.useRef(null);
+    const circleRef = React.useRef(null);
+    const polygonRef = React.useRef(null);
+    const [themeColors, setThemeColors] = React.useState({
+      primary: "#4F46E5",
+      chart2: "#10B981"
+    });
+    React.useEffect(() => {
+      if (typeof window !== "undefined") {
+        const styles = getComputedStyle(document.documentElement);
+        setThemeColors({
+          primary: styles.getPropertyValue("--primary").trim() || "#4F46E5",
+          chart2: styles.getPropertyValue("--chart-2").trim() || "#10B981"
+        });
+      }
+    }, []);
+    React.useEffect(() => {
+      if (!isLoaded && apiKey && !loadError && load) {
+        load(apiKey).catch(console.error);
+      }
+    }, [isLoaded, apiKey, loadError, load]);
+    React.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]);
+    React.useEffect(() => {
+      if (gmpMapRef.current) {
+        if (center) gmpMapRef.current.center = center;
+      }
+    }, [center]);
+    React.useEffect(() => {
+      if (gmpMapRef.current) {
+        if (zoom !== void 0) gmpMapRef.current.zoom = zoom;
+      }
+    }, [zoom]);
+    React.useEffect(() => {
+      if (gmpMapRef.current) {
+        if (props.mapTypeId) gmpMapRef.current.mapTypeId = props.mapTypeId;
+      }
+    }, [props.mapTypeId]);
+    React.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]);
+    React.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 || {});
+    React.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__ */ jsxRuntime.jsxs("div", { className: "p-4 pr-8 min-w-[200px] max-w-[300px]", children: [
+          markerData.title && /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-semibold text-base mb-1", children: markerData.title }),
+          markerData.info && /* @__PURE__ */ jsxRuntime.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 = client.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__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          className: tooltip.cn(
+            "relative rounded-[var(--radius-card)] border border-destructive/50 overflow-hidden bg-destructive/5",
+            className
+          ),
+          style: { height },
+          ...divProps,
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center space-y-2 p-6", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-destructive", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-12 h-12 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", children: "Failed to load Google Maps" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Check API key in Settings" })
+          ] }) })
+        }
+      );
+    }
+    if (!isLoaded) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          className: tooltip.cn(
+            "relative rounded-[var(--radius-card)] border border-border overflow-hidden bg-muted animate-pulse",
+            className
+          ),
+          style: { height },
+          ...divProps
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: tooltip.cn(
+          "relative rounded-[var(--radius-card)] border border-border overflow-hidden",
+          className
+        ),
+        style: { height },
+        ...divProps,
+        children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                  "gmp-advanced-marker",
+                  {
+                    title: markerData.title,
+                    ref: (el) => {
+                      if (el) {
+                        el.position = markerData.position;
+                        el.addEventListener("gmp-click", () => handleMarkerClick(idx, el));
+                      }
+                    },
+                    children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center rotate-45", children: markerData.iconSvg ? /* @__PURE__ */ jsxRuntime.jsx(
+                          "div",
+                          {
+                            dangerouslySetInnerHTML: { __html: markerData.iconSvg },
+                            style: { color: iconColor, width: 16, height: 16, fill: "currentColor" }
+                          }
+                        ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-sm", style: { color: iconColor }, children: markerData.icon || markerData.label || "" }) })
+                      }
+                    )
+                  },
+                  idx
+                )
+              );
+            })
+          }
+        )
+      }
+    );
+  }
+);
+MapContent.displayName = "MapContent";
+const Map$1 = React.forwardRef(
+  (props, ref) => {
+    const { isLoaded, loadError } = googleMapsLoader.useGoogleMapsLoader();
+    const effectiveApiKey = props.apiKey || typeof { url: typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("use-mobile-BzuxjzNX.cjs", document.baseURI).href } !== "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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(MapContent, { ref, ...props, apiKey: effectiveApiKey });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: tooltip.cn(
+          "relative rounded-[var(--radius-card)] border border-border overflow-hidden bg-muted",
+          props.className
+        ),
+        style: { height: props.height || "400px" },
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-muted", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center space-y-3 p-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 mx-auto bg-primary/10 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "w-8 h-8 text-primary", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-5 w-5" });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tooltip.cn("flex flex-col gap-4 md:flex-row md:items-center md:justify-between mb-8", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-4", children: [
+      showBack && /* @__PURE__ */ jsxRuntime.jsx(
+        tooltip.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__ */ jsxRuntime.jsx("a", { href: backHref, children: icon }) : icon
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold tracking-tight text-foreground", children: title }),
+        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: subtitle })
+      ] })
+    ] }),
+    actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: actions })
+  ] });
+}
+function PageHeaderHeading({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "h1",
+    {
+      className: tooltip.cn(
+        "text-3xl font-bold leading-tight tracking-tighter md:text-4xl lg:leading-[1.1]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PageHeaderDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      className: tooltip.cn(
+        "text-lg text-muted-foreground sm:text-xl",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+}
+function AlertDialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+const AlertDialogOverlay = React__namespace.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AlertDialogPrimitive__namespace.Overlay,
+    {
+      ref,
+      "data-slot": "alert-dialog-overlay",
+      className: tooltip.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__namespace.Overlay.displayName;
+function AlertDialogContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      AlertDialogPrimitive__namespace.Content,
+      {
+        "data-slot": "alert-dialog-content",
+        className: tooltip.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__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: tooltip.cn("flex flex-col gap-2 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function AlertDialogFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: tooltip.cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AlertDialogPrimitive__namespace.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: tooltip.cn("text-lg font-semibold", className),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AlertDialogPrimitive__namespace.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: tooltip.cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function AlertDialogAction({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AlertDialogPrimitive__namespace.Action,
+    {
+      className: tooltip.cn(tooltip.buttonVariants(), className),
+      ...props
+    }
+  );
+}
+function AlertDialogCancel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AlertDialogPrimitive__namespace.Cancel,
+    {
+      className: tooltip.cn(tooltip.buttonVariants({ variant: "outline" }), className),
+      ...props
+    }
+  );
+}
+const ERROR_IMG_SRC = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzLjciPjxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iNiIvPjxwYXRoIGQ9Im0xNiA1OCAxNi0xOCAzMiAzMiIvPjxjaXJjbGUgY3g9IjUzIiBjeT0iMzUiIHI9IjciLz48L3N2Zz4KCg==";
+function ImageWithFallback(props) {
+  const [didError, setDidError] = React.useState(false);
+  const handleError = () => {
+    setDidError(true);
+  };
+  const { src, alt, style, className, ...rest } = props;
+  return didError ? /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `inline-block bg-gray-100 text-center align-middle ${className ?? ""}`,
+      style,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: ERROR_IMG_SRC, alt: "Error loading image", ...rest, "data-original-url": src }) })
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, className, style, ...rest, onError: handleError });
+}
+function AspectRatio({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AspectRatioPrimitive__namespace.Root, { "data-slot": "aspect-ratio", ...props });
+}
+const ResizableContext = React__namespace.createContext(null);
+const ResizablePanelGroup = ({
+  children,
+  className,
+  direction = "horizontal",
+  id,
+  autoSaveId,
+  storage,
+  onLayout,
+  ...props
+}) => {
+  const [panels, setPanels] = React__namespace.useState(/* @__PURE__ */ new Map());
+  const [handles, setHandles] = React__namespace.useState(/* @__PURE__ */ new Map());
+  const [sizes, setSizes] = React__namespace.useState(/* @__PURE__ */ new Map());
+  const [isDragging, setIsDragging] = React__namespace.useState(false);
+  const containerRef = React__namespace.useRef(null);
+  const getSortedItems = React__namespace.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__namespace.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__namespace.useCallback((data) => {
+    setPanels((prev) => {
+      const next = new Map(prev);
+      next.set(data.id, data);
+      return next;
+    });
+  }, []);
+  const unregisterPanel = React__namespace.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__namespace.useCallback((data) => {
+    setHandles((prev) => {
+      const next = new Map(prev);
+      next.set(data.id, data);
+      return next;
+    });
+  }, []);
+  const unregisterHandle = React__namespace.useCallback((id2) => {
+    setHandles((prev) => {
+      const next = new Map(prev);
+      next.delete(id2);
+      return next;
+    });
+  }, []);
+  const startDragging = React__namespace.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__namespace.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__namespace.useMemo(() => ({
+    direction,
+    registerPanel,
+    unregisterPanel,
+    registerHandle,
+    unregisterHandle,
+    isDragging,
+    startDragging,
+    getPanelStyle
+  }), [direction, registerPanel, unregisterPanel, registerHandle, unregisterHandle, isDragging, startDragging, getPanelStyle]);
+  return /* @__PURE__ */ jsxRuntime.jsx(ResizableContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: containerRef,
+      "data-slot": "resizable-panel-group",
+      "data-panel-group-direction": direction,
+      className: tooltip.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__namespace.useContext(ResizableContext);
+  const ref = React__namespace.useRef(null);
+  const [generatedId] = React__namespace.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__namespace.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__ */ jsxRuntime.jsx("div", { className: tooltip.cn("flex-1", className), ...props, children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "resizable-panel",
+      className: tooltip.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__namespace.useContext(ResizableContext);
+  const ref = React__namespace.useRef(null);
+  const [generatedId] = React__namespace.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__namespace.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__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "resizable-handle",
+      className: tooltip.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__ */ jsxRuntime.jsx("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVerticalIcon, { className: "size-2.5" }) })
+    }
+  );
+};
+function NavigationMenu({
+  className,
+  children,
+  viewport = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    NavigationMenuPrimitive__namespace.Root,
+    {
+      "data-slot": "navigation-menu",
+      className: tooltip.cn(
+        "relative z-10 flex w-full flex-1 items-center justify-center",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        viewport && /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuViewport, {})
+      ]
+    }
+  );
+}
+function NavigationMenuList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    NavigationMenuPrimitive__namespace.List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: tooltip.cn(
+        "group flex flex-1 list-none items-center justify-center gap-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    NavigationMenuPrimitive__namespace.Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: tooltip.cn("relative", className),
+      ...props
+    }
+  );
+}
+const navigationMenuTriggerStyle = classVarianceAuthority.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__ */ jsxRuntime.jsxs(
+    NavigationMenuPrimitive__namespace.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: tooltip.cn(navigationMenuTriggerStyle(), "group", className),
+      ...props,
+      children: [
+        children,
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.ChevronDownIcon,
+          {
+            className: "relative top-[1px] ml-1 size-3 group-data-[state=open]:rotate-180",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
+function NavigationMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    NavigationMenuPrimitive__namespace.Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: tooltip.cn(
+        "left-0 top-0 w-full md:w-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuViewport({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tooltip.cn("absolute left-0 top-full flex justify-center w-full"), children: /* @__PURE__ */ jsxRuntime.jsx(
+    NavigationMenuPrimitive__namespace.Viewport,
+    {
+      "data-slot": "navigation-menu-viewport",
+      className: tooltip.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__ */ jsxRuntime.jsx(
+    NavigationMenuPrimitive__namespace.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: tooltip.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__ */ jsxRuntime.jsx(
+    NavigationMenuPrimitive__namespace.Indicator,
+    {
+      "data-slot": "navigation-menu-indicator",
+      className: tooltip.cn(
+        "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: tooltip.cn("mx-auto flex w-full justify-center", className),
+      ...props
+    }
+  );
+}
+function PaginationContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: tooltip.cn("flex flex-row items-center gap-1", className),
+      ...props
+    }
+  );
+}
+function PaginationItem({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      "aria-current": isActive ? "page" : void 0,
+      "data-slot": "pagination-link",
+      "data-active": isActive,
+      className: tooltip.cn(
+        tooltip.buttonVariants({
+          variant: isActive ? "outline" : "ghost",
+          size
+        }),
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PaginationPrevious({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    PaginationLink,
+    {
+      "aria-label": "Go to previous page",
+      size: "default",
+      className: tooltip.cn("gap-1 px-2.5 sm:pl-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, {}),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:block", children: "Previous" })
+      ]
+    }
+  );
+}
+function PaginationNext({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    PaginationLink,
+    {
+      "aria-label": "Go to next page",
+      size: "default",
+      className: tooltip.cn("gap-1 px-2.5 sm:pr-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, {})
+      ]
+    }
+  );
+}
+function PaginationEllipsis({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      "aria-hidden": true,
+      "data-slot": "pagination-ellipsis",
+      className: tooltip.cn("flex size-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+const toggleVariants = classVarianceAuthority.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__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  TogglePrimitive__namespace.Root,
+  {
+    ref,
+    "data-slot": "toggle",
+    className: tooltip.cn(toggleVariants({ variant, size, className })),
+    ...props
+  }
+));
+Toggle.displayName = TogglePrimitive__namespace.Root.displayName;
+const ToggleGroupContext = React__namespace.createContext({
+  size: "default",
+  variant: "default"
+});
+const ToggleGroup = React__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  ToggleGroupPrimitive__namespace.Root,
+  {
+    ref,
+    "data-slot": "toggle-group",
+    "data-variant": variant,
+    "data-size": size,
+    className: tooltip.cn(
+      "group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
+  }
+));
+ToggleGroup.displayName = ToggleGroupPrimitive__namespace.Root.displayName;
+const ToggleGroupItem = React__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React__namespace.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ToggleGroupPrimitive__namespace.Item,
+    {
+      ref,
+      "data-slot": "toggle-group-item",
+      "data-variant": context.variant || variant,
+      "data-size": context.size || size,
+      className: tooltip.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__namespace.Item.displayName;
+function InputOTP({
+  className,
+  containerClassName,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    inputOtp.OTPInput,
+    {
+      "data-slot": "input-otp",
+      containerClassName: tooltip.cn(
+        "flex items-center gap-2 has-disabled:opacity-50",
+        containerClassName
+      ),
+      className: tooltip.cn("disabled:cursor-not-allowed", className),
+      ...props
+    }
+  );
+}
+function InputOTPGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "input-otp-group",
+      className: tooltip.cn("flex items-center gap-1", className),
+      ...props
+    }
+  );
+}
+function InputOTPSlot({
+  index,
+  className,
+  size = "md",
+  ...props
+}) {
+  const inputOTPContext = React__namespace.useContext(inputOtp.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__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "input-otp-slot",
+      "data-active": isActive,
+      className: tooltip.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__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+      ]
+    }
+  );
+}
+function InputOTPSeparator({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MinusIcon, {}) });
+}
+const Form = reactHookForm.FormProvider;
+const FormFieldContext = React__namespace.createContext(
+  {}
+);
+const FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
+};
+const useFormField = () => {
+  const fieldContext = React__namespace.useContext(FormFieldContext);
+  const itemContext = React__namespace.useContext(FormItemContext);
+  const { getFieldState } = reactHookForm.useFormContext();
+  const formState = reactHookForm.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__namespace.createContext(
+  {}
+);
+function FormItem({
+  className,
+  ...props
+}) {
+  const id = React__namespace.useId();
+  return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "form-item",
+      className: tooltip.cn("grid gap-2", className),
+      ...props
+    }
+  ) });
+}
+function FormLabel({
+  className,
+  ...props
+}) {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Label,
+    {
+      "data-slot": "form-label",
+      "data-error": !!error,
+      className: tooltip.cn(
+        "data-[error=true]:text-destructive",
+        className
+      ),
+      htmlFor: formItemId,
+      ...props
+    }
+  );
+}
+function FormControl({
+  ...props
+}) {
+  const {
+    error,
+    formItemId,
+    formDescriptionId,
+    formMessageId
+  } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactSlot.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__ */ jsxRuntime.jsx(
+    "p",
+    {
+      "data-slot": "form-description",
+      id: formDescriptionId,
+      className: tooltip.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__ */ jsxRuntime.jsx(
+    "p",
+    {
+      "data-slot": "form-message",
+      id: formMessageId,
+      className: tooltip.cn("text-destructive text-sm", className),
+      ...props,
+      children: body
+    }
+  );
+}
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  formatters,
+  components,
+  ...props
+}) {
+  const defaultClassNames = reactDayPicker.getDefaultClassNames();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactDayPicker.DayPicker,
+    {
+      showOutsideDays,
+      className: tooltip.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: tooltip.cn("w-fit", defaultClassNames.root),
+        months: tooltip.cn(
+          "flex gap-6 flex-col md:flex-row relative",
+          defaultClassNames.months
+        ),
+        month: tooltip.cn("flex flex-col w-full gap-5", defaultClassNames.month),
+        nav: tooltip.cn(
+          "flex items-center gap-2 w-full absolute top-0 inset-x-0 justify-between",
+          defaultClassNames.nav
+        ),
+        button_previous: tooltip.cn(
+          tooltip.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: tooltip.cn(
+          tooltip.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: tooltip.cn(
+          "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: tooltip.cn(
+          "w-full flex items-center justify-center h-(--cell-size) gap-2",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: tooltip.cn(
+          "relative rounded-[var(--radius)] hover:bg-accent transition-colors",
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: tooltip.cn(
+          "absolute bg-popover inset-0 opacity-0 cursor-pointer",
+          defaultClassNames.dropdown
+        ),
+        caption_label: tooltip.cn(
+          "select-none font-[family-name:var(--font-family,Roboto)] tracking-tight hover:bg-accent hover:text-accent-foreground transition-all duration-200 rounded-[var(--radius)] px-2 py-1",
+          captionLayout === "label" ? "text-[length:var(--calendar-caption-size)] font-[number:var(--font-weight-semibold)]" : "flex items-center gap-1.5 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: tooltip.cn("flex gap-1", defaultClassNames.weekdays),
+        weekday: tooltip.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: tooltip.cn("flex w-full gap-1", defaultClassNames.week),
+        week_number_header: tooltip.cn(
+          "select-none w-(--cell-size)",
+          defaultClassNames.week_number_header
+        ),
+        week_number: tooltip.cn(
+          "select-none text-muted-foreground text-[length:var(--calendar-weekday-size)]",
+          defaultClassNames.week_number
+        ),
+        day: tooltip.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: tooltip.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: tooltip.cn(
+          "rounded-none bg-accent/30",
+          defaultClassNames.range_middle
+        ),
+        range_end: tooltip.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: tooltip.cn(
+          "bg-accent/60 text-accent-foreground rounded-(--cell-radius) data-[selected=true]:rounded-none font-[number:var(--font-weight-semibold)]",
+          defaultClassNames.today
+        ),
+        outside: tooltip.cn(
+          "text-muted-foreground/40 aria-selected:text-muted-foreground/40",
+          defaultClassNames.outside
+        ),
+        disabled: tooltip.cn(
+          "text-muted-foreground/30 opacity-40",
+          defaultClassNames.disabled
+        ),
+        hidden: tooltip.cn("invisible", defaultClassNames.hidden),
+        ...classNames
+      },
+      components: {
+        Root: ({ className: className2, rootRef, ...props2 }) => {
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "data-slot": "calendar",
+              ref: rootRef,
+              className: tooltip.cn(className2),
+              ...props2
+            }
+          );
+        },
+        Chevron: ({ className: className2, orientation, ...props2 }) => {
+          if (orientation === "left") {
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              lucideReact.ChevronLeft,
+              {
+                className: tooltip.cn("size-5 transition-transform group-hover:scale-110", className2),
+                ...props2
+              }
+            );
+          }
+          if (orientation === "right") {
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              lucideReact.ChevronRight,
+              {
+                className: tooltip.cn("size-5 transition-transform group-hover:scale-110", className2),
+                ...props2
+              }
+            );
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.ChevronDown,
+            {
+              className: tooltip.cn("size-4", className2),
+              ...props2
+            }
+          );
+        },
+        DayButton: CalendarDayButton,
+        WeekNumber: ({ children, ...props2 }) => {
+          return /* @__PURE__ */ jsxRuntime.jsx("td", { ...props2, children: /* @__PURE__ */ jsxRuntime.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 = reactDayPicker.getDefaultClassNames();
+  const ref = React__namespace.useRef(null);
+  React__namespace.useEffect(() => {
+    var _a;
+    if (modifiers.focused) (_a = ref.current) == null ? void 0 : _a.focus();
+  }, [modifiers.focused]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    tooltip.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: tooltip.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__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { "data-slot": "sheet-portal", ...props });
+}
+const SheetOverlay = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Overlay,
+  {
+    className: tooltip.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__namespace.Overlay.displayName;
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      DialogPrimitive__namespace.Content,
+      {
+        "data-slot": "sheet-content",
+        className: tooltip.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__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.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__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: tooltip.cn("flex flex-col gap-1.5 px-6 pt-6", className),
+      ...props
+    }
+  );
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: tooltip.cn("mt-auto flex flex-col gap-2 px-6 pb-6", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Title,
+    {
+      "data-slot": "sheet-title",
+      className: tooltip.cn("text-foreground font-semibold", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Description,
+    {
+      "data-slot": "sheet-description",
+      className: tooltip.cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function Drawer({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Root, { "data-slot": "drawer", ...props });
+}
+function DrawerTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Trigger, { "data-slot": "drawer-trigger", ...props });
+}
+function DrawerPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
+}
+const DrawerOverlay = React__namespace.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    vaul.Drawer.Overlay,
+    {
+      ref,
+      "data-slot": "drawer-overlay",
+      className: tooltip.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 = vaul.Drawer.Overlay.displayName;
+function DrawerContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      vaul.Drawer.Content,
+      {
+        "data-slot": "drawer-content",
+        className: tooltip.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "drawer-header",
+      className: tooltip.cn("flex flex-col gap-1.5 p-4", className),
+      ...props
+    }
+  );
+}
+function DrawerFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "drawer-footer",
+      className: tooltip.cn("mt-auto flex flex-col gap-2 p-4", className),
+      ...props
+    }
+  );
+}
+function DrawerTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    vaul.Drawer.Title,
+    {
+      "data-slot": "drawer-title",
+      className: tooltip.cn("text-foreground font-semibold", className),
+      ...props
+    }
+  );
+}
+function DrawerDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    vaul.Drawer.Description,
+    {
+      "data-slot": "drawer-description",
+      className: tooltip.cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function DrawerHandle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "drawer-handle",
+      className: tooltip.cn("bg-muted mx-auto mt-4 h-2 w-[100px] shrink-0 rounded-full", className),
+      ...props
+    }
+  );
+}
+function HoverCard({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(HoverCardPrimitive__namespace.Root, { "data-slot": "hover-card", ...props });
+}
+function HoverCardTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(HoverCardPrimitive__namespace.Trigger, { "data-slot": "hover-card-trigger", ...props });
+}
+function HoverCardContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(HoverCardPrimitive__namespace.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsxRuntime.jsx(
+    HoverCardPrimitive__namespace.Content,
+    {
+      "data-slot": "hover-card-content",
+      align,
+      sideOffset,
+      className: tooltip.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__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Root, { "data-slot": "context-menu", ...props });
+}
+function ContextMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Trigger, { "data-slot": "context-menu-trigger", ...props });
+}
+function ContextMenuGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Group, { "data-slot": "context-menu-group", ...props });
+}
+function ContextMenuPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Portal, { "data-slot": "context-menu-portal", ...props });
+}
+function ContextMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Sub, { "data-slot": "context-menu-sub", ...props });
+}
+function ContextMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ContextMenuPrimitive__namespace.RadioGroup,
+    {
+      "data-slot": "context-menu-radio-group",
+      ...props
+    }
+  );
+}
+function ContextMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ContextMenuPrimitive__namespace.SubTrigger,
+    {
+      "data-slot": "context-menu-sub-trigger",
+      "data-inset": inset,
+      className: tooltip.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__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "ml-auto" })
+      ]
+    }
+  );
+}
+function ContextMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ContextMenuPrimitive__namespace.SubContent,
+    {
+      "data-slot": "context-menu-sub-content",
+      className: tooltip.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__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    ContextMenuPrimitive__namespace.Content,
+    {
+      "data-slot": "context-menu-content",
+      className: tooltip.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__ */ jsxRuntime.jsx(
+    ContextMenuPrimitive__namespace.Item,
+    {
+      "data-slot": "context-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: tooltip.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__ */ jsxRuntime.jsxs(
+    ContextMenuPrimitive__namespace.CheckboxItem,
+    {
+      "data-slot": "context-menu-checkbox-item",
+      className: tooltip.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__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ContextMenuPrimitive__namespace.RadioItem,
+    {
+      "data-slot": "context-menu-radio-item",
+      className: tooltip.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__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ContextMenuPrimitive__namespace.Label,
+    {
+      "data-slot": "context-menu-label",
+      "data-inset": inset,
+      className: tooltip.cn(
+        "text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ContextMenuPrimitive__namespace.Separator,
+    {
+      "data-slot": "context-menu-separator",
+      className: tooltip.cn("bg-border -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function ContextMenuShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "context-menu-shortcut",
+      className: tooltip.cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Menubar({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MenubarPrimitive__namespace.Root,
+    {
+      "data-slot": "menubar",
+      className: tooltip.cn(
+        "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Menu, { "data-slot": "menubar-menu", ...props });
+}
+function MenubarGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Group, { "data-slot": "menubar-group", ...props });
+}
+function MenubarPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Portal, { "data-slot": "menubar-portal", ...props });
+}
+function MenubarRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
+}
+function MenubarTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MenubarPrimitive__namespace.Trigger,
+    {
+      "data-slot": "menubar-trigger",
+      className: tooltip.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__ */ jsxRuntime.jsx(MenubarPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    MenubarPrimitive__namespace.Content,
+    {
+      "data-slot": "menubar-content",
+      align,
+      alignOffset,
+      sideOffset,
+      className: tooltip.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__ */ jsxRuntime.jsx(
+    MenubarPrimitive__namespace.Item,
+    {
+      "data-slot": "menubar-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: tooltip.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__ */ jsxRuntime.jsxs(
+    MenubarPrimitive__namespace.CheckboxItem,
+    {
+      "data-slot": "menubar-checkbox-item",
+      className: tooltip.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__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function MenubarRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    MenubarPrimitive__namespace.RadioItem,
+    {
+      "data-slot": "menubar-radio-item",
+      className: tooltip.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__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function MenubarLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MenubarPrimitive__namespace.Label,
+    {
+      "data-slot": "menubar-label",
+      "data-inset": inset,
+      className: tooltip.cn(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MenubarPrimitive__namespace.Separator,
+    {
+      "data-slot": "menubar-separator",
+      className: tooltip.cn("bg-border -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function MenubarShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "menubar-shortcut",
+      className: tooltip.cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MenubarPrimitive__namespace.Sub, { "data-slot": "menubar-sub", ...props });
+}
+function MenubarSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    MenubarPrimitive__namespace.SubTrigger,
+    {
+      "data-slot": "menubar-sub-trigger",
+      "data-inset": inset,
+      className: tooltip.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__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "ml-auto h-4 w-4" })
+      ]
+    }
+  );
+}
+function MenubarSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MenubarPrimitive__namespace.SubContent,
+    {
+      "data-slot": "menubar-sub-content",
+      className: tooltip.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__ */ jsxRuntime.jsx(
+    cmdk.Command,
+    {
+      "data-slot": "command",
+      className: tooltip.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__ */ jsxRuntime.jsxs(richTextEditor.Dialog, { ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.DialogTitle, { children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "command-input-wrapper",
+      className: "flex h-9 items-center gap-2 border-b px-3",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          cmdk.Command.Input,
+          {
+            "data-slot": "command-input",
+            className: tooltip.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__ */ jsxRuntime.jsx(
+    cmdk.Command.List,
+    {
+      "data-slot": "command-list",
+      role: "listbox",
+      className: tooltip.cn(
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandEmpty({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Empty,
+    {
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm",
+      ...props
+    }
+  );
+}
+function CommandGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Group,
+    {
+      "data-slot": "command-group",
+      className: tooltip.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__ */ jsxRuntime.jsx(
+    cmdk.Command.Separator,
+    {
+      "data-slot": "command-separator",
+      className: tooltip.cn("bg-border -mx-1 h-px", className),
+      ...props
+    }
+  );
+}
+function CommandItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Item,
+    {
+      "data-slot": "command-item",
+      role: "option",
+      className: tooltip.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__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: tooltip.cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: tooltip.cn("bg-accent animate-pulse rounded-md", 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__namespace.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__ */ jsxRuntime.jsx("div", { ref, className, ...props, children });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: tooltip.cn("relative inline-block", className), ...props, children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: tooltip.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__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-medium leading-none", children: displayCount })
+        }
+      )
+    ] });
+  }
+);
+NotificationBadge.displayName = "NotificationBadge";
+const Empty = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: tooltip.cn(
+      "flex min-h-[400px] flex-col items-center justify-center rounded-[var(--radius-card)] border border-dashed border-border p-8 text-center animate-in fade-in-50",
+      className
+    ),
+    ...props
+  }
+));
+Empty.displayName = "Empty";
+const EmptyIcon = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: tooltip.cn(
+      "mx-auto flex h-20 w-20 items-center justify-center rounded-full bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+EmptyIcon.displayName = "EmptyIcon";
+const EmptyImage = React__namespace.forwardRef(({ className, alt, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "img",
+  {
+    ref,
+    alt,
+    className: tooltip.cn("mx-auto mb-4 h-48 w-48 object-contain opacity-50", className),
+    ...props
+  }
+));
+EmptyImage.displayName = "EmptyImage";
+const EmptyTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "h3",
+  {
+    ref,
+    className: tooltip.cn("mt-4 font-semibold text-foreground", className),
+    ...props
+  }
+));
+EmptyTitle.displayName = "EmptyTitle";
+const EmptyDescription = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "p",
+  {
+    ref,
+    className: tooltip.cn("mt-2 text-sm text-muted-foreground max-w-sm mx-auto", className),
+    ...props
+  }
+));
+EmptyDescription.displayName = "EmptyDescription";
+const EmptyAction = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: tooltip.cn("mt-6 flex flex-col gap-2 sm:flex-row sm:gap-4", className),
+    ...props
+  }
+));
+EmptyAction.displayName = "EmptyAction";
+const StatsCard = React__namespace.forwardRef(
+  ({ className, title, value, description, trend, icon, ...props }, ref) => {
+    const getTrendIcon = () => {
+      if (!trend) return null;
+      if (trend.value > 0) {
+        return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingUp, { className: "h-4 w-4 text-success" });
+      } else if (trend.value < 0) {
+        return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingDown, { className: "h-4 w-4 text-destructive" });
+      } else {
+        return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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__ */ jsxRuntime.jsx(richTextEditor.Card, { ref, className: tooltip.cn("", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.CardContent, { className: "p-4 sm:p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mb-1 text-sm", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-baseline gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-foreground text-xl sm:text-2xl", children: value }),
+          trend && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tooltip.cn("flex items-center gap-1 text-sm", getTrendColor()), children: [
+            getTrendIcon(),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+              Math.abs(trend.value),
+              "%"
+            ] })
+          ] })
+        ] }),
+        (description || (trend == null ? void 0 : trend.label)) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mt-1 text-xs sm:text-sm", children: (trend == null ? void 0 : trend.label) || description })
+      ] }),
+      icon && /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "ol",
+  {
+    ref,
+    className: tooltip.cn("relative border-l border-border", className),
+    ...props
+  }
+));
+Timeline.displayName = "Timeline";
+const TimelineItem = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "li",
+  {
+    ref,
+    className: tooltip.cn("mb-10 ml-6", className),
+    ...props
+  }
+));
+TimelineItem.displayName = "TimelineItem";
+const TimelineDot = React__namespace.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__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: tooltip.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__ */ jsxRuntime.jsx("span", { className: tooltip.cn("h-4 w-4", iconColorStyles[variant]), children: icon || children })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: tooltip.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: tooltip.cn("", className),
+    ...props
+  }
+));
+TimelineContent.displayName = "TimelineContent";
+const TimelineHeading = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "h3",
+  {
+    ref,
+    className: tooltip.cn("mb-1 text-foreground", className),
+    ...props
+  }
+));
+TimelineHeading.displayName = "TimelineHeading";
+const TimelineTime = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "time",
+  {
+    ref,
+    className: tooltip.cn("mb-2 block text-muted-foreground", className),
+    ...props
+  }
+));
+TimelineTime.displayName = "TimelineTime";
+const TimelineDescription = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "p",
+  {
+    ref,
+    className: tooltip.cn("text-muted-foreground", className),
+    ...props
+  }
+));
+TimelineDescription.displayName = "TimelineDescription";
+const TreeView = React__namespace.forwardRef(
+  ({ className, data, onNodeClick, onNodeSelect, defaultExpanded = [], selectedNodeId, ...props }, ref) => {
+    const [expanded, setExpanded] = React__namespace.useState(new Set(defaultExpanded));
+    const [internalSelectedId, setInternalSelectedId] = React__namespace.useState(void 0);
+    const nodeRefs = React__namespace.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__namespace.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__ */ jsxRuntime.jsx("div", { ref, className: tooltip.cn("w-full", className), role: "tree", ...props, children: data.map((node) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { role: "none", children: [
+    /* @__PURE__ */ jsxRuntime.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: tooltip.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__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 text-muted-foreground", children: isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" }) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-4 flex-shrink-0", "aria-hidden": "true" }),
+          node.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 text-muted-foreground", children: node.icon }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-foreground", children: node.label })
+        ]
+      }
+    ),
+    hasChildren && isExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { role: "group", children: node.children.map((child) => /* @__PURE__ */ jsxRuntime.jsx(
+      TreeNodeComponent,
+      {
+        node: child,
+        level: level + 1,
+        expanded,
+        selectedId,
+        onToggle,
+        onSelect,
+        onKeyDown,
+        nodeRefs
+      },
+      child.id
+    )) })
+  ] });
+};
+function Collapsible({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(CollapsiblePrimitive__namespace.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CollapsiblePrimitive__namespace.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      ...props
+    }
+  );
+}
+function CollapsibleContent({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CollapsiblePrimitive__namespace.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      ...props
+    }
+  );
+}
+function Accordion({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AccordionPrimitive__namespace.Item,
+    {
+      "data-slot": "accordion-item",
+      className: tooltip.cn("border-b last:border-b-0", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    AccordionPrimitive__namespace.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: tooltip.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__ */ jsxRuntime.jsx(lucideReact.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__ */ jsxRuntime.jsx(
+    AccordionPrimitive__namespace.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__ */ jsxRuntime.jsx("div", { className: tooltip.cn("pt-0 pb-4", className), children })
+    }
+  );
+}
+const CarouselContext = React__namespace.createContext(null);
+function useCarousel() {
+  const context = React__namespace.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__namespace.useState(false);
+  const [canScrollNext, setCanScrollNext] = React__namespace.useState(false);
+  const onSelect = React__namespace.useCallback((api2) => {
+    if (!api2) return;
+    setCanScrollPrev(api2.canScrollPrev());
+    setCanScrollNext(api2.canScrollNext());
+  }, []);
+  const scrollPrev = React__namespace.useCallback(() => {
+    api == null ? void 0 : api.scrollPrev();
+  }, [api]);
+  const scrollNext = React__namespace.useCallback(() => {
+    api == null ? void 0 : api.scrollNext();
+  }, [api]);
+  const handleKeyDown = React__namespace.useCallback(
+    (event) => {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
+      }
+    },
+    [scrollPrev, scrollNext]
+  );
+  React__namespace.useEffect(() => {
+    if (!api || !setApi) return;
+    setApi(api);
+  }, [api, setApi]);
+  React__namespace.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__ */ jsxRuntime.jsx(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        api,
+        opts,
+        orientation: orientation || ((opts == null ? void 0 : opts.axis) === "y" ? "vertical" : "horizontal"),
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          onKeyDownCapture: handleKeyDown,
+          className: tooltip.cn("relative", className),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          ...props,
+          children
+        }
+      )
+    }
+  );
+}
+function CarouselContent({ className, ...props }) {
+  const { carouselRef, orientation } = useCarousel();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: carouselRef,
+      className: "overflow-hidden",
+      "data-slot": "carousel-content",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: tooltip.cn(
+            "flex",
+            orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  );
+}
+function CarouselItem({ className, ...props }) {
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "group",
+      "aria-roledescription": "slide",
+      "data-slot": "carousel-item",
+      className: tooltip.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__ */ jsxRuntime.jsxs(
+    tooltip.Button,
+    {
+      "data-slot": "carousel-previous",
+      variant,
+      size,
+      className: tooltip.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__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, {}),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+}
+function CarouselNext({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    tooltip.Button,
+    {
+      "data-slot": "carousel-next",
+      variant,
+      size,
+      className: tooltip.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__ */ jsxRuntime.jsx(lucideReact.ArrowRight, {}),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+}
+const StepperContext = React__namespace.createContext(void 0);
+const useStepper = () => {
+  const context = React__namespace.useContext(StepperContext);
+  if (!context) throw new Error("useStepper must be used within a Stepper");
+  return context;
+};
+const Stepper = React__namespace.forwardRef(
+  ({ currentStep, orientation = "horizontal", className, children, ...props }, ref) => {
+    const totalSteps = React__namespace.Children.count(children);
+    return /* @__PURE__ */ jsxRuntime.jsx(StepperContext.Provider, { value: { currentStep, totalSteps, orientation }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: tooltip.cn("w-full", className),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: tooltip.cn(
+          orientation === "horizontal" ? "flex items-start justify-between" : "flex flex-col gap-0"
+        ), children })
+      }
+    ) });
+  }
+);
+Stepper.displayName = "Stepper";
+const Step = React__namespace.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 = tooltip.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) => tooltip.cn("transition-colors", filled ? "bg-primary" : "bg-muted");
+    if (orientation === "vertical") {
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: tooltip.cn("flex gap-4", className), ...props, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: circleClasses, children: error ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-5 w-5" }) : isCompleted ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-5 w-5" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: step }) }),
+          !isLast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tooltip.cn("w-0.5 flex-1 min-h-[2rem] mt-1", connectorClasses(step < currentStep)) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tooltip.cn("pb-6", isLast && "pb-0"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: tooltip.cn("transition-colors", isActive || error ? "text-foreground" : "text-muted-foreground"), children: label }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: description })
+        ] })
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: tooltip.cn("flex flex-1 flex-col items-center", className), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-start", children: [
+        step > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tooltip.cn("h-0.5 flex-1 mt-[18px]", connectorClasses(step <= currentStep)) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: circleClasses, children: error ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-5 w-5" }) : isCompleted ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-5 w-5" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: step }) }),
+        step < totalSteps && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tooltip.cn("h-0.5 flex-1 mt-[18px]", connectorClasses(step < currentStep)) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tooltip.cn(
+        "mt-2 px-1",
+        isFirst && "text-left self-start",
+        isLast && "text-right self-end",
+        !isFirst && !isLast && "text-center w-full"
+      ), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tooltip.cn("transition-colors", isActive || error ? "text-foreground" : "text-muted-foreground"), children: label }),
+        description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: description })
+      ] })
+    ] });
+  }
+);
+Step.displayName = "Step";
+const FileUpload = React__namespace.forwardRef(
+  ({
+    className,
+    onFilesChange,
+    maxFiles = 1,
+    maxSize = 5 * 1024 * 1024,
+    // 5MB default
+    showPreview = true,
+    onError,
+    accept,
+    disabled,
+    ...props
+  }, ref) => {
+    const [files, setFiles] = React__namespace.useState([]);
+    const [dragActive, setDragActive] = React__namespace.useState(false);
+    const [errorMessage, setErrorMessage] = React__namespace.useState(null);
+    const inputRef = React__namespace.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__ */ jsxRuntime.jsxs("div", { ref, className: tooltip.cn("w-full", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          onDragEnter: handleDrag,
+          onDragLeave: handleDrag,
+          onDragOver: handleDrag,
+          onDrop: handleDrop,
+          onClick: openFileDialog,
+          className: tooltip.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__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "mb-4 h-10 w-10 text-muted-foreground" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mb-2 text-foreground", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: "Click to upload" }),
+              " or drag and drop"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground", children: [
+              maxFiles > 1 ? `Up to ${maxFiles} files` : "1 file",
+              " • Max ",
+              (maxSize / 1024 / 1024).toFixed(0),
+              "MB"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                ...props,
+                ref: inputRef,
+                type: "file",
+                className: "hidden",
+                onChange: handleChange,
+                multiple: maxFiles > 1,
+                accept,
+                disabled
+              }
+            )
+          ]
+        }
+      ),
+      errorMessage && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-4 w-4 shrink-0" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: errorMessage })
+      ] }),
+      showPreview && files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 space-y-2", children: files.map((file, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "flex items-center justify-between rounded-[var(--radius)] border border-border bg-card p-3",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileIcon, { className: "h-5 w-5 text-muted-foreground" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground", children: file.name }),
+                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground", children: [
+                  (file.size / 1024).toFixed(2),
+                  " KB"
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              tooltip.Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  removeFile(index);
+                },
+                disabled,
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
+              }
+            )
+          ]
+        },
+        index
+      )) })
+    ] });
+  }
+);
+FileUpload.displayName = "FileUpload";
+const Rating = React__namespace.forwardRef(
+  ({
+    className,
+    value = 0,
+    onChange,
+    max = 5,
+    readonly = false,
+    disabled = false,
+    size = "md",
+    showValue = false,
+    allowHalf = false,
+    getAriaLabel,
+    ...props
+  }, ref) => {
+    const [hoverValue, setHoverValue] = React__namespace.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__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: tooltip.cn("flex items-center gap-1", disabled && "opacity-50", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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: tooltip.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__ */ jsxRuntime.jsx(lucideReact.Star, { className: tooltip.cn(sizeStyles[size], "fill-none text-muted-foreground") }),
+                  (isFull || isHalf) && /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: tooltip.cn(
+                        "absolute inset-0 overflow-hidden",
+                        isHalf ? "w-1/2" : "w-full"
+                      ),
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Star, { className: tooltip.cn(sizeStyles[size], "fill-warning text-warning") })
+                    }
+                  )
+                ]
+              },
+              index
+            );
+          }) }),
+          showValue && /* @__PURE__ */ jsxRuntime.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__namespace.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__namespace.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__ */ jsxRuntime.jsxs("div", { className: tooltip.cn("relative w-full", containerClassName), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        lucideReact.Search,
+        {
+          "aria-hidden": "true",
+          className: tooltip.cn("absolute top-1/2 -translate-y-1/2 text-muted-foreground", iconSizeClasses[size])
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          ref,
+          type: "text",
+          value: displayValue,
+          onChange: handleChange,
+          onKeyDown: handleKeyDown,
+          className: tooltip.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__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleClear,
+          "aria-label": clearLabel,
+          className: tooltip.cn(
+            "absolute top-1/2 -translate-y-1/2 text-muted-foreground transition-colors hover:text-foreground focus:outline-none",
+            clearSizeClasses[size]
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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.forwardRef(
+  ({ apiKey, ...props }, ref) => {
+    const { isLoaded, loadError, load } = googleMapsLoader.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 = React.useRef(null);
+    const gmpMapRef = React.useRef(null);
+    const directionsRendererRef = React.useRef(null);
+    React.useRef(false);
+    const isCalculatingRef = React.useRef(false);
+    React.useEffect(() => {
+      if (!isLoaded && apiKey && !loadError && load) {
+        load(apiKey).catch(console.error);
+      }
+    }, [isLoaded, apiKey, loadError, load]);
+    React.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]);
+    React.useEffect(() => {
+      if (gmpMapRef.current && origin) {
+        gmpMapRef.current.center = origin;
+      }
+    }, [origin.lat, origin.lng]);
+    React.useEffect(() => {
+      if (gmpMapRef.current) {
+        gmpMapRef.current.zoom = 13;
+      }
+    }, []);
+    React.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__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          className: tooltip.cn(
+            "relative rounded-[var(--radius-card)] border border-destructive/50 overflow-hidden bg-destructive/5",
+            className
+          ),
+          style: { height },
+          ...divProps,
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center space-y-2 p-6", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-destructive", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-12 h-12 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", children: "Failed to load Google Maps" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Check API key in Settings" })
+          ] }) })
+        }
+      );
+    }
+    if (!isLoaded) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          className: tooltip.cn(
+            "relative rounded-[var(--radius-card)] border border-border overflow-hidden bg-muted animate-pulse",
+            className
+          ),
+          style: { height },
+          ...divProps
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: tooltip.cn(
+          "relative rounded-[var(--radius-card)] border border-border overflow-hidden",
+          className
+        ),
+        style: { height },
+        ...divProps,
+        children: /* @__PURE__ */ jsxRuntime.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.forwardRef(
+  (props, ref) => {
+    const { isLoaded, loadError } = googleMapsLoader.useGoogleMapsLoader();
+    const effectiveApiKey = props.apiKey || typeof { url: typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("use-mobile-BzuxjzNX.cjs", document.baseURI).href } !== "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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(RouteMapContent, { ref, ...props, apiKey: effectiveApiKey });
+    }
+    const {
+      origin,
+      destination,
+      waypoints,
+      travelMode,
+      height,
+      apiKey,
+      mapContainerClassName,
+      disableDefaultUI,
+      zoomControl,
+      streetViewControl,
+      mapTypeControl,
+      fullscreenControl,
+      onRouteCalculated,
+      ...divProps
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: tooltip.cn(
+          "relative rounded-[var(--radius-card)] border border-border overflow-hidden bg-muted",
+          props.className
+        ),
+        style: { height: props.height || "450px" },
+        ...divProps,
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-gradient-to-br from-muted/50 to-muted", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center space-y-3 p-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 mx-auto bg-primary/10 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "w-8 h-8 text-primary", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Configure Google Maps API Key in Settings" })
+        ] }) })
+      }
+    );
+  }
+);
+RouteMap.displayName = "RouteMap";
+const SimpleMap = React.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(richTextEditor.ChartContainer, { config, className: tooltip.cn("min-h-[200px] w-full", className), children: /* @__PURE__ */ jsxRuntime.jsxs(RechartsPrimitive.BarChart, { accessibilityLayer: true, data, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive.CartesianGrid, { vertical: false }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      RechartsPrimitive.XAxis,
+      {
+        dataKey: categoryKey,
+        tickLine: false,
+        tickMargin: 10,
+        axisLine: false,
+        tickFormatter: formatTick
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.ChartTooltip, { cursor: false, content: /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.ChartTooltipContent, { indicator: "dashed" }) }),
+    resolvedBars.map((bar) => /* @__PURE__ */ jsxRuntime.jsx(
+      RechartsPrimitive.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__namespace.useState(
+    void 0
+  );
+  React__namespace.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;
+exports.Accordion = Accordion;
+exports.AccordionContent = AccordionContent;
+exports.AccordionItem = AccordionItem;
+exports.AccordionTrigger = AccordionTrigger;
+exports.Alert = Alert;
+exports.AlertDescription = AlertDescription;
+exports.AlertDialog = AlertDialog;
+exports.AlertDialogAction = AlertDialogAction;
+exports.AlertDialogCancel = AlertDialogCancel;
+exports.AlertDialogContent = AlertDialogContent;
+exports.AlertDialogDescription = AlertDialogDescription;
+exports.AlertDialogFooter = AlertDialogFooter;
+exports.AlertDialogHeader = AlertDialogHeader;
+exports.AlertDialogOverlay = AlertDialogOverlay;
+exports.AlertDialogPortal = AlertDialogPortal;
+exports.AlertDialogTitle = AlertDialogTitle;
+exports.AlertDialogTrigger = AlertDialogTrigger;
+exports.AlertTitle = AlertTitle;
+exports.AspectRatio = AspectRatio;
+exports.AssistantChart = AssistantChart;
+exports.Badge = Badge;
+exports.Calendar = Calendar;
+exports.Carousel = Carousel;
+exports.CarouselContent = CarouselContent;
+exports.CarouselItem = CarouselItem;
+exports.CarouselNext = CarouselNext;
+exports.CarouselPrevious = CarouselPrevious;
+exports.Checkbox = Checkbox;
+exports.Collapsible = Collapsible;
+exports.CollapsibleContent = CollapsibleContent;
+exports.CollapsibleTrigger = CollapsibleTrigger;
+exports.Command = Command;
+exports.CommandDialog = CommandDialog;
+exports.CommandEmpty = CommandEmpty;
+exports.CommandGroup = CommandGroup;
+exports.CommandInput = CommandInput;
+exports.CommandItem = CommandItem;
+exports.CommandList = CommandList;
+exports.CommandSeparator = CommandSeparator;
+exports.CommandShortcut = CommandShortcut;
+exports.ContextMenu = ContextMenu;
+exports.ContextMenuCheckboxItem = ContextMenuCheckboxItem;
+exports.ContextMenuContent = ContextMenuContent;
+exports.ContextMenuGroup = ContextMenuGroup;
+exports.ContextMenuItem = ContextMenuItem;
+exports.ContextMenuLabel = ContextMenuLabel;
+exports.ContextMenuPortal = ContextMenuPortal;
+exports.ContextMenuRadioGroup = ContextMenuRadioGroup;
+exports.ContextMenuRadioItem = ContextMenuRadioItem;
+exports.ContextMenuSeparator = ContextMenuSeparator;
+exports.ContextMenuShortcut = ContextMenuShortcut;
+exports.ContextMenuSub = ContextMenuSub;
+exports.ContextMenuSubContent = ContextMenuSubContent;
+exports.ContextMenuSubTrigger = ContextMenuSubTrigger;
+exports.ContextMenuTrigger = ContextMenuTrigger;
+exports.Drawer = Drawer;
+exports.DrawerContent = DrawerContent;
+exports.DrawerDescription = DrawerDescription;
+exports.DrawerFooter = DrawerFooter;
+exports.DrawerHandle = DrawerHandle;
+exports.DrawerHeader = DrawerHeader;
+exports.DrawerOverlay = DrawerOverlay;
+exports.DrawerPortal = DrawerPortal;
+exports.DrawerTitle = DrawerTitle;
+exports.DrawerTrigger = DrawerTrigger;
+exports.Empty = Empty;
+exports.EmptyAction = EmptyAction;
+exports.EmptyDescription = EmptyDescription;
+exports.EmptyIcon = EmptyIcon;
+exports.EmptyImage = EmptyImage;
+exports.EmptyTitle = EmptyTitle;
+exports.FileUpload = FileUpload;
+exports.Form = Form;
+exports.FormControl = FormControl;
+exports.FormDescription = FormDescription;
+exports.FormField = FormField;
+exports.FormItem = FormItem;
+exports.FormLabel = FormLabel;
+exports.FormMessage = FormMessage;
+exports.HoverCard = HoverCard;
+exports.HoverCardContent = HoverCardContent;
+exports.HoverCardTrigger = HoverCardTrigger;
+exports.ImageWithFallback = ImageWithFallback;
+exports.InputOTP = InputOTP;
+exports.InputOTPGroup = InputOTPGroup;
+exports.InputOTPSeparator = InputOTPSeparator;
+exports.InputOTPSlot = InputOTPSlot;
+exports.Label = Label;
+exports.Map = Map$1;
+exports.Menubar = Menubar;
+exports.MenubarCheckboxItem = MenubarCheckboxItem;
+exports.MenubarContent = MenubarContent;
+exports.MenubarGroup = MenubarGroup;
+exports.MenubarItem = MenubarItem;
+exports.MenubarLabel = MenubarLabel;
+exports.MenubarMenu = MenubarMenu;
+exports.MenubarPortal = MenubarPortal;
+exports.MenubarRadioGroup = MenubarRadioGroup;
+exports.MenubarRadioItem = MenubarRadioItem;
+exports.MenubarSeparator = MenubarSeparator;
+exports.MenubarShortcut = MenubarShortcut;
+exports.MenubarSub = MenubarSub;
+exports.MenubarSubContent = MenubarSubContent;
+exports.MenubarSubTrigger = MenubarSubTrigger;
+exports.MenubarTrigger = MenubarTrigger;
+exports.NavigationMenu = NavigationMenu;
+exports.NavigationMenuContent = NavigationMenuContent;
+exports.NavigationMenuIndicator = NavigationMenuIndicator;
+exports.NavigationMenuItem = NavigationMenuItem;
+exports.NavigationMenuLink = NavigationMenuLink;
+exports.NavigationMenuList = NavigationMenuList;
+exports.NavigationMenuTrigger = NavigationMenuTrigger;
+exports.NavigationMenuViewport = NavigationMenuViewport;
+exports.NotificationBadge = NotificationBadge;
+exports.PageHeader = PageHeader;
+exports.PageHeaderDescription = PageHeaderDescription;
+exports.PageHeaderHeading = PageHeaderHeading;
+exports.Pagination = Pagination;
+exports.PaginationContent = PaginationContent;
+exports.PaginationEllipsis = PaginationEllipsis;
+exports.PaginationItem = PaginationItem;
+exports.PaginationLink = PaginationLink;
+exports.PaginationNext = PaginationNext;
+exports.PaginationPrevious = PaginationPrevious;
+exports.Progress = Progress;
+exports.RadioGroup = RadioGroup;
+exports.RadioGroupItem = RadioGroupItem;
+exports.Rating = Rating;
+exports.ResizableHandle = ResizableHandle;
+exports.ResizablePanel = ResizablePanel;
+exports.ResizablePanelGroup = ResizablePanelGroup;
+exports.RouteMap = RouteMap;
+exports.Search = Search;
+exports.Separator = Separator;
+exports.Sheet = Sheet;
+exports.SheetContent = SheetContent;
+exports.SheetDescription = SheetDescription;
+exports.SheetFooter = SheetFooter;
+exports.SheetHeader = SheetHeader;
+exports.SheetPortal = SheetPortal;
+exports.SheetTitle = SheetTitle;
+exports.SheetTrigger = SheetTrigger;
+exports.SimpleMap = SimpleMap;
+exports.Skeleton = Skeleton;
+exports.StatsCard = StatsCard;
+exports.Step = Step;
+exports.Stepper = Stepper;
+exports.Switch = Switch;
+exports.Timeline = Timeline;
+exports.TimelineContent = TimelineContent;
+exports.TimelineDescription = TimelineDescription;
+exports.TimelineDot = TimelineDot;
+exports.TimelineHeading = TimelineHeading;
+exports.TimelineItem = TimelineItem;
+exports.TimelineTime = TimelineTime;
+exports.Toggle = Toggle;
+exports.ToggleGroup = ToggleGroup;
+exports.ToggleGroupItem = ToggleGroupItem;
+exports.TreeView = TreeView;
+exports.badgeVariants = badgeVariants;
+exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle;
+exports.toggleVariants = toggleVariants;
+exports.useFormField = useFormField;
+exports.useIsMobile = useIsMobile;
+exports.useMobile = useMobile;
+exports.useStepper = useStepper;