xertica-ui 2.6.0 → 2.8.0

package/dist/alert-dialog-9XYAn5z5.js

@@ -0,0 +1,819 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { c as cn, B as Button, b as buttonVariants } from './button-DFa-rtPy.js';
+import { ChevronLeft, Check } from 'lucide-react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as React from 'react';
+import React__default, { useRef, useEffect, useState } from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { createRoot } from 'react-dom/client';
+import DOMPurify from 'dompurify';
+import { u as useGoogleMapsLoader } from './google-maps-loader-BOug999f.js';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+
+function Label({
+  className,
+  size = "md",
+  ...props
+}) {
+  const sizeClasses = {
+    sm: "text-xs",
+    md: "text-sm",
+    lg: "text-base"
+  };
+  return /* @__PURE__ */ jsx(
+    LabelPrimitive.Root,
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        sizeClasses[size],
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+function PageHeader({
+  title,
+  subtitle,
+  backHref,
+  onBack,
+  renderBackLink,
+  actions,
+  className,
+  backLabel = "Back"
+}) {
+  const showBack = !!(backHref || onBack || renderBackLink);
+  const icon = /* @__PURE__ */ jsx(ChevronLeft, { className: "h-5 w-5" });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-4 md:flex-row md:items-center md:justify-between mb-8",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
+          showBack && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "icon",
+              className: "h-10 w-10 shrink-0",
+              onClick: onBack,
+              asChild: !!renderBackLink || !!backHref,
+              "aria-label": backLabel,
+              children: renderBackLink ? renderBackLink(icon) : backHref ? /* @__PURE__ */ jsx("a", { href: backHref, children: icon }) : icon
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-1", children: [
+            /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold tracking-tight text-foreground", children: title }),
+            subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: subtitle })
+          ] })
+        ] }),
+        actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: actions })
+      ]
+    }
+  );
+}
+function PageHeaderHeading({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "h1",
+    {
+      className: cn(
+        "text-3xl font-bold leading-tight tracking-tighter md:text-4xl lg:leading-[1.1]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PageHeaderDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("p", { className: cn("text-lg text-muted-foreground sm:text-xl", className), ...props });
+}
+
+function Tabs({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Root,
+    {
+      "data-slot": "tabs",
+      className: cn("flex flex-col gap-2", className),
+      ...props
+    }
+  );
+}
+function TabsList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    {
+      "data-slot": "tabs-list",
+      className: cn(
+        "relative inline-flex h-12 w-fit items-end justify-start border-b border-border bg-transparent",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "relative inline-flex h-12 items-center justify-center gap-1.5 bg-transparent px-4 py-3 text-sm font-medium whitespace-nowrap transition-all duration-200 ease-in-out border-b-2 border-transparent text-muted-foreground hover:text-foreground hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-primary data-[state=active]:border-primary data-[state=active]:bg-transparent [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("flex-1 outline-none", className),
+      ...props
+    }
+  );
+}
+
+const Checkbox = React.forwardRef(({ className, size = "md", ...props }, ref) => {
+  const sizeClasses = {
+    sm: "size-3.5",
+    md: "size-4",
+    lg: "size-5"
+  };
+  const iconSizeClasses = {
+    sm: "size-3",
+    md: "size-3.5",
+    lg: "size-4"
+  };
+  return /* @__PURE__ */ jsx(
+    CheckboxPrimitive.Root,
+    {
+      ref,
+      "data-slot": "checkbox",
+      className: cn(
+        "peer border bg-white dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        sizeClasses[size],
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        CheckboxPrimitive.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "flex items-center justify-center text-current transition-none",
+          children: /* @__PURE__ */ jsx(Check, { className: iconSizeClasses[size] })
+        }
+      )
+    }
+  );
+});
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+const RadioGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { className: cn("grid gap-4", className), ...props, ref }));
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+const RadioGroupItem = React.forwardRef(({ className, size = "md", ...props }, ref) => {
+  const sizeClasses = {
+    sm: "size-4",
+    md: "size-5",
+    lg: "size-6"
+  };
+  const dotSizeClasses = {
+    sm: "size-2",
+    md: "size-2.5",
+    lg: "size-3"
+  };
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Item,
+    {
+      ref,
+      "data-slot": "radio-group-item",
+      className: cn(
+        // Base styles - Material UI inspired
+        "relative aspect-square shrink-0 rounded-full border-2 transition-all duration-200 outline-none cursor-pointer",
+        // Default state - sempre com contorno usando variáveis CSS
+        "border-muted-foreground bg-background",
+        // Hover state - usa variável primary
+        "hover:border-primary hover:shadow-md",
+        // Focus state - usa variável primary
+        "focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
+        // Checked state - mantém contorno com primary
+        "data-[state=checked]:border-primary data-[state=checked]:bg-background",
+        // Disabled state
+        "disabled:cursor-not-allowed disabled:opacity-50 disabled:border-muted",
+        // Invalid state - usa variável destructive
+        "aria-invalid:border-destructive aria-invalid:ring-destructive/20",
+        sizeClasses[size],
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        RadioGroupPrimitive.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "flex items-center justify-center",
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "rounded-full bg-primary transition-all duration-200",
+                dotSizeClasses[size]
+              )
+            }
+          )
+        }
+      )
+    }
+  );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+const Switch = React.forwardRef(({ className, size = "md", ...props }, ref) => {
+  const trackClasses = {
+    sm: "h-3.5 w-7",
+    md: "h-[1.15rem] w-8",
+    lg: "h-[1.375rem] w-10"
+  };
+  const thumbClasses = {
+    sm: "size-3",
+    md: "size-4",
+    lg: "size-5"
+  };
+  return /* @__PURE__ */ jsx(
+    SwitchPrimitive.Root,
+    {
+      className: cn(
+        "peer inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none disabled:cursor-not-allowed disabled:opacity-50",
+        "data-[state=checked]:bg-button-primary",
+        "data-[state=unchecked]:bg-muted",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        trackClasses[size],
+        className
+      ),
+      ...props,
+      ref,
+      children: /* @__PURE__ */ jsx(
+        SwitchPrimitive.Thumb,
+        {
+          className: cn(
+            "pointer-events-none block rounded-full ring-0 transition-transform shadow-sm",
+            "bg-background",
+            "data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0",
+            thumbClasses[size]
+          )
+        }
+      )
+    }
+  );
+});
+Switch.displayName = SwitchPrimitive.Root.displayName;
+
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      "data-slot": "separator-root",
+      decorative,
+      orientation,
+      className: cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+function useMapLayers(map, layers) {
+  const trafficLayerRef = useRef(null);
+  const transitLayerRef = useRef(null);
+  const bicyclingLayerRef = useRef(null);
+  useEffect(() => {
+    if (!map) return;
+    if (layers.traffic) {
+      if (!trafficLayerRef.current) {
+        trafficLayerRef.current = new google.maps.TrafficLayer();
+      }
+      trafficLayerRef.current.setMap(map);
+    } else {
+      if (trafficLayerRef.current) {
+        trafficLayerRef.current.setMap(null);
+      }
+    }
+    return () => {
+      if (trafficLayerRef.current) {
+        trafficLayerRef.current.setMap(null);
+      }
+    };
+  }, [map, layers.traffic]);
+  useEffect(() => {
+    if (!map) return;
+    if (layers.transit) {
+      if (!transitLayerRef.current) {
+        transitLayerRef.current = new google.maps.TransitLayer();
+      }
+      transitLayerRef.current.setMap(map);
+    } else {
+      if (transitLayerRef.current) {
+        transitLayerRef.current.setMap(null);
+      }
+    }
+    return () => {
+      if (transitLayerRef.current) {
+        transitLayerRef.current.setMap(null);
+      }
+    };
+  }, [map, layers.transit]);
+  useEffect(() => {
+    if (!map) return;
+    if (layers.bicycling) {
+      if (!bicyclingLayerRef.current) {
+        bicyclingLayerRef.current = new google.maps.BicyclingLayer();
+      }
+      bicyclingLayerRef.current.setMap(map);
+    } else {
+      if (bicyclingLayerRef.current) {
+        bicyclingLayerRef.current.setMap(null);
+      }
+    }
+    return () => {
+      if (bicyclingLayerRef.current) {
+        bicyclingLayerRef.current.setMap(null);
+      }
+    };
+  }, [map, layers.bicycling]);
+}
+
+const __vite_import_meta_env__ = {"BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false};
+const DEFAULT_CENTER = { lat: -23.5505, lng: -46.6333 };
+const DEFAULT_ZOOM = 12;
+const MapContent = React__default.forwardRef(
+  ({ apiKey, ...props }, ref) => {
+    const { isLoaded, loadError, load } = useGoogleMapsLoader();
+    const {
+      center = DEFAULT_CENTER,
+      zoom = DEFAULT_ZOOM,
+      markers = [],
+      circle,
+      polygon,
+      layers,
+      height = "400px",
+      mapContainerClassName,
+      disableDefaultUI = false,
+      zoomControl = true,
+      streetViewControl = false,
+      mapTypeControl = false,
+      fullscreenControl = true,
+      gestureHandling = "cooperative",
+      onMapLoad,
+      className,
+      ...divProps
+    } = props;
+    const [selectedMarker, setSelectedMarker] = useState(null);
+    const mapRef = useRef(null);
+    const gmpMapRef = useRef(null);
+    const infoWindowRef = useRef(null);
+    const circleRef = useRef(null);
+    const polygonRef = useRef(null);
+    const [themeColors, setThemeColors] = useState({
+      primary: "#4F46E5",
+      chart2: "#10B981"
+    });
+    useEffect(() => {
+      if (typeof window !== "undefined") {
+        const styles = getComputedStyle(document.documentElement);
+        setThemeColors({
+          primary: styles.getPropertyValue("--primary").trim() || "#4F46E5",
+          chart2: styles.getPropertyValue("--chart-2").trim() || "#10B981"
+        });
+      }
+    }, []);
+    useEffect(() => {
+      if (!isLoaded && apiKey && !loadError && load) {
+        load(apiKey).catch(console.error);
+      }
+    }, [isLoaded, apiKey, loadError, load]);
+    useEffect(() => {
+      if (!isLoaded || !gmpMapRef.current) return;
+      const gmpMap = gmpMapRef.current;
+      if (gmpMap.innerMap) {
+        mapRef.current = gmpMap.innerMap;
+        if (onMapLoad) {
+          onMapLoad(gmpMap.innerMap);
+        }
+      } else {
+        const interval = setInterval(() => {
+          if (gmpMap.innerMap) {
+            mapRef.current = gmpMap.innerMap;
+            if (onMapLoad) {
+              onMapLoad(gmpMap.innerMap);
+            }
+            clearInterval(interval);
+          }
+        }, 100);
+        return () => clearInterval(interval);
+      }
+      return () => {
+        mapRef.current = null;
+      };
+    }, [isLoaded]);
+    useEffect(() => {
+      if (gmpMapRef.current) {
+        if (center) gmpMapRef.current.center = center;
+      }
+    }, [center]);
+    useEffect(() => {
+      if (gmpMapRef.current) {
+        if (zoom !== void 0) gmpMapRef.current.zoom = zoom;
+      }
+    }, [zoom]);
+    useEffect(() => {
+      if (gmpMapRef.current) {
+        if (props.mapTypeId) gmpMapRef.current.mapTypeId = props.mapTypeId;
+      }
+    }, [props.mapTypeId]);
+    useEffect(() => {
+      const map = mapRef.current;
+      if (!map || !isLoaded) return;
+      circleRef.current?.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 () => {
+        circleRef.current?.setMap(null);
+      };
+    }, [circle, isLoaded, themeColors, mapRef.current]);
+    useEffect(() => {
+      const map = mapRef.current;
+      if (!map || !isLoaded) return;
+      polygonRef.current?.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 () => {
+        polygonRef.current?.setMap(null);
+      };
+    }, [polygon, isLoaded, themeColors, mapRef.current]);
+    useMapLayers(mapRef.current, layers || {});
+    useEffect(() => {
+      const map = mapRef.current;
+      if (!map || selectedMarker === null) {
+        infoWindowRef.current?.close();
+        return;
+      }
+      const markerData = markers[selectedMarker];
+      if (!markerData) return;
+    }, [selectedMarker, markers]);
+    const handleMarkerClick = (index, markerElement) => {
+      setSelectedMarker(index);
+      const map = mapRef.current;
+      if (!map) return;
+      const markerData = markers[index];
+      if (!markerData) return;
+      let contentToRender = markerData.richContent;
+      if (!contentToRender && (markerData.title || markerData.info)) {
+        contentToRender = /* @__PURE__ */ jsxs("div", { className: "p-4 pr-8 min-w-[200px] max-w-[300px]", children: [
+          markerData.title && /* @__PURE__ */ jsx("h4", { className: "font-semibold text-base mb-1", children: markerData.title }),
+          markerData.info && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: markerData.info })
+        ] });
+      }
+      if (contentToRender && markerElement.innerMarker) {
+        if (!infoWindowRef.current) {
+          infoWindowRef.current = new google.maps.InfoWindow();
+        }
+        const container = document.createElement("div");
+        const root = createRoot(container);
+        root.render(contentToRender);
+        infoWindowRef.current.setContent(container);
+        infoWindowRef.current.open({
+          map,
+          anchor: markerElement.innerMarker
+        });
+        infoWindowRef.current.addListener("closeclick", () => {
+          setSelectedMarker(null);
+          setTimeout(() => root.unmount(), 0);
+        });
+      }
+    };
+    if (loadError) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          className: cn(
+            "relative rounded-[var(--radius-card)] border border-destructive/50 overflow-hidden bg-destructive/5",
+            className
+          ),
+          style: { height },
+          ...divProps,
+          children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "text-center space-y-2 p-6", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-destructive", children: /* @__PURE__ */ jsx(
+              "svg",
+              {
+                className: "w-12 h-12 mx-auto",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "Failed to load Google Maps" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Check API key in Settings" })
+          ] }) })
+        }
+      );
+    }
+    if (!isLoaded) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          className: cn(
+            "relative rounded-[var(--radius-card)] border border-border overflow-hidden bg-muted animate-pulse",
+            className
+          ),
+          style: { height },
+          ...divProps
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "relative rounded-[var(--radius-card)] border border-border overflow-hidden",
+          className
+        ),
+        style: { height },
+        ...divProps,
+        children: /* @__PURE__ */ jsx(
+          "gmp-map",
+          {
+            ref: gmpMapRef,
+            style: { height: "100%", width: "100%", display: "block" },
+            "map-id": props.mapId || "DEMO_MAP_ID",
+            children: markers.map((markerData, idx) => {
+              const markerColor = markerData.customColor || "var(--primary)";
+              const iconColor = markerData.iconColor || "white";
+              return (
+                // @ts-ignore
+                /* @__PURE__ */ jsx(
+                  "gmp-advanced-marker",
+                  {
+                    title: markerData.title,
+                    ref: (el) => {
+                      if (el) {
+                        el.position = markerData.position;
+                        el.addEventListener("gmp-click", () => handleMarkerClick(idx, el));
+                      }
+                    },
+                    children: /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: "flex items-center justify-center w-8 h-8 border-[3px] border-background shadow-lg cursor-pointer origin-center transition-transform duration-200",
+                        style: {
+                          borderRadius: "50% 50% 50% 0",
+                          transform: "rotate(-45deg)",
+                          backgroundColor: markerColor
+                        },
+                        children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center rotate-45", children: markerData.iconSvg ? /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            dangerouslySetInnerHTML: {
+                              __html: DOMPurify.sanitize(markerData.iconSvg, {
+                                USE_PROFILES: { svg: true, svgFilters: true }
+                              })
+                            },
+                            style: { color: iconColor, width: 16, height: 16, fill: "currentColor" }
+                          }
+                        ) : /* @__PURE__ */ jsx("span", { className: "font-semibold text-sm", style: { color: iconColor }, children: markerData.icon || markerData.label || "" }) })
+                      }
+                    )
+                  },
+                  idx
+                )
+              );
+            })
+          }
+        )
+      }
+    );
+  }
+);
+MapContent.displayName = "MapContent";
+const Map = React__default.forwardRef((props, ref) => {
+  const { isLoaded, loadError } = useGoogleMapsLoader();
+  const effectiveApiKey = props.apiKey || typeof import.meta !== "undefined" && __vite_import_meta_env__ && undefined                                         || "";
+  const isValidKey = effectiveApiKey && effectiveApiKey !== "YOUR_GOOGLE_MAPS_API_KEY_HERE" && effectiveApiKey.startsWith("AIza");
+  if (isLoaded || isValidKey || loadError) {
+    return /* @__PURE__ */ jsx(MapContent, { ref, ...props, apiKey: effectiveApiKey });
+  }
+  const isScriptInjected = typeof document !== "undefined" && !!document.querySelector('script[src*="maps.googleapis.com/maps/api/js"]');
+  if (isScriptInjected) {
+    return /* @__PURE__ */ jsx(MapContent, { ref, ...props, apiKey: effectiveApiKey });
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "relative rounded-[var(--radius-card)] border border-border overflow-hidden bg-muted",
+        props.className
+      ),
+      style: { height: props.height || "400px" },
+      children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-muted", children: /* @__PURE__ */ jsxs("div", { className: "text-center space-y-3 p-6", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-16 h-16 mx-auto bg-primary/10 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            className: "w-8 h-8 text-primary",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: [
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z"
+                }
+              )
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Configure Google Maps API Key in Settings" })
+      ] }) })
+    }
+  );
+});
+Map.displayName = "Map";
+
+function AlertDialog({ ...props }) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+}
+function AlertDialogPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Overlay,
+    {
+      ref,
+      "data-slot": "alert-dialog-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+});
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+function AlertDialogContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      AlertDialogPrimitive.Content,
+      {
+        "data-slot": "alert-dialog-content",
+        className: cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+}
+function AlertDialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function AlertDialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      ...props
+    }
+  );
+}
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: cn("text-lg font-semibold", className),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function AlertDialogAction({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, { className: cn(buttonVariants(), className), ...props });
+}
+function AlertDialogCancel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Cancel,
+    {
+      className: cn(buttonVariants({ variant: "outline" }), className),
+      ...props
+    }
+  );
+}
+
+export { AlertDialog as A, Checkbox as C, Label as L, Map as M, PageHeader as P, RadioGroup as R, Separator as S, Tabs as T, AlertDialogAction as a, AlertDialogCancel as b, AlertDialogContent as c, AlertDialogDescription as d, AlertDialogFooter as e, AlertDialogHeader as f, AlertDialogOverlay as g, AlertDialogPortal as h, AlertDialogTitle as i, AlertDialogTrigger as j, PageHeaderDescription as k, PageHeaderHeading as l, RadioGroupItem as m, Switch as n, TabsContent as o, TabsList as p, TabsTrigger as q, useMapLayers as u };