tempest-react-sdk 0.22.0 → 0.23.0

package/dist/br/BrazilMap.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrazilMap.cjs","sources":["../../src/br/BrazilMap.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 type { BrUfFeatureCollection } from \"./br-geo\";\nimport { getState, type UF } from \"./locations\";\nimport { MapMarkers } from \"./MapMarkers\";\nimport { MapTooltip } from \"./MapTooltip\";\nimport { REGION_COLORS } from \"./regions\";\nimport type { ColorScale } from \"./scales\";\nimport { useMapZoom } from \"./use-map-zoom\";\nimport { geometriesBounds, geometryCentroid, geometryPath, lerpColor } from \"./svg-utils\";\nimport { useMapHover } from \"./use-map-hover\";\nimport styles from \"./BrazilMap.module.css\";\n\n/** Data passed to a {@link BrazilMapProps.renderTooltip} callback. */\nexport interface BrazilMapTooltipData {\n    uf: UF;\n    name: string;\n    /** Choropleth value for this UF, if `values` was provided. */\n    value?: number;\n}\n\nexport interface BrazilMapProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n    /** Currently selected UF(s) — highlighted. Accepts one or many. */\n    selected?: UF | readonly UF[] | null;\n    /** Fired when a state is clicked. */\n    onSelect?: (uf: UF) => void;\n    /**\n     * Optional choropleth values per UF. When set, each state is tinted between\n     * `minColor` and `maxColor` by its value (linear). States without a value\n     * use the base surface color.\n     */\n    values?: Partial<Record<UF, 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 (e.g. from `sequentialScale`/`quantizeScale`).\n     * Takes precedence over `minColor`/`maxColor`. Pair with a `<MapLegend>`.\n     */\n    colorScale?: ColorScale;\n    /**\n     * Tint each state by its macro-region (categorical). Overrides\n     * `values`/`colorScale`. Pair with `<MapLegend items={regionLegendItems()} />`.\n     */\n    colorByRegion?: boolean;\n    /** Viewport height in pixels. Default: `440`. */\n    height?: number;\n    /** Inner padding in pixels. Default: `12`. */\n    padding?: number;\n    /** Render the UF acronym at each state centroid. Default: `true`. */\n    showLabels?: boolean;\n    /** Accessible label for the map region. Default: `\"Mapa do Brasil por estado\"`. */\n    label?: string;\n    /** Custom content when the geometry is still loading. */\n    loadingContent?: ReactNode;\n    /** Show a floating tooltip (name + region + city count + value) on hover. Default: `true`. */\n    showTooltip?: boolean;\n    /** Override the default tooltip content. */\n    renderTooltip?: (data: BrazilMapTooltipData) => ReactNode;\n    /** Point markers to overlay on the map (e.g. capitals, stores). */\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 choropleth map of Brazil's 27 federative units. Renders the bundled\n * simplified UF GeoJSON as SVG paths — **no external tiles or paid API**. Click\n * a state to fire `onSelect(uf)`; pass `selected` to highlight and `values` to\n * tint states by a metric.\n *\n * The GeoJSON (~36 KB gzip) is loaded lazily, so importing this component does\n * not pull the geometry until it actually mounts.\n *\n * @example\n * const [uf, setUf] = useState<UF | null>(null);\n * <BrazilMap selected={uf} onSelect={setUf} />\n *\n * @example\n * // Choropleth by a metric per state\n * <BrazilMap values={{ SP: 120, RJ: 90, MG: 60 }} />\n */\nexport function BrazilMap({\n    selected,\n    onSelect,\n    values,\n    minColor = \"#dbeafe\",\n    maxColor = \"#2563eb\",\n    colorScale,\n    colorByRegion = false,\n    height = 440,\n    padding = 12,\n    showLabels = true,\n    label = \"Mapa do Brasil por estado\",\n    loadingContent,\n    showTooltip = true,\n    renderTooltip,\n    markers,\n    onMarkerClick,\n    zoomable = false,\n    className,\n    style,\n    ...rest\n}: BrazilMapProps) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [width, setWidth] = useState<number>(600);\n    const [collection, setCollection] = useState<BrUfFeatureCollection | null>(null);\n    const { hover, onMove, onLeave } = useMapHover<{ uf: UF; name: string }>(containerRef);\n    const mapZoom = useMapZoom(zoomable);\n\n    useEffect(() => {\n        let active = true;\n        void import(\"./br-geo\").then((m) => {\n            if (active) setCollection(m.BR_UF_GEOJSON);\n        });\n        return () => {\n            active = false;\n        };\n    }, []);\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<UF>>(() => {\n        if (!selected) return new Set();\n        return new Set(Array.isArray(selected) ? selected : [selected as UF]);\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            uf: feature.properties.uf,\n            name: feature.properties.name,\n            region: feature.properties.region,\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(uf: UF): string | undefined {\n        const v = values?.[uf];\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 frequent re-renders (hover tooltip) don't rebuild all 27 paths.\n    const stateEls = useMemo(() => {\n        if (!shapes) return null;\n        return shapes.items.map((shape) => {\n            const isSelected = selectedSet.has(shape.uf);\n            const fillColor = isSelected\n                ? undefined\n                : colorByRegion\n                  ? REGION_COLORS[shape.region]\n                  : fillFor(shape.uf);\n            return (\n                <path\n                    key={shape.uf}\n                    className={cn(styles.state, isSelected && styles.selected)}\n                    d={shape.d}\n                    fillRule=\"evenodd\"\n                    style={fillColor ? { fill: fillColor } : undefined}\n                    data-uf={shape.uf}\n                    tabIndex={onSelect ? 0 : undefined}\n                    role={onSelect ? \"button\" : undefined}\n                    aria-label={shape.name}\n                    aria-pressed={onSelect ? isSelected : undefined}\n                    onClick={onSelect ? () => onSelect(shape.uf) : undefined}\n                    onMouseMove={\n                        showTooltip\n                            ? (e) => onMove({ uf: shape.uf, 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(shape.uf);\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        colorByRegion,\n        minColor,\n        maxColor,\n        onSelect,\n        showTooltip,\n        onMove,\n        onLeave,\n    ]);\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.map, className)}\n            style={{ height, ...style }}\n            role=\"group\"\n            aria-label={label}\n            {...rest}\n        >\n            {!shapes ? (\n                <div className={styles.loading}>{loadingContent ?? \"Carregando mapa…\"}</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                        {stateEls}\n\n                        {showLabels &&\n                            shapes.items.map((shape) => (\n                                <text\n                                    key={`label-${shape.uf}`}\n                                    className={styles.label}\n                                    x={shape.centroid.x}\n                                    y={shape.centroid.y}\n                                    textAnchor=\"middle\"\n                                    dominantBaseline=\"central\"\n                                >\n                                    {shape.uf}\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                            uf: hover.item.uf,\n                            name: hover.item.name,\n                            value: values?.[hover.item.uf],\n                        })\n                    ) : (\n                        <DefaultUfTooltip\n                            uf={hover.item.uf}\n                            name={hover.item.name}\n                            value={values?.[hover.item.uf]}\n                        />\n                    )}\n                </MapTooltip>\n            )}\n        </div>\n    );\n}\n\n/** Default UF tooltip: name (UF) + region + city count + optional value. */\nfunction DefaultUfTooltip({ uf, name, value }: { uf: UF; name: string; value?: number }) {\n    const state = getState(uf);\n    return (\n        <>\n            <div className={styles.tooltipTitle}>\n                {name} ({uf})\n            </div>\n            <div className={styles.tooltipMeta}>\n                {state ? `${state.region} · ${state.cities.length} cidades` : uf}\n                {typeof value === \"number\" ? ` · ${value}` : \"\"}\n            </div>\n        </>\n    );\n}\n"],"names":["BrazilMap","selected","onSelect","values","minColor","maxColor","colorScale","colorByRegion","height","padding","showLabels","label","loadingContent","showTooltip","renderTooltip","markers","onMarkerClick","zoomable","className","style","rest","containerRef","useRef","width","setWidth","useState","collection","setCollection","hover","onMove","onLeave","useMapHover","mapZoom","useMapZoom","useEffect","active","m","node","observer","entries","measured","selectedSet","useMemo","valueRange","nums","v","shapes","projection","fitProjection","geometriesBounds","f","items","feature","geometryPath","geometryCentroid","fillFor","uf","min","max","t","lerpColor","stateEls","shape","isSelected","fillColor","REGION_COLORS","jsx","cn","styles","e","jsxs","MapMarkers","MapTooltip","DefaultUfTooltip","name","value","state","getState","Fragment"],"mappings":"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"}

package/dist/br/BrazilMap.js

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

package/dist/br/BrazilMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrazilMap.js","sources":["../../src/br/BrazilMap.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 type { BrUfFeatureCollection } from \"./br-geo\";\nimport { getState, type UF } from \"./locations\";\nimport { MapMarkers } from \"./MapMarkers\";\nimport { MapTooltip } from \"./MapTooltip\";\nimport { REGION_COLORS } from \"./regions\";\nimport type { ColorScale } from \"./scales\";\nimport { useMapZoom } from \"./use-map-zoom\";\nimport { geometriesBounds, geometryCentroid, geometryPath, lerpColor } from \"./svg-utils\";\nimport { useMapHover } from \"./use-map-hover\";\nimport styles from \"./BrazilMap.module.css\";\n\n/** Data passed to a {@link BrazilMapProps.renderTooltip} callback. */\nexport interface BrazilMapTooltipData {\n    uf: UF;\n    name: string;\n    /** Choropleth value for this UF, if `values` was provided. */\n    value?: number;\n}\n\nexport interface BrazilMapProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n    /** Currently selected UF(s) — highlighted. Accepts one or many. */\n    selected?: UF | readonly UF[] | null;\n    /** Fired when a state is clicked. */\n    onSelect?: (uf: UF) => void;\n    /**\n     * Optional choropleth values per UF. When set, each state is tinted between\n     * `minColor` and `maxColor` by its value (linear). States without a value\n     * use the base surface color.\n     */\n    values?: Partial<Record<UF, 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 (e.g. from `sequentialScale`/`quantizeScale`).\n     * Takes precedence over `minColor`/`maxColor`. Pair with a `<MapLegend>`.\n     */\n    colorScale?: ColorScale;\n    /**\n     * Tint each state by its macro-region (categorical). Overrides\n     * `values`/`colorScale`. Pair with `<MapLegend items={regionLegendItems()} />`.\n     */\n    colorByRegion?: boolean;\n    /** Viewport height in pixels. Default: `440`. */\n    height?: number;\n    /** Inner padding in pixels. Default: `12`. */\n    padding?: number;\n    /** Render the UF acronym at each state centroid. Default: `true`. */\n    showLabels?: boolean;\n    /** Accessible label for the map region. Default: `\"Mapa do Brasil por estado\"`. */\n    label?: string;\n    /** Custom content when the geometry is still loading. */\n    loadingContent?: ReactNode;\n    /** Show a floating tooltip (name + region + city count + value) on hover. Default: `true`. */\n    showTooltip?: boolean;\n    /** Override the default tooltip content. */\n    renderTooltip?: (data: BrazilMapTooltipData) => ReactNode;\n    /** Point markers to overlay on the map (e.g. capitals, stores). */\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 choropleth map of Brazil's 27 federative units. Renders the bundled\n * simplified UF GeoJSON as SVG paths — **no external tiles or paid API**. Click\n * a state to fire `onSelect(uf)`; pass `selected` to highlight and `values` to\n * tint states by a metric.\n *\n * The GeoJSON (~36 KB gzip) is loaded lazily, so importing this component does\n * not pull the geometry until it actually mounts.\n *\n * @example\n * const [uf, setUf] = useState<UF | null>(null);\n * <BrazilMap selected={uf} onSelect={setUf} />\n *\n * @example\n * // Choropleth by a metric per state\n * <BrazilMap values={{ SP: 120, RJ: 90, MG: 60 }} />\n */\nexport function BrazilMap({\n    selected,\n    onSelect,\n    values,\n    minColor = \"#dbeafe\",\n    maxColor = \"#2563eb\",\n    colorScale,\n    colorByRegion = false,\n    height = 440,\n    padding = 12,\n    showLabels = true,\n    label = \"Mapa do Brasil por estado\",\n    loadingContent,\n    showTooltip = true,\n    renderTooltip,\n    markers,\n    onMarkerClick,\n    zoomable = false,\n    className,\n    style,\n    ...rest\n}: BrazilMapProps) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [width, setWidth] = useState<number>(600);\n    const [collection, setCollection] = useState<BrUfFeatureCollection | null>(null);\n    const { hover, onMove, onLeave } = useMapHover<{ uf: UF; name: string }>(containerRef);\n    const mapZoom = useMapZoom(zoomable);\n\n    useEffect(() => {\n        let active = true;\n        void import(\"./br-geo\").then((m) => {\n            if (active) setCollection(m.BR_UF_GEOJSON);\n        });\n        return () => {\n            active = false;\n        };\n    }, []);\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<UF>>(() => {\n        if (!selected) return new Set();\n        return new Set(Array.isArray(selected) ? selected : [selected as UF]);\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            uf: feature.properties.uf,\n            name: feature.properties.name,\n            region: feature.properties.region,\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(uf: UF): string | undefined {\n        const v = values?.[uf];\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 frequent re-renders (hover tooltip) don't rebuild all 27 paths.\n    const stateEls = useMemo(() => {\n        if (!shapes) return null;\n        return shapes.items.map((shape) => {\n            const isSelected = selectedSet.has(shape.uf);\n            const fillColor = isSelected\n                ? undefined\n                : colorByRegion\n                  ? REGION_COLORS[shape.region]\n                  : fillFor(shape.uf);\n            return (\n                <path\n                    key={shape.uf}\n                    className={cn(styles.state, isSelected && styles.selected)}\n                    d={shape.d}\n                    fillRule=\"evenodd\"\n                    style={fillColor ? { fill: fillColor } : undefined}\n                    data-uf={shape.uf}\n                    tabIndex={onSelect ? 0 : undefined}\n                    role={onSelect ? \"button\" : undefined}\n                    aria-label={shape.name}\n                    aria-pressed={onSelect ? isSelected : undefined}\n                    onClick={onSelect ? () => onSelect(shape.uf) : undefined}\n                    onMouseMove={\n                        showTooltip\n                            ? (e) => onMove({ uf: shape.uf, 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(shape.uf);\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        colorByRegion,\n        minColor,\n        maxColor,\n        onSelect,\n        showTooltip,\n        onMove,\n        onLeave,\n    ]);\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.map, className)}\n            style={{ height, ...style }}\n            role=\"group\"\n            aria-label={label}\n            {...rest}\n        >\n            {!shapes ? (\n                <div className={styles.loading}>{loadingContent ?? \"Carregando mapa…\"}</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                        {stateEls}\n\n                        {showLabels &&\n                            shapes.items.map((shape) => (\n                                <text\n                                    key={`label-${shape.uf}`}\n                                    className={styles.label}\n                                    x={shape.centroid.x}\n                                    y={shape.centroid.y}\n                                    textAnchor=\"middle\"\n                                    dominantBaseline=\"central\"\n                                >\n                                    {shape.uf}\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                            uf: hover.item.uf,\n                            name: hover.item.name,\n                            value: values?.[hover.item.uf],\n                        })\n                    ) : (\n                        <DefaultUfTooltip\n                            uf={hover.item.uf}\n                            name={hover.item.name}\n                            value={values?.[hover.item.uf]}\n                        />\n                    )}\n                </MapTooltip>\n            )}\n        </div>\n    );\n}\n\n/** Default UF tooltip: name (UF) + region + city count + optional value. */\nfunction DefaultUfTooltip({ uf, name, value }: { uf: UF; name: string; value?: number }) {\n    const state = getState(uf);\n    return (\n        <>\n            <div className={styles.tooltipTitle}>\n                {name} ({uf})\n            </div>\n            <div className={styles.tooltipMeta}>\n                {state ? `${state.region} · ${state.cities.length} cidades` : uf}\n                {typeof value === \"number\" ? ` · ${value}` : \"\"}\n            </div>\n        </>\n    );\n}\n"],"names":["BrazilMap","selected","onSelect","values","minColor","maxColor","colorScale","colorByRegion","height","padding","showLabels","label","loadingContent","showTooltip","renderTooltip","markers","onMarkerClick","zoomable","className","style","rest","containerRef","useRef","width","setWidth","useState","collection","setCollection","hover","onMove","onLeave","useMapHover","mapZoom","useMapZoom","useEffect","active","m","node","observer","entries","measured","selectedSet","useMemo","valueRange","nums","v","shapes","projection","fitProjection","geometriesBounds","f","items","feature","geometryPath","geometryCentroid","fillFor","uf","min","max","t","lerpColor","stateEls","shape","isSelected","fillColor","REGION_COLORS","jsx","cn","styles","e","jsxs","MapMarkers","MapTooltip","DefaultUfTooltip","name","value","state","getState","Fragment"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_map_t-hwx",e="tempest_svg_mUsn2",o="tempest_loading_55clN",s="tempest_state_JV7Hu",l="tempest_selected_CNxWu",a="tempest_label_PK-ES",p="tempest_tooltip_7n2Ui",m="tempest_tooltipTitle_PJZp0",i="tempest_tooltipMeta_hmNSP",_="tempest_marker_5td7B",n="tempest_zoomReset_IXmak",c={map:t,svg:e,loading:o,state:s,selected:l,label:a,tooltip:p,tooltipTitle:m,tooltipMeta:i,marker:_,zoomReset:n};exports.default=c;exports.label=a;exports.loading=o;exports.map=t;exports.marker=_;exports.selected=l;exports.state=s;exports.svg=e;exports.tooltip=p;exports.tooltipMeta=i;exports.tooltipTitle=m;exports.zoomReset=n;
+//# sourceMappingURL=BrazilMap.module.css.cjs.map

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

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

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

@@ -0,0 +1,28 @@
+const t = "tempest_map_t-hwx", e = "tempest_svg_mUsn2", o = "tempest_loading_55clN", s = "tempest_state_JV7Hu", l = "tempest_selected_CNxWu", p = "tempest_label_PK-ES", m = "tempest_tooltip_7n2Ui", _ = "tempest_tooltipTitle_PJZp0", a = "tempest_tooltipMeta_hmNSP", n = "tempest_marker_5td7B", c = "tempest_zoomReset_IXmak", i = {
+  map: t,
+  svg: e,
+  loading: o,
+  state: s,
+  selected: l,
+  label: p,
+  tooltip: m,
+  tooltipTitle: _,
+  tooltipMeta: a,
+  marker: n,
+  zoomReset: c
+};
+export {
+  i as default,
+  p as label,
+  o as loading,
+  t as map,
+  n as marker,
+  l as selected,
+  s as state,
+  e as svg,
+  m as tooltip,
+  a as tooltipMeta,
+  _ as tooltipTitle,
+  c as zoomReset
+};
+//# sourceMappingURL=BrazilMap.module.css.js.map

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

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

package/dist/br/BrazilStateCitySelect.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),r=require("../components/Select/Select.cjs"),a=require("./locations.cjs");function j({defaultUf:u,defaultCity:d,onChange:o,stateLabel:y="Estado",cityLabel:f="Cidade",statePlaceholder:p="Selecione o estado",cityPlaceholder:S="Selecione a cidade",disabled:s=!1,layout:m="row"}){const[t,x]=n.useState(u??null),[h,c]=n.useState(d??null),v=n.useMemo(()=>a.listStates().map(e=>({value:e.uf,label:e.name})),[]),C=n.useMemo(()=>t?a.cityChoices(t):[],[t]);function g(e){const l=a.normalizeUf(e);x(l),c(null),o?.({uf:l,city:null})}function b(e){const l=e||null;c(l),o?.({uf:t,city:l})}return i.jsxs("div",{style:{display:"flex",flexDirection:m==="row"?"row":"column",gap:"var(--tempest-space-3, 12px)",flexWrap:"wrap"},children:[i.jsx(r.Select,{label:y,placeholder:p,options:v,value:t??"",disabled:s,onChange:e=>g(e.target.value),style:{minWidth:0}}),i.jsx(r.Select,{label:f,placeholder:S,options:C,value:h??"",disabled:s||!t,onChange:e=>b(e.target.value),style:{minWidth:0}})]})}exports.BrazilStateCitySelect=j;
+//# sourceMappingURL=BrazilStateCitySelect.cjs.map

package/dist/br/BrazilStateCitySelect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrazilStateCitySelect.cjs","sources":["../../src/br/BrazilStateCitySelect.tsx"],"sourcesContent":["import { useMemo, useState, type ReactElement } from \"react\";\nimport { Select } from \"@/components/Select\";\nimport { cityChoices, listStates, normalizeUf, type UF } from \"./locations\";\n\n/** Current selection emitted by {@link BrazilStateCitySelect}. */\nexport interface BrazilStateCitySelection {\n    /** Selected federative unit, or `null` when none. */\n    uf: UF | null;\n    /** Selected city, or `null` when none. */\n    city: string | null;\n}\n\nexport interface BrazilStateCitySelectProps {\n    /** Pre-selected UF (uncontrolled initial value). */\n    defaultUf?: UF;\n    /** Pre-selected city (uncontrolled initial value). */\n    defaultCity?: string;\n    /** Fired whenever the state or city changes. */\n    onChange?: (selection: BrazilStateCitySelection) => void;\n    /** Label for the state select. Default: `\"Estado\"`. */\n    stateLabel?: string;\n    /** Label for the city select. Default: `\"Cidade\"`. */\n    cityLabel?: string;\n    /** Placeholder for the state select. Default: `\"Selecione o estado\"`. */\n    statePlaceholder?: string;\n    /** Placeholder for the city select. Default: `\"Selecione a cidade\"`. */\n    cityPlaceholder?: string;\n    /** Disable both selects. */\n    disabled?: boolean;\n    /** Layout of the two selects. Default: `\"row\"`. */\n    layout?: \"row\" | \"column\";\n}\n\n/**\n * Cascading Estado → Cidade selector backed by the bundled BR locations data —\n * pick a state and the city list narrows to that UF's municipalities. No\n * network, no external API. Complements {@link BrazilMap} (wire the map's\n * `onSelect` to drive the same UF).\n *\n * @example\n * <BrazilStateCitySelect onChange={({ uf, city }) => console.log(uf, city)} />\n */\nexport function BrazilStateCitySelect({\n    defaultUf,\n    defaultCity,\n    onChange,\n    stateLabel = \"Estado\",\n    cityLabel = \"Cidade\",\n    statePlaceholder = \"Selecione o estado\",\n    cityPlaceholder = \"Selecione a cidade\",\n    disabled = false,\n    layout = \"row\",\n}: BrazilStateCitySelectProps): ReactElement {\n    const [uf, setUf] = useState<UF | null>(defaultUf ?? null);\n    const [city, setCity] = useState<string | null>(defaultCity ?? null);\n\n    const stateOptions = useMemo(\n        () => listStates().map((s) => ({ value: s.uf, label: s.name })),\n        [],\n    );\n    const cityOptions = useMemo(() => (uf ? cityChoices(uf) : []), [uf]);\n\n    function handleUf(next: string): void {\n        const nextUf = normalizeUf(next);\n        setUf(nextUf);\n        setCity(null);\n        onChange?.({ uf: nextUf, city: null });\n    }\n\n    function handleCity(next: string): void {\n        const nextCity = next || null;\n        setCity(nextCity);\n        onChange?.({ uf, city: nextCity });\n    }\n\n    return (\n        <div\n            style={{\n                display: \"flex\",\n                flexDirection: layout === \"row\" ? \"row\" : \"column\",\n                gap: \"var(--tempest-space-3, 12px)\",\n                flexWrap: \"wrap\",\n            }}\n        >\n            <Select\n                label={stateLabel}\n                placeholder={statePlaceholder}\n                options={stateOptions}\n                value={uf ?? \"\"}\n                disabled={disabled}\n                onChange={(e) => handleUf(e.target.value)}\n                style={{ minWidth: 0 }}\n            />\n            <Select\n                label={cityLabel}\n                placeholder={cityPlaceholder}\n                options={cityOptions}\n                value={city ?? \"\"}\n                disabled={disabled || !uf}\n                onChange={(e) => handleCity(e.target.value)}\n                style={{ minWidth: 0 }}\n            />\n        </div>\n    );\n}\n"],"names":["BrazilStateCitySelect","defaultUf","defaultCity","onChange","stateLabel","cityLabel","statePlaceholder","cityPlaceholder","disabled","layout","uf","setUf","useState","city","setCity","stateOptions","useMemo","listStates","s","cityOptions","cityChoices","handleUf","next","nextUf","normalizeUf","handleCity","nextCity","jsxs","jsx","Select"],"mappings":"kNA0CO,SAASA,EAAsB,CAClC,UAAAC,EACA,YAAAC,EACA,SAAAC,EACA,WAAAC,EAAa,SACb,UAAAC,EAAY,SACZ,iBAAAC,EAAmB,qBACnB,gBAAAC,EAAkB,qBAClB,SAAAC,EAAW,GACX,OAAAC,EAAS,KACb,EAA6C,CACzC,KAAM,CAACC,EAAIC,CAAK,EAAIC,EAAAA,SAAoBX,GAAa,IAAI,EACnD,CAACY,EAAMC,CAAO,EAAIF,EAAAA,SAAwBV,GAAe,IAAI,EAE7Da,EAAeC,EAAAA,QACjB,IAAMC,aAAA,EAAa,IAAKC,IAAO,CAAE,MAAOA,EAAE,GAAI,MAAOA,EAAE,MAAO,EAC9D,CAAA,CAAC,EAECC,EAAcH,UAAQ,IAAON,EAAKU,EAAAA,YAAYV,CAAE,EAAI,CAAA,EAAK,CAACA,CAAE,CAAC,EAEnE,SAASW,EAASC,EAAoB,CAClC,MAAMC,EAASC,EAAAA,YAAYF,CAAI,EAC/BX,EAAMY,CAAM,EACZT,EAAQ,IAAI,EACZX,IAAW,CAAE,GAAIoB,EAAQ,KAAM,KAAM,CACzC,CAEA,SAASE,EAAWH,EAAoB,CACpC,MAAMI,EAAWJ,GAAQ,KACzBR,EAAQY,CAAQ,EAChBvB,IAAW,CAAE,GAAAO,EAAI,KAAMgB,CAAA,CAAU,CACrC,CAEA,OACIC,EAAAA,KAAC,MAAA,CACG,MAAO,CACH,QAAS,OACT,cAAelB,IAAW,MAAQ,MAAQ,SAC1C,IAAK,+BACL,SAAU,MAAA,EAGd,SAAA,CAAAmB,EAAAA,IAACC,EAAAA,OAAA,CACG,MAAOzB,EACP,YAAaE,EACb,QAASS,EACT,MAAOL,GAAM,GACb,SAAAF,EACA,SAAW,GAAMa,EAAS,EAAE,OAAO,KAAK,EACxC,MAAO,CAAE,SAAU,CAAA,CAAE,CAAA,EAEzBO,EAAAA,IAACC,EAAAA,OAAA,CACG,MAAOxB,EACP,YAAaE,EACb,QAASY,EACT,MAAON,GAAQ,GACf,SAAUL,GAAY,CAACE,EACvB,SAAW,GAAMe,EAAW,EAAE,OAAO,KAAK,EAC1C,MAAO,CAAE,SAAU,CAAA,CAAE,CAAA,CACzB,CAAA,CAAA,CAGZ"}

package/dist/br/BrazilStateCitySelect.js

@@ -0,0 +1,69 @@
+import { jsxs as U, jsx as a } from "react/jsx-runtime";
+import { useState as s, useMemo as c } from "react";
+import { Select as r } from "../components/Select/Select.js";
+import { listStates as b, cityChoices as W, normalizeUf as j } from "./locations.js";
+function E({
+  defaultUf: u,
+  defaultCity: p,
+  onChange: o,
+  stateLabel: f = "Estado",
+  cityLabel: m = "Cidade",
+  statePlaceholder: d = "Selecione o estado",
+  cityPlaceholder: y = "Selecione a cidade",
+  disabled: i = !1,
+  layout: h = "row"
+}) {
+  const [t, x] = s(u ?? null), [v, n] = s(p ?? null), C = c(
+    () => b().map((e) => ({ value: e.uf, label: e.name })),
+    []
+  ), S = c(() => t ? W(t) : [], [t]);
+  function g(e) {
+    const l = j(e);
+    x(l), n(null), o?.({ uf: l, city: null });
+  }
+  function w(e) {
+    const l = e || null;
+    n(l), o?.({ uf: t, city: l });
+  }
+  return /* @__PURE__ */ U(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: h === "row" ? "row" : "column",
+        gap: "var(--tempest-space-3, 12px)",
+        flexWrap: "wrap"
+      },
+      children: [
+        /* @__PURE__ */ a(
+          r,
+          {
+            label: f,
+            placeholder: d,
+            options: C,
+            value: t ?? "",
+            disabled: i,
+            onChange: (e) => g(e.target.value),
+            style: { minWidth: 0 }
+          }
+        ),
+        /* @__PURE__ */ a(
+          r,
+          {
+            label: m,
+            placeholder: y,
+            options: S,
+            value: v ?? "",
+            disabled: i || !t,
+            onChange: (e) => w(e.target.value),
+            style: { minWidth: 0 }
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  E as BrazilStateCitySelect
+};
+//# sourceMappingURL=BrazilStateCitySelect.js.map

package/dist/br/BrazilStateCitySelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrazilStateCitySelect.js","sources":["../../src/br/BrazilStateCitySelect.tsx"],"sourcesContent":["import { useMemo, useState, type ReactElement } from \"react\";\nimport { Select } from \"@/components/Select\";\nimport { cityChoices, listStates, normalizeUf, type UF } from \"./locations\";\n\n/** Current selection emitted by {@link BrazilStateCitySelect}. */\nexport interface BrazilStateCitySelection {\n    /** Selected federative unit, or `null` when none. */\n    uf: UF | null;\n    /** Selected city, or `null` when none. */\n    city: string | null;\n}\n\nexport interface BrazilStateCitySelectProps {\n    /** Pre-selected UF (uncontrolled initial value). */\n    defaultUf?: UF;\n    /** Pre-selected city (uncontrolled initial value). */\n    defaultCity?: string;\n    /** Fired whenever the state or city changes. */\n    onChange?: (selection: BrazilStateCitySelection) => void;\n    /** Label for the state select. Default: `\"Estado\"`. */\n    stateLabel?: string;\n    /** Label for the city select. Default: `\"Cidade\"`. */\n    cityLabel?: string;\n    /** Placeholder for the state select. Default: `\"Selecione o estado\"`. */\n    statePlaceholder?: string;\n    /** Placeholder for the city select. Default: `\"Selecione a cidade\"`. */\n    cityPlaceholder?: string;\n    /** Disable both selects. */\n    disabled?: boolean;\n    /** Layout of the two selects. Default: `\"row\"`. */\n    layout?: \"row\" | \"column\";\n}\n\n/**\n * Cascading Estado → Cidade selector backed by the bundled BR locations data —\n * pick a state and the city list narrows to that UF's municipalities. No\n * network, no external API. Complements {@link BrazilMap} (wire the map's\n * `onSelect` to drive the same UF).\n *\n * @example\n * <BrazilStateCitySelect onChange={({ uf, city }) => console.log(uf, city)} />\n */\nexport function BrazilStateCitySelect({\n    defaultUf,\n    defaultCity,\n    onChange,\n    stateLabel = \"Estado\",\n    cityLabel = \"Cidade\",\n    statePlaceholder = \"Selecione o estado\",\n    cityPlaceholder = \"Selecione a cidade\",\n    disabled = false,\n    layout = \"row\",\n}: BrazilStateCitySelectProps): ReactElement {\n    const [uf, setUf] = useState<UF | null>(defaultUf ?? null);\n    const [city, setCity] = useState<string | null>(defaultCity ?? null);\n\n    const stateOptions = useMemo(\n        () => listStates().map((s) => ({ value: s.uf, label: s.name })),\n        [],\n    );\n    const cityOptions = useMemo(() => (uf ? cityChoices(uf) : []), [uf]);\n\n    function handleUf(next: string): void {\n        const nextUf = normalizeUf(next);\n        setUf(nextUf);\n        setCity(null);\n        onChange?.({ uf: nextUf, city: null });\n    }\n\n    function handleCity(next: string): void {\n        const nextCity = next || null;\n        setCity(nextCity);\n        onChange?.({ uf, city: nextCity });\n    }\n\n    return (\n        <div\n            style={{\n                display: \"flex\",\n                flexDirection: layout === \"row\" ? \"row\" : \"column\",\n                gap: \"var(--tempest-space-3, 12px)\",\n                flexWrap: \"wrap\",\n            }}\n        >\n            <Select\n                label={stateLabel}\n                placeholder={statePlaceholder}\n                options={stateOptions}\n                value={uf ?? \"\"}\n                disabled={disabled}\n                onChange={(e) => handleUf(e.target.value)}\n                style={{ minWidth: 0 }}\n            />\n            <Select\n                label={cityLabel}\n                placeholder={cityPlaceholder}\n                options={cityOptions}\n                value={city ?? \"\"}\n                disabled={disabled || !uf}\n                onChange={(e) => handleCity(e.target.value)}\n                style={{ minWidth: 0 }}\n            />\n        </div>\n    );\n}\n"],"names":["BrazilStateCitySelect","defaultUf","defaultCity","onChange","stateLabel","cityLabel","statePlaceholder","cityPlaceholder","disabled","layout","uf","setUf","useState","city","setCity","stateOptions","useMemo","listStates","s","cityOptions","cityChoices","handleUf","next","nextUf","normalizeUf","handleCity","nextCity","jsxs","jsx","Select"],"mappings":";;;;AA0CO,SAASA,EAAsB;AAAA,EAClC,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,iBAAAC,IAAkB;AAAA,EAClB,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AACb,GAA6C;AACzC,QAAM,CAACC,GAAIC,CAAK,IAAIC,EAAoBX,KAAa,IAAI,GACnD,CAACY,GAAMC,CAAO,IAAIF,EAAwBV,KAAe,IAAI,GAE7Da,IAAeC;AAAA,IACjB,MAAMC,EAAA,EAAa,IAAI,CAACC,OAAO,EAAE,OAAOA,EAAE,IAAI,OAAOA,EAAE,OAAO;AAAA,IAC9D,CAAA;AAAA,EAAC,GAECC,IAAcH,EAAQ,MAAON,IAAKU,EAAYV,CAAE,IAAI,CAAA,GAAK,CAACA,CAAE,CAAC;AAEnE,WAASW,EAASC,GAAoB;AAClC,UAAMC,IAASC,EAAYF,CAAI;AAC/B,IAAAX,EAAMY,CAAM,GACZT,EAAQ,IAAI,GACZX,IAAW,EAAE,IAAIoB,GAAQ,MAAM,MAAM;AAAA,EACzC;AAEA,WAASE,EAAWH,GAAoB;AACpC,UAAMI,IAAWJ,KAAQ;AACzB,IAAAR,EAAQY,CAAQ,GAChBvB,IAAW,EAAE,IAAAO,GAAI,MAAMgB,EAAA,CAAU;AAAA,EACrC;AAEA,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,SAAS;AAAA,QACT,eAAelB,MAAW,QAAQ,QAAQ;AAAA,QAC1C,KAAK;AAAA,QACL,UAAU;AAAA,MAAA;AAAA,MAGd,UAAA;AAAA,QAAA,gBAAAmB;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAOzB;AAAA,YACP,aAAaE;AAAA,YACb,SAASS;AAAA,YACT,OAAOL,KAAM;AAAA,YACb,UAAAF;AAAA,YACA,UAAU,CAAC,MAAMa,EAAS,EAAE,OAAO,KAAK;AAAA,YACxC,OAAO,EAAE,UAAU,EAAA;AAAA,UAAE;AAAA,QAAA;AAAA,QAEzB,gBAAAO;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAOxB;AAAA,YACP,aAAaE;AAAA,YACb,SAASY;AAAA,YACT,OAAON,KAAQ;AAAA,YACf,UAAUL,KAAY,CAACE;AAAA,YACvB,UAAU,CAAC,MAAMe,EAAW,EAAE,OAAO,KAAK;AAAA,YAC1C,OAAO,EAAE,UAAU,EAAA;AAAA,UAAE;AAAA,QAAA;AAAA,MACzB;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/br/BrazilStateMap.cjs

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

package/dist/br/BrazilStateMap.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrazilStateMap.cjs","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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"}