@contractspec/lib.ui-kit-web 1.57.0 → 1.59.0

package/dist/ui/live-region.d.ts

@@ -1,17 +1,11 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region ui/live-region.d.ts
-type LiveRegionPoliteness = 'polite' | 'assertive';
+import * as React from 'react';
+export type LiveRegionPoliteness = 'polite' | 'assertive';
 interface SRLiveRegionContextValue {
-  announce: (text: string, politeness?: LiveRegionPoliteness) => void;
+    announce: (text: string, politeness?: LiveRegionPoliteness) => void;
 }
-declare function useSRLiveRegion(): SRLiveRegionContextValue;
-declare function SRLiveRegionProvider({
-  children
-}: {
-  children: React$1.ReactNode;
-}): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { LiveRegionPoliteness, SRLiveRegionProvider, useSRLiveRegion };
+export declare function useSRLiveRegion(): SRLiveRegionContextValue;
+export declare function SRLiveRegionProvider({ children, }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=live-region.d.ts.map

package/dist/ui/live-region.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"live-region.d.ts","names":[],"sources":["../../ui/live-region.tsx"],"mappings":";;;;KAIY,oBAAA;AAAA,UAQF,wBAAA;EACR,QAAA,GAAW,IAAA,UAAc,UAAA,GAAa,oBAAA;AAAA;AAAA,iBAMxB,eAAA,CAAA,GAAe,wBAAA;AAAA,iBAOf,oBAAA,CAAA;EACd;AAAA;EAEA,QAAA,EAAU,OAAA,CAAM,SAAA;AAAA,IACjB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"live-region.d.ts","sourceRoot":"","sources":["../../ui/live-region.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,WAAW,CAAC;AAQ1D,UAAU,wBAAwB;IAChC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACrE;AAKD,wBAAgB,eAAe,6BAK9B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAoCA"}

package/dist/ui/live-region.js

@@ -1,47 +1,51 @@
-'use client';
+// @bun
+var __require = import.meta.require;
 
-import * as React$1 from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region ui/live-region.tsx
-const SRLiveRegionContext = React$1.createContext(null);
+// 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$1.useContext(SRLiveRegionContext);
-	if (!ctx) throw new Error("useSRLiveRegion must be used within SRLiveRegionProvider");
-	return ctx;
+  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$1.useState([]);
-	const idRef = React$1.useRef(0);
-	const announce = React$1.useCallback((text, politeness = "polite") => {
-		const id = ++idRef.current;
-		setMessages((prev) => [...prev, {
-			id,
-			text,
-			politeness
-		}]);
-		setTimeout(() => setMessages((prev) => prev.filter((m) => m.id !== id)), 1e3);
-	}, []);
-	return /* @__PURE__ */ jsxs(SRLiveRegionContext.Provider, {
-		value: { announce },
-		children: [
-			children,
-			/* @__PURE__ */ jsx("div", {
-				"aria-live": "polite",
-				"aria-atomic": "true",
-				className: "sr-only",
-				children: messages.filter((m) => m.politeness === "polite").map((m) => /* @__PURE__ */ jsx("div", { children: m.text }, m.id))
-			}),
-			/* @__PURE__ */ jsx("div", {
-				"aria-live": "assertive",
-				"aria-atomic": "true",
-				className: "sr-only",
-				children: messages.filter((m) => m.politeness === "assertive").map((m) => /* @__PURE__ */ jsx("div", { children: m.text }, m.id))
-			})
-		]
-	});
+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);
 }
-
-//#endregion
-export { SRLiveRegionProvider, useSRLiveRegion };
-//# sourceMappingURL=live-region.js.map
+export {
+  useSRLiveRegion,
+  SRLiveRegionProvider
+};

package/dist/ui/loading-button.d.ts

@@ -1,20 +1,10 @@
-import { ButtonProps } from "./button.js";
-import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region ui/loading-button.d.ts
+import React from 'react';
+import type { ButtonProps } from './button';
 interface LoadingButtonProps extends ButtonProps {
-  isLoading?: boolean;
-  loadingText?: string;
-  children: React.ReactNode;
+    isLoading?: boolean;
+    loadingText?: string;
+    children: React.ReactNode;
 }
-declare function LoadingButton({
-  isLoading,
-  loadingText,
-  children,
-  disabled,
-  ...props
-}: LoadingButtonProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { LoadingButton };
+export declare function LoadingButton({ isLoading, loadingText, children, disabled, ...props }: LoadingButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=loading-button.d.ts.map

package/dist/ui/loading-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading-button.d.ts","names":[],"sources":["../../ui/loading-button.tsx"],"mappings":";;;;;UAOU,kBAAA,SAA2B,WAAA;EACnC,SAAA;EACA,WAAA;EACA,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,iBAGF,aAAA,CAAA;EACd,SAAA;EACA,WAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,kBAAA,GAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"loading-button.d.ts","sourceRoot":"","sources":["../../ui/loading-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAK5C,UAAU,kBAAmB,SAAQ,WAAW;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAiB,EACjB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAgBpB"}

package/dist/ui/loading-button.js

@@ -1,21 +1,223 @@
-import { Button } from "./button.js";
-import { HStack } from "./stack.js";
-import { Text } from "./text.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
+// @bun
+var __require = import.meta.require;
 
-//#region ui/loading-button.tsx
-function LoadingButton({ isLoading = false, loadingText, children, disabled, ...props }) {
-	return /* @__PURE__ */ jsx(Button, {
-		disabled: disabled || isLoading,
-		...props,
-		children: isLoading ? /* @__PURE__ */ jsx(HStack, {
-			className: "items-center gap-x-2",
-			children: /* @__PURE__ */ jsx(Text, { children: loadingText || "Loading..." })
-		}) : children
-	});
+// 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);
 }
-
-//#endregion
-export { LoadingButton };
-//# sourceMappingURL=loading-button.js.map
+// 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/ui/map/MapBase.d.ts

@@ -1,28 +1,23 @@
-import { CSSProperties, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { MapRef } from "react-map-gl/maplibre";
-
-//#region ui/map/MapBase.d.ts
-interface BBox {
-  minLng: number;
-  minLat: number;
-  maxLng: number;
-  maxLat: number;
+import type { CSSProperties, ReactNode } from 'react';
+import { type MapRef } from 'react-map-gl/maplibre';
+export interface BBox {
+    minLng: number;
+    minLat: number;
+    maxLng: number;
+    maxLat: number;
 }
-interface MapBaseProps {
-  initialViewState?: {
-    longitude: number;
-    latitude: number;
-    zoom: number;
-  };
-  styleUrl?: string;
-  style?: CSSProperties;
-  showControls?: boolean;
-  showCssLink?: boolean;
-  onMapRef?: (ref: MapRef | null) => void;
-  children?: ReactNode;
+export interface MapBaseProps {
+    initialViewState?: {
+        longitude: number;
+        latitude: number;
+        zoom: number;
+    };
+    styleUrl?: string;
+    style?: CSSProperties;
+    showControls?: boolean;
+    showCssLink?: boolean;
+    onMapRef?: (ref: MapRef | null) => void;
+    children?: ReactNode;
 }
-declare function MapBase(props: MapBaseProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { BBox, MapBase, MapBaseProps };
+export declare function MapBase(props: MapBaseProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MapBase.d.ts.map

package/dist/ui/map/MapBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapBase.d.ts","names":[],"sources":["../../../ui/map/MapBase.tsx"],"mappings":";;;;;UAaiB,IAAA;EACf,MAAA;EACA,MAAA;EACA,MAAA;EACA,MAAA;AAAA;AAAA,UAGe,YAAA;EACf,gBAAA;IAAqB,SAAA;IAAmB,QAAA;IAAkB,IAAA;EAAA;EAC1D,QAAA;EACA,KAAA,GAAQ,aAAA;EACR,YAAA;EACA,WAAA;EACA,QAAA,IAAY,GAAA,EAAK,MAAA;EACjB,QAAA,GAAW,SAAA;AAAA;AAAA,iBAGG,OAAA,CAAQ,KAAA,EAAO,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"MapBase.d.ts","sourceRoot":"","sources":["../../../ui/map/MapBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAY,EACV,KAAK,MAAM,EAGZ,MAAM,uBAAuB,CAAC;AAK/B,MAAM,WAAW,IAAI;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,gBAAgB,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAoD1C"}

package/dist/ui/map/MapBase.js

@@ -1,46 +1,65 @@
-'use client';
+// @bun
+var __require = import.meta.require;
 
-import * as React$1 from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import Map, { NavigationControl, ScaleControl } from "react-map-gl/maplibre";
-
-//#region ui/map/MapBase.tsx
-const DEFAULT_STYLE = "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json";
+// 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$1.useRef(null);
-	React$1.useEffect(() => {
-		onMapRef?.(mapRef.current);
-	}, [mapRef.current]);
-	return /* @__PURE__ */ jsxs("div", {
-		style: {
-			position: "relative",
-			width: "100%",
-			height: "100%",
-			...style || {}
-		},
-		children: [showCssLink && /* @__PURE__ */ jsx("link", {
-			href: "https://unpkg.com/maplibre-gl@4.7.0/dist/maplibre-gl.css",
-			rel: "stylesheet"
-		}), /* @__PURE__ */ jsxs(Map, {
-			ref: mapRef,
-			mapLib: import("maplibre-gl"),
-			initialViewState,
-			style: {
-				width: "100%",
-				height: "100%"
-			},
-			mapStyle: styleUrl,
-			maplibreLogo: false,
-			children: [showControls && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ScaleControl, { position: "bottom-left" }), /* @__PURE__ */ jsx(NavigationControl, { position: "bottom-left" })] }), children]
-		})]
-	});
+  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);
 }
-
-//#endregion
-export { MapBase };
-//# sourceMappingURL=MapBase.js.map
+export {
+  MapBase
+};

package/dist/ui/map/MapGeoJsonOverlay.d.ts

@@ -1,16 +1,11 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region ui/map/MapGeoJsonOverlay.d.ts
-interface GeoJsonOverlayProps {
-  id?: string;
-  data: GeoJSON.FeatureCollection;
-  fillColor?: string;
-  fillOpacity?: number;
-  lineColor?: string;
-  lineWidth?: number;
-  lineOpacity?: number;
+export interface GeoJsonOverlayProps {
+    id?: string;
+    data: GeoJSON.FeatureCollection;
+    fillColor?: string;
+    fillOpacity?: number;
+    lineColor?: string;
+    lineWidth?: number;
+    lineOpacity?: number;
 }
-declare function MapGeoJsonOverlay(props: GeoJsonOverlayProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { GeoJsonOverlayProps, MapGeoJsonOverlay };
+export declare function MapGeoJsonOverlay(props: GeoJsonOverlayProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MapGeoJsonOverlay.d.ts.map

package/dist/ui/map/MapGeoJsonOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapGeoJsonOverlay.d.ts","names":[],"sources":["../../../ui/map/MapGeoJsonOverlay.tsx"],"mappings":";;;UAKiB,mBAAA;EACf,EAAA;EACA,IAAA,EAAM,OAAA,CAAQ,iBAAA;EACd,SAAA;EACA,WAAA;EACA,SAAA;EACA,SAAA;EACA,WAAA;AAAA;AAAA,iBAGc,iBAAA,CAAkB,KAAA,EAAO,mBAAA,GAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"MapGeoJsonOverlay.d.ts","sourceRoot":"","sources":["../../../ui/map/MapGeoJsonOverlay.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,mBAAmB;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,OAAO,CAAC,iBAAiB,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,mBAAmB,2CAuC3D"}