@almadar/ui 2.4.0 → 2.5.0

package/dist/{chunk-HWZL7IZG.js → chunk-FYYU3CHN.js}

@@ -1,4 +1,4 @@
-import { useTheme, useUISlots } from './chunk-DKQN5FVU.js';
+import { useTheme, useUISlots } from './chunk-YLKXEXBP.js';
 import { useTranslate, useQuerySingleton } from './chunk-GOZKH7QW.js';
 import { useEventBus } from './chunk-YXZM3WCF.js';
 import { cn, debugGroup, debug, debugGroupEnd, getNestedValue, isDebugEnabled } from './chunk-KKCVDUK7.js';
@@ -7,8 +7,8 @@ import { __publicField } from './chunk-PKBMQBKP.js';
 import * as LucideIcons from 'lucide-react';
 import { Loader2, ChevronDown, X, Check, Copy, AlertCircle, User, Sun, Moon, FileQuestion, Inbox, Search, Info, XCircle, CheckCircle, AlertTriangle, ChevronRight, Filter, Plus, ChevronLeft, HelpCircle, ChevronUp, MoreHorizontal, TrendingUp, TrendingDown, Minus, ArrowLeft, Calendar, Tag, Clock, CheckCircle2, DollarSign, FileText, Package } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import * as React47 from 'react';
-import React47__default, { useCallback, useRef, useState, useLayoutEffect, useEffect, lazy, createContext, useMemo, useId, useContext, Suspense } from 'react';
+import * as React50 from 'react';
+import React50__default, { useCallback, useRef, useState, useLayoutEffect, useEffect, lazy, createContext, useMemo, useId, useContext, Suspense } from 'react';
 import { evaluate, createMinimalContext } from '@almadar/evaluator';
 import { createPortal } from 'react-dom';
 import ReactMarkdown from 'react-markdown';
@@ -17,6 +17,9 @@ import remarkMath from 'remark-math';
 import rehypeKatex from 'rehype-katex';
 import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism';
 import dark from 'react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus';
+import { MapContainer, TileLayer, Marker, Popup, useMap } from 'react-leaflet';
+import L from 'leaflet';
+import 'leaflet/dist/leaflet.css';
 
 var iconAliases = {
   "close": LucideIcons.X,
@@ -154,7 +157,7 @@ var iconSizeStyles = {
   md: "h-4 w-4",
   lg: "h-5 w-5"
 };
-var Button = React47__default.forwardRef(
+var Button = React50__default.forwardRef(
   ({
     className,
     variant = "primary",
@@ -212,7 +215,7 @@ var Button = React47__default.forwardRef(
   }
 );
 Button.displayName = "Button";
-var Input = React47__default.forwardRef(
+var Input = React50__default.forwardRef(
   ({
     className,
     inputType,
@@ -324,7 +327,7 @@ var Input = React47__default.forwardRef(
   }
 );
 Input.displayName = "Input";
-var Label = React47__default.forwardRef(
+var Label = React50__default.forwardRef(
   ({ className, required, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "label",
@@ -344,7 +347,7 @@ var Label = React47__default.forwardRef(
   }
 );
 Label.displayName = "Label";
-var Textarea = React47__default.forwardRef(
+var Textarea = React50__default.forwardRef(
   ({ className, error, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "textarea",
@@ -367,7 +370,7 @@ var Textarea = React47__default.forwardRef(
   }
 );
 Textarea.displayName = "Textarea";
-var Select = React47__default.forwardRef(
+var Select = React50__default.forwardRef(
   ({ className, options, placeholder, error, ...props }, ref) => {
     return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsxs(
@@ -403,7 +406,7 @@ var Select = React47__default.forwardRef(
   }
 );
 Select.displayName = "Select";
-var Checkbox = React47__default.forwardRef(
+var Checkbox = React50__default.forwardRef(
   ({ className, label, id, ...props }, ref) => {
     const inputId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
     return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
@@ -469,7 +472,7 @@ var shadowStyles = {
   md: "shadow-[var(--shadow-main)]",
   lg: "shadow-[var(--shadow-lg)]"
 };
-var Card = React47__default.forwardRef(
+var Card = React50__default.forwardRef(
   ({
     className,
     variant = "bordered",
@@ -505,9 +508,9 @@ var Card = React47__default.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React47__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+var CardHeader = React50__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React47__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React50__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -520,11 +523,11 @@ var CardTitle = React47__default.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardContent = React47__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+var CardContent = React50__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
 CardContent.displayName = "CardContent";
 var CardBody = CardContent;
 CardBody.displayName = "CardBody";
-var CardFooter = React47__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React50__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -570,20 +573,28 @@ var sizeStyles2 = {
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
 };
-var Badge = React47__default.forwardRef(
-  ({ className, variant = "default", size = "sm", label, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
+var Badge = React50__default.forwardRef(
+  ({ className, variant = "default", size = "sm", label, icon, children, ...props }, ref) => {
+    const iconSizes2 = { sm: "w-3 h-3", md: "w-3.5 h-3.5", lg: "w-4 h-4" };
+    const resolvedIcon = typeof icon === "string" ? (() => {
+      const I = resolveIcon(icon);
+      return I ? /* @__PURE__ */ jsx(I, { className: iconSizes2[size] }) : null;
+    })() : icon;
+    return /* @__PURE__ */ jsxs(
       "span",
       {
         ref,
         className: cn(
-          "inline-flex items-center font-bold rounded-[var(--radius-sm)]",
+          "inline-flex items-center gap-1 font-bold rounded-[var(--radius-sm)]",
           variantStyles3[variant],
           sizeStyles2[size],
           className
         ),
         ...props,
-        children: children || label
+        children: [
+          resolvedIcon,
+          children || label
+        ]
       }
     );
   }
@@ -595,7 +606,7 @@ var sizeStyles3 = {
   md: "h-6 w-6",
   lg: "h-8 w-8"
 };
-var Spinner = React47__default.forwardRef(
+var Spinner = React50__default.forwardRef(
   ({ className, size = "md", ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -860,7 +871,7 @@ var positionStyles = {
   fixed: "fixed",
   sticky: "sticky"
 };
-var Box = React47__default.forwardRef(
+var Box = React50__default.forwardRef(
   ({
     padding,
     paddingX,
@@ -1205,7 +1216,7 @@ var ProgressBar = ({
   return null;
 };
 ProgressBar.displayName = "ProgressBar";
-var Radio = React47__default.forwardRef(
+var Radio = React50__default.forwardRef(
   ({
     label,
     helperText,
@@ -1309,7 +1320,7 @@ var Radio = React47__default.forwardRef(
   }
 );
 Radio.displayName = "Radio";
-var Switch = React47.forwardRef(
+var Switch = React50.forwardRef(
   ({
     checked,
     defaultChecked = false,
@@ -1320,10 +1331,10 @@ var Switch = React47.forwardRef(
     name,
     className
   }, ref) => {
-    const [isChecked, setIsChecked] = React47.useState(
+    const [isChecked, setIsChecked] = React50.useState(
       checked !== void 0 ? checked : defaultChecked
     );
-    React47.useEffect(() => {
+    React50.useEffect(() => {
       if (checked !== void 0) {
         setIsChecked(checked);
       }
@@ -1994,8 +2005,8 @@ var LawReferenceTooltip = ({
   position = "top",
   className
 }) => {
-  const [isVisible, setIsVisible] = React47__default.useState(false);
-  const timeoutRef = React47__default.useRef(null);
+  const [isVisible, setIsVisible] = React50__default.useState(false);
+  const timeoutRef = React50__default.useRef(null);
   const handleMouseEnter = () => {
     if (timeoutRef.current) clearTimeout(timeoutRef.current);
     timeoutRef.current = setTimeout(() => setIsVisible(true), 200);
@@ -2004,7 +2015,7 @@ var LawReferenceTooltip = ({
     if (timeoutRef.current) clearTimeout(timeoutRef.current);
     setIsVisible(false);
   };
-  React47__default.useEffect(() => {
+  React50__default.useEffect(() => {
     return () => {
       if (timeoutRef.current) clearTimeout(timeoutRef.current);
     };
@@ -2253,9 +2264,9 @@ function ScoreDisplay({
   animated = true,
   locale = "en-US"
 }) {
-  const [displayValue, setDisplayValue] = React47.useState(value);
-  const [isAnimating, setIsAnimating] = React47.useState(false);
-  React47.useEffect(() => {
+  const [displayValue, setDisplayValue] = React50.useState(value);
+  const [isAnimating, setIsAnimating] = React50.useState(false);
+  React50.useEffect(() => {
     if (!animated || displayValue === value) {
       setDisplayValue(value);
       return;
@@ -2328,9 +2339,9 @@ function ControlButton({
   className
 }) {
   const eventBus = useEventBus();
-  const [isPressed, setIsPressed] = React47.useState(false);
+  const [isPressed, setIsPressed] = React50.useState(false);
   const actualPressed = pressed ?? isPressed;
-  const handlePointerDown = React47.useCallback(
+  const handlePointerDown = React50.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -2340,7 +2351,7 @@ function ControlButton({
     },
     [disabled, pressEvent, eventBus, onPress]
   );
-  const handlePointerUp = React47.useCallback(
+  const handlePointerUp = React50.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -2350,7 +2361,7 @@ function ControlButton({
     },
     [disabled, releaseEvent, eventBus, onRelease]
   );
-  const handlePointerLeave = React47.useCallback(
+  const handlePointerLeave = React50.useCallback(
     (e) => {
       if (isPressed) {
         setIsPressed(false);
@@ -2578,7 +2589,7 @@ var ErrorState = ({
   );
 };
 ErrorState.displayName = "ErrorState";
-var ErrorBoundary = class extends React47__default.Component {
+var ErrorBoundary = class extends React50__default.Component {
   constructor(props) {
     super(props);
     __publicField(this, "reset", () => {
@@ -4186,8 +4197,8 @@ var Menu = ({
     "bottom-start": "top-full left-0 mt-2",
     "bottom-end": "top-full right-0 mt-2"
   };
-  const triggerChild = React47__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
-  const triggerElement = React47__default.cloneElement(
+  const triggerChild = React50__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
+  const triggerElement = React50__default.cloneElement(
     triggerChild,
     {
       ref: triggerRef,
@@ -4649,8 +4660,8 @@ var Popover = ({
     onMouseEnter: handleOpen,
     onMouseLeave: handleClose
   };
-  const childElement = React47__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-  const triggerElement = React47__default.cloneElement(
+  const childElement = React50__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+  const triggerElement = React50__default.cloneElement(
     childElement,
     {
       ref: triggerRef,
@@ -5380,8 +5391,8 @@ var Tooltip = ({
       if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
     };
   }, []);
-  const triggerElement = React47__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-  const trigger = React47__default.cloneElement(triggerElement, {
+  const triggerElement = React50__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+  const trigger = React50__default.cloneElement(triggerElement, {
     ref: triggerRef,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
@@ -5630,7 +5641,7 @@ var WizardProgress = ({
       children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: steps.map((step, index) => {
         const isActive = index === currentStep;
         const isCompleted = index < currentStep;
-        return /* @__PURE__ */ jsxs(React47__default.Fragment, { children: [
+        return /* @__PURE__ */ jsxs(React50__default.Fragment, { children: [
           /* @__PURE__ */ jsx(
             "button",
             {
@@ -5760,7 +5771,7 @@ var WizardNavigation = ({
   );
 };
 WizardNavigation.displayName = "WizardNavigation";
-var MarkdownContent = React47__default.memo(
+var MarkdownContent = React50__default.memo(
   ({ content, direction, className }) => {
     const { t: _t } = useTranslate();
     return /* @__PURE__ */ jsx(
@@ -5861,7 +5872,7 @@ var MarkdownContent = React47__default.memo(
   (prev, next) => prev.content === next.content && prev.className === next.className && prev.direction === next.direction
 );
 MarkdownContent.displayName = "MarkdownContent";
-var CodeBlock = React47__default.memo(
+var CodeBlock = React50__default.memo(
   ({
     code,
     language = "text",
@@ -6848,6 +6859,266 @@ var ProgressDots = ({
   }) });
 };
 ProgressDots.displayName = "ProgressDots";
+var sizeMap5 = {
+  sm: { button: "sm", gap: "gap-0.5", container: "w-28" },
+  md: { button: "md", gap: "gap-1", container: "w-40" },
+  lg: { button: "lg", gap: "gap-1.5", container: "w-52" }
+};
+var arrowIcons = {
+  up: "\u25B2",
+  down: "\u25BC",
+  left: "\u25C0",
+  right: "\u25B6"
+};
+function DPad({
+  onDirection,
+  directionEvent,
+  size = "md",
+  includeDiagonals = false,
+  className,
+  disabled
+}) {
+  const eventBus = useEventBus();
+  const sizes = sizeMap5[size];
+  const [activeDirections, setActiveDirections] = React50.useState(/* @__PURE__ */ new Set());
+  const handlePress = React50.useCallback(
+    (direction) => {
+      setActiveDirections((prev) => new Set(prev).add(direction));
+      if (directionEvent) eventBus.emit(`UI:${directionEvent}`, { direction, pressed: true });
+      onDirection?.(direction, true);
+    },
+    [directionEvent, eventBus, onDirection]
+  );
+  const handleRelease = React50.useCallback(
+    (direction) => {
+      setActiveDirections((prev) => {
+        const next = new Set(prev);
+        next.delete(direction);
+        return next;
+      });
+      if (directionEvent) eventBus.emit(`UI:${directionEvent}`, { direction, pressed: false });
+      onDirection?.(direction, false);
+    },
+    [directionEvent, eventBus, onDirection]
+  );
+  const createButton = (direction) => /* @__PURE__ */ jsx(
+    ControlButton,
+    {
+      icon: arrowIcons[direction],
+      size: sizes.button,
+      variant: "secondary",
+      pressed: activeDirections.has(direction),
+      onPress: () => handlePress(direction),
+      onRelease: () => handleRelease(direction),
+      disabled
+    },
+    direction
+  );
+  return /* @__PURE__ */ jsxs("div", { className: cn("inline-grid grid-cols-3", sizes.gap, sizes.container, className), children: [
+    /* @__PURE__ */ jsx("div", {}),
+    createButton("up"),
+    /* @__PURE__ */ jsx("div", {}),
+    createButton("left"),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "w-6 h-6 rounded-full bg-gray-700 border-2 border-gray-600" }) }),
+    createButton("right"),
+    /* @__PURE__ */ jsx("div", {}),
+    createButton("down"),
+    /* @__PURE__ */ jsx("div", {})
+  ] });
+}
+DPad.displayName = "DPad";
+var sizeMap6 = {
+  sm: "sm",
+  md: "md",
+  lg: "lg"
+};
+var layoutMap = {
+  horizontal: "flex flex-row gap-2",
+  vertical: "flex flex-col gap-2",
+  diamond: "grid grid-cols-3 gap-1"
+};
+function ActionButtons({
+  buttons,
+  onAction,
+  actionEvent,
+  layout = "horizontal",
+  size = "md",
+  className,
+  disabled
+}) {
+  const eventBus = useEventBus();
+  const [activeButtons, setActiveButtons] = React50.useState(/* @__PURE__ */ new Set());
+  const handlePress = React50.useCallback(
+    (id) => {
+      setActiveButtons((prev) => new Set(prev).add(id));
+      if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { id, pressed: true });
+      onAction?.(id, true);
+    },
+    [actionEvent, eventBus, onAction]
+  );
+  const handleRelease = React50.useCallback(
+    (id) => {
+      setActiveButtons((prev) => {
+        const next = new Set(prev);
+        next.delete(id);
+        return next;
+      });
+      if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { id, pressed: false });
+      onAction?.(id, false);
+    },
+    [actionEvent, eventBus, onAction]
+  );
+  if (layout === "diamond" && buttons.length === 4) {
+    const [top, right, bottom, left] = buttons;
+    return /* @__PURE__ */ jsxs("div", { className: cn(layoutMap[layout], className), children: [
+      /* @__PURE__ */ jsx("div", {}),
+      /* @__PURE__ */ jsx(
+        ControlButton,
+        {
+          icon: top.icon,
+          label: top.label,
+          size: sizeMap6[size],
+          variant: top.variant,
+          pressed: activeButtons.has(top.id),
+          onPress: () => handlePress(top.id),
+          onRelease: () => handleRelease(top.id),
+          disabled
+        }
+      ),
+      /* @__PURE__ */ jsx("div", {}),
+      /* @__PURE__ */ jsx(
+        ControlButton,
+        {
+          icon: left.icon,
+          label: left.label,
+          size: sizeMap6[size],
+          variant: left.variant,
+          pressed: activeButtons.has(left.id),
+          onPress: () => handlePress(left.id),
+          onRelease: () => handleRelease(left.id),
+          disabled
+        }
+      ),
+      /* @__PURE__ */ jsx("div", {}),
+      /* @__PURE__ */ jsx(
+        ControlButton,
+        {
+          icon: right.icon,
+          label: right.label,
+          size: sizeMap6[size],
+          variant: right.variant,
+          pressed: activeButtons.has(right.id),
+          onPress: () => handlePress(right.id),
+          onRelease: () => handleRelease(right.id),
+          disabled
+        }
+      ),
+      /* @__PURE__ */ jsx("div", {}),
+      /* @__PURE__ */ jsx(
+        ControlButton,
+        {
+          icon: bottom.icon,
+          label: bottom.label,
+          size: sizeMap6[size],
+          variant: bottom.variant,
+          pressed: activeButtons.has(bottom.id),
+          onPress: () => handlePress(bottom.id),
+          onRelease: () => handleRelease(bottom.id),
+          disabled
+        }
+      ),
+      /* @__PURE__ */ jsx("div", {})
+    ] });
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn(layoutMap[layout], className), children: buttons.map((button) => /* @__PURE__ */ jsx(
+    ControlButton,
+    {
+      icon: button.icon,
+      label: button.label,
+      size: sizeMap6[size],
+      variant: button.variant,
+      pressed: activeButtons.has(button.id),
+      onPress: () => handlePress(button.id),
+      onRelease: () => handleRelease(button.id),
+      disabled
+    },
+    button.id
+  )) });
+}
+ActionButtons.displayName = "ActionButtons";
+var sizeMap7 = {
+  sm: "text-xs px-2 py-1",
+  md: "text-sm px-3 py-1.5",
+  lg: "text-base px-4 py-2"
+};
+var variantMap2 = {
+  default: "bg-gray-800/80 border-gray-700",
+  primary: "bg-blue-900/80 border-blue-700",
+  success: "bg-green-900/80 border-green-700",
+  warning: "bg-yellow-900/80 border-yellow-700",
+  danger: "bg-red-900/80 border-red-700"
+};
+function StatBadge({
+  label,
+  value = 0,
+  max,
+  format = "number",
+  icon,
+  size = "md",
+  variant = "default",
+  className,
+  // Ignored config props (used for schema binding)
+  source: _source,
+  field: _field
+}) {
+  const numValue = typeof value === "number" ? value : parseInt(String(value), 10) || 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "inline-flex items-center gap-2 rounded-lg border backdrop-blur-sm",
+        sizeMap7[size] ?? sizeMap7.md,
+        variantMap2[variant] ?? variantMap2.default,
+        className
+      ),
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 text-lg", children: typeof icon === "string" ? (() => {
+          const I = resolveIcon(icon);
+          return I ? /* @__PURE__ */ jsx(I, { className: "w-4 h-4" }) : icon;
+        })() : icon }),
+        /* @__PURE__ */ jsx("span", { className: "text-gray-400 font-medium", children: label }),
+        format === "hearts" && max && /* @__PURE__ */ jsx(
+          HealthBar,
+          {
+            current: numValue,
+            max,
+            format: "hearts",
+            size: size === "lg" ? "md" : "sm"
+          }
+        ),
+        format === "bar" && max && /* @__PURE__ */ jsx(
+          HealthBar,
+          {
+            current: numValue,
+            max,
+            format: "bar",
+            size: size === "lg" ? "md" : "sm"
+          }
+        ),
+        format === "number" && /* @__PURE__ */ jsx(
+          ScoreDisplay,
+          {
+            value: numValue,
+            size: size === "lg" ? "md" : "sm",
+            animated: true
+          }
+        ),
+        format === "text" && /* @__PURE__ */ jsx("span", { className: "font-bold text-white", children: value })
+      ]
+    }
+  );
+}
+StatBadge.displayName = "StatBadge";
 var GROUP_COLORS = [
   "#3b82f6",
   // blue-500
@@ -7161,6 +7432,119 @@ var GraphView = ({
   );
 };
 GraphView.displayName = "GraphView";
+var defaultIcon = L.icon({
+  iconUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png",
+  iconRetinaUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png",
+  shadowUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png",
+  iconSize: [25, 41],
+  iconAnchor: [12, 41],
+  popupAnchor: [1, -34],
+  shadowSize: [41, 41]
+});
+L.Marker.prototype.options.icon = defaultIcon;
+function MapUpdater({ centerLat, centerLng, zoom }) {
+  const map = useMap();
+  const prevRef = useRef({ centerLat, centerLng, zoom });
+  useEffect(() => {
+    const prev = prevRef.current;
+    if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
+      map.setView([centerLat, centerLng], zoom);
+      prevRef.current = { centerLat, centerLng, zoom };
+    }
+  }, [map, centerLat, centerLng, zoom]);
+  return null;
+}
+function MapClickHandler({ onMapClick }) {
+  const map = useMap();
+  useEffect(() => {
+    if (!onMapClick) return;
+    const handler = (e) => {
+      onMapClick(e.latlng.lat, e.latlng.lng);
+    };
+    map.on("click", handler);
+    return () => {
+      map.off("click", handler);
+    };
+  }, [map, onMapClick]);
+  return null;
+}
+function MapView({
+  markers = [],
+  centerLat = 51.505,
+  centerLng = -0.09,
+  zoom = 13,
+  height = "400px",
+  onMarkerClick,
+  onMapClick,
+  mapClickEvent,
+  markerClickEvent,
+  showClickedPin = false,
+  className,
+  showAttribution = true
+}) {
+  const eventBus = useEventBus();
+  const [clickedPosition, setClickedPosition] = useState(null);
+  const handleMapClick = useCallback((lat, lng) => {
+    if (showClickedPin) {
+      setClickedPosition({ lat, lng });
+    }
+    onMapClick?.(lat, lng);
+    if (mapClickEvent) {
+      eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
+    }
+  }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
+  const handleMarkerClick = useCallback((marker) => {
+    onMarkerClick?.(marker);
+    if (markerClickEvent) {
+      eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
+    }
+  }, [onMarkerClick, markerClickEvent, eventBus]);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: cn("relative w-full overflow-hidden rounded-lg", className),
+      style: { height },
+      "data-testid": "map-view",
+      children: /* @__PURE__ */ jsxs(
+        MapContainer,
+        {
+          center: [centerLat, centerLng],
+          zoom,
+          style: { height: "100%", width: "100%" },
+          attributionControl: showAttribution,
+          children: [
+            /* @__PURE__ */ jsx(
+              TileLayer,
+              {
+                url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
+                attribution: showAttribution ? '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>' : void 0
+              }
+            ),
+            /* @__PURE__ */ jsx(MapUpdater, { centerLat, centerLng, zoom }),
+            /* @__PURE__ */ jsx(MapClickHandler, { onMapClick: handleMapClick }),
+            showClickedPin && clickedPosition && /* @__PURE__ */ jsx(Marker, { position: [clickedPosition.lat, clickedPosition.lng], children: /* @__PURE__ */ jsx(Popup, { children: /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+              clickedPosition.lat.toFixed(5),
+              ", ",
+              clickedPosition.lng.toFixed(5)
+            ] }) }) }),
+            markers.map((marker) => /* @__PURE__ */ jsx(
+              Marker,
+              {
+                position: [marker.lat, marker.lng],
+                eventHandlers: onMarkerClick || markerClickEvent ? { click: () => handleMarkerClick(marker) } : void 0,
+                children: marker.label ? /* @__PURE__ */ jsxs(Popup, { children: [
+                  /* @__PURE__ */ jsx(Typography, { variant: "body2", children: marker.label }),
+                  marker.category ? /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: marker.category }) : null
+                ] }) : null
+              },
+              marker.id
+            ))
+          ]
+        }
+      )
+    }
+  );
+}
 function fieldLabel(key) {
   return key.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
 }
@@ -7975,7 +8359,7 @@ var StatCard = ({
   trend: manualTrend,
   trendDirection: manualDirection,
   invertTrend = false,
-  icon: Icon2,
+  icon: iconProp,
   iconBg = "bg-[var(--color-muted)]",
   iconColor = "text-[var(--color-foreground)]",
   subtitle,
@@ -7987,10 +8371,11 @@ var StatCard = ({
   isLoading: externalLoading,
   error: externalError
 }) => {
+  const Icon2 = typeof iconProp === "string" ? resolveIcon(iconProp) ?? void 0 : iconProp;
   const labelToUse = propLabel ?? propTitle;
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const handleActionClick = React47__default.useCallback(() => {
+  const handleActionClick = React50__default.useCallback(() => {
     if (action?.event) {
       eventBus.emit(`UI:${action.event}`, {});
     }
@@ -8001,7 +8386,7 @@ var StatCard = ({
   const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const isLoading = externalLoading ?? false;
   const error = externalError;
-  const computeMetricValue = React47__default.useCallback(
+  const computeMetricValue = React50__default.useCallback(
     (metric, items) => {
       if (metric.value !== void 0) {
         return metric.value;
@@ -8040,7 +8425,7 @@ var StatCard = ({
     },
     []
   );
-  const schemaStats = React47__default.useMemo(() => {
+  const schemaStats = React50__default.useMemo(() => {
     if (!metrics || metrics.length === 0) return null;
     return metrics.map((metric) => ({
       label: metric.label,
@@ -8048,7 +8433,7 @@ var StatCard = ({
       format: metric.format
     }));
   }, [metrics, data, computeMetricValue]);
-  const calculatedTrend = React47__default.useMemo(() => {
+  const calculatedTrend = React50__default.useMemo(() => {
     if (manualTrend !== void 0) return manualTrend;
     if (previousValue === void 0 || currentValue === void 0)
       return void 0;
@@ -8184,7 +8569,7 @@ var PageHeader = ({
     info: "bg-[var(--color-info)]/10 text-[var(--color-info)]"
   };
   return /* @__PURE__ */ jsxs(Box, { className: cn("mb-6", className), children: [
-    breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React47__default.Fragment, { children: [
+    breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React50__default.Fragment, { children: [
       idx > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "/" }),
       crumb.href ? /* @__PURE__ */ jsx(
         "a",
@@ -8817,7 +9202,7 @@ var Form = ({
   const normalizedInitialData = initialData ?? {};
   const resolvedEntity = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
   const entityName = typeof entity === "string" ? entity : resolvedEntity?.name;
-  const entityDerivedFields = React47__default.useMemo(() => {
+  const entityDerivedFields = React50__default.useMemo(() => {
     if (fields && fields.length > 0) return void 0;
     if (!resolvedEntity) return void 0;
     return resolvedEntity.fields.map(
@@ -8836,14 +9221,14 @@ var Form = ({
   const conditionalFields = typeof conditionalFieldsRaw === "boolean" ? {} : conditionalFieldsRaw;
   const hiddenCalculations = typeof hiddenCalculationsRaw === "boolean" ? [] : hiddenCalculationsRaw;
   const violationTriggers = typeof violationTriggersRaw === "boolean" ? [] : violationTriggersRaw;
-  const [formData, setFormData] = React47__default.useState(
+  const [formData, setFormData] = React50__default.useState(
     normalizedInitialData
   );
-  const [collapsedSections, setCollapsedSections] = React47__default.useState(
+  const [collapsedSections, setCollapsedSections] = React50__default.useState(
     /* @__PURE__ */ new Set()
   );
   const shouldShowCancel = showCancel ?? (fields && fields.length > 0);
-  const evalContext = React47__default.useMemo(
+  const evalContext = React50__default.useMemo(
     () => ({
       formValues: formData,
       globalVariables: externalContext?.globalVariables ?? {},
@@ -8852,13 +9237,13 @@ var Form = ({
     }),
     [formData, externalContext]
   );
-  React47__default.useEffect(() => {
+  React50__default.useEffect(() => {
     const data = initialData;
     if (data && Object.keys(data).length > 0) {
       setFormData(data);
     }
   }, [initialData]);
-  const processCalculations = React47__default.useCallback(
+  const processCalculations = React50__default.useCallback(
     (changedFieldId, newFormData) => {
       if (!hiddenCalculations.length) return;
       const context = {
@@ -8883,7 +9268,7 @@ var Form = ({
     },
     [hiddenCalculations, externalContext, eventBus]
   );
-  const checkViolations = React47__default.useCallback(
+  const checkViolations = React50__default.useCallback(
     (changedFieldId, newFormData) => {
       if (!violationTriggers.length) return;
       const context = {
@@ -8920,7 +9305,7 @@ var Form = ({
     processCalculations(name, newFormData);
     checkViolations(name, newFormData);
   };
-  const isFieldVisible = React47__default.useCallback(
+  const isFieldVisible = React50__default.useCallback(
     (fieldName) => {
       const condition = conditionalFields[fieldName];
       if (!condition) return true;
@@ -8928,7 +9313,7 @@ var Form = ({
     },
     [conditionalFields, evalContext]
   );
-  const isSectionVisible = React47__default.useCallback(
+  const isSectionVisible = React50__default.useCallback(
     (section) => {
       if (!section.condition) return true;
       return Boolean(evaluateFormExpression(section.condition, evalContext));
@@ -8960,7 +9345,7 @@ var Form = ({
       eventBus.emit(`UI:${onCancel}`);
     }
   };
-  const renderField = React47__default.useCallback(
+  const renderField = React50__default.useCallback(
     (field) => {
       const fieldName = field.name || field.field;
       if (!fieldName) return null;
@@ -8981,7 +9366,7 @@ var Form = ({
     [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
   );
   const effectiveFields = entityDerivedFields ?? fields;
-  const normalizedFields = React47__default.useMemo(() => {
+  const normalizedFields = React50__default.useMemo(() => {
     if (!effectiveFields || effectiveFields.length === 0) return [];
     return effectiveFields.map((field) => {
       if (typeof field === "string") {
@@ -8990,7 +9375,7 @@ var Form = ({
       return field;
     });
   }, [effectiveFields]);
-  const schemaFields = React47__default.useMemo(() => {
+  const schemaFields = React50__default.useMemo(() => {
     if (normalizedFields.length === 0) return null;
     if (isDebugEnabled()) {
       debugGroup(`Form: ${entityName || "unknown"}`);
@@ -9000,7 +9385,7 @@ var Form = ({
     }
     return normalizedFields.map(renderField).filter(Boolean);
   }, [normalizedFields, renderField, entityName, conditionalFields]);
-  const sectionElements = React47__default.useMemo(() => {
+  const sectionElements = React50__default.useMemo(() => {
     if (!sections || sections.length === 0) return null;
     return sections.map((section) => {
       if (!isSectionVisible(section)) {
@@ -9583,14 +9968,14 @@ function SpacerPattern({ size = "flex" }) {
   if (size === "flex") {
     return /* @__PURE__ */ jsx(Spacer, {});
   }
-  const sizeMap5 = {
+  const sizeMap8 = {
     xs: "0.25rem",
     sm: "0.5rem",
     md: "1rem",
     lg: "1.5rem",
     xl: "2rem"
   };
-  return /* @__PURE__ */ jsx(Box, { style: { width: sizeMap5[size], height: sizeMap5[size], flexShrink: 0 } });
+  return /* @__PURE__ */ jsx(Box, { style: { width: sizeMap8[size], height: sizeMap8[size], flexShrink: 0 } });
 }
 SpacerPattern.displayName = "SpacerPattern";
 function DividerPattern({
@@ -9851,7 +10236,7 @@ function InputPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React47__default.useState(value);
+  const [localValue, setLocalValue] = React50__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -9888,7 +10273,7 @@ function TextareaPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React47__default.useState(value);
+  const [localValue, setLocalValue] = React50__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -9919,7 +10304,7 @@ function SelectPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React47__default.useState(value);
+  const [localValue, setLocalValue] = React50__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -9948,7 +10333,7 @@ function CheckboxPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localChecked, setLocalChecked] = React47__default.useState(checked);
+  const [localChecked, setLocalChecked] = React50__default.useState(checked);
   const handleChange = (e) => {
     setLocalChecked(e.target.checked);
     if (onChange) {
@@ -10125,6 +10510,35 @@ function FloatButtonPattern({
   );
 }
 FloatButtonPattern.displayName = "FloatButtonPattern";
+function MapViewPattern({
+  markers,
+  centerLat,
+  centerLng,
+  zoom,
+  height,
+  mapClickEvent,
+  markerClickEvent,
+  showClickedPin,
+  className,
+  showAttribution
+}) {
+  return /* @__PURE__ */ jsx(
+    MapView,
+    {
+      markers,
+      centerLat,
+      centerLng,
+      zoom,
+      height,
+      mapClickEvent,
+      markerClickEvent,
+      showClickedPin,
+      className,
+      showAttribution
+    }
+  );
+}
+MapViewPattern.displayName = "MapViewPattern";
 var ALLOWED_CUSTOM_COMPONENTS = [
   "div",
   "span",
@@ -10349,7 +10763,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React47__default.createElement(
+  return React50__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -10425,6 +10839,8 @@ var COMPONENT_REGISTRY = {
   ContainerPattern,
   SimpleGridPattern,
   FloatButtonPattern,
+  // Map patterns
+  MapViewPattern,
   // Custom pattern
   CustomPattern
 };
@@ -10487,7 +10903,9 @@ var PATTERN_TO_COMPONENT = {
   "simple-grid": "SimpleGridPattern",
   "float-button": "FloatButtonPattern",
   // Custom pattern
-  custom: "CustomPattern"
+  custom: "CustomPattern",
+  // Map patterns
+  "map-view": "MapViewPattern"
 };
 function getComponentForPattern(patternType) {
   const componentName = PATTERN_TO_COMPONENT[patternType];
@@ -10830,4 +11248,4 @@ function UISlotRenderer({
 }
 UISlotRenderer.displayName = "UISlotRenderer";
 
-export { Accordion, Alert, Avatar, Badge, Box, Breadcrumb, Button, ButtonGroup, CalendarGrid, Card, Card2, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Center, ChartLegend, Checkbox, CodeBlock, ConditionalWrapper, Container, ControlButton, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DetailPanel, Divider, Drawer, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormField, FormSectionHeader, GraphView, Grid, HStack, Heading, HealthBar, Icon, Input, InputGroup, Label, LawReferenceTooltip, LineChart, LoadingState, MarkdownContent, MasterDetail, Menu, Modal, Overlay, PageHeader, Pagination, Popover, ProgressBar, ProgressDots, QuizBlock, Radio, RelationSelect, RepeatableFormSection, ScaledDiagram, ScoreDisplay, SearchInput, Select, SidePanel, SimpleGrid, Skeleton, SlotContentRenderer, Spacer, Spinner, Sprite, Stack, StatCard, StateIndicator, SuspenseConfigProvider, Switch, Tabs, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Toast, Tooltip, Typography, UISlotComponent, UISlotRenderer, VStack, ViolationAlert, WizardNavigation, WizardProgress, drawSprite };
+export { Accordion, ActionButtons, Alert, Avatar, Badge, Box, Breadcrumb, Button, ButtonGroup, CalendarGrid, Card, Card2, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Center, ChartLegend, Checkbox, CodeBlock, ConditionalWrapper, Container, ControlButton, DPad, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DetailPanel, Divider, Drawer, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormField, FormSectionHeader, GraphView, Grid, HStack, Heading, HealthBar, Icon, Input, InputGroup, Label, LawReferenceTooltip, LineChart, LoadingState, MapView, MarkdownContent, MasterDetail, Menu, Modal, Overlay, PageHeader, Pagination, Popover, ProgressBar, ProgressDots, QuizBlock, Radio, RelationSelect, RepeatableFormSection, ScaledDiagram, ScoreDisplay, SearchInput, Select, SidePanel, SimpleGrid, Skeleton, SlotContentRenderer, Spacer, Spinner, Sprite, Stack, StatBadge, StatCard, StateIndicator, SuspenseConfigProvider, Switch, Tabs, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Toast, Tooltip, Typography, UISlotComponent, UISlotRenderer, VStack, ViolationAlert, WizardNavigation, WizardProgress, drawSprite };