xertica-ui 2.2.1 → 2.4.0

package/dist/alert-dialog-DhwPioBa.cjs

@@ -0,0 +1,885 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const LabelPrimitive = require('@radix-ui/react-label');
+const button = require('./button-0BlA47It.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-casMyxlo.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('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('alert-dialog-DhwPioBa.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;