tempest-react-sdk 0.23.0 → 0.25.0

package/dist/br/BrazilMap.cjs.map

@@ -1 +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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"}
+{"version":3,"file":"BrazilMap.cjs","names":[],"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"],"mappings":"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"}

package/dist/br/BrazilMap.js

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

package/dist/br/BrazilMap.js.map

@@ -1 +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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"}
+{"version":3,"file":"BrazilMap.js","names":[],"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"],"mappings":"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"}

package/dist/br/BrazilMap.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_map_t-hwx`,t=`tempest_svg_mUsn2`,n=`tempest_loading_55clN`,r=`tempest_state_JV7Hu`,i=`tempest_selected_CNxWu`,a=`tempest_label_PK-ES`,o=`tempest_tooltip_7n2Ui`,s=`tempest_tooltipTitle_PJZp0`,c=`tempest_tooltipMeta_hmNSP`,l=`tempest_marker_5td7B`,u=`tempest_zoomReset_IXmak`,d={map:e,svg:t,loading:n,state:r,selected:i,label:a,tooltip:o,tooltipTitle:s,tooltipMeta:c,marker:l,zoomReset:u};exports.default=d,exports.label=a,exports.loading=n,exports.map=e,exports.marker=l,exports.selected=i,exports.state=r,exports.svg=t,exports.tooltip=o,exports.tooltipMeta=c,exports.tooltipTitle=s,exports.zoomReset=u;
+//# sourceMappingURL=BrazilMap.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BrazilMap.module.cjs","names":[],"sources":["../../src/br/BrazilMap.module.css"],"sourcesContent":[".map {\n    position: relative;\n    width: 100%;\n    background: var(--tempest-surface-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    font-family: var(--tempest-font-sans);\n    overflow: hidden;\n}\n\n.svg {\n    display: block;\n    width: 100%;\n}\n\n.loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.state {\n    fill: var(--tempest-surface-3);\n    stroke: var(--tempest-border-strong);\n    stroke-width: 0.75;\n    stroke-linejoin: round;\n    transition:\n        fill 0.12s ease,\n        opacity 0.12s ease;\n}\n\n.state[role=\"button\"] {\n    cursor: pointer;\n}\n\n.state[role=\"button\"]:hover {\n    fill: var(--tempest-primary-soft);\n}\n\n.state[role=\"button\"]:focus-visible {\n    outline: none;\n    stroke: var(--tempest-primary);\n    stroke-width: 1.5;\n}\n\n.selected {\n    fill: var(--tempest-primary);\n    stroke: var(--tempest-primary-active);\n    stroke-width: 1.25;\n}\n\n.selected:hover {\n    fill: var(--tempest-primary-hover);\n}\n\n.label {\n    fill: var(--tempest-text);\n    font-size: 10px;\n    font-weight: var(--tempest-weight-medium);\n    pointer-events: none;\n    user-select: none;\n}\n\n.tooltip {\n    position: absolute;\n    z-index: 2;\n    transform: translate(12px, 12px);\n    max-width: 240px;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    box-shadow: var(--tempest-shadow-md, 0 4px 12px rgb(0 0 0 / 0.12));\n    font-size: var(--tempest-text-xs);\n    line-height: var(--tempest-leading-snug);\n    pointer-events: none;\n    white-space: nowrap;\n}\n\n.tooltipTitle {\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-sm);\n}\n\n.tooltipMeta {\n    color: var(--tempest-text-muted);\n}\n\n.marker {\n    stroke: var(--tempest-surface);\n    stroke-width: 2;\n}\n\n.marker[role=\"button\"] {\n    cursor: pointer;\n}\n\n.marker[role=\"button\"]:hover {\n    stroke: var(--tempest-primary-active);\n}\n\n.marker[role=\"button\"]:focus-visible {\n    outline: none;\n    stroke: var(--tempest-primary);\n    stroke-width: 3;\n}\n\n.zoomReset {\n    position: absolute;\n    top: var(--tempest-space-2);\n    right: var(--tempest-space-2);\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text);\n    background: var(--tempest-surface);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    cursor: pointer;\n}\n\n.zoomReset:hover {\n    background: var(--tempest-surface-2);\n}\n"],"mappings":""}

package/dist/br/BrazilMap.module.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BrazilMap.module.js","names":[],"sources":["../../src/br/BrazilMap.module.css"],"sourcesContent":[".map {\n    position: relative;\n    width: 100%;\n    background: var(--tempest-surface-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    font-family: var(--tempest-font-sans);\n    overflow: hidden;\n}\n\n.svg {\n    display: block;\n    width: 100%;\n}\n\n.loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.state {\n    fill: var(--tempest-surface-3);\n    stroke: var(--tempest-border-strong);\n    stroke-width: 0.75;\n    stroke-linejoin: round;\n    transition:\n        fill 0.12s ease,\n        opacity 0.12s ease;\n}\n\n.state[role=\"button\"] {\n    cursor: pointer;\n}\n\n.state[role=\"button\"]:hover {\n    fill: var(--tempest-primary-soft);\n}\n\n.state[role=\"button\"]:focus-visible {\n    outline: none;\n    stroke: var(--tempest-primary);\n    stroke-width: 1.5;\n}\n\n.selected {\n    fill: var(--tempest-primary);\n    stroke: var(--tempest-primary-active);\n    stroke-width: 1.25;\n}\n\n.selected:hover {\n    fill: var(--tempest-primary-hover);\n}\n\n.label {\n    fill: var(--tempest-text);\n    font-size: 10px;\n    font-weight: var(--tempest-weight-medium);\n    pointer-events: none;\n    user-select: none;\n}\n\n.tooltip {\n    position: absolute;\n    z-index: 2;\n    transform: translate(12px, 12px);\n    max-width: 240px;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    box-shadow: var(--tempest-shadow-md, 0 4px 12px rgb(0 0 0 / 0.12));\n    font-size: var(--tempest-text-xs);\n    line-height: var(--tempest-leading-snug);\n    pointer-events: none;\n    white-space: nowrap;\n}\n\n.tooltipTitle {\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-sm);\n}\n\n.tooltipMeta {\n    color: var(--tempest-text-muted);\n}\n\n.marker {\n    stroke: var(--tempest-surface);\n    stroke-width: 2;\n}\n\n.marker[role=\"button\"] {\n    cursor: pointer;\n}\n\n.marker[role=\"button\"]:hover {\n    stroke: var(--tempest-primary-active);\n}\n\n.marker[role=\"button\"]:focus-visible {\n    outline: none;\n    stroke: var(--tempest-primary);\n    stroke-width: 3;\n}\n\n.zoomReset {\n    position: absolute;\n    top: var(--tempest-space-2);\n    right: var(--tempest-space-2);\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text);\n    background: var(--tempest-surface);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    cursor: pointer;\n}\n\n.zoomReset:hover {\n    background: var(--tempest-surface-2);\n}\n"],"mappings":""}

package/dist/br/BrazilStateCitySelect.cjs

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