@contractspec/lib.ui-kit-web 1.56.1 → 1.58.0

package/dist/browser/ui/input-otp.js

@@ -0,0 +1,60 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/input-otp.tsx
+import * as React from "react";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { Dot } from "lucide-react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var InputOTP = React.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsxDEV(OTPInput, {
+  ref,
+  containerClassName: cn("flex items-center gap-2 has-disabled:opacity-50", containerClassName),
+  className: cn("disabled:cursor-not-allowed", className),
+  ...props
+}, undefined, false, undefined, this));
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV("div", {
+  ref,
+  className: cn("flex items-center", className),
+  ...props
+}, undefined, false, undefined, this));
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index] || {};
+  return /* @__PURE__ */ jsxDEV("div", {
+    ref,
+    className: cn("border-input relative flex h-10 w-10 items-center justify-center border-y border-r text-base transition-all first:rounded-l-md first:border-l last:rounded-r-md", isActive && "ring-ring ring-offset-background z-10 ring-2", className),
+    ...props,
+    children: [
+      char,
+      hasFakeCaret && /* @__PURE__ */ jsxDEV("div", {
+        className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+        children: /* @__PURE__ */ jsxDEV("div", {
+          className: "animate-caret-blink bg-foreground h-4 w-px duration-1000"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxDEV("div", {
+  ref,
+  role: "separator",
+  ...props,
+  children: /* @__PURE__ */ jsxDEV(Dot, {}, undefined, false, undefined, this)
+}, undefined, false, undefined, this));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+export {
+  InputOTPSlot,
+  InputOTPSeparator,
+  InputOTPGroup,
+  InputOTP
+};

package/dist/browser/ui/input.js

@@ -0,0 +1,22 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/input.tsx
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsxDEV("input", {
+    type,
+    "data-slot": "input",
+    className: cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+export {
+  Input
+};

package/dist/browser/ui/label.js

@@ -0,0 +1,26 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/label.tsx
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(LabelPrimitive.Root, {
+    "data-slot": "label",
+    className: cn("flex items-center gap-2 text-sm 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", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+export {
+  Label
+};

package/dist/browser/ui/link.js

@@ -0,0 +1,24 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/link.tsx
+import { forwardRef } from "react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import NextLink from "next/link";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var Link = forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxDEV(NextLink, {
+    ref,
+    className: cn('className="text-primary underline"', className),
+    ...props
+  }, undefined, false, undefined, this);
+});
+Link.displayName = "Link";
+export {
+  Link
+};

package/dist/browser/ui/live-region.js

@@ -0,0 +1,56 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/live-region.tsx
+import * as React from "react";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var SRLiveRegionContext = React.createContext(null);
+function useSRLiveRegion() {
+  const ctx = React.useContext(SRLiveRegionContext);
+  if (!ctx)
+    throw new Error("useSRLiveRegion must be used within SRLiveRegionProvider");
+  return ctx;
+}
+function SRLiveRegionProvider({
+  children
+}) {
+  const [messages, setMessages] = React.useState([]);
+  const idRef = React.useRef(0);
+  const announce = React.useCallback((text, politeness = "polite") => {
+    const id = ++idRef.current;
+    setMessages((prev) => [...prev, { id, text, politeness }]);
+    setTimeout(() => setMessages((prev) => prev.filter((m) => m.id !== id)), 1000);
+  }, []);
+  return /* @__PURE__ */ jsxDEV(SRLiveRegionContext.Provider, {
+    value: { announce },
+    children: [
+      children,
+      /* @__PURE__ */ jsxDEV("div", {
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        className: "sr-only",
+        children: messages.filter((m) => m.politeness === "polite").map((m) => /* @__PURE__ */ jsxDEV("div", {
+          children: m.text
+        }, m.id, false, undefined, this))
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        "aria-live": "assertive",
+        "aria-atomic": "true",
+        className: "sr-only",
+        children: messages.filter((m) => m.politeness === "assertive").map((m) => /* @__PURE__ */ jsxDEV("div", {
+          children: m.text
+        }, m.id, false, undefined, this))
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  useSRLiveRegion,
+  SRLiveRegionProvider
+};

package/dist/browser/ui/loading-button.js

@@ -0,0 +1,228 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/button.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground hover:bg-primary/90",
+      destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+      outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+      ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+      link: "text-primary underline-offset-4 hover:underline"
+    },
+    size: {
+      default: "h-9 px-4 py-2 has-[>svg]:px-3",
+      sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+      lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+      icon: "size-9"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+  if (asChild) {
+    return /* @__PURE__ */ jsxDEV(Slot, {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV("button", {
+    ref,
+    "data-slot": "button",
+    className: cn(buttonVariants({ variant, size, className })),
+    ...props
+  }, undefined, false, undefined, this);
+});
+Button.displayName = "Button";
+// ui/stack.tsx
+import * as React2 from "react";
+import { cva as cva2 } from "class-variance-authority";
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var vStackVariants = cva2("flex flex-col", {
+  variants: {
+    gap: {
+      none: "gap-0",
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-3",
+      lg: "gap-4",
+      xl: "gap-6",
+      "2xl": "gap-8"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    }
+  },
+  defaultVariants: {
+    gap: "md",
+    align: "stretch",
+    justify: "start"
+  }
+});
+var VStack = React2.forwardRef(({ className, gap, align, justify, as = "div", ...props }, ref) => {
+  const Comp = as;
+  return /* @__PURE__ */ jsxDEV2(Comp, {
+    ref,
+    className: cn2(vStackVariants({ gap, align, justify }), className),
+    ...props
+  }, undefined, false, undefined, this);
+});
+VStack.displayName = "VStack";
+var hStackVariants = cva2("flex flex-row", {
+  variants: {
+    gap: {
+      none: "gap-0",
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-3",
+      lg: "gap-4",
+      xl: "gap-6",
+      "2xl": "gap-8"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    wrap: {
+      nowrap: "flex-nowrap",
+      wrap: "flex-wrap",
+      wrapReverse: "flex-wrap-reverse"
+    }
+  },
+  defaultVariants: {
+    gap: "md",
+    align: "center",
+    justify: "start",
+    wrap: "wrap"
+  }
+});
+var HStack = React2.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+  const Comp = as;
+  return /* @__PURE__ */ jsxDEV2(Comp, {
+    ref,
+    className: cn2(hStackVariants({ gap, align, justify, wrap }), className),
+    ...props
+  }, undefined, false, undefined, this);
+});
+HStack.displayName = "HStack";
+var boxVariants = cva2("flex flex-row", {
+  variants: {
+    gap: {
+      none: "gap-0",
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-3",
+      lg: "gap-4",
+      xl: "gap-6",
+      "2xl": "gap-8"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    wrap: {
+      nowrap: "flex-nowrap",
+      wrap: "flex-wrap",
+      wrapReverse: "flex-wrap-reverse"
+    }
+  },
+  defaultVariants: {
+    gap: "md",
+    align: "center",
+    justify: "center",
+    wrap: "nowrap"
+  }
+});
+var Box = React2.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+  const Comp = as;
+  return /* @__PURE__ */ jsxDEV2(Comp, {
+    ref,
+    className: cn2(boxVariants({ gap, align, justify, wrap }), className),
+    ...props
+  }, undefined, false, undefined, this);
+});
+Box.displayName = "Box";
+// ui/text.tsx
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import { cn as cn3 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+function Text({ className, asChild = false, ...props }) {
+  const Component = asChild ? Slot2 : "p";
+  return /* @__PURE__ */ jsxDEV3(Component, {
+    className: cn3("text-foreground web:select-text text-base", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// ui/loading-button.tsx
+import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+function LoadingButton({
+  isLoading = false,
+  loadingText,
+  children,
+  disabled,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV4(Button, {
+    disabled: disabled || isLoading,
+    ...props,
+    children: isLoading ? /* @__PURE__ */ jsxDEV4(HStack, {
+      className: "items-center gap-x-2",
+      children: /* @__PURE__ */ jsxDEV4(Text, {
+        children: loadingText || "Loading..."
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this) : children
+  }, undefined, false, undefined, this);
+}
+export {
+  LoadingButton
+};

package/dist/browser/ui/map/MapBase.js

@@ -0,0 +1,70 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/map/MapBase.tsx
+import * as React from "react";
+import Map, {
+  NavigationControl,
+  ScaleControl
+} from "react-map-gl/maplibre";
+import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
+"use client";
+var DEFAULT_STYLE = "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json";
+function MapBase(props) {
+  const {
+    initialViewState = { longitude: 2.3522, latitude: 48.8566, zoom: 5 },
+    styleUrl = DEFAULT_STYLE,
+    style,
+    showControls = true,
+    showCssLink = true,
+    onMapRef,
+    children
+  } = props;
+  const mapRef = React.useRef(null);
+  React.useEffect(() => {
+    onMapRef?.(mapRef.current);
+  }, [mapRef.current]);
+  return /* @__PURE__ */ jsxDEV("div", {
+    style: {
+      position: "relative",
+      width: "100%",
+      height: "100%",
+      ...style || {}
+    },
+    children: [
+      showCssLink && /* @__PURE__ */ jsxDEV("link", {
+        href: "https://unpkg.com/maplibre-gl@4.7.0/dist/maplibre-gl.css",
+        rel: "stylesheet"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV(Map, {
+        ref: mapRef,
+        mapLib: import("maplibre-gl"),
+        initialViewState,
+        style: { width: "100%", height: "100%" },
+        mapStyle: styleUrl,
+        maplibreLogo: false,
+        children: [
+          showControls && /* @__PURE__ */ jsxDEV(Fragment, {
+            children: [
+              /* @__PURE__ */ jsxDEV(ScaleControl, {
+                position: "bottom-left"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV(NavigationControl, {
+                position: "bottom-left"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          children
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  MapBase
+};

package/dist/browser/ui/map/MapGeoJsonOverlay.js

@@ -0,0 +1,56 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/map/MapGeoJsonOverlay.tsx
+import { Layer, Source } from "react-map-gl/maplibre";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function MapGeoJsonOverlay(props) {
+  const {
+    id = "geojson-overlay",
+    data,
+    fillColor = "#2563eb",
+    fillOpacity = 0.25,
+    lineColor = "#1e40af",
+    lineWidth = 1.5,
+    lineOpacity = 0.8
+  } = props;
+  const fillLayer = {
+    id: `${id}-fill`,
+    type: "fill",
+    paint: {
+      "fill-color": fillColor,
+      "fill-opacity": fillOpacity
+    }
+  };
+  const outlineLayer = {
+    id: `${id}-outline`,
+    type: "line",
+    paint: {
+      "line-color": lineColor,
+      "line-width": lineWidth,
+      "line-opacity": lineOpacity
+    }
+  };
+  return /* @__PURE__ */ jsxDEV(Source, {
+    id,
+    type: "geojson",
+    data,
+    children: [
+      /* @__PURE__ */ jsxDEV(Layer, {
+        ...fillLayer
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV(Layer, {
+        ...outlineLayer
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  MapGeoJsonOverlay
+};

package/dist/browser/ui/map/MapHeatmapH3.js

@@ -0,0 +1,66 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/map/MapHeatmapH3.tsx
+import { Layer, Source } from "react-map-gl/maplibre";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function buildChoroplethPaint(stops, _maxCount) {
+  const scaleStops = (stops || []).map(([c, col]) => [c, col]);
+  return {
+    "fill-color": [
+      "interpolate",
+      ["linear"],
+      ["get", "count"],
+      ...scaleStops.flat()
+    ],
+    "fill-opacity": 0.6
+  };
+}
+function MapHeatmapH3(props) {
+  const {
+    id = "h3-heatmap",
+    data,
+    colorStops = [
+      [0, "#22c55e"],
+      [5, "#eab308"],
+      [10, "#ef4444"]
+    ],
+    maxCount
+  } = props;
+  const fillLayer = {
+    id: `${id}-fill`,
+    type: "fill",
+    paint: buildChoroplethPaint(colorStops, maxCount)
+  };
+  const lineLayer = {
+    id: `${id}-outline`,
+    type: "line",
+    paint: {
+      "line-color": "#ffffff",
+      "line-width": 0.25,
+      "line-opacity": 0.25
+    }
+  };
+  return /* @__PURE__ */ jsxDEV(Source, {
+    id,
+    type: "geojson",
+    data,
+    children: [
+      /* @__PURE__ */ jsxDEV(Layer, {
+        ...fillLayer
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV(Layer, {
+        ...lineLayer
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  MapHeatmapH3
+};

package/dist/browser/ui/map/MapMarkers.js

@@ -0,0 +1,45 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/map/MapMarkers.tsx
+import { Marker } from "react-map-gl/maplibre";
+import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
+"use client";
+function MapMarkers({ points }) {
+  return /* @__PURE__ */ jsxDEV(Fragment, {
+    children: points.map((p) => /* @__PURE__ */ jsxDEV(Marker, {
+      longitude: p.lng,
+      latitude: p.lat,
+      anchor: "bottom",
+      children: /* @__PURE__ */ jsxDEV("button", {
+        role: p.onClick ? "button" : undefined,
+        tabIndex: p.onClick ? 0 : -1,
+        "aria-label": p.ariaLabel || "marker",
+        onClick: p.onClick,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            p.onClick?.();
+          }
+        },
+        style: {
+          width: p.size ?? 14,
+          height: p.size ?? 14,
+          background: p.color ?? "#2563eb",
+          border: "2px solid white",
+          borderRadius: 9999,
+          boxShadow: "0 1px 3px rgba(0,0,0,0.35)",
+          cursor: p.onClick ? "pointer" : "default"
+        }
+      }, undefined, false, undefined, this)
+    }, p.id, false, undefined, this))
+  }, undefined, false, undefined, this);
+}
+export {
+  MapMarkers
+};