tempest-react-sdk 0.22.0 → 0.24.0

package/dist/br/BrazilStateMap.js

@@ -0,0 +1,177 @@
+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}` : "";
+						})()
+					]
+				})] })
+			})
+		]
+	});
+}
+//#endregion
+export { b as BrazilStateMap };
+
+//# sourceMappingURL=BrazilStateMap.js.map

package/dist/br/BrazilStateMap.js.map

@@ -0,0 +1 @@
+{"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":";;;;;;;;;;;;;AAwFA,SAAgB,EAAe,EAC3B,OACA,aACA,aACA,WACA,cAAW,WACX,cAAW,WACX,eACA,YAAS,KACT,aAAU,IACV,gBAAa,IACb,UACA,mBACA,iBAAc,IACd,kBACA,YACA,kBACA,cAAW,IACX,cACA,UACA,GAAG,KACiB;CACpB,IAAM,IAAe,EAAuB,IAAI,GAC1C,CAAC,GAAO,KAAY,EAAiB,GAAG,GACxC,CAAC,GAAY,KAAiB,EAAqC,IAAI,GACvE,IAAU,EAAW,CAAQ,GAC7B,EAAE,UAAO,WAAQ,eAAY,EAA0B,CAAY;CAazE,AAXA,QAAgB;EACZ,IAAI,IAAS;EAKb,OAJA,EAAc,IAAI,GAClB,EAA6B,CAAE,CAAC,CAAC,MAAM,MAAS;GAC5C,AAAI,KAAQ,EAAc,CAAI;EAClC,CAAC,SACY;GACT,IAAS;EACb;CACJ,GAAG,CAAC,CAAE,CAAC,GAEP,QAAgB;EACZ,IAAM,IAAO,EAAa;EAC1B,IAAI,CAAC,KAAQ,OAAO,iBAAmB,KAAa;EACpD,IAAM,IAAW,IAAI,gBAAgB,MAAY;GAC7C,IAAM,IAAW,EAAQ,EAAE,EAAE,YAAY;GACzC,AAAI,KAAY,IAAW,KAAG,EAAS,CAAQ;EACnD,CAAC;EAED,OADA,EAAS,QAAQ,CAAI,SACR,EAAS,WAAW;CACrC,GAAG,CAAC,CAAC;CAEL,IAAM,IAAc,QACX,IACE,IAAI,IAAI,MAAM,QAAQ,CAAQ,IAAI,IAAW,CAAC,CAAkB,CAAC,oBADlD,IAAI,IAAI,GAE/B,CAAC,CAAQ,CAAC,GAEP,IAAa,QAAuC;EACtD,IAAI,CAAC,GAAQ,OAAO;EACpB,IAAM,IAAO,OAAO,OAAO,CAAM,CAAC,CAAC,QAAQ,MAAmB,OAAO,KAAM,QAAQ;EAEnF,OADI,EAAK,WAAW,IAAU,OACvB,CAAC,KAAK,IAAI,GAAG,CAAI,GAAG,KAAK,IAAI,GAAG,CAAI,CAAC;CAChD,GAAG,CAAC,CAAM,CAAC,GAEL,IAAS,QAAc;EACzB,IAAI,CAAC,GAAY,OAAO;EACxB,IAAM,IAAa,EACf,EAAiB,EAAW,SAAS,KAAK,MAAM,EAAE,QAAQ,CAAC,GAC3D,GACA,GACA,EAAE,WAAQ,CACd;EAOA,OAAO;GAAE;GAAY,OANP,EAAW,SAAS,KAAK,OAAa;IAChD,IAAI,EAAQ,WAAW;IACvB,MAAM,EAAQ,WAAW;IACzB,GAAG,EAAa,EAAQ,UAAU,CAAU;IAC5C,UAAU,EAAiB,EAAQ,UAAU,CAAU;GAC3D,EACqB;EAAM;CAC/B,GAAG;EAAC;EAAY;EAAO;EAAQ;CAAO,CAAC;CAEvC,SAAS,EAAQ,GAAY,GAAkC;EAC3D,IAAM,IAAI,IAAS,MAAO,IAAS;EACnC,IAAI,OAAO,KAAM,UAAU;EAC3B,IAAI,GAAY,OAAO,EAAW,CAAC;EACnC,IAAI,CAAC,GAAY;EACjB,IAAM,CAAC,GAAK,KAAO;EAEnB,OAAO,EAAU,GAAU,GADjB,MAAQ,IAAM,KAAK,IAAI,MAAQ,IAAM,EACT;CAC1C;CAGA,IAAM,IAAU,QACP,IACE,EAAO,MAAM,KAAK,MAAU;EAC/B,IAAM,IAAa,EAAY,IAAI,EAAM,EAAE,KAAK,EAAY,IAAI,EAAM,IAAI,GACpE,IAAY,IAAa,KAAA,IAAY,EAAQ,EAAM,IAAI,EAAM,IAAI;EACvE,OACI,kBAAC,QAAD;GAEI,WAAW,EAAG,EAAO,OAAO,KAAc,EAAO,QAAQ;GACzD,GAAG,EAAM;GACT,UAAS;GACT,OAAO,IAAY,EAAE,MAAM,EAAU,IAAI,KAAA;GACzC,gBAAc,EAAM;GACpB,aAAW,EAAM;GACjB,UAAU,IAAW,IAAI,KAAA;GACzB,MAAM,IAAW,WAAW,KAAA;GAC5B,cAAY,EAAM;GAClB,gBAAc,IAAW,IAAa,KAAA;GACtC,SACI,UAAiB,EAAS;IAAE,IAAI,EAAM;IAAI,MAAM,EAAM;GAAK,CAAC,IAAI,KAAA;GAEpE,aACI,KACO,MAAM,EAAO;IAAE,IAAI,EAAM;IAAI,MAAM,EAAM;GAAK,GAAG,CAAC,IACnD,KAAA;GAEV,cAAc,IAAc,IAAU,KAAA;GACtC,WACI,KACO,MAAM;IACH,CAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SAC/B,EAAE,eAAe,GACjB,EAAS;KAAE,IAAI,EAAM;KAAI,MAAM,EAAM;IAAK,CAAC;GAEnD,IACA,KAAA;EAEb,GA9BQ,EAAM,EA8Bd;CAET,CAAC,IAtCmB,MAwCrB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACJ,CAAC,GAEK,KAAgB,KAAS,iBAAiB,EAAS,CAAE,CAAC,EAAE,QAAQ;CAEtE,OACI,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EAAG,EAAO,KAAK,CAAS;EACnC,OAAO;GAAE;GAAQ,GAAG;EAAM;EAC1B,MAAK;EACL,cAAY;EACZ,GAAI;YANR;GAQM,IAGE,kBAAC,OAAD;IACI,WAAW,EAAO;IAClB,OAAM;IACE;IACR,SAAS,OAAO,EAAM,GAAG;IACzB,qBAAoB;IACpB,GAAI,EAAQ;cAEZ,kBAAC,KAAD;KAAG,WAAW,EAAQ,aAAa,KAAA;eAAnC;MACK;MAEA,KACG,EAAO,MAAM,KAAK,MACd,kBAAC,QAAD;OAEI,WAAW,EAAO;OAClB,GAAG,EAAM,SAAS;OAClB,GAAG,EAAM,SAAS;OAClB,YAAW;OACX,kBAAiB;iBAEhB,EAAM;MACL,GARG,SAAS,EAAM,IAQlB,CACT;MAEJ,KAAW,EAAQ,SAAS,KACzB,kBAAC,GAAD;OACI,YAAY,EAAO;OACV;OACM;MAClB,CAAA;KAEN;;GACF,CAAA,IAnCL,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAU,KAAkB;GAA8B,CAAA;GAsCpF,EAAQ,iBACL,kBAAC,UAAD;IAAQ,MAAK;IAAS,WAAW,EAAO;IAAW,SAAS,EAAQ;cAAO;GAEnE,CAAA;GAGX,KAAe,KACZ,kBAAC,GAAD;IAAY,GAAG,EAAM;IAAG,GAAG,EAAM;cAC5B,IACG,EAAc;KACV,GAAG,EAAM;KACT,OAAO,IAAS,EAAM,KAAK,OAAO,IAAS,EAAM,KAAK;IAC1D,CAAC,IAED,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAe,EAAM,KAAK;IAAU,CAAA,GAC3D,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB;MAAoC;MAC1B,EAAM,KAAK;aACT;OACJ,IAAM,IAAI,IAAS,EAAM,KAAK,OAAO,IAAS,EAAM,KAAK;OACzD,OAAO,OAAO,KAAM,WAAW,MAAM,MAAM;MAC/C,EAAA,CAAG;KACF;MACP,EAAA,CAAA;GAEE,CAAA;EAEf;;AAEb"}

package/dist/br/MapLegend.cjs

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,41 @@
+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) })
+			]
+		})] })]
+	});
+}
+//#endregion
+export { o as MapLegend };
+
+//# sourceMappingURL=MapLegend.js.map

package/dist/br/MapLegend.js.map

@@ -0,0 +1 @@
+{"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

package/dist/br/MapLegend.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapLegend.module.cjs","names":[],"sources":["../../src/br/MapLegend.module.css"],"sourcesContent":[".legend {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: var(--tempest-surface);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text);\n    min-width: 160px;\n}\n\n.title {\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-sm);\n}\n\n.gradient {\n    height: 10px;\n    border-radius: var(--tempest-radius-sm);\n    border: 1px solid var(--tempest-border);\n}\n\n.ticks {\n    display: flex;\n    justify-content: space-between;\n    color: var(--tempest-text-muted);\n}\n\n.items {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n}\n\n.swatch {\n    width: 14px;\n    height: 14px;\n    border-radius: var(--tempest-radius-sm);\n    border: 1px solid var(--tempest-border);\n    flex: none;\n}\n\n.itemLabel {\n    color: var(--tempest-text-muted);\n}\n"],"mappings":""}

package/dist/br/MapLegend.module.js

@@ -0,0 +1,15 @@
+//#region src/br/MapLegend.module.css
+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
+};
+//#endregion
+export { c as default, n as gradient, a as item, s as itemLabel, i as items, e as legend, o as swatch, r as ticks, t as title };
+
+//# sourceMappingURL=MapLegend.module.js.map

package/dist/br/MapLegend.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapLegend.module.js","names":[],"sources":["../../src/br/MapLegend.module.css"],"sourcesContent":[".legend {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: var(--tempest-surface);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text);\n    min-width: 160px;\n}\n\n.title {\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-sm);\n}\n\n.gradient {\n    height: 10px;\n    border-radius: var(--tempest-radius-sm);\n    border: 1px solid var(--tempest-border);\n}\n\n.ticks {\n    display: flex;\n    justify-content: space-between;\n    color: var(--tempest-text-muted);\n}\n\n.items {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n}\n\n.swatch {\n    width: 14px;\n    height: 14px;\n    border-radius: var(--tempest-radius-sm);\n    border: 1px solid var(--tempest-border);\n    flex: none;\n}\n\n.itemLabel {\n    color: var(--tempest-text-muted);\n}\n"],"mappings":""}

package/dist/br/MapMarkers.cjs

@@ -0,0 +1,2 @@
+const e=require("./BrazilMap.module.cjs");let t=require("react/jsx-runtime");function n({projection:n,markers:r,onMarkerClick:i}){return(0,t.jsx)(`g`,{className:e.default.markers,children:r.map((r,a)=>{let o=n.project(r),s=!!i;return(0,t.jsx)(`circle`,{className:e.default.marker,cx:o.x,cy:o.y,r:r.radius??6,fill:r.color??`var(--tempest-primary)`,"data-marker-id":r.id??a,tabIndex:s?0:void 0,role:s?`button`:void 0,"aria-label":r.label,onClick:s?()=>i?.(r,a):void 0,onKeyDown:s?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),i?.(r,a))}:void 0,children:r.label?(0,t.jsx)(`title`,{children:r.label}):null},r.id??a)})})}exports.MapMarkers=n;
+//# sourceMappingURL=MapMarkers.cjs.map

package/dist/br/MapMarkers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapMarkers.cjs","names":[],"sources":["../../src/br/MapMarkers.tsx"],"sourcesContent":["import type { FittedProjection } from \"@/geo/projection\";\nimport type { GeoMarker } from \"@/geo/types\";\nimport styles from \"./BrazilMap.module.css\";\n\nexport interface MapMarkersProps {\n    /** Projection used by the host map (markers must share it to line up). */\n    projection: FittedProjection;\n    /** Pins to plot. */\n    markers: readonly GeoMarker[];\n    /** Fired when a marker is clicked. */\n    onMarkerClick?: (marker: GeoMarker, index: number) => void;\n}\n\n/**\n * SVG overlay of point markers, projected with the host map's projection so\n * they align with its shapes. Each marker carries a native `<title>` (its\n * `label`) and is clickable when `onMarkerClick` is set.\n */\nexport function MapMarkers({ projection, markers, onMarkerClick }: MapMarkersProps) {\n    return (\n        <g className={styles.markers}>\n            {markers.map((marker, index) => {\n                const p = projection.project(marker);\n                const interactive = Boolean(onMarkerClick);\n                return (\n                    <circle\n                        key={marker.id ?? index}\n                        className={styles.marker}\n                        cx={p.x}\n                        cy={p.y}\n                        r={marker.radius ?? 6}\n                        fill={marker.color ?? \"var(--tempest-primary)\"}\n                        data-marker-id={marker.id ?? index}\n                        tabIndex={interactive ? 0 : undefined}\n                        role={interactive ? \"button\" : undefined}\n                        aria-label={marker.label}\n                        onClick={interactive ? () => onMarkerClick?.(marker, index) : undefined}\n                        onKeyDown={\n                            interactive\n                                ? (e) => {\n                                      if (e.key === \"Enter\" || e.key === \" \") {\n                                          e.preventDefault();\n                                          onMarkerClick?.(marker, index);\n                                      }\n                                  }\n                                : undefined\n                        }\n                    >\n                        {marker.label ? <title>{marker.label}</title> : null}\n                    </circle>\n                );\n            })}\n        </g>\n    );\n}\n"],"mappings":"6EAkBA,SAAgB,EAAW,CAAE,aAAY,UAAS,iBAAkC,CAChF,OACI,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,iBAChB,EAAQ,KAAK,EAAQ,IAAU,CAC5B,IAAM,EAAI,EAAW,QAAQ,CAAM,EAC7B,EAAc,EAAQ,EAC5B,OACI,EAAA,EAAA,IAAA,CAAC,SAAD,CAEI,UAAW,EAAA,QAAO,OAClB,GAAI,EAAE,EACN,GAAI,EAAE,EACN,EAAG,EAAO,QAAU,EACpB,KAAM,EAAO,OAAS,yBACtB,iBAAgB,EAAO,IAAM,EAC7B,SAAU,EAAc,EAAI,IAAA,GAC5B,KAAM,EAAc,SAAW,IAAA,GAC/B,aAAY,EAAO,MACnB,QAAS,MAAoB,IAAgB,EAAQ,CAAK,EAAI,IAAA,GAC9D,UACI,EACO,GAAM,EACC,EAAE,MAAQ,SAAW,EAAE,MAAQ,OAC/B,EAAE,eAAe,EACjB,IAAgB,EAAQ,CAAK,EAErC,EACA,IAAA,YAGT,EAAO,OAAQ,EAAA,EAAA,IAAA,CAAC,QAAD,CAAA,SAAQ,EAAO,KAAa,CAAA,EAAI,IAC5C,EAvBC,EAAO,IAAM,CAuBd,CAEhB,CAAC,CACF,CAAA,CAEX"}

package/dist/br/MapMarkers.js

@@ -0,0 +1,31 @@
+import e from "./BrazilMap.module.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/br/MapMarkers.tsx
+function n({ projection: n, markers: r, onMarkerClick: i }) {
+	return /* @__PURE__ */ t("g", {
+		className: e.markers,
+		children: r.map((r, a) => {
+			let o = n.project(r), s = !!i;
+			return /* @__PURE__ */ t("circle", {
+				className: e.marker,
+				cx: o.x,
+				cy: o.y,
+				r: r.radius ?? 6,
+				fill: r.color ?? "var(--tempest-primary)",
+				"data-marker-id": r.id ?? a,
+				tabIndex: s ? 0 : void 0,
+				role: s ? "button" : void 0,
+				"aria-label": r.label,
+				onClick: s ? () => i?.(r, a) : void 0,
+				onKeyDown: s ? (e) => {
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i?.(r, a));
+				} : void 0,
+				children: r.label ? /* @__PURE__ */ t("title", { children: r.label }) : null
+			}, r.id ?? a);
+		})
+	});
+}
+//#endregion
+export { n as MapMarkers };
+
+//# sourceMappingURL=MapMarkers.js.map

package/dist/br/MapMarkers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapMarkers.js","names":[],"sources":["../../src/br/MapMarkers.tsx"],"sourcesContent":["import type { FittedProjection } from \"@/geo/projection\";\nimport type { GeoMarker } from \"@/geo/types\";\nimport styles from \"./BrazilMap.module.css\";\n\nexport interface MapMarkersProps {\n    /** Projection used by the host map (markers must share it to line up). */\n    projection: FittedProjection;\n    /** Pins to plot. */\n    markers: readonly GeoMarker[];\n    /** Fired when a marker is clicked. */\n    onMarkerClick?: (marker: GeoMarker, index: number) => void;\n}\n\n/**\n * SVG overlay of point markers, projected with the host map's projection so\n * they align with its shapes. Each marker carries a native `<title>` (its\n * `label`) and is clickable when `onMarkerClick` is set.\n */\nexport function MapMarkers({ projection, markers, onMarkerClick }: MapMarkersProps) {\n    return (\n        <g className={styles.markers}>\n            {markers.map((marker, index) => {\n                const p = projection.project(marker);\n                const interactive = Boolean(onMarkerClick);\n                return (\n                    <circle\n                        key={marker.id ?? index}\n                        className={styles.marker}\n                        cx={p.x}\n                        cy={p.y}\n                        r={marker.radius ?? 6}\n                        fill={marker.color ?? \"var(--tempest-primary)\"}\n                        data-marker-id={marker.id ?? index}\n                        tabIndex={interactive ? 0 : undefined}\n                        role={interactive ? \"button\" : undefined}\n                        aria-label={marker.label}\n                        onClick={interactive ? () => onMarkerClick?.(marker, index) : undefined}\n                        onKeyDown={\n                            interactive\n                                ? (e) => {\n                                      if (e.key === \"Enter\" || e.key === \" \") {\n                                          e.preventDefault();\n                                          onMarkerClick?.(marker, index);\n                                      }\n                                  }\n                                : undefined\n                        }\n                    >\n                        {marker.label ? <title>{marker.label}</title> : null}\n                    </circle>\n                );\n            })}\n        </g>\n    );\n}\n"],"mappings":";;;AAkBA,SAAgB,EAAW,EAAE,eAAY,YAAS,oBAAkC;CAChF,OACI,kBAAC,KAAD;EAAG,WAAW,EAAO;YAChB,EAAQ,KAAK,GAAQ,MAAU;GAC5B,IAAM,IAAI,EAAW,QAAQ,CAAM,GAC7B,IAAc,EAAQ;GAC5B,OACI,kBAAC,UAAD;IAEI,WAAW,EAAO;IAClB,IAAI,EAAE;IACN,IAAI,EAAE;IACN,GAAG,EAAO,UAAU;IACpB,MAAM,EAAO,SAAS;IACtB,kBAAgB,EAAO,MAAM;IAC7B,UAAU,IAAc,IAAI,KAAA;IAC5B,MAAM,IAAc,WAAW,KAAA;IAC/B,cAAY,EAAO;IACnB,SAAS,UAAoB,IAAgB,GAAQ,CAAK,IAAI,KAAA;IAC9D,WACI,KACO,MAAM;KACH,CAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SAC/B,EAAE,eAAe,GACjB,IAAgB,GAAQ,CAAK;IAErC,IACA,KAAA;cAGT,EAAO,QAAQ,kBAAC,SAAD,EAAA,UAAQ,EAAO,MAAa,CAAA,IAAI;GAC5C,GAvBC,EAAO,MAAM,CAuBd;EAEhB,CAAC;CACF,CAAA;AAEX"}

package/dist/br/MapTooltip.cjs

@@ -0,0 +1,2 @@
+const e=require("../utils/cn.cjs"),t=require("./BrazilMap.module.cjs");let n=require("react/jsx-runtime");function r({x:r,y:i,children:a,className:o}){return(0,n.jsx)(`div`,{className:e.cn(t.default.tooltip,o),style:{left:r,top:i},"data-testid":`map-tooltip`,"aria-hidden":!0,children:a})}exports.MapTooltip=r;
+//# sourceMappingURL=MapTooltip.cjs.map

package/dist/br/MapTooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapTooltip.cjs","names":[],"sources":["../../src/br/MapTooltip.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./BrazilMap.module.css\";\n\nexport interface MapTooltipProps {\n    /** X position in pixels, relative to the map container. */\n    x: number;\n    /** Y position in pixels, relative to the map container. */\n    y: number;\n    /** Tooltip body. */\n    children: ReactNode;\n    className?: string;\n}\n\n/**\n * Floating tooltip anchored near the cursor over a map. Positioned absolutely\n * inside the map container (which is `position: relative`) and non-interactive\n * so it never steals hover from the shapes beneath it.\n */\nexport function MapTooltip({ x, y, children, className }: MapTooltipProps) {\n    return (\n        <div\n            className={cn(styles.tooltip, className)}\n            style={{ left: x, top: y }}\n            data-testid=\"map-tooltip\"\n            aria-hidden\n        >\n            {children}\n        </div>\n    );\n}\n"],"mappings":"0GAmBA,SAAgB,EAAW,CAAE,IAAG,IAAG,WAAU,aAA8B,CACvE,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EACvC,MAAO,CAAE,KAAM,EAAG,IAAK,CAAE,EACzB,cAAY,cACZ,cAAA,GAEC,UACA,CAAA,CAEb"}

package/dist/br/MapTooltip.js

@@ -0,0 +1,20 @@
+import { cn as e } from "../utils/cn.js";
+import t from "./BrazilMap.module.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/br/MapTooltip.tsx
+function r({ x: r, y: i, children: a, className: o }) {
+	return /* @__PURE__ */ n("div", {
+		className: e(t.tooltip, o),
+		style: {
+			left: r,
+			top: i
+		},
+		"data-testid": "map-tooltip",
+		"aria-hidden": !0,
+		children: a
+	});
+}
+//#endregion
+export { r as MapTooltip };
+
+//# sourceMappingURL=MapTooltip.js.map

package/dist/br/MapTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapTooltip.js","names":[],"sources":["../../src/br/MapTooltip.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./BrazilMap.module.css\";\n\nexport interface MapTooltipProps {\n    /** X position in pixels, relative to the map container. */\n    x: number;\n    /** Y position in pixels, relative to the map container. */\n    y: number;\n    /** Tooltip body. */\n    children: ReactNode;\n    className?: string;\n}\n\n/**\n * Floating tooltip anchored near the cursor over a map. Positioned absolutely\n * inside the map container (which is `position: relative`) and non-interactive\n * so it never steals hover from the shapes beneath it.\n */\nexport function MapTooltip({ x, y, children, className }: MapTooltipProps) {\n    return (\n        <div\n            className={cn(styles.tooltip, className)}\n            style={{ left: x, top: y }}\n            data-testid=\"map-tooltip\"\n            aria-hidden\n        >\n            {children}\n        </div>\n    );\n}\n"],"mappings":";;;;AAmBA,SAAgB,EAAW,EAAE,MAAG,MAAG,aAAU,gBAA8B;CACvE,OACI,kBAAC,OAAD;EACI,WAAW,EAAG,EAAO,SAAS,CAAS;EACvC,OAAO;GAAE,MAAM;GAAG,KAAK;EAAE;EACzB,eAAY;EACZ,eAAA;EAEC;CACA,CAAA;AAEb"}

package/dist/br/MunicipalitySearch.cjs

@@ -0,0 +1,2 @@
+const e=require("../components/Input/Input.cjs"),t=require("../hooks/use-debounce.cjs"),n=require("./geocode.cjs"),r=require("./MunicipalitySearch.module.cjs");let i=require("react"),a=require("react/jsx-runtime");function o({uf:o,onSelect:s,label:c,placeholder:l=`Buscar município…`,limit:u=8,debounceMs:d=250,disabled:f=!1}){let[p,m]=(0,i.useState)(``),[h,g]=(0,i.useState)([]),[_,v]=(0,i.useState)(!1),y=t.useDebounce(p,d),b=(0,i.useId)(),x=(0,i.useRef)(null);(0,i.useEffect)(()=>{let e=!0;if(!y.trim()){g([]);return}return n.searchMunicipalities(y,{uf:o,limit:u}).then(t=>{e&&g(t)}),()=>{e=!1}},[y,o,u]);function S(e){s(e),m(e.name),v(!1)}return(0,a.jsxs)(`div`,{className:r.default.search,children:[(0,a.jsx)(e.Input,{label:c,value:p,placeholder:l,disabled:f,role:`combobox`,"aria-expanded":_&&h.length>0,"aria-controls":b,autoComplete:`off`,onChange:e=>{m(e.target.value),v(!0)},onFocus:()=>v(!0),onBlur:()=>{x.current=setTimeout(()=>v(!1),120)}}),_&&h.length>0&&(0,a.jsx)(`ul`,{id:b,className:r.default.results,role:`listbox`,children:h.map(e=>(0,a.jsx)(`li`,{children:(0,a.jsxs)(`button`,{type:`button`,role:`option`,"aria-selected":!1,className:r.default.result,onMouseDown:e=>e.preventDefault(),onClick:()=>{x.current&&clearTimeout(x.current),S(e)},children:[(0,a.jsx)(`span`,{children:e.name}),(0,a.jsx)(`span`,{className:r.default.uf,children:e.uf})]})},e.id))})]})}exports.MunicipalitySearch=o;
+//# sourceMappingURL=MunicipalitySearch.cjs.map

package/dist/br/MunicipalitySearch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MunicipalitySearch.cjs","names":[],"sources":["../../src/br/MunicipalitySearch.tsx"],"sourcesContent":["import { useEffect, useId, useRef, useState, type ReactElement } from \"react\";\nimport { Input } from \"@/components/Input\";\nimport { useDebounce } from \"@/hooks\";\nimport { searchMunicipalities, type MunicipalityCentroid } from \"./geocode\";\nimport type { UF } from \"./locations\";\nimport styles from \"./MunicipalitySearch.module.css\";\n\nexport interface MunicipalitySearchProps {\n    /** Restrict the search to a single UF. */\n    uf?: UF;\n    /** Fired when a municipality is picked from the results. */\n    onSelect: (municipality: MunicipalityCentroid) => void;\n    /** Field label. */\n    label?: string;\n    /** Input placeholder. Default: `\"Buscar município…\"`. */\n    placeholder?: string;\n    /** Max results shown. Default: `8`. */\n    limit?: number;\n    /** Debounce in ms before searching. Default: `250`. */\n    debounceMs?: number;\n    /** Disable the field. */\n    disabled?: boolean;\n}\n\n/**\n * Debounced municipality autocomplete backed by the offline\n * {@link searchMunicipalities} index — no network. Type a partial name, pick a\n * result, and `onSelect` fires with its `{ id, name, uf, latitude, longitude }`.\n * Wire `onSelect` to a `BrazilStateMap` `selected` to highlight it on the map.\n *\n * @example\n * const [uf, setUf] = useState<UF>(\"SP\");\n * const [city, setCity] = useState<string | null>(null);\n * <MunicipalitySearch uf={uf} onSelect={(m) => setCity(m.name)} />\n * <BrazilStateMap uf={uf} selected={city} />\n */\nexport function MunicipalitySearch({\n    uf,\n    onSelect,\n    label,\n    placeholder = \"Buscar município…\",\n    limit = 8,\n    debounceMs = 250,\n    disabled = false,\n}: MunicipalitySearchProps): ReactElement {\n    const [query, setQuery] = useState<string>(\"\");\n    const [results, setResults] = useState<MunicipalityCentroid[]>([]);\n    const [open, setOpen] = useState<boolean>(false);\n    const debounced = useDebounce(query, debounceMs);\n    const listId = useId();\n    const blurTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    useEffect(() => {\n        let active = true;\n        if (!debounced.trim()) {\n            setResults([]);\n            return;\n        }\n        void searchMunicipalities(debounced, { uf, limit }).then((hits) => {\n            if (active) setResults(hits);\n        });\n        return () => {\n            active = false;\n        };\n    }, [debounced, uf, limit]);\n\n    function choose(municipality: MunicipalityCentroid): void {\n        onSelect(municipality);\n        setQuery(municipality.name);\n        setOpen(false);\n    }\n\n    return (\n        <div className={styles.search}>\n            <Input\n                label={label}\n                value={query}\n                placeholder={placeholder}\n                disabled={disabled}\n                role=\"combobox\"\n                aria-expanded={open && results.length > 0}\n                aria-controls={listId}\n                autoComplete=\"off\"\n                onChange={(e) => {\n                    setQuery(e.target.value);\n                    setOpen(true);\n                }}\n                onFocus={() => setOpen(true)}\n                onBlur={() => {\n                    // Delay so a result click registers before the list closes.\n                    blurTimer.current = setTimeout(() => setOpen(false), 120);\n                }}\n            />\n            {open && results.length > 0 && (\n                <ul id={listId} className={styles.results} role=\"listbox\">\n                    {results.map((m) => (\n                        <li key={m.id}>\n                            <button\n                                type=\"button\"\n                                role=\"option\"\n                                aria-selected={false}\n                                className={styles.result}\n                                onMouseDown={(e) => e.preventDefault()}\n                                onClick={() => {\n                                    if (blurTimer.current) clearTimeout(blurTimer.current);\n                                    choose(m);\n                                }}\n                            >\n                                <span>{m.name}</span>\n                                <span className={styles.uf}>{m.uf}</span>\n                            </button>\n                        </li>\n                    ))}\n                </ul>\n            )}\n        </div>\n    );\n}\n"],"mappings":"sNAoCA,SAAgB,EAAmB,CAC/B,KACA,WACA,QACA,cAAc,oBACd,QAAQ,EACR,aAAa,IACb,WAAW,IAC2B,CACtC,GAAM,CAAC,EAAO,IAAA,EAAA,EAAA,SAAA,CAA6B,EAAE,EACvC,CAAC,EAAS,IAAA,EAAA,EAAA,SAAA,CAA+C,CAAC,CAAC,EAC3D,CAAC,EAAM,IAAA,EAAA,EAAA,SAAA,CAA6B,EAAK,EACzC,EAAY,EAAA,YAAY,EAAO,CAAU,EACzC,GAAA,EAAA,EAAA,MAAA,CAAe,EACf,GAAA,EAAA,EAAA,OAAA,CAAyD,IAAI,GAEnE,EAAA,EAAA,UAAA,KAAgB,CACZ,IAAI,EAAS,GACb,GAAI,CAAC,EAAU,KAAK,EAAG,CACnB,EAAW,CAAC,CAAC,EACb,MACJ,CAIA,OAHA,EAAK,qBAAqB,EAAW,CAAE,KAAI,OAAM,CAAC,CAAC,CAAC,KAAM,GAAS,CAC3D,GAAQ,EAAW,CAAI,CAC/B,CAAC,MACY,CACT,EAAS,EACb,CACJ,EAAG,CAAC,EAAW,EAAI,CAAK,CAAC,EAEzB,SAAS,EAAO,EAA0C,CACtD,EAAS,CAAY,EACrB,EAAS,EAAa,IAAI,EAC1B,EAAQ,EAAK,CACjB,CAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAvB,EACI,EAAA,EAAA,IAAA,CAAC,EAAA,MAAD,CACW,QACP,MAAO,EACM,cACH,WACV,KAAK,WACL,gBAAe,GAAQ,EAAQ,OAAS,EACxC,gBAAe,EACf,aAAa,MACb,SAAW,GAAM,CACb,EAAS,EAAE,OAAO,KAAK,EACvB,EAAQ,EAAI,CAChB,EACA,YAAe,EAAQ,EAAI,EAC3B,WAAc,CAEV,EAAU,QAAU,eAAiB,EAAQ,EAAK,EAAG,GAAG,CAC5D,CACH,CAAA,EACA,GAAQ,EAAQ,OAAS,IACtB,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,GAAI,EAAQ,UAAW,EAAA,QAAO,QAAS,KAAK,mBAC3C,EAAQ,IAAK,IACV,EAAA,EAAA,IAAA,CAAC,KAAD,CAAA,UACI,EAAA,EAAA,KAAA,CAAC,SAAD,CACI,KAAK,SACL,KAAK,SACL,gBAAe,GACf,UAAW,EAAA,QAAO,OAClB,YAAc,GAAM,EAAE,eAAe,EACrC,YAAe,CACP,EAAU,SAAS,aAAa,EAAU,OAAO,EACrD,EAAO,CAAC,CACZ,WATJ,EAWI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,EAAE,IAAW,CAAA,GACpB,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,YAAK,EAAE,EAAS,CAAA,CACpC,GACR,EAfK,EAAE,EAeP,CACP,CACD,CAAA,CAEP,GAEb"}

package/dist/br/MunicipalitySearch.js

@@ -0,0 +1,74 @@
+import { Input as e } from "../components/Input/Input.js";
+import { useDebounce as t } from "../hooks/use-debounce.js";
+import { searchMunicipalities as n } from "./geocode.js";
+import r from "./MunicipalitySearch.module.js";
+import { useEffect as i, useId as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/br/MunicipalitySearch.tsx
+function u({ uf: u, onSelect: d, label: f, placeholder: p = "Buscar município…", limit: m = 8, debounceMs: h = 250, disabled: g = !1 }) {
+	let [_, v] = s(""), [y, b] = s([]), [x, S] = s(!1), C = t(_, h), w = a(), T = o(null);
+	i(() => {
+		let e = !0;
+		if (!C.trim()) {
+			b([]);
+			return;
+		}
+		return n(C, {
+			uf: u,
+			limit: m
+		}).then((t) => {
+			e && b(t);
+		}), () => {
+			e = !1;
+		};
+	}, [
+		C,
+		u,
+		m
+	]);
+	function E(e) {
+		d(e), v(e.name), S(!1);
+	}
+	return /* @__PURE__ */ l("div", {
+		className: r.search,
+		children: [/* @__PURE__ */ c(e, {
+			label: f,
+			value: _,
+			placeholder: p,
+			disabled: g,
+			role: "combobox",
+			"aria-expanded": x && y.length > 0,
+			"aria-controls": w,
+			autoComplete: "off",
+			onChange: (e) => {
+				v(e.target.value), S(!0);
+			},
+			onFocus: () => S(!0),
+			onBlur: () => {
+				T.current = setTimeout(() => S(!1), 120);
+			}
+		}), x && y.length > 0 && /* @__PURE__ */ c("ul", {
+			id: w,
+			className: r.results,
+			role: "listbox",
+			children: y.map((e) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ l("button", {
+				type: "button",
+				role: "option",
+				"aria-selected": !1,
+				className: r.result,
+				onMouseDown: (e) => e.preventDefault(),
+				onClick: () => {
+					T.current && clearTimeout(T.current), E(e);
+				},
+				children: [/* @__PURE__ */ c("span", { children: e.name }), /* @__PURE__ */ c("span", {
+					className: r.uf,
+					children: e.uf
+				})]
+			}) }, e.id))
+		})]
+	});
+}
+//#endregion
+export { u as MunicipalitySearch };
+
+//# sourceMappingURL=MunicipalitySearch.js.map

package/dist/br/MunicipalitySearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MunicipalitySearch.js","names":[],"sources":["../../src/br/MunicipalitySearch.tsx"],"sourcesContent":["import { useEffect, useId, useRef, useState, type ReactElement } from \"react\";\nimport { Input } from \"@/components/Input\";\nimport { useDebounce } from \"@/hooks\";\nimport { searchMunicipalities, type MunicipalityCentroid } from \"./geocode\";\nimport type { UF } from \"./locations\";\nimport styles from \"./MunicipalitySearch.module.css\";\n\nexport interface MunicipalitySearchProps {\n    /** Restrict the search to a single UF. */\n    uf?: UF;\n    /** Fired when a municipality is picked from the results. */\n    onSelect: (municipality: MunicipalityCentroid) => void;\n    /** Field label. */\n    label?: string;\n    /** Input placeholder. Default: `\"Buscar município…\"`. */\n    placeholder?: string;\n    /** Max results shown. Default: `8`. */\n    limit?: number;\n    /** Debounce in ms before searching. Default: `250`. */\n    debounceMs?: number;\n    /** Disable the field. */\n    disabled?: boolean;\n}\n\n/**\n * Debounced municipality autocomplete backed by the offline\n * {@link searchMunicipalities} index — no network. Type a partial name, pick a\n * result, and `onSelect` fires with its `{ id, name, uf, latitude, longitude }`.\n * Wire `onSelect` to a `BrazilStateMap` `selected` to highlight it on the map.\n *\n * @example\n * const [uf, setUf] = useState<UF>(\"SP\");\n * const [city, setCity] = useState<string | null>(null);\n * <MunicipalitySearch uf={uf} onSelect={(m) => setCity(m.name)} />\n * <BrazilStateMap uf={uf} selected={city} />\n */\nexport function MunicipalitySearch({\n    uf,\n    onSelect,\n    label,\n    placeholder = \"Buscar município…\",\n    limit = 8,\n    debounceMs = 250,\n    disabled = false,\n}: MunicipalitySearchProps): ReactElement {\n    const [query, setQuery] = useState<string>(\"\");\n    const [results, setResults] = useState<MunicipalityCentroid[]>([]);\n    const [open, setOpen] = useState<boolean>(false);\n    const debounced = useDebounce(query, debounceMs);\n    const listId = useId();\n    const blurTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    useEffect(() => {\n        let active = true;\n        if (!debounced.trim()) {\n            setResults([]);\n            return;\n        }\n        void searchMunicipalities(debounced, { uf, limit }).then((hits) => {\n            if (active) setResults(hits);\n        });\n        return () => {\n            active = false;\n        };\n    }, [debounced, uf, limit]);\n\n    function choose(municipality: MunicipalityCentroid): void {\n        onSelect(municipality);\n        setQuery(municipality.name);\n        setOpen(false);\n    }\n\n    return (\n        <div className={styles.search}>\n            <Input\n                label={label}\n                value={query}\n                placeholder={placeholder}\n                disabled={disabled}\n                role=\"combobox\"\n                aria-expanded={open && results.length > 0}\n                aria-controls={listId}\n                autoComplete=\"off\"\n                onChange={(e) => {\n                    setQuery(e.target.value);\n                    setOpen(true);\n                }}\n                onFocus={() => setOpen(true)}\n                onBlur={() => {\n                    // Delay so a result click registers before the list closes.\n                    blurTimer.current = setTimeout(() => setOpen(false), 120);\n                }}\n            />\n            {open && results.length > 0 && (\n                <ul id={listId} className={styles.results} role=\"listbox\">\n                    {results.map((m) => (\n                        <li key={m.id}>\n                            <button\n                                type=\"button\"\n                                role=\"option\"\n                                aria-selected={false}\n                                className={styles.result}\n                                onMouseDown={(e) => e.preventDefault()}\n                                onClick={() => {\n                                    if (blurTimer.current) clearTimeout(blurTimer.current);\n                                    choose(m);\n                                }}\n                            >\n                                <span>{m.name}</span>\n                                <span className={styles.uf}>{m.uf}</span>\n                            </button>\n                        </li>\n                    ))}\n                </ul>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;;;AAoCA,SAAgB,EAAmB,EAC/B,OACA,aACA,UACA,iBAAc,qBACd,WAAQ,GACR,gBAAa,KACb,cAAW,MAC2B;CACtC,IAAM,CAAC,GAAO,KAAY,EAAiB,EAAE,GACvC,CAAC,GAAS,KAAc,EAAiC,CAAC,CAAC,GAC3D,CAAC,GAAM,KAAW,EAAkB,EAAK,GACzC,IAAY,EAAY,GAAO,CAAU,GACzC,IAAS,EAAM,GACf,IAAY,EAA6C,IAAI;CAEnE,QAAgB;EACZ,IAAI,IAAS;EACb,IAAI,CAAC,EAAU,KAAK,GAAG;GACnB,EAAW,CAAC,CAAC;GACb;EACJ;EAIA,OAHA,EAA0B,GAAW;GAAE;GAAI;EAAM,CAAC,CAAC,CAAC,MAAM,MAAS;GAC/D,AAAI,KAAQ,EAAW,CAAI;EAC/B,CAAC,SACY;GACT,IAAS;EACb;CACJ,GAAG;EAAC;EAAW;EAAI;CAAK,CAAC;CAEzB,SAAS,EAAO,GAA0C;EAGtD,AAFA,EAAS,CAAY,GACrB,EAAS,EAAa,IAAI,GAC1B,EAAQ,EAAK;CACjB;CAEA,OACI,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB,CACI,kBAAC,GAAD;GACW;GACP,OAAO;GACM;GACH;GACV,MAAK;GACL,iBAAe,KAAQ,EAAQ,SAAS;GACxC,iBAAe;GACf,cAAa;GACb,WAAW,MAAM;IAEb,AADA,EAAS,EAAE,OAAO,KAAK,GACvB,EAAQ,EAAI;GAChB;GACA,eAAe,EAAQ,EAAI;GAC3B,cAAc;IAEV,EAAU,UAAU,iBAAiB,EAAQ,EAAK,GAAG,GAAG;GAC5D;EACH,CAAA,GACA,KAAQ,EAAQ,SAAS,KACtB,kBAAC,MAAD;GAAI,IAAI;GAAQ,WAAW,EAAO;GAAS,MAAK;aAC3C,EAAQ,KAAK,MACV,kBAAC,MAAD,EAAA,UACI,kBAAC,UAAD;IACI,MAAK;IACL,MAAK;IACL,iBAAe;IACf,WAAW,EAAO;IAClB,cAAc,MAAM,EAAE,eAAe;IACrC,eAAe;KAEX,AADI,EAAU,WAAS,aAAa,EAAU,OAAO,GACrD,EAAO,CAAC;IACZ;cATJ,CAWI,kBAAC,QAAD,EAAA,UAAO,EAAE,KAAW,CAAA,GACpB,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAK,EAAE;IAAS,CAAA,CACpC;MACR,GAfK,EAAE,EAeP,CACP;EACD,CAAA,CAEP;;AAEb"}

package/dist/br/MunicipalitySearch.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_search_iYSqC`,t=`tempest_results_-a0Jg`,n=`tempest_result_D5-no`,r=`tempest_uf_Rj15X`,i={search:e,results:t,result:n,uf:r};exports.default=i,exports.result=n,exports.results=t,exports.search=e,exports.uf=r;
+//# sourceMappingURL=MunicipalitySearch.module.cjs.map

package/dist/br/MunicipalitySearch.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MunicipalitySearch.module.cjs","names":[],"sources":["../../src/br/MunicipalitySearch.module.css"],"sourcesContent":[".search {\n    position: relative;\n    font-family: var(--tempest-font-sans);\n}\n\n.results {\n    position: absolute;\n    z-index: 10;\n    top: 100%;\n    left: 0;\n    right: 0;\n    margin: var(--tempest-space-1) 0 0;\n    padding: var(--tempest-space-1);\n    list-style: none;\n    max-height: 260px;\n    overflow-y: auto;\n    background: var(--tempest-surface);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    box-shadow: var(--tempest-shadow-md, 0 4px 12px rgb(0 0 0 / 0.12));\n}\n\n.result {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: none;\n    background: transparent;\n    border-radius: var(--tempest-radius-sm);\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text);\n    text-align: left;\n    cursor: pointer;\n}\n\n.result:hover,\n.result:focus-visible {\n    outline: none;\n    background: var(--tempest-primary-soft);\n}\n\n.uf {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    font-weight: var(--tempest-weight-medium);\n}\n"],"mappings":""}

package/dist/br/MunicipalitySearch.module.js

@@ -0,0 +1,11 @@
+//#region src/br/MunicipalitySearch.module.css
+var e = "tempest_search_iYSqC", t = "tempest_results_-a0Jg", n = "tempest_result_D5-no", r = "tempest_uf_Rj15X", i = {
+	search: e,
+	results: t,
+	result: n,
+	uf: r
+};
+//#endregion
+export { i as default, n as result, t as results, e as search, r as uf };
+
+//# sourceMappingURL=MunicipalitySearch.module.js.map

package/dist/br/MunicipalitySearch.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MunicipalitySearch.module.js","names":[],"sources":["../../src/br/MunicipalitySearch.module.css"],"sourcesContent":[".search {\n    position: relative;\n    font-family: var(--tempest-font-sans);\n}\n\n.results {\n    position: absolute;\n    z-index: 10;\n    top: 100%;\n    left: 0;\n    right: 0;\n    margin: var(--tempest-space-1) 0 0;\n    padding: var(--tempest-space-1);\n    list-style: none;\n    max-height: 260px;\n    overflow-y: auto;\n    background: var(--tempest-surface);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    box-shadow: var(--tempest-shadow-md, 0 4px 12px rgb(0 0 0 / 0.12));\n}\n\n.result {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: none;\n    background: transparent;\n    border-radius: var(--tempest-radius-sm);\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text);\n    text-align: left;\n    cursor: pointer;\n}\n\n.result:hover,\n.result:focus-visible {\n    outline: none;\n    background: var(--tempest-primary-soft);\n}\n\n.uf {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    font-weight: var(--tempest-weight-medium);\n}\n"],"mappings":""}

package/dist/br/br-geo.cjs

@@ -0,0 +1,2 @@
+var e=require("./data/br-uf-geo.cjs").default;exports.BR_UF_GEOJSON=e;
+//# sourceMappingURL=br-geo.cjs.map

package/dist/br/br-geo.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"br-geo.cjs","names":[],"sources":["../../src/br/br-geo.ts"],"sourcesContent":["import rawGeo from \"./data/br-uf-geo.json\";\nimport type { BrRegion, UF } from \"./locations\";\n\n/** A ring of `[longitude, latitude]` pairs. */\nexport type Ring = [number, number][];\n\n/** GeoJSON geometry for a federative unit — always a (multi)polygon. */\nexport interface BrUfGeometry {\n    type: \"Polygon\" | \"MultiPolygon\";\n    /** `Polygon` → `Ring[]`; `MultiPolygon` → `Ring[][]`. */\n    coordinates: Ring[] | Ring[][];\n}\n\n/** One federative unit feature. */\nexport interface BrUfFeature {\n    type: \"Feature\";\n    properties: {\n        uf: UF;\n        name: string;\n        region: BrRegion;\n        /** Representative point `[longitude, latitude]` (area-weighted centroid). */\n        centroid: [number, number];\n    };\n    geometry: BrUfGeometry;\n}\n\n/** The bundled, simplified GeoJSON of all 27 UF boundaries. */\nexport interface BrUfFeatureCollection {\n    type: \"FeatureCollection\";\n    features: BrUfFeature[];\n}\n\n/**\n * Simplified (Douglas-Peucker, ~2 km tolerance) public-domain GeoJSON of the 27\n * Brazilian federative-unit boundaries, derived from IBGE data. ~119 KB raw /\n * ~36 KB gzip — adequate for an interactive overview map, not for precise\n * geographic analysis. This module is loaded lazily by `BrazilMap`, so it lands\n * in its own chunk and never inflates a data-only import.\n */\nexport const BR_UF_GEOJSON = rawGeo as unknown as BrUfFeatureCollection;\n"],"mappings":"AAuCA,IAAa,gCAAgB,CAAA,CAAA"}

package/dist/br/br-geo.js

@@ -0,0 +1,7 @@
+import e from "./data/br-uf-geo.js";
+//#region src/br/br-geo.ts
+var t = e;
+//#endregion
+export { t as BR_UF_GEOJSON };
+
+//# sourceMappingURL=br-geo.js.map

package/dist/br/br-geo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"br-geo.js","names":[],"sources":["../../src/br/br-geo.ts"],"sourcesContent":["import rawGeo from \"./data/br-uf-geo.json\";\nimport type { BrRegion, UF } from \"./locations\";\n\n/** A ring of `[longitude, latitude]` pairs. */\nexport type Ring = [number, number][];\n\n/** GeoJSON geometry for a federative unit — always a (multi)polygon. */\nexport interface BrUfGeometry {\n    type: \"Polygon\" | \"MultiPolygon\";\n    /** `Polygon` → `Ring[]`; `MultiPolygon` → `Ring[][]`. */\n    coordinates: Ring[] | Ring[][];\n}\n\n/** One federative unit feature. */\nexport interface BrUfFeature {\n    type: \"Feature\";\n    properties: {\n        uf: UF;\n        name: string;\n        region: BrRegion;\n        /** Representative point `[longitude, latitude]` (area-weighted centroid). */\n        centroid: [number, number];\n    };\n    geometry: BrUfGeometry;\n}\n\n/** The bundled, simplified GeoJSON of all 27 UF boundaries. */\nexport interface BrUfFeatureCollection {\n    type: \"FeatureCollection\";\n    features: BrUfFeature[];\n}\n\n/**\n * Simplified (Douglas-Peucker, ~2 km tolerance) public-domain GeoJSON of the 27\n * Brazilian federative-unit boundaries, derived from IBGE data. ~119 KB raw /\n * ~36 KB gzip — adequate for an interactive overview map, not for precise\n * geographic analysis. This module is loaded lazily by `BrazilMap`, so it lands\n * in its own chunk and never inflates a data-only import.\n */\nexport const BR_UF_GEOJSON = rawGeo as unknown as BrUfFeatureCollection;\n"],"mappings":";;AAuCA,IAAa,IAAgB"}