tempest-react-sdk 0.23.0 → 0.25.0

package/dist/br/BrazilStateMap.js

@@ -1,181 +1,177 @@
-import { jsx as a, jsxs as y, Fragment as V } from "react/jsx-runtime";
-import { useRef as X, useState as L, useEffect as O, useMemo as b } from "react";
-import { cn as D } from "../utils/cn.js";
-import { fitProjection as _ } from "../geo/projection.js";
-import { getState as h } from "./locations.js";
-import { MapMarkers as S } from "./MapMarkers.js";
-import { MapTooltip as T } from "./MapTooltip.js";
-import { useMapZoom as ee } from "./use-map-zoom.js";
-import { loadStateMunicipalities as te } from "./state-geo.js";
-import { geometriesBounds as re, geometryCentroid as ne, geometryPath as ie, lerpColor as oe } from "./svg-utils.js";
-import { useMapHover as me } from "./use-map-hover.js";
-import m from "./BrazilMap.module.css.js";
-function xe({
-  uf: f,
-  selected: l,
-  onSelect: d,
-  values: i,
-  minColor: j = "#dbeafe",
-  maxColor: w = "#2563eb",
-  colorScale: M,
-  height: c = 440,
-  padding: B = 12,
-  showLabels: F = !1,
-  label: I,
-  loadingContent: P,
-  showTooltip: u = !0,
-  renderTooltip: C,
-  markers: x,
-  onMarkerClick: Z,
-  zoomable: G = !1,
-  className: H,
-  style: K,
-  ...W
-}) {
-  const g = X(null), [R, Y] = L(600), [v, $] = L(null), p = ee(G), { hover: o, onMove: z, onLeave: A } = me(g);
-  O(() => {
-    let e = !0;
-    return $(null), te(f).then((r) => {
-      e && $(r);
-    }), () => {
-      e = !1;
-    };
-  }, [f]), O(() => {
-    const e = g.current;
-    if (!e || typeof ResizeObserver > "u") return;
-    const r = new ResizeObserver((t) => {
-      const n = t[0]?.contentRect.width;
-      n && n > 0 && Y(n);
-    });
-    return r.observe(e), () => r.disconnect();
-  }, []);
-  const N = b(() => l ? new Set(Array.isArray(l) ? l : [l]) : /* @__PURE__ */ new Set(), [l]), E = b(() => {
-    if (!i) return null;
-    const e = Object.values(i).filter((r) => typeof r == "number");
-    return e.length === 0 ? null : [Math.min(...e), Math.max(...e)];
-  }, [i]), s = b(() => {
-    if (!v) return null;
-    const e = _(
-      re(v.features.map((t) => t.geometry)),
-      R,
-      c,
-      { padding: B }
-    ), r = v.features.map((t) => ({
-      id: t.properties.id,
-      name: t.properties.name,
-      d: ie(t.geometry, e),
-      centroid: ne(t.geometry, e)
-    }));
-    return { projection: e, items: r };
-  }, [v, R, c, B]);
-  function q(e, r) {
-    const t = i?.[e] ?? i?.[r];
-    if (typeof t != "number") return;
-    if (M) return M(t);
-    if (!E) return;
-    const [n, k] = E, U = k === n ? 1 : (t - n) / (k - n);
-    return oe(j, w, U);
-  }
-  const J = b(() => s ? s.items.map((e) => {
-    const r = N.has(e.id) || N.has(e.name), t = r ? void 0 : q(e.id, e.name);
-    return /* @__PURE__ */ a(
-      "path",
-      {
-        className: D(m.state, r && m.selected),
-        d: e.d,
-        fillRule: "evenodd",
-        style: t ? { fill: t } : void 0,
-        "data-city-id": e.id,
-        "data-city": e.name,
-        tabIndex: d ? 0 : void 0,
-        role: d ? "button" : void 0,
-        "aria-label": e.name,
-        "aria-pressed": d ? r : void 0,
-        onClick: d ? () => d({ id: e.id, name: e.name }) : void 0,
-        onMouseMove: u ? (n) => z({ id: e.id, name: e.name }, n) : void 0,
-        onMouseLeave: u ? A : void 0,
-        onKeyDown: d ? (n) => {
-          (n.key === "Enter" || n.key === " ") && (n.preventDefault(), d({ id: e.id, name: e.name }));
-        } : void 0
-      },
-      e.id
-    );
-  }) : null, [
-    s,
-    N,
-    i,
-    M,
-    j,
-    w,
-    d,
-    u,
-    z,
-    A
-  ]), Q = I ?? `Municípios de ${h(f)?.name ?? f}`;
-  return /* @__PURE__ */ y(
-    "div",
-    {
-      ref: g,
-      className: D(m.map, H),
-      style: { height: c, ...K },
-      role: "group",
-      "aria-label": Q,
-      ...W,
-      children: [
-        s ? /* @__PURE__ */ a(
-          "svg",
-          {
-            className: m.svg,
-            width: "100%",
-            height: c,
-            viewBox: `0 0 ${R} ${c}`,
-            preserveAspectRatio: "xMidYMid meet",
-            ...p.handlers,
-            children: /* @__PURE__ */ y("g", { transform: p.transform || void 0, children: [
-              J,
-              F && s.items.map((e) => /* @__PURE__ */ a(
-                "text",
-                {
-                  className: m.label,
-                  x: e.centroid.x,
-                  y: e.centroid.y,
-                  textAnchor: "middle",
-                  dominantBaseline: "central",
-                  children: e.name
-                },
-                `label-${e.id}`
-              )),
-              x && x.length > 0 && /* @__PURE__ */ a(
-                S,
-                {
-                  projection: s.projection,
-                  markers: x,
-                  onMarkerClick: Z
-                }
-              )
-            ] })
-          }
-        ) : /* @__PURE__ */ a("div", { className: m.loading, children: P ?? "Carregando municípios…" }),
-        p.isTransformed && /* @__PURE__ */ a("button", { type: "button", className: m.zoomReset, onClick: p.reset, children: "Reset" }),
-        u && o && /* @__PURE__ */ a(T, { x: o.x, y: o.y, children: C ? C({
-          ...o.item,
-          value: i?.[o.item.id] ?? i?.[o.item.name]
-        }) : /* @__PURE__ */ y(V, { children: [
-          /* @__PURE__ */ a("div", { className: m.tooltipTitle, children: o.item.name }),
-          /* @__PURE__ */ y("div", { className: m.tooltipMeta, children: [
-            "IBGE ",
-            o.item.id,
-            (() => {
-              const e = i?.[o.item.id] ?? i?.[o.item.name];
-              return typeof e == "number" ? ` · ${e}` : "";
-            })()
-          ] })
-        ] }) })
-      ]
-    }
-  );
+import { cn as e } from "../utils/cn.js";
+import { fitProjection as t } from "../geo/projection.js";
+import { getState as n } from "./locations.js";
+import { loadStateMunicipalities as r } from "./state-geo.js";
+import i from "./BrazilMap.module.js";
+import { MapMarkers as a } from "./MapMarkers.js";
+import { MapTooltip as o } from "./MapTooltip.js";
+import { useMapZoom as s } from "./use-map-zoom.js";
+import { geometriesBounds as c, geometryCentroid as l, geometryPath as u, lerpColor as d } from "./svg-utils.js";
+import { useMapHover as f } from "./use-map-hover.js";
+import { useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/br/BrazilStateMap.tsx
+function b({ uf: b, selected: x, onSelect: S, values: C, minColor: w = "#dbeafe", maxColor: T = "#2563eb", colorScale: E, height: D = 440, padding: O = 12, showLabels: k = !1, label: A, loadingContent: j, showTooltip: M = !0, renderTooltip: N, markers: P, onMarkerClick: F, zoomable: I = !1, className: L, style: R, ...z }) {
+	let B = h(null), [V, H] = g(600), [U, W] = g(null), G = s(I), { hover: K, onMove: q, onLeave: J } = f(B);
+	p(() => {
+		let e = !0;
+		return W(null), r(b).then((t) => {
+			e && W(t);
+		}), () => {
+			e = !1;
+		};
+	}, [b]), p(() => {
+		let e = B.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver((e) => {
+			let t = e[0]?.contentRect.width;
+			t && t > 0 && H(t);
+		});
+		return t.observe(e), () => t.disconnect();
+	}, []);
+	let Y = m(() => x ? new Set(Array.isArray(x) ? x : [x]) : /* @__PURE__ */ new Set(), [x]), X = m(() => {
+		if (!C) return null;
+		let e = Object.values(C).filter((e) => typeof e == "number");
+		return e.length === 0 ? null : [Math.min(...e), Math.max(...e)];
+	}, [C]), Z = m(() => {
+		if (!U) return null;
+		let e = t(c(U.features.map((e) => e.geometry)), V, D, { padding: O });
+		return {
+			projection: e,
+			items: U.features.map((t) => ({
+				id: t.properties.id,
+				name: t.properties.name,
+				d: u(t.geometry, e),
+				centroid: l(t.geometry, e)
+			}))
+		};
+	}, [
+		U,
+		V,
+		D,
+		O
+	]);
+	function Q(e, t) {
+		let n = C?.[e] ?? C?.[t];
+		if (typeof n != "number") return;
+		if (E) return E(n);
+		if (!X) return;
+		let [r, i] = X;
+		return d(w, T, i === r ? 1 : (n - r) / (i - r));
+	}
+	let $ = m(() => Z ? Z.items.map((t) => {
+		let n = Y.has(t.id) || Y.has(t.name), r = n ? void 0 : Q(t.id, t.name);
+		return /* @__PURE__ */ v("path", {
+			className: e(i.state, n && i.selected),
+			d: t.d,
+			fillRule: "evenodd",
+			style: r ? { fill: r } : void 0,
+			"data-city-id": t.id,
+			"data-city": t.name,
+			tabIndex: S ? 0 : void 0,
+			role: S ? "button" : void 0,
+			"aria-label": t.name,
+			"aria-pressed": S ? n : void 0,
+			onClick: S ? () => S({
+				id: t.id,
+				name: t.name
+			}) : void 0,
+			onMouseMove: M ? (e) => q({
+				id: t.id,
+				name: t.name
+			}, e) : void 0,
+			onMouseLeave: M ? J : void 0,
+			onKeyDown: S ? (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), S({
+					id: t.id,
+					name: t.name
+				}));
+			} : void 0
+		}, t.id);
+	}) : null, [
+		Z,
+		Y,
+		C,
+		E,
+		w,
+		T,
+		S,
+		M,
+		q,
+		J
+	]), ee = A ?? `Municípios de ${n(b)?.name ?? b}`;
+	return /* @__PURE__ */ y("div", {
+		ref: B,
+		className: e(i.map, L),
+		style: {
+			height: D,
+			...R
+		},
+		role: "group",
+		"aria-label": ee,
+		...z,
+		children: [
+			Z ? /* @__PURE__ */ v("svg", {
+				className: i.svg,
+				width: "100%",
+				height: D,
+				viewBox: `0 0 ${V} ${D}`,
+				preserveAspectRatio: "xMidYMid meet",
+				...G.handlers,
+				children: /* @__PURE__ */ y("g", {
+					transform: G.transform || void 0,
+					children: [
+						$,
+						k && Z.items.map((e) => /* @__PURE__ */ v("text", {
+							className: i.label,
+							x: e.centroid.x,
+							y: e.centroid.y,
+							textAnchor: "middle",
+							dominantBaseline: "central",
+							children: e.name
+						}, `label-${e.id}`)),
+						P && P.length > 0 && /* @__PURE__ */ v(a, {
+							projection: Z.projection,
+							markers: P,
+							onMarkerClick: F
+						})
+					]
+				})
+			}) : /* @__PURE__ */ v("div", {
+				className: i.loading,
+				children: j ?? "Carregando municípios…"
+			}),
+			G.isTransformed && /* @__PURE__ */ v("button", {
+				type: "button",
+				className: i.zoomReset,
+				onClick: G.reset,
+				children: "Reset"
+			}),
+			M && K && /* @__PURE__ */ v(o, {
+				x: K.x,
+				y: K.y,
+				children: N ? N({
+					...K.item,
+					value: C?.[K.item.id] ?? C?.[K.item.name]
+				}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
+					className: i.tooltipTitle,
+					children: K.item.name
+				}), /* @__PURE__ */ y("div", {
+					className: i.tooltipMeta,
+					children: [
+						"IBGE ",
+						K.item.id,
+						(() => {
+							let e = C?.[K.item.id] ?? C?.[K.item.name];
+							return typeof e == "number" ? ` · ${e}` : "";
+						})()
+					]
+				})] })
+			})
+		]
+	});
 }
-export {
-  xe as BrazilStateMap
-};
-//# sourceMappingURL=BrazilStateMap.js.map
+//#endregion
+export { b as BrazilStateMap };
+
+//# sourceMappingURL=BrazilStateMap.js.map

package/dist/br/BrazilStateMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"BrazilStateMap.js","sources":["../../src/br/BrazilStateMap.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { fitProjection } from \"@/geo/projection\";\nimport type { GeoMarker } from \"@/geo/types\";\nimport { getState, type UF } from \"./locations\";\nimport { MapMarkers } from \"./MapMarkers\";\nimport { MapTooltip } from \"./MapTooltip\";\nimport type { ColorScale } from \"./scales\";\nimport { useMapZoom } from \"./use-map-zoom\";\nimport { loadStateMunicipalities, type StateMunicipalities } from \"./state-geo\";\nimport { geometriesBounds, geometryCentroid, geometryPath, lerpColor } from \"./svg-utils\";\nimport { useMapHover } from \"./use-map-hover\";\nimport styles from \"./BrazilMap.module.css\";\n\n/** A municipality identified for selection callbacks. */\nexport interface Municipality {\n    /** 7-digit IBGE code. */\n    id: string;\n    /** Municipality name. */\n    name: string;\n}\n\n/** Data passed to a {@link BrazilStateMapProps.renderTooltip} callback. */\nexport interface BrazilStateMapTooltipData extends Municipality {\n    /** Choropleth value for this municipality, if `values` was provided. */\n    value?: number;\n}\n\nexport interface BrazilStateMapProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n    /** Federative unit to draw (required). */\n    uf: UF;\n    /** Selected municipality — matched by IBGE `id` or by `name`. Accepts many. */\n    selected?: string | readonly string[] | null;\n    /** Fired when a municipality is clicked. */\n    onSelect?: (municipality: Municipality) => void;\n    /**\n     * Choropleth values keyed by municipality `id` **or** `name`. When set, each\n     * municipality is tinted between `minColor` and `maxColor`.\n     */\n    values?: Record<string, number>;\n    /** Choropleth low-end color (2-color linear ramp). Default: a light primary tint. */\n    minColor?: string;\n    /** Choropleth high-end color (2-color linear ramp). Default: the primary token. */\n    maxColor?: string;\n    /**\n     * Custom value→color scale (from `sequentialScale`/`quantizeScale`). Takes\n     * precedence over `minColor`/`maxColor`. Pair with a `<MapLegend>`.\n     */\n    colorScale?: ColorScale;\n    /** Viewport height in pixels. Default: `440`. */\n    height?: number;\n    /** Inner padding in pixels. Default: `12`. */\n    padding?: number;\n    /**\n     * Render each municipality name at its centroid. Off by default — a state\n     * can have hundreds of municipalities and labels overlap badly.\n     */\n    showLabels?: boolean;\n    /** Accessible label. Default: derived from the state name. */\n    label?: string;\n    /** Content while the state geometry is loading. */\n    loadingContent?: ReactNode;\n    /** Show a floating tooltip (name + IBGE code + value) on hover. Default: `true`. */\n    showTooltip?: boolean;\n    /** Override the default tooltip content. */\n    renderTooltip?: (data: BrazilStateMapTooltipData) => ReactNode;\n    /** Point markers to overlay on the state (e.g. addresses, POIs). */\n    markers?: readonly GeoMarker[];\n    /** Fired when a marker is clicked. */\n    onMarkerClick?: (marker: GeoMarker, index: number) => void;\n    /** Enable wheel-zoom + drag-pan (double-click resets). Default: `false`. */\n    zoomable?: boolean;\n}\n\n/**\n * Clickable submap of a single Brazilian state showing **all its\n * municipalities** as SVG paths — no external tiles or paid API. The state's\n * geometry (~40-70 KB gzip) is loaded lazily per UF, so switching states fetches\n * only what is shown.\n *\n * @example\n * const [city, setCity] = useState<string | null>(null);\n * <BrazilStateMap uf=\"SP\" selected={city} onSelect={(m) => setCity(m.name)} />\n *\n * @example\n * // Choropleth of a metric by municipality name\n * <BrazilStateMap uf=\"RJ\" values={{ \"Rio de Janeiro\": 100, Niterói: 40 }} />\n */\nexport function BrazilStateMap({\n    uf,\n    selected,\n    onSelect,\n    values,\n    minColor = \"#dbeafe\",\n    maxColor = \"#2563eb\",\n    colorScale,\n    height = 440,\n    padding = 12,\n    showLabels = false,\n    label,\n    loadingContent,\n    showTooltip = true,\n    renderTooltip,\n    markers,\n    onMarkerClick,\n    zoomable = false,\n    className,\n    style,\n    ...rest\n}: BrazilStateMapProps) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [width, setWidth] = useState<number>(600);\n    const [collection, setCollection] = useState<StateMunicipalities | null>(null);\n    const mapZoom = useMapZoom(zoomable);\n    const { hover, onMove, onLeave } = useMapHover<Municipality>(containerRef);\n\n    useEffect(() => {\n        let active = true;\n        setCollection(null);\n        void loadStateMunicipalities(uf).then((data) => {\n            if (active) setCollection(data);\n        });\n        return () => {\n            active = false;\n        };\n    }, [uf]);\n\n    useEffect(() => {\n        const node = containerRef.current;\n        if (!node || typeof ResizeObserver === \"undefined\") return;\n        const observer = new ResizeObserver((entries) => {\n            const measured = entries[0]?.contentRect.width;\n            if (measured && measured > 0) setWidth(measured);\n        });\n        observer.observe(node);\n        return () => observer.disconnect();\n    }, []);\n\n    const selectedSet = useMemo<Set<string>>(() => {\n        if (!selected) return new Set();\n        return new Set(Array.isArray(selected) ? selected : [selected as string]);\n    }, [selected]);\n\n    const valueRange = useMemo<[number, number] | null>(() => {\n        if (!values) return null;\n        const nums = Object.values(values).filter((v): v is number => typeof v === \"number\");\n        if (nums.length === 0) return null;\n        return [Math.min(...nums), Math.max(...nums)];\n    }, [values]);\n\n    const shapes = useMemo(() => {\n        if (!collection) return null;\n        const projection = fitProjection(\n            geometriesBounds(collection.features.map((f) => f.geometry)),\n            width,\n            height,\n            { padding },\n        );\n        const items = collection.features.map((feature) => ({\n            id: feature.properties.id,\n            name: feature.properties.name,\n            d: geometryPath(feature.geometry, projection),\n            centroid: geometryCentroid(feature.geometry, projection),\n        }));\n        return { projection, items };\n    }, [collection, width, height, padding]);\n\n    function fillFor(id: string, name: string): string | undefined {\n        const v = values?.[id] ?? values?.[name];\n        if (typeof v !== \"number\") return undefined;\n        if (colorScale) return colorScale(v);\n        if (!valueRange) return undefined;\n        const [min, max] = valueRange;\n        const t = max === min ? 1 : (v - min) / (max - min);\n        return lerpColor(minColor, maxColor, t);\n    }\n\n    // Memoized so hover re-renders don't rebuild hundreds of municipality paths.\n    const cityEls = useMemo(() => {\n        if (!shapes) return null;\n        return shapes.items.map((shape) => {\n            const isSelected = selectedSet.has(shape.id) || selectedSet.has(shape.name);\n            const fillColor = isSelected ? undefined : fillFor(shape.id, shape.name);\n            return (\n                <path\n                    key={shape.id}\n                    className={cn(styles.state, isSelected && styles.selected)}\n                    d={shape.d}\n                    fillRule=\"evenodd\"\n                    style={fillColor ? { fill: fillColor } : undefined}\n                    data-city-id={shape.id}\n                    data-city={shape.name}\n                    tabIndex={onSelect ? 0 : undefined}\n                    role={onSelect ? \"button\" : undefined}\n                    aria-label={shape.name}\n                    aria-pressed={onSelect ? isSelected : undefined}\n                    onClick={\n                        onSelect ? () => onSelect({ id: shape.id, name: shape.name }) : undefined\n                    }\n                    onMouseMove={\n                        showTooltip\n                            ? (e) => onMove({ id: shape.id, name: shape.name }, e)\n                            : undefined\n                    }\n                    onMouseLeave={showTooltip ? onLeave : undefined}\n                    onKeyDown={\n                        onSelect\n                            ? (e) => {\n                                  if (e.key === \"Enter\" || e.key === \" \") {\n                                      e.preventDefault();\n                                      onSelect({ id: shape.id, name: shape.name });\n                                  }\n                              }\n                            : undefined\n                    }\n                />\n            );\n        });\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        shapes,\n        selectedSet,\n        values,\n        colorScale,\n        minColor,\n        maxColor,\n        onSelect,\n        showTooltip,\n        onMove,\n        onLeave,\n    ]);\n\n    const resolvedLabel = label ?? `Municípios de ${getState(uf)?.name ?? uf}`;\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.map, className)}\n            style={{ height, ...style }}\n            role=\"group\"\n            aria-label={resolvedLabel}\n            {...rest}\n        >\n            {!shapes ? (\n                <div className={styles.loading}>{loadingContent ?? \"Carregando municípios…\"}</div>\n            ) : (\n                <svg\n                    className={styles.svg}\n                    width=\"100%\"\n                    height={height}\n                    viewBox={`0 0 ${width} ${height}`}\n                    preserveAspectRatio=\"xMidYMid meet\"\n                    {...mapZoom.handlers}\n                >\n                    <g transform={mapZoom.transform || undefined}>\n                        {cityEls}\n\n                        {showLabels &&\n                            shapes.items.map((shape) => (\n                                <text\n                                    key={`label-${shape.id}`}\n                                    className={styles.label}\n                                    x={shape.centroid.x}\n                                    y={shape.centroid.y}\n                                    textAnchor=\"middle\"\n                                    dominantBaseline=\"central\"\n                                >\n                                    {shape.name}\n                                </text>\n                            ))}\n\n                        {markers && markers.length > 0 && (\n                            <MapMarkers\n                                projection={shapes.projection}\n                                markers={markers}\n                                onMarkerClick={onMarkerClick}\n                            />\n                        )}\n                    </g>\n                </svg>\n            )}\n\n            {mapZoom.isTransformed && (\n                <button type=\"button\" className={styles.zoomReset} onClick={mapZoom.reset}>\n                    Reset\n                </button>\n            )}\n\n            {showTooltip && hover && (\n                <MapTooltip x={hover.x} y={hover.y}>\n                    {renderTooltip ? (\n                        renderTooltip({\n                            ...hover.item,\n                            value: values?.[hover.item.id] ?? values?.[hover.item.name],\n                        })\n                    ) : (\n                        <>\n                            <div className={styles.tooltipTitle}>{hover.item.name}</div>\n                            <div className={styles.tooltipMeta}>\n                                IBGE {hover.item.id}\n                                {(() => {\n                                    const v = values?.[hover.item.id] ?? values?.[hover.item.name];\n                                    return typeof v === \"number\" ? ` · ${v}` : \"\";\n                                })()}\n                            </div>\n                        </>\n                    )}\n                </MapTooltip>\n            )}\n        </div>\n    );\n}\n"],"names":["BrazilStateMap","uf","selected","onSelect","values","minColor","maxColor","colorScale","height","padding","showLabels","label","loadingContent","showTooltip","renderTooltip","markers","onMarkerClick","zoomable","className","style","rest","containerRef","useRef","width","setWidth","useState","collection","setCollection","mapZoom","useMapZoom","hover","onMove","onLeave","useMapHover","useEffect","active","loadStateMunicipalities","data","node","observer","entries","measured","selectedSet","useMemo","valueRange","nums","v","shapes","projection","fitProjection","geometriesBounds","f","items","feature","geometryPath","geometryCentroid","fillFor","id","name","min","max","t","lerpColor","cityEls","shape","isSelected","fillColor","jsx","cn","styles","e","resolvedLabel","getState","jsxs","MapMarkers","MapTooltip","Fragment"],"mappings":"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"}
+{"version":3,"file":"BrazilStateMap.js","names":[],"sources":["../../src/br/BrazilStateMap.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { fitProjection } from \"@/geo/projection\";\nimport type { GeoMarker } from \"@/geo/types\";\nimport { getState, type UF } from \"./locations\";\nimport { MapMarkers } from \"./MapMarkers\";\nimport { MapTooltip } from \"./MapTooltip\";\nimport type { ColorScale } from \"./scales\";\nimport { useMapZoom } from \"./use-map-zoom\";\nimport { loadStateMunicipalities, type StateMunicipalities } from \"./state-geo\";\nimport { geometriesBounds, geometryCentroid, geometryPath, lerpColor } from \"./svg-utils\";\nimport { useMapHover } from \"./use-map-hover\";\nimport styles from \"./BrazilMap.module.css\";\n\n/** A municipality identified for selection callbacks. */\nexport interface Municipality {\n    /** 7-digit IBGE code. */\n    id: string;\n    /** Municipality name. */\n    name: string;\n}\n\n/** Data passed to a {@link BrazilStateMapProps.renderTooltip} callback. */\nexport interface BrazilStateMapTooltipData extends Municipality {\n    /** Choropleth value for this municipality, if `values` was provided. */\n    value?: number;\n}\n\nexport interface BrazilStateMapProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n    /** Federative unit to draw (required). */\n    uf: UF;\n    /** Selected municipality — matched by IBGE `id` or by `name`. Accepts many. */\n    selected?: string | readonly string[] | null;\n    /** Fired when a municipality is clicked. */\n    onSelect?: (municipality: Municipality) => void;\n    /**\n     * Choropleth values keyed by municipality `id` **or** `name`. When set, each\n     * municipality is tinted between `minColor` and `maxColor`.\n     */\n    values?: Record<string, number>;\n    /** Choropleth low-end color (2-color linear ramp). Default: a light primary tint. */\n    minColor?: string;\n    /** Choropleth high-end color (2-color linear ramp). Default: the primary token. */\n    maxColor?: string;\n    /**\n     * Custom value→color scale (from `sequentialScale`/`quantizeScale`). Takes\n     * precedence over `minColor`/`maxColor`. Pair with a `<MapLegend>`.\n     */\n    colorScale?: ColorScale;\n    /** Viewport height in pixels. Default: `440`. */\n    height?: number;\n    /** Inner padding in pixels. Default: `12`. */\n    padding?: number;\n    /**\n     * Render each municipality name at its centroid. Off by default — a state\n     * can have hundreds of municipalities and labels overlap badly.\n     */\n    showLabels?: boolean;\n    /** Accessible label. Default: derived from the state name. */\n    label?: string;\n    /** Content while the state geometry is loading. */\n    loadingContent?: ReactNode;\n    /** Show a floating tooltip (name + IBGE code + value) on hover. Default: `true`. */\n    showTooltip?: boolean;\n    /** Override the default tooltip content. */\n    renderTooltip?: (data: BrazilStateMapTooltipData) => ReactNode;\n    /** Point markers to overlay on the state (e.g. addresses, POIs). */\n    markers?: readonly GeoMarker[];\n    /** Fired when a marker is clicked. */\n    onMarkerClick?: (marker: GeoMarker, index: number) => void;\n    /** Enable wheel-zoom + drag-pan (double-click resets). Default: `false`. */\n    zoomable?: boolean;\n}\n\n/**\n * Clickable submap of a single Brazilian state showing **all its\n * municipalities** as SVG paths — no external tiles or paid API. The state's\n * geometry (~40-70 KB gzip) is loaded lazily per UF, so switching states fetches\n * only what is shown.\n *\n * @example\n * const [city, setCity] = useState<string | null>(null);\n * <BrazilStateMap uf=\"SP\" selected={city} onSelect={(m) => setCity(m.name)} />\n *\n * @example\n * // Choropleth of a metric by municipality name\n * <BrazilStateMap uf=\"RJ\" values={{ \"Rio de Janeiro\": 100, Niterói: 40 }} />\n */\nexport function BrazilStateMap({\n    uf,\n    selected,\n    onSelect,\n    values,\n    minColor = \"#dbeafe\",\n    maxColor = \"#2563eb\",\n    colorScale,\n    height = 440,\n    padding = 12,\n    showLabels = false,\n    label,\n    loadingContent,\n    showTooltip = true,\n    renderTooltip,\n    markers,\n    onMarkerClick,\n    zoomable = false,\n    className,\n    style,\n    ...rest\n}: BrazilStateMapProps) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [width, setWidth] = useState<number>(600);\n    const [collection, setCollection] = useState<StateMunicipalities | null>(null);\n    const mapZoom = useMapZoom(zoomable);\n    const { hover, onMove, onLeave } = useMapHover<Municipality>(containerRef);\n\n    useEffect(() => {\n        let active = true;\n        setCollection(null);\n        void loadStateMunicipalities(uf).then((data) => {\n            if (active) setCollection(data);\n        });\n        return () => {\n            active = false;\n        };\n    }, [uf]);\n\n    useEffect(() => {\n        const node = containerRef.current;\n        if (!node || typeof ResizeObserver === \"undefined\") return;\n        const observer = new ResizeObserver((entries) => {\n            const measured = entries[0]?.contentRect.width;\n            if (measured && measured > 0) setWidth(measured);\n        });\n        observer.observe(node);\n        return () => observer.disconnect();\n    }, []);\n\n    const selectedSet = useMemo<Set<string>>(() => {\n        if (!selected) return new Set();\n        return new Set(Array.isArray(selected) ? selected : [selected as string]);\n    }, [selected]);\n\n    const valueRange = useMemo<[number, number] | null>(() => {\n        if (!values) return null;\n        const nums = Object.values(values).filter((v): v is number => typeof v === \"number\");\n        if (nums.length === 0) return null;\n        return [Math.min(...nums), Math.max(...nums)];\n    }, [values]);\n\n    const shapes = useMemo(() => {\n        if (!collection) return null;\n        const projection = fitProjection(\n            geometriesBounds(collection.features.map((f) => f.geometry)),\n            width,\n            height,\n            { padding },\n        );\n        const items = collection.features.map((feature) => ({\n            id: feature.properties.id,\n            name: feature.properties.name,\n            d: geometryPath(feature.geometry, projection),\n            centroid: geometryCentroid(feature.geometry, projection),\n        }));\n        return { projection, items };\n    }, [collection, width, height, padding]);\n\n    function fillFor(id: string, name: string): string | undefined {\n        const v = values?.[id] ?? values?.[name];\n        if (typeof v !== \"number\") return undefined;\n        if (colorScale) return colorScale(v);\n        if (!valueRange) return undefined;\n        const [min, max] = valueRange;\n        const t = max === min ? 1 : (v - min) / (max - min);\n        return lerpColor(minColor, maxColor, t);\n    }\n\n    // Memoized so hover re-renders don't rebuild hundreds of municipality paths.\n    const cityEls = useMemo(() => {\n        if (!shapes) return null;\n        return shapes.items.map((shape) => {\n            const isSelected = selectedSet.has(shape.id) || selectedSet.has(shape.name);\n            const fillColor = isSelected ? undefined : fillFor(shape.id, shape.name);\n            return (\n                <path\n                    key={shape.id}\n                    className={cn(styles.state, isSelected && styles.selected)}\n                    d={shape.d}\n                    fillRule=\"evenodd\"\n                    style={fillColor ? { fill: fillColor } : undefined}\n                    data-city-id={shape.id}\n                    data-city={shape.name}\n                    tabIndex={onSelect ? 0 : undefined}\n                    role={onSelect ? \"button\" : undefined}\n                    aria-label={shape.name}\n                    aria-pressed={onSelect ? isSelected : undefined}\n                    onClick={\n                        onSelect ? () => onSelect({ id: shape.id, name: shape.name }) : undefined\n                    }\n                    onMouseMove={\n                        showTooltip\n                            ? (e) => onMove({ id: shape.id, name: shape.name }, e)\n                            : undefined\n                    }\n                    onMouseLeave={showTooltip ? onLeave : undefined}\n                    onKeyDown={\n                        onSelect\n                            ? (e) => {\n                                  if (e.key === \"Enter\" || e.key === \" \") {\n                                      e.preventDefault();\n                                      onSelect({ id: shape.id, name: shape.name });\n                                  }\n                              }\n                            : undefined\n                    }\n                />\n            );\n        });\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        shapes,\n        selectedSet,\n        values,\n        colorScale,\n        minColor,\n        maxColor,\n        onSelect,\n        showTooltip,\n        onMove,\n        onLeave,\n    ]);\n\n    const resolvedLabel = label ?? `Municípios de ${getState(uf)?.name ?? uf}`;\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.map, className)}\n            style={{ height, ...style }}\n            role=\"group\"\n            aria-label={resolvedLabel}\n            {...rest}\n        >\n            {!shapes ? (\n                <div className={styles.loading}>{loadingContent ?? \"Carregando municípios…\"}</div>\n            ) : (\n                <svg\n                    className={styles.svg}\n                    width=\"100%\"\n                    height={height}\n                    viewBox={`0 0 ${width} ${height}`}\n                    preserveAspectRatio=\"xMidYMid meet\"\n                    {...mapZoom.handlers}\n                >\n                    <g transform={mapZoom.transform || undefined}>\n                        {cityEls}\n\n                        {showLabels &&\n                            shapes.items.map((shape) => (\n                                <text\n                                    key={`label-${shape.id}`}\n                                    className={styles.label}\n                                    x={shape.centroid.x}\n                                    y={shape.centroid.y}\n                                    textAnchor=\"middle\"\n                                    dominantBaseline=\"central\"\n                                >\n                                    {shape.name}\n                                </text>\n                            ))}\n\n                        {markers && markers.length > 0 && (\n                            <MapMarkers\n                                projection={shapes.projection}\n                                markers={markers}\n                                onMarkerClick={onMarkerClick}\n                            />\n                        )}\n                    </g>\n                </svg>\n            )}\n\n            {mapZoom.isTransformed && (\n                <button type=\"button\" className={styles.zoomReset} onClick={mapZoom.reset}>\n                    Reset\n                </button>\n            )}\n\n            {showTooltip && hover && (\n                <MapTooltip x={hover.x} y={hover.y}>\n                    {renderTooltip ? (\n                        renderTooltip({\n                            ...hover.item,\n                            value: values?.[hover.item.id] ?? values?.[hover.item.name],\n                        })\n                    ) : (\n                        <>\n                            <div className={styles.tooltipTitle}>{hover.item.name}</div>\n                            <div className={styles.tooltipMeta}>\n                                IBGE {hover.item.id}\n                                {(() => {\n                                    const v = values?.[hover.item.id] ?? values?.[hover.item.name];\n                                    return typeof v === \"number\" ? ` · ${v}` : \"\";\n                                })()}\n                            </div>\n                        </>\n                    )}\n                </MapTooltip>\n            )}\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/br/MapLegend.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../utils/cn.cjs"),g=require("./scales.cjs"),s=require("./MapLegend.module.css.cjs");function h({title:n,items:d,min:c=0,max:r=1,palette:i=g.SEQUENTIAL_BLUES,format:l=a=>String(Math.round(a)),className:t,...u}){return e.jsxs("div",{className:o.cn(s.default.legend,t),...u,children:[n!=null&&e.jsx("div",{className:s.default.title,children:n}),d?e.jsx("ul",{className:s.default.items,children:d.map((a,j)=>e.jsxs("li",{className:s.default.item,children:[e.jsx("span",{className:s.default.swatch,style:{background:a.color}}),e.jsx("span",{className:s.default.itemLabel,children:a.label})]},j))}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:s.default.gradient,style:{background:`linear-gradient(to right, ${i.join(", ")})`}}),e.jsxs("div",{className:s.default.ticks,children:[e.jsx("span",{children:l(c)}),e.jsx("span",{children:l((c+r)/2)}),e.jsx("span",{children:l(r)})]})]})]})}exports.MapLegend=h;
-//# sourceMappingURL=MapLegend.cjs.map
+const e=require("../utils/cn.cjs"),t=require("./scales.cjs"),n=require("./MapLegend.module.cjs");let r=require("react/jsx-runtime");function i({title:i,items:a,min:o=0,max:s=1,palette:c=t.SEQUENTIAL_BLUES,format:l=e=>String(Math.round(e)),className:u,...d}){return(0,r.jsxs)(`div`,{className:e.cn(n.default.legend,u),...d,children:[i!=null&&(0,r.jsx)(`div`,{className:n.default.title,children:i}),a?(0,r.jsx)(`ul`,{className:n.default.items,children:a.map((e,t)=>(0,r.jsxs)(`li`,{className:n.default.item,children:[(0,r.jsx)(`span`,{className:n.default.swatch,style:{background:e.color}}),(0,r.jsx)(`span`,{className:n.default.itemLabel,children:e.label})]},t))}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`div`,{className:n.default.gradient,style:{background:`linear-gradient(to right, ${c.join(`, `)})`}}),(0,r.jsxs)(`div`,{className:n.default.ticks,children:[(0,r.jsx)(`span`,{children:l(o)}),(0,r.jsx)(`span`,{children:l((o+s)/2)}),(0,r.jsx)(`span`,{children:l(s)})]})]})]})}exports.MapLegend=i;
+//# sourceMappingURL=MapLegend.cjs.map

package/dist/br/MapLegend.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MapLegend.cjs","sources":["../../src/br/MapLegend.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { SEQUENTIAL_BLUES } from \"./scales\";\nimport styles from \"./MapLegend.module.css\";\n\n/** A discrete legend entry. */\nexport interface LegendItem {\n    color: string;\n    label: ReactNode;\n}\n\nexport interface MapLegendProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    /** Legend heading. */\n    title?: ReactNode;\n    /**\n     * Discrete entries (swatch + label). When provided the legend renders in\n     * \"steps\" mode; otherwise it renders a continuous gradient from `min`/`max`.\n     */\n    items?: readonly LegendItem[];\n    /** Continuous mode: low end of the domain. */\n    min?: number;\n    /** Continuous mode: high end of the domain. */\n    max?: number;\n    /** Continuous mode: palette (light → dark). Default: sequential blues. */\n    palette?: readonly string[];\n    /** Continuous mode: format the min/mid/max tick labels. */\n    format?: (value: number) => string;\n}\n\n/**\n * Legend for a choropleth map. Renders a **continuous gradient** (with\n * min/mid/max ticks) from `min`/`max`/`palette`, or **discrete swatches** when\n * `items` is given. Pair it with a `BrazilMap`/`BrazilStateMap` `colorScale`.\n *\n * @example\n * // Continuous, matching a sequentialScale(0, 100)\n * <MapLegend title=\"Vendas\" min={0} max={100} palette={SEQUENTIAL_BLUES} />\n *\n * @example\n * // Discrete buckets\n * <MapLegend\n *   title=\"Faixa\"\n *   items={[\n *     { color: \"#c6dbef\", label: \"< 10\" },\n *     { color: \"#6baed6\", label: \"10–50\" },\n *     { color: \"#08519c\", label: \"> 50\" },\n *   ]}\n * />\n */\nexport function MapLegend({\n    title,\n    items,\n    min = 0,\n    max = 1,\n    palette = SEQUENTIAL_BLUES,\n    format = (v) => String(Math.round(v)),\n    className,\n    ...rest\n}: MapLegendProps) {\n    return (\n        <div className={cn(styles.legend, className)} {...rest}>\n            {title != null && <div className={styles.title}>{title}</div>}\n\n            {items ? (\n                <ul className={styles.items}>\n                    {items.map((item, i) => (\n                        <li key={i} className={styles.item}>\n                            <span className={styles.swatch} style={{ background: item.color }} />\n                            <span className={styles.itemLabel}>{item.label}</span>\n                        </li>\n                    ))}\n                </ul>\n            ) : (\n                <>\n                    <div\n                        className={styles.gradient}\n                        style={{ background: `linear-gradient(to right, ${palette.join(\", \")})` }}\n                    />\n                    <div className={styles.ticks}>\n                        <span>{format(min)}</span>\n                        <span>{format((min + max) / 2)}</span>\n                        <span>{format(max)}</span>\n                    </div>\n                </>\n            )}\n        </div>\n    );\n}\n"],"names":["MapLegend","title","items","min","max","palette","SEQUENTIAL_BLUES","format","v","className","rest","jsxs","cn","styles","jsx","item","i","Fragment"],"mappings":"oNAiDO,SAASA,EAAU,CACtB,MAAAC,EACA,MAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,EACN,QAAAC,EAAUC,EAAAA,iBACV,OAAAC,EAAUC,GAAM,OAAO,KAAK,MAAMA,CAAC,CAAC,EACpC,UAAAC,EACA,GAAGC,CACP,EAAmB,CACf,OACIC,OAAC,OAAI,UAAWC,EAAAA,GAAGC,UAAO,OAAQJ,CAAS,EAAI,GAAGC,EAC7C,SAAA,CAAAT,GAAS,MAAQa,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,MAAQ,SAAAZ,EAAM,EAEtDC,EACGY,EAAAA,IAAC,KAAA,CAAG,UAAWD,EAAAA,QAAO,MACjB,SAAAX,EAAM,IAAI,CAACa,EAAMC,IACdL,EAAAA,KAAC,KAAA,CAAW,UAAWE,EAAAA,QAAO,KAC1B,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAWD,UAAO,OAAQ,MAAO,CAAE,WAAYE,EAAK,KAAA,CAAM,CAAG,QAClE,OAAA,CAAK,UAAWF,EAAAA,QAAO,UAAY,WAAK,KAAA,CAAM,CAAA,CAAA,EAF1CG,CAGT,CACH,CAAA,CACL,EAEAL,EAAAA,KAAAM,EAAAA,SAAA,CACI,SAAA,CAAAH,EAAAA,IAAC,MAAA,CACG,UAAWD,EAAAA,QAAO,SAClB,MAAO,CAAE,WAAY,6BAA6BR,EAAQ,KAAK,IAAI,CAAC,GAAA,CAAI,CAAA,EAE5EM,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,MACnB,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAM,SAAAP,EAAOJ,CAAG,CAAA,CAAE,QAClB,OAAA,CAAM,SAAAI,GAAQJ,EAAMC,GAAO,CAAC,EAAE,EAC/BU,EAAAA,IAAC,OAAA,CAAM,SAAAP,EAAOH,CAAG,CAAA,CAAE,CAAA,CAAA,CACvB,CAAA,CAAA,CACJ,CAAA,EAER,CAER"}
+{"version":3,"file":"MapLegend.cjs","names":[],"sources":["../../src/br/MapLegend.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { SEQUENTIAL_BLUES } from \"./scales\";\nimport styles from \"./MapLegend.module.css\";\n\n/** A discrete legend entry. */\nexport interface LegendItem {\n    color: string;\n    label: ReactNode;\n}\n\nexport interface MapLegendProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    /** Legend heading. */\n    title?: ReactNode;\n    /**\n     * Discrete entries (swatch + label). When provided the legend renders in\n     * \"steps\" mode; otherwise it renders a continuous gradient from `min`/`max`.\n     */\n    items?: readonly LegendItem[];\n    /** Continuous mode: low end of the domain. */\n    min?: number;\n    /** Continuous mode: high end of the domain. */\n    max?: number;\n    /** Continuous mode: palette (light → dark). Default: sequential blues. */\n    palette?: readonly string[];\n    /** Continuous mode: format the min/mid/max tick labels. */\n    format?: (value: number) => string;\n}\n\n/**\n * Legend for a choropleth map. Renders a **continuous gradient** (with\n * min/mid/max ticks) from `min`/`max`/`palette`, or **discrete swatches** when\n * `items` is given. Pair it with a `BrazilMap`/`BrazilStateMap` `colorScale`.\n *\n * @example\n * // Continuous, matching a sequentialScale(0, 100)\n * <MapLegend title=\"Vendas\" min={0} max={100} palette={SEQUENTIAL_BLUES} />\n *\n * @example\n * // Discrete buckets\n * <MapLegend\n *   title=\"Faixa\"\n *   items={[\n *     { color: \"#c6dbef\", label: \"< 10\" },\n *     { color: \"#6baed6\", label: \"10–50\" },\n *     { color: \"#08519c\", label: \"> 50\" },\n *   ]}\n * />\n */\nexport function MapLegend({\n    title,\n    items,\n    min = 0,\n    max = 1,\n    palette = SEQUENTIAL_BLUES,\n    format = (v) => String(Math.round(v)),\n    className,\n    ...rest\n}: MapLegendProps) {\n    return (\n        <div className={cn(styles.legend, className)} {...rest}>\n            {title != null && <div className={styles.title}>{title}</div>}\n\n            {items ? (\n                <ul className={styles.items}>\n                    {items.map((item, i) => (\n                        <li key={i} className={styles.item}>\n                            <span className={styles.swatch} style={{ background: item.color }} />\n                            <span className={styles.itemLabel}>{item.label}</span>\n                        </li>\n                    ))}\n                </ul>\n            ) : (\n                <>\n                    <div\n                        className={styles.gradient}\n                        style={{ background: `linear-gradient(to right, ${palette.join(\", \")})` }}\n                    />\n                    <div className={styles.ticks}>\n                        <span>{format(min)}</span>\n                        <span>{format((min + max) / 2)}</span>\n                        <span>{format(max)}</span>\n                    </div>\n                </>\n            )}\n        </div>\n    );\n}\n"],"mappings":"oIAiDA,SAAgB,EAAU,CACtB,QACA,QACA,MAAM,EACN,MAAM,EACN,UAAU,EAAA,iBACV,SAAU,GAAM,OAAO,KAAK,MAAM,CAAC,CAAC,EACpC,YACA,GAAG,GACY,CACf,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,CAAS,EAAG,GAAI,WAAlD,CACK,GAAS,OAAQ,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAQ,CAAW,CAAA,EAE3D,GACG,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,eACjB,EAAM,KAAK,EAAM,KACd,EAAA,EAAA,KAAA,CAAC,KAAD,CAAY,UAAW,EAAA,QAAO,cAA9B,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,OAAQ,MAAO,CAAE,WAAY,EAAK,KAAM,CAAI,CAAA,GACpE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBAAY,EAAK,KAAY,CAAA,CACrD,GAHK,CAGL,CACP,CACD,CAAA,GAEJ,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,SAClB,MAAO,CAAE,WAAY,6BAA6B,EAAQ,KAAK,IAAI,EAAE,EAAG,CAC3E,CAAA,GACD,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,EAAO,CAAG,CAAQ,CAAA,GACzB,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,GAAQ,EAAM,GAAO,CAAC,CAAQ,CAAA,GACrC,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,EAAO,CAAG,CAAQ,CAAA,CACxB,GACP,CAAA,CAAA,CAEL,GAEb"}

package/dist/br/MapLegend.js

@@ -1,39 +1,41 @@
-import { jsxs as n, jsx as e, Fragment as p } from "react/jsx-runtime";
-import { cn as g } from "../utils/cn.js";
-import { SEQUENTIAL_BLUES as N } from "./scales.js";
-import l from "./MapLegend.module.css.js";
-function f({
-  title: r,
-  items: i,
-  min: c = 0,
-  max: d = 1,
-  palette: t = N,
-  format: s = (a) => String(Math.round(a)),
-  className: m,
-  ...o
-}) {
-  return /* @__PURE__ */ n("div", { className: g(l.legend, m), ...o, children: [
-    r != null && /* @__PURE__ */ e("div", { className: l.title, children: r }),
-    i ? /* @__PURE__ */ e("ul", { className: l.items, children: i.map((a, h) => /* @__PURE__ */ n("li", { className: l.item, children: [
-      /* @__PURE__ */ e("span", { className: l.swatch, style: { background: a.color } }),
-      /* @__PURE__ */ e("span", { className: l.itemLabel, children: a.label })
-    ] }, h)) }) : /* @__PURE__ */ n(p, { children: [
-      /* @__PURE__ */ e(
-        "div",
-        {
-          className: l.gradient,
-          style: { background: `linear-gradient(to right, ${t.join(", ")})` }
-        }
-      ),
-      /* @__PURE__ */ n("div", { className: l.ticks, children: [
-        /* @__PURE__ */ e("span", { children: s(c) }),
-        /* @__PURE__ */ e("span", { children: s((c + d) / 2) }),
-        /* @__PURE__ */ e("span", { children: s(d) })
-      ] })
-    ] })
-  ] });
+import { cn as e } from "../utils/cn.js";
+import { SEQUENTIAL_BLUES as t } from "./scales.js";
+import n from "./MapLegend.module.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/br/MapLegend.tsx
+function o({ title: o, items: s, min: c = 0, max: l = 1, palette: u = t, format: d = (e) => String(Math.round(e)), className: f, ...p }) {
+	return /* @__PURE__ */ a("div", {
+		className: e(n.legend, f),
+		...p,
+		children: [o != null && /* @__PURE__ */ i("div", {
+			className: n.title,
+			children: o
+		}), s ? /* @__PURE__ */ i("ul", {
+			className: n.items,
+			children: s.map((e, t) => /* @__PURE__ */ a("li", {
+				className: n.item,
+				children: [/* @__PURE__ */ i("span", {
+					className: n.swatch,
+					style: { background: e.color }
+				}), /* @__PURE__ */ i("span", {
+					className: n.itemLabel,
+					children: e.label
+				})]
+			}, t))
+		}) : /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", {
+			className: n.gradient,
+			style: { background: `linear-gradient(to right, ${u.join(", ")})` }
+		}), /* @__PURE__ */ a("div", {
+			className: n.ticks,
+			children: [
+				/* @__PURE__ */ i("span", { children: d(c) }),
+				/* @__PURE__ */ i("span", { children: d((c + l) / 2) }),
+				/* @__PURE__ */ i("span", { children: d(l) })
+			]
+		})] })]
+	});
 }
-export {
-  f as MapLegend
-};
-//# sourceMappingURL=MapLegend.js.map
+//#endregion
+export { o as MapLegend };
+
+//# sourceMappingURL=MapLegend.js.map

package/dist/br/MapLegend.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapLegend.js","sources":["../../src/br/MapLegend.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { SEQUENTIAL_BLUES } from \"./scales\";\nimport styles from \"./MapLegend.module.css\";\n\n/** A discrete legend entry. */\nexport interface LegendItem {\n    color: string;\n    label: ReactNode;\n}\n\nexport interface MapLegendProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    /** Legend heading. */\n    title?: ReactNode;\n    /**\n     * Discrete entries (swatch + label). When provided the legend renders in\n     * \"steps\" mode; otherwise it renders a continuous gradient from `min`/`max`.\n     */\n    items?: readonly LegendItem[];\n    /** Continuous mode: low end of the domain. */\n    min?: number;\n    /** Continuous mode: high end of the domain. */\n    max?: number;\n    /** Continuous mode: palette (light → dark). Default: sequential blues. */\n    palette?: readonly string[];\n    /** Continuous mode: format the min/mid/max tick labels. */\n    format?: (value: number) => string;\n}\n\n/**\n * Legend for a choropleth map. Renders a **continuous gradient** (with\n * min/mid/max ticks) from `min`/`max`/`palette`, or **discrete swatches** when\n * `items` is given. Pair it with a `BrazilMap`/`BrazilStateMap` `colorScale`.\n *\n * @example\n * // Continuous, matching a sequentialScale(0, 100)\n * <MapLegend title=\"Vendas\" min={0} max={100} palette={SEQUENTIAL_BLUES} />\n *\n * @example\n * // Discrete buckets\n * <MapLegend\n *   title=\"Faixa\"\n *   items={[\n *     { color: \"#c6dbef\", label: \"< 10\" },\n *     { color: \"#6baed6\", label: \"10–50\" },\n *     { color: \"#08519c\", label: \"> 50\" },\n *   ]}\n * />\n */\nexport function MapLegend({\n    title,\n    items,\n    min = 0,\n    max = 1,\n    palette = SEQUENTIAL_BLUES,\n    format = (v) => String(Math.round(v)),\n    className,\n    ...rest\n}: MapLegendProps) {\n    return (\n        <div className={cn(styles.legend, className)} {...rest}>\n            {title != null && <div className={styles.title}>{title}</div>}\n\n            {items ? (\n                <ul className={styles.items}>\n                    {items.map((item, i) => (\n                        <li key={i} className={styles.item}>\n                            <span className={styles.swatch} style={{ background: item.color }} />\n                            <span className={styles.itemLabel}>{item.label}</span>\n                        </li>\n                    ))}\n                </ul>\n            ) : (\n                <>\n                    <div\n                        className={styles.gradient}\n                        style={{ background: `linear-gradient(to right, ${palette.join(\", \")})` }}\n                    />\n                    <div className={styles.ticks}>\n                        <span>{format(min)}</span>\n                        <span>{format((min + max) / 2)}</span>\n                        <span>{format(max)}</span>\n                    </div>\n                </>\n            )}\n        </div>\n    );\n}\n"],"names":["MapLegend","title","items","min","max","palette","SEQUENTIAL_BLUES","format","v","className","rest","jsxs","cn","styles","jsx","item","i","Fragment"],"mappings":";;;;AAiDO,SAASA,EAAU;AAAA,EACtB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,KAAAC,IAAM;AAAA,EACN,SAAAC,IAAUC;AAAA,EACV,QAAAC,IAAS,CAACC,MAAM,OAAO,KAAK,MAAMA,CAAC,CAAC;AAAA,EACpC,WAAAC;AAAA,EACA,GAAGC;AACP,GAAmB;AACf,SACI,gBAAAC,EAAC,SAAI,WAAWC,EAAGC,EAAO,QAAQJ,CAAS,GAAI,GAAGC,GAC7C,UAAA;AAAA,IAAAT,KAAS,QAAQ,gBAAAa,EAAC,OAAA,EAAI,WAAWD,EAAO,OAAQ,UAAAZ,GAAM;AAAA,IAEtDC,IACG,gBAAAY,EAAC,MAAA,EAAG,WAAWD,EAAO,OACjB,UAAAX,EAAM,IAAI,CAACa,GAAMC,MACd,gBAAAL,EAAC,MAAA,EAAW,WAAWE,EAAO,MAC1B,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWD,EAAO,QAAQ,OAAO,EAAE,YAAYE,EAAK,MAAA,EAAM,CAAG;AAAA,wBAClE,QAAA,EAAK,WAAWF,EAAO,WAAY,YAAK,MAAA,CAAM;AAAA,IAAA,EAAA,GAF1CG,CAGT,CACH,EAAA,CACL,IAEA,gBAAAL,EAAAM,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWD,EAAO;AAAA,UAClB,OAAO,EAAE,YAAY,6BAA6BR,EAAQ,KAAK,IAAI,CAAC,IAAA;AAAA,QAAI;AAAA,MAAA;AAAA,MAE5E,gBAAAM,EAAC,OAAA,EAAI,WAAWE,EAAO,OACnB,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAM,UAAAP,EAAOJ,CAAG,EAAA,CAAE;AAAA,0BAClB,QAAA,EAAM,UAAAI,GAAQJ,IAAMC,KAAO,CAAC,GAAE;AAAA,QAC/B,gBAAAU,EAAC,QAAA,EAAM,UAAAP,EAAOH,CAAG,EAAA,CAAE;AAAA,MAAA,EAAA,CACvB;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"MapLegend.js","names":[],"sources":["../../src/br/MapLegend.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { SEQUENTIAL_BLUES } from \"./scales\";\nimport styles from \"./MapLegend.module.css\";\n\n/** A discrete legend entry. */\nexport interface LegendItem {\n    color: string;\n    label: ReactNode;\n}\n\nexport interface MapLegendProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    /** Legend heading. */\n    title?: ReactNode;\n    /**\n     * Discrete entries (swatch + label). When provided the legend renders in\n     * \"steps\" mode; otherwise it renders a continuous gradient from `min`/`max`.\n     */\n    items?: readonly LegendItem[];\n    /** Continuous mode: low end of the domain. */\n    min?: number;\n    /** Continuous mode: high end of the domain. */\n    max?: number;\n    /** Continuous mode: palette (light → dark). Default: sequential blues. */\n    palette?: readonly string[];\n    /** Continuous mode: format the min/mid/max tick labels. */\n    format?: (value: number) => string;\n}\n\n/**\n * Legend for a choropleth map. Renders a **continuous gradient** (with\n * min/mid/max ticks) from `min`/`max`/`palette`, or **discrete swatches** when\n * `items` is given. Pair it with a `BrazilMap`/`BrazilStateMap` `colorScale`.\n *\n * @example\n * // Continuous, matching a sequentialScale(0, 100)\n * <MapLegend title=\"Vendas\" min={0} max={100} palette={SEQUENTIAL_BLUES} />\n *\n * @example\n * // Discrete buckets\n * <MapLegend\n *   title=\"Faixa\"\n *   items={[\n *     { color: \"#c6dbef\", label: \"< 10\" },\n *     { color: \"#6baed6\", label: \"10–50\" },\n *     { color: \"#08519c\", label: \"> 50\" },\n *   ]}\n * />\n */\nexport function MapLegend({\n    title,\n    items,\n    min = 0,\n    max = 1,\n    palette = SEQUENTIAL_BLUES,\n    format = (v) => String(Math.round(v)),\n    className,\n    ...rest\n}: MapLegendProps) {\n    return (\n        <div className={cn(styles.legend, className)} {...rest}>\n            {title != null && <div className={styles.title}>{title}</div>}\n\n            {items ? (\n                <ul className={styles.items}>\n                    {items.map((item, i) => (\n                        <li key={i} className={styles.item}>\n                            <span className={styles.swatch} style={{ background: item.color }} />\n                            <span className={styles.itemLabel}>{item.label}</span>\n                        </li>\n                    ))}\n                </ul>\n            ) : (\n                <>\n                    <div\n                        className={styles.gradient}\n                        style={{ background: `linear-gradient(to right, ${palette.join(\", \")})` }}\n                    />\n                    <div className={styles.ticks}>\n                        <span>{format(min)}</span>\n                        <span>{format((min + max) / 2)}</span>\n                        <span>{format(max)}</span>\n                    </div>\n                </>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAiDA,SAAgB,EAAU,EACtB,UACA,UACA,SAAM,GACN,SAAM,GACN,aAAU,GACV,aAAU,MAAM,OAAO,KAAK,MAAM,CAAC,CAAC,GACpC,cACA,GAAG,KACY;CACf,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,QAAQ,CAAS;EAAG,GAAI;YAAlD,CACK,KAAS,QAAQ,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAQ;EAAW,CAAA,GAE3D,IACG,kBAAC,MAAD;GAAI,WAAW,EAAO;aACjB,EAAM,KAAK,GAAM,MACd,kBAAC,MAAD;IAAY,WAAW,EAAO;cAA9B,CACI,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAQ,OAAO,EAAE,YAAY,EAAK,MAAM;IAAI,CAAA,GACpE,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAY,EAAK;IAAY,CAAA,CACrD;MAHK,CAGL,CACP;EACD,CAAA,IAEJ,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,OAAD;GACI,WAAW,EAAO;GAClB,OAAO,EAAE,YAAY,6BAA6B,EAAQ,KAAK,IAAI,EAAE,GAAG;EAC3E,CAAA,GACD,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IACI,kBAAC,QAAD,EAAA,UAAO,EAAO,CAAG,EAAQ,CAAA;IACzB,kBAAC,QAAD,EAAA,UAAO,GAAQ,IAAM,KAAO,CAAC,EAAQ,CAAA;IACrC,kBAAC,QAAD,EAAA,UAAO,EAAO,CAAG,EAAQ,CAAA;GACxB;IACP,EAAA,CAAA,CAEL;;AAEb"}

package/dist/br/MapLegend.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_legend_jti9g`,t=`tempest_title_v6QV-`,n=`tempest_gradient_RCo9v`,r=`tempest_ticks_C8Low`,i=`tempest_items_TBYH0`,a=`tempest_item_zuHY6`,o=`tempest_swatch_9x7iD`,s=`tempest_itemLabel_bHFPP`,c={legend:e,title:t,gradient:n,ticks:r,items:i,item:a,swatch:o,itemLabel:s};exports.default=c,exports.gradient=n,exports.item=a,exports.itemLabel=s,exports.items=i,exports.legend=e,exports.swatch=o,exports.ticks=r,exports.title=t;
+//# sourceMappingURL=MapLegend.module.cjs.map