xertica-ui 2.5.1 → 2.5.3

package/dist/alert-dialog-BtEuQqrg.cjs

@@ -1,870 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const LabelPrimitive = require("@radix-ui/react-label");
-const button = require("./button-Bnv9SvYK.cjs");
-const React = require("react");
-const lucideReact = require("lucide-react");
-const TabsPrimitive = require("@radix-ui/react-tabs");
-const CheckboxPrimitive = require("@radix-ui/react-checkbox");
-const RadioGroupPrimitive = require("@radix-ui/react-radio-group");
-const SwitchPrimitive = require("@radix-ui/react-switch");
-const SeparatorPrimitive = require("@radix-ui/react-separator");
-const client = require("react-dom/client");
-const googleMapsLoader = require("./google-maps-loader-BKcdgFbu.cjs");
-const AlertDialogPrimitive = require("@radix-ui/react-alert-dialog");
-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 LabelPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(LabelPrimitive);
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const TabsPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(TabsPrimitive);
-const CheckboxPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(CheckboxPrimitive);
-const RadioGroupPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadioGroupPrimitive);
-const SwitchPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(SwitchPrimitive);
-const SeparatorPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(SeparatorPrimitive);
-const AlertDialogPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AlertDialogPrimitive);
-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: button.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 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 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: button.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(
-            button.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: button.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: button.cn("text-lg text-muted-foreground sm:text-xl", className), ...props });
-}
-function Tabs({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TabsPrimitive__namespace.Root,
-    {
-      "data-slot": "tabs",
-      className: button.cn("flex flex-col gap-2", className),
-      ...props
-    }
-  );
-}
-function TabsList({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TabsPrimitive__namespace.List,
-    {
-      "data-slot": "tabs-list",
-      className: button.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__ */ jsxRuntime.jsx(
-    TabsPrimitive__namespace.Trigger,
-    {
-      "data-slot": "tabs-trigger",
-      className: button.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__ */ jsxRuntime.jsx(
-    TabsPrimitive__namespace.Content,
-    {
-      "data-slot": "tabs-content",
-      className: button.cn("flex-1 outline-none", 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: button.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: button.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: button.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: button.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: button.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: button.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;
-function Separator({
-  className,
-  orientation = "horizontal",
-  decorative = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SeparatorPrimitive__namespace.Root,
-    {
-      "data-slot": "separator-root",
-      decorative,
-      orientation,
-      className: button.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__ = { "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(() => {
-      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]);
-    React.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 || {});
-    React.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__ */ 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: button.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 font-medium text-foreground", 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: button.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: button.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 = 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("alert-dialog-BtEuQqrg.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(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: button.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.displayName = "Map";
-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: button.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: button.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: button.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: button.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: button.cn("text-lg font-semibold", className),
-      ...props
-    }
-  );
-}
-function AlertDialogDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AlertDialogPrimitive__namespace.Description,
-    {
-      "data-slot": "alert-dialog-description",
-      className: button.cn("text-muted-foreground text-sm", className),
-      ...props
-    }
-  );
-}
-function AlertDialogAction({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Action, { className: button.cn(button.buttonVariants(), className), ...props });
-}
-function AlertDialogCancel({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AlertDialogPrimitive__namespace.Cancel,
-    {
-      className: button.cn(button.buttonVariants({ variant: "outline" }), className),
-      ...props
-    }
-  );
-}
-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.Checkbox = Checkbox;
-exports.ImageWithFallback = ImageWithFallback;
-exports.Label = Label;
-exports.Map = Map;
-exports.PageHeader = PageHeader;
-exports.PageHeaderDescription = PageHeaderDescription;
-exports.PageHeaderHeading = PageHeaderHeading;
-exports.RadioGroup = RadioGroup;
-exports.RadioGroupItem = RadioGroupItem;
-exports.Separator = Separator;
-exports.Switch = Switch;
-exports.Tabs = Tabs;
-exports.TabsContent = TabsContent;
-exports.TabsList = TabsList;
-exports.TabsTrigger = TabsTrigger;
-exports.useMapLayers = useMapLayers;