tempest-react-sdk 0.22.0 → 0.23.0

package/dist/br/BrazilStateMap.js

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

package/dist/br/BrazilStateMap.js.map

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

package/dist/br/MapLegend.cjs

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

package/dist/br/MapLegend.cjs.map

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

package/dist/br/MapLegend.js

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

package/dist/br/MapLegend.js.map

@@ -0,0 +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;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_legend_jti9g",e="tempest_title_v6QV-",s="tempest_gradient_RCo9v",i="tempest_ticks_C8Low",m="tempest_items_TBYH0",c="tempest_item_zuHY6",l="tempest_swatch_9x7iD",n="tempest_itemLabel_bHFPP",_={legend:t,title:e,gradient:s,ticks:i,items:m,item:c,swatch:l,itemLabel:n};exports.default=_;exports.gradient=s;exports.item=c;exports.itemLabel=n;exports.items=m;exports.legend=t;exports.swatch=l;exports.ticks=i;exports.title=e;
+//# sourceMappingURL=MapLegend.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapLegend.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,22 @@
+const t = "tempest_legend_jti9g", e = "tempest_title_v6QV-", s = "tempest_gradient_RCo9v", i = "tempest_ticks_C8Low", m = "tempest_items_TBYH0", _ = "tempest_item_zuHY6", c = "tempest_swatch_9x7iD", n = "tempest_itemLabel_bHFPP", o = {
+  legend: t,
+  title: e,
+  gradient: s,
+  ticks: i,
+  items: m,
+  item: _,
+  swatch: c,
+  itemLabel: n
+};
+export {
+  o as default,
+  s as gradient,
+  _ as item,
+  n as itemLabel,
+  m as items,
+  t as legend,
+  c as swatch,
+  i as ticks,
+  e as title
+};
+//# sourceMappingURL=MapLegend.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapLegend.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/br/MapMarkers.cjs

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

package/dist/br/MapMarkers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapMarkers.cjs","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"],"names":["MapMarkers","projection","markers","onMarkerClick","jsx","styles","marker","index","p","interactive","e"],"mappings":"6JAkBO,SAASA,EAAW,CAAE,WAAAC,EAAY,QAAAC,EAAS,cAAAC,GAAkC,CAChF,OACIC,MAAC,KAAE,UAAWC,EAAAA,QAAO,QAChB,SAAAH,EAAQ,IAAI,CAACI,EAAQC,IAAU,CAC5B,MAAMC,EAAIP,EAAW,QAAQK,CAAM,EAC7BG,EAAc,EAAQN,EAC5B,OACIC,EAAAA,IAAC,SAAA,CAEG,UAAWC,EAAAA,QAAO,OAClB,GAAIG,EAAE,EACN,GAAIA,EAAE,EACN,EAAGF,EAAO,QAAU,EACpB,KAAMA,EAAO,OAAS,yBACtB,iBAAgBA,EAAO,IAAMC,EAC7B,SAAUE,EAAc,EAAI,OAC5B,KAAMA,EAAc,SAAW,OAC/B,aAAYH,EAAO,MACnB,QAASG,EAAc,IAAMN,IAAgBG,EAAQC,CAAK,EAAI,OAC9D,UACIE,EACOC,GAAM,EACCA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OAC/BA,EAAE,eAAA,EACFP,IAAgBG,EAAQC,CAAK,EAErC,EACA,OAGT,WAAO,MAAQH,MAAC,QAAA,CAAO,SAAAE,EAAO,MAAM,EAAW,IAAA,EAtB3CA,EAAO,IAAMC,CAAA,CAyB9B,CAAC,CAAA,CACL,CAER"}

package/dist/br/MapMarkers.js

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

package/dist/br/MapMarkers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapMarkers.js","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"],"names":["MapMarkers","projection","markers","onMarkerClick","jsx","styles","marker","index","p","interactive","e"],"mappings":";;AAkBO,SAASA,EAAW,EAAE,YAAAC,GAAY,SAAAC,GAAS,eAAAC,KAAkC;AAChF,SACI,gBAAAC,EAAC,OAAE,WAAWC,EAAO,SAChB,UAAAH,EAAQ,IAAI,CAACI,GAAQC,MAAU;AAC5B,UAAMC,IAAIP,EAAW,QAAQK,CAAM,GAC7BG,IAAc,EAAQN;AAC5B,WACI,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAWC,EAAO;AAAA,QAClB,IAAIG,EAAE;AAAA,QACN,IAAIA,EAAE;AAAA,QACN,GAAGF,EAAO,UAAU;AAAA,QACpB,MAAMA,EAAO,SAAS;AAAA,QACtB,kBAAgBA,EAAO,MAAMC;AAAA,QAC7B,UAAUE,IAAc,IAAI;AAAA,QAC5B,MAAMA,IAAc,WAAW;AAAA,QAC/B,cAAYH,EAAO;AAAA,QACnB,SAASG,IAAc,MAAMN,IAAgBG,GAAQC,CAAK,IAAI;AAAA,QAC9D,WACIE,IACM,CAACC,MAAM;AACH,WAAIA,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SAC/BA,EAAE,eAAA,GACFP,IAAgBG,GAAQC,CAAK;AAAA,QAErC,IACA;AAAA,QAGT,YAAO,QAAQ,gBAAAH,EAAC,SAAA,EAAO,UAAAE,EAAO,OAAM,IAAW;AAAA,MAAA;AAAA,MAtB3CA,EAAO,MAAMC;AAAA,IAAA;AAAA,EAyB9B,CAAC,EAAA,CACL;AAER;"}

package/dist/br/MapTooltip.cjs

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

package/dist/br/MapTooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapTooltip.cjs","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"],"names":["MapTooltip","x","y","children","className","jsx","cn","styles"],"mappings":"0LAmBO,SAASA,EAAW,CAAE,EAAAC,EAAG,EAAAC,EAAG,SAAAC,EAAU,UAAAC,GAA8B,CACvE,OACIC,EAAAA,IAAC,MAAA,CACG,UAAWC,EAAAA,GAAGC,UAAO,QAASH,CAAS,EACvC,MAAO,CAAE,KAAMH,EAAG,IAAKC,CAAA,EACvB,cAAY,cACZ,cAAW,GAEV,SAAAC,CAAA,CAAA,CAGb"}

package/dist/br/MapTooltip.js

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

package/dist/br/MapTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapTooltip.js","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"],"names":["MapTooltip","x","y","children","className","jsx","cn","styles"],"mappings":";;;AAmBO,SAASA,EAAW,EAAE,GAAAC,GAAG,GAAAC,GAAG,UAAAC,GAAU,WAAAC,KAA8B;AACvE,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAGC,EAAO,SAASH,CAAS;AAAA,MACvC,OAAO,EAAE,MAAMH,GAAG,KAAKC,EAAA;AAAA,MACvB,eAAY;AAAA,MACZ,eAAW;AAAA,MAEV,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/br/MunicipalitySearch.cjs

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

package/dist/br/MunicipalitySearch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MunicipalitySearch.cjs","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"],"names":["MunicipalitySearch","uf","onSelect","label","placeholder","limit","debounceMs","disabled","query","setQuery","useState","results","setResults","open","setOpen","debounced","useDebounce","listId","useId","blurTimer","useRef","useEffect","active","searchMunicipalities","hits","choose","municipality","jsxs","styles","jsx","Input","m","e"],"mappings":"sSAoCO,SAASA,EAAmB,CAC/B,GAAAC,EACA,SAAAC,EACA,MAAAC,EACA,YAAAC,EAAc,oBACd,MAAAC,EAAQ,EACR,WAAAC,EAAa,IACb,SAAAC,EAAW,EACf,EAA0C,CACtC,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAiB,EAAE,EACvC,CAACC,EAASC,CAAU,EAAIF,EAAAA,SAAiC,CAAA,CAAE,EAC3D,CAACG,EAAMC,CAAO,EAAIJ,EAAAA,SAAkB,EAAK,EACzCK,EAAYC,EAAAA,YAAYR,EAAOF,CAAU,EACzCW,EAASC,EAAAA,MAAA,EACTC,EAAYC,EAAAA,OAA6C,IAAI,EAEnEC,EAAAA,UAAU,IAAM,CACZ,IAAIC,EAAS,GACb,GAAI,CAACP,EAAU,OAAQ,CACnBH,EAAW,CAAA,CAAE,EACb,MACJ,CACA,OAAKW,EAAAA,qBAAqBR,EAAW,CAAE,GAAAd,EAAI,MAAAI,EAAO,EAAE,KAAMmB,GAAS,CAC3DF,KAAmBE,CAAI,CAC/B,CAAC,EACM,IAAM,CACTF,EAAS,EACb,CACJ,EAAG,CAACP,EAAWd,EAAII,CAAK,CAAC,EAEzB,SAASoB,EAAOC,EAA0C,CACtDxB,EAASwB,CAAY,EACrBjB,EAASiB,EAAa,IAAI,EAC1BZ,EAAQ,EAAK,CACjB,CAEA,OACIa,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,OACnB,SAAA,CAAAC,EAAAA,IAACC,EAAAA,MAAA,CACG,MAAA3B,EACA,MAAOK,EACP,YAAAJ,EACA,SAAAG,EACA,KAAK,WACL,gBAAeM,GAAQF,EAAQ,OAAS,EACxC,gBAAeM,EACf,aAAa,MACb,SAAW,GAAM,CACbR,EAAS,EAAE,OAAO,KAAK,EACvBK,EAAQ,EAAI,CAChB,EACA,QAAS,IAAMA,EAAQ,EAAI,EAC3B,OAAQ,IAAM,CAEVK,EAAU,QAAU,WAAW,IAAML,EAAQ,EAAK,EAAG,GAAG,CAC5D,CAAA,CAAA,EAEHD,GAAQF,EAAQ,OAAS,GACtBkB,EAAAA,IAAC,KAAA,CAAG,GAAIZ,EAAQ,UAAWW,EAAAA,QAAO,QAAS,KAAK,UAC3C,SAAAjB,EAAQ,IAAKoB,SACT,KAAA,CACG,SAAAJ,EAAAA,KAAC,SAAA,CACG,KAAK,SACL,KAAK,SACL,gBAAe,GACf,UAAWC,EAAAA,QAAO,OAClB,YAAcI,GAAMA,EAAE,eAAA,EACtB,QAAS,IAAM,CACPb,EAAU,SAAS,aAAaA,EAAU,OAAO,EACrDM,EAAOM,CAAC,CACZ,EAEA,SAAA,CAAAF,EAAAA,IAAC,OAAA,CAAM,WAAE,IAAA,CAAK,QACb,OAAA,CAAK,UAAWD,EAAAA,QAAO,GAAK,WAAE,EAAA,CAAG,CAAA,CAAA,CAAA,GAbjCG,EAAE,EAeX,CACH,CAAA,CACL,CAAA,EAER,CAER"}

package/dist/br/MunicipalitySearch.js

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

package/dist/br/MunicipalitySearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MunicipalitySearch.js","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"],"names":["MunicipalitySearch","uf","onSelect","label","placeholder","limit","debounceMs","disabled","query","setQuery","useState","results","setResults","open","setOpen","debounced","useDebounce","listId","useId","blurTimer","useRef","useEffect","active","searchMunicipalities","hits","choose","municipality","jsxs","styles","jsx","Input","m","e"],"mappings":";;;;;;AAoCO,SAASA,EAAmB;AAAA,EAC/B,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AACf,GAA0C;AACtC,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,EAAE,GACvC,CAACC,GAASC,CAAU,IAAIF,EAAiC,CAAA,CAAE,GAC3D,CAACG,GAAMC,CAAO,IAAIJ,EAAkB,EAAK,GACzCK,IAAYC,EAAYR,GAAOF,CAAU,GACzCW,IAASC,EAAA,GACTC,IAAYC,EAA6C,IAAI;AAEnE,EAAAC,EAAU,MAAM;AACZ,QAAIC,IAAS;AACb,QAAI,CAACP,EAAU,QAAQ;AACnB,MAAAH,EAAW,CAAA,CAAE;AACb;AAAA,IACJ;AACA,WAAKW,EAAqBR,GAAW,EAAE,IAAAd,GAAI,OAAAI,GAAO,EAAE,KAAK,CAACmB,MAAS;AAC/D,MAAIF,OAAmBE,CAAI;AAAA,IAC/B,CAAC,GACM,MAAM;AACT,MAAAF,IAAS;AAAA,IACb;AAAA,EACJ,GAAG,CAACP,GAAWd,GAAII,CAAK,CAAC;AAEzB,WAASoB,EAAOC,GAA0C;AACtD,IAAAxB,EAASwB,CAAY,GACrBjB,EAASiB,EAAa,IAAI,GAC1BZ,EAAQ,EAAK;AAAA,EACjB;AAEA,SACI,gBAAAa,EAAC,OAAA,EAAI,WAAWC,EAAO,QACnB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAA3B;AAAA,QACA,OAAOK;AAAA,QACP,aAAAJ;AAAA,QACA,UAAAG;AAAA,QACA,MAAK;AAAA,QACL,iBAAeM,KAAQF,EAAQ,SAAS;AAAA,QACxC,iBAAeM;AAAA,QACf,cAAa;AAAA,QACb,UAAU,CAAC,MAAM;AACb,UAAAR,EAAS,EAAE,OAAO,KAAK,GACvBK,EAAQ,EAAI;AAAA,QAChB;AAAA,QACA,SAAS,MAAMA,EAAQ,EAAI;AAAA,QAC3B,QAAQ,MAAM;AAEV,UAAAK,EAAU,UAAU,WAAW,MAAML,EAAQ,EAAK,GAAG,GAAG;AAAA,QAC5D;AAAA,MAAA;AAAA,IAAA;AAAA,IAEHD,KAAQF,EAAQ,SAAS,KACtB,gBAAAkB,EAAC,MAAA,EAAG,IAAIZ,GAAQ,WAAWW,EAAO,SAAS,MAAK,WAC3C,UAAAjB,EAAQ,IAAI,CAACoB,wBACT,MAAA,EACG,UAAA,gBAAAJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,WAAWC,EAAO;AAAA,QAClB,aAAa,CAACI,MAAMA,EAAE,eAAA;AAAA,QACtB,SAAS,MAAM;AACX,UAAIb,EAAU,WAAS,aAAaA,EAAU,OAAO,GACrDM,EAAOM,CAAC;AAAA,QACZ;AAAA,QAEA,UAAA;AAAA,UAAA,gBAAAF,EAAC,QAAA,EAAM,YAAE,KAAA,CAAK;AAAA,4BACb,QAAA,EAAK,WAAWD,EAAO,IAAK,YAAE,GAAA,CAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,KAbjCG,EAAE,EAeX,CACH,EAAA,CACL;AAAA,EAAA,GAER;AAER;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_search_iYSqC",s="tempest_results_-a0Jg",t="tempest_result_D5-no",u="tempest_uf_Rj15X",r={search:e,results:s,result:t,uf:u};exports.default=r;exports.result=t;exports.results=s;exports.search=e;exports.uf=u;
+//# sourceMappingURL=MunicipalitySearch.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MunicipalitySearch.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,14 @@
+const s = "tempest_search_iYSqC", t = "tempest_results_-a0Jg", e = "tempest_result_D5-no", r = "tempest_uf_Rj15X", u = {
+  search: s,
+  results: t,
+  result: e,
+  uf: r
+};
+export {
+  u as default,
+  e as result,
+  t as results,
+  s as search,
+  r as uf
+};
+//# sourceMappingURL=MunicipalitySearch.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MunicipalitySearch.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/br/br-geo.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./data/br-uf-geo.json.cjs"),t=e.default;exports.BR_UF_GEOJSON=t;
+//# sourceMappingURL=br-geo.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"br-geo.cjs","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"],"names":["BR_UF_GEOJSON","rawGeo"],"mappings":"6HAuCaA,EAAgBC,EAAAA"}

package/dist/br/br-geo.js

@@ -0,0 +1,6 @@
+import o from "./data/br-uf-geo.json.js";
+const t = o;
+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","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"],"names":["BR_UF_GEOJSON","rawGeo"],"mappings":";AAuCO,MAAMA,IAAgBC;"}